|
|
| Line 380: |
Line 380: |
| | | | |
| | /*LAYOUT */ | | /*LAYOUT */ |
| − | .column { | + | .igem_2017_content_wrapper .column { |
| | padding: 10px 0px; | | padding: 10px 0px; |
| | float:left; | | float:left; |
| Line 469: |
Line 469: |
| | } | | } |
| | | | |
| − | .highlight.turquoise_top { | + | .highlight.blue_top { |
| | border-top: 4px solid #00bdcd; | | border-top: 4px solid #00bdcd; |
| | } | | } |
| | | | |
| | | | |
| − | .highlight.turquoise_border { | + | .highlight.blue_border { |
| | border: 4px solid #00bdcd; | | border: 4px solid #00bdcd; |
| | } | | } |
| | | | |
| | | | |
| − |
| |
| − | .patrollink {display:none;}
| |
| − |
| |
| − |
| |
| − | .turquoise_full {
| |
| − | border: 4px solid #00bdcd;
| |
| − | }
| |
| − |
| |
| − | .yellow_full {
| |
| − | border: 4px solid #ffe000;
| |
| − | }
| |
| − |
| |
| − | .blue_full {
| |
| − | border: 4px solid #00bccc;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .highlight.news_item {
| |
| − | border: 2px solid #d3d3d3;
| |
| − | margin: auto;
| |
| − | height: auto;
| |
| − | overflow: auto;
| |
| − | width: 97%;
| |
| − | }
| |
| − |
| |
| − | .news_date {
| |
| − | font-style: italic;
| |
| − | display: inline-block;
| |
| − | color: #333333;
| |
| − | float: right;
| |
| − | padding-top: 5px;
| |
| − | padding-right: 15px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .button {
| |
| − | margin: auto;
| |
| − | text-align: center;
| |
| − | font-size: 15px;
| |
| − | margin: 30px 0px;
| |
| − | }
| |
| − |
| |
| − | .button a {
| |
| − | color: #000000 !important;
| |
| − | font-weight: bold;
| |
| − | margin: auto;
| |
| − | text-decoration: none !important;
| |
| − | background-color: #00bdcd;
| |
| − | padding: 10px 15px;
| |
| − | }
| |
| − |
| |
| − | .button a:hover {
| |
| − | background-color: #000000;
| |
| − | color: #00bdcd !important;
| |
| − | }
| |
| − |
| |
| − | .multiple_links a{
| |
| − | color: black !important;
| |
| − | }
| |
| − |
| |
| − | .multiple_links a:hover {
| |
| − | color: #004789 !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* image slider styling */
| |
| − | ul.image_slider {
| |
| − | list-style: none;
| |
| − | margin: 0px -19px;
| |
| − | padding:0px;
| |
| − | }
| |
| − |
| |
| − | .image_slider ul {
| |
| − | padding: 0px;
| |
| − | }
| |
| | | | |
| | /*STYLING */ | | /*STYLING */ |
| | | | |
| − | /* styling for the titles */ | + | /* styling for the titles h1 h2 */ |
| | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { | | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { |
| | padding:5px 15px; | | padding:5px 15px; |
| Line 568: |
Line 490: |
| | | | |
| | | | |
| − | | + | /* styling for the titles h3 h4 h5 h6*/ |
| | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { | | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { |
| | padding:5px 15px; | | padding:5px 15px; |
| Line 640: |
Line 562: |
| | background-color:#f2f2f2; | | background-color:#f2f2f2; |
| | } | | } |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .vertical_line {
| |
| − | position: absolute;
| |
| − | width: 5px;
| |
| − | background-color: #ccc;
| |
| − | left: 20px;
| |
| − | height: 100%;
| |
| − | z-index: -1;
| |
| − | }
| |
| − |
| |
| − | .left_column {
| |
| − | width: 12%;
| |
| − | border: 4px solid #d3d3d3;
| |
| − | text-align: center;
| |
| − | font-size: 25px;
| |
| − | float: left;
| |
| − | border-radius: 10px;
| |
| − | color: #666666;
| |
| − | padding: 4% 0;
| |
| − | font-weight: bold;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .left_column.month_access{
| |
| − | border: 4px solid #00bdcd;
| |
| − |
| |
| − | color: #00bdcd;
| |
| − | font-size: 40px;
| |
| − | font-weight: bold;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | .left_column.month_access::before {
| |
| − | content: "-";
| |
| − | }
| |
| − |
| |
| − | .left_column.month_access.plus::before {
| |
| − | content: "+";
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .left_column.month_access:hover {
| |
| − | background-color: #00bdcd;
| |
| − | color: white;
| |
| − | -webkit-transition: all 0.4s ease;
| |
| − | -moz-transition: all 0.4s ease;
| |
| − | -ms-transition: all 0.4s ease;
| |
| − | -o-transition: all 0.4s ease;
| |
| − | transition: all 0.4s ease;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .right_column h1{
| |
| − | font-size: 40px;
| |
| − | padding: 15px 10px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .right_column {
| |
| − | padding: 10px 0px 15px 0px;
| |
| − | float: left;
| |
| − | width: 80%;
| |
| − | }
| |
| − |
| |
| − | .right_column.event_content {
| |
| − | border-top: 1px solid #d3d3d3;
| |
| − | }
| |
| − |
| |
| | | | |
| | | | |
