(24 intermediate revisions by the same user not shown) | |||
Line 231: | Line 231: | ||
/********************************* HTML STYLING *********************************/ | /********************************* HTML STYLING *********************************/ | ||
+ | |||
+ | /* Spoiler */ | ||
+ | .hide, | ||
+ | .hide + label ~ div { | ||
+ | display: none; | ||
+ | } | ||
+ | /* Spoiler label */ | ||
+ | .hide + label { | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | color: 000000; | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | /* Spoiler label when opened */ | ||
+ | .hide:checked + label { | ||
+ | font-weight: bold; | ||
+ | color: 6fd700; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | /* Spoiler content */ | ||
+ | .hide:checked + label + div { | ||
+ | display: block; | ||
+ | background: #ffffff; | ||
+ | margin-left: 20px; | ||
+ | padding: 10px; | ||
+ | /* Spoiler animation */ | ||
+ | -webkit-animation:fade ease-in 0.5s; | ||
+ | -moz-animation:fade ease-in 0.5s; | ||
+ | animation:fade ease-in 0.5s; | ||
+ | } | ||
+ | /* Spoiler animation */ | ||
+ | @-moz-keyframes fade { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1 } | ||
+ | } | ||
+ | @-webkit-keyframes fade { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1 } | ||
+ | } | ||
+ | @keyframes fade { | ||
+ | from { opacity: 0; } | ||
+ | to { opacity: 1 } | ||
+ | } | ||
+ | .hide + label:before { | ||
+ | background-color: #6fd700; | ||
+ | color: #fff; | ||
+ | content: "\002B"; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | height: 16px; | ||
+ | line-height: 16px; | ||
+ | margin: 3px 5px; | ||
+ | text-align: center; | ||
+ | width: 16px; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | .hide:checked + label:before { | ||
+ | content: "\2212"; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
/* styling for the titles h1 h2 */ | /* styling for the titles h1 h2 */ | ||
Line 270: | Line 339: | ||
.igem_2017_content_wrapper a:hover { | .igem_2017_content_wrapper a:hover { | ||
text-decoration:none; | text-decoration:none; | ||
− | color:# | + | color:#347800; |
} | } | ||
Line 350: | Line 419: | ||
float:left; | float:left; | ||
margin: 10px 10px 10px 0; | margin: 10px 10px 10px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* class for a 1/3 PIC ONLY width column */ | ||
+ | .column.triple_pic { | ||
+ | width: 33.3%; | ||
+ | } | ||
+ | /* styling for images in a 1/3 PIC ONLY width column*/ | ||
+ | .column.triple_pic img { | ||
+ | width: 94.5%; | ||
+ | padding: 10px 15px; | ||
+ | |||
} | } | ||
Line 447: | Line 528: | ||
.column.half_size {width:100%; } | .column.half_size {width:100%; } | ||
.column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | ||
+ | .column.triple_size {width:100%; } | ||
.highlight {padding:15px 5px;} | .highlight {padding:15px 5px;} | ||
.igem_2017_menu_wrapper #display_menu_control { display:block; } | .igem_2017_menu_wrapper #display_menu_control { display:block; } | ||
Line 547: | Line 629: | ||
</a> | </a> | ||
− | + | <!-- <a href="https://2017.igem.org/Team:Moscow_RF/Design"> | |
<div class="submenu_button" id="Design_page"> | <div class="submenu_button" id="Design_page"> | ||
Design | Design | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | --> | |
− | + | <!-- <a href="https://2017.igem.org/Team:Moscow_RF/Experiments"> | |
<div class="submenu_button" id="Experiments_page"> | <div class="submenu_button" id="Experiments_page"> | ||
Experiments | Experiments | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | --> | |
<a href="https://2017.igem.org/Team:Moscow_RF/notebook"> | <a href="https://2017.igem.org/Team:Moscow_RF/notebook"> | ||
Line 566: | Line 648: | ||
</a> | </a> | ||
− | + | <!-- <a href="https://2017.igem.org/Team:Moscow_RF/InterLab"> | |
<div class="submenu_button" id="InterLab_page"> | <div class="submenu_button" id="InterLab_page"> | ||
InterLab | InterLab | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | --> | |
<a href="https://2017.igem.org/Team:Moscow_RF/Contribution"> | <a href="https://2017.igem.org/Team:Moscow_RF/Contribution"> | ||
<div class="submenu_button" id="Contribution_page"> | <div class="submenu_button" id="Contribution_page"> | ||
Line 584: | Line 666: | ||
</a> | </a> | ||
− | + | <!-- <a href="https://2017.igem.org/Team:Moscow_RF/Results"> | |
<div class="submenu_button" id="Results_page"> | <div class="submenu_button" id="Results_page"> | ||
Results | Results | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | --> | |
− | + | ||
<a href="https://2017.igem.org/Team:Moscow_RF/Demonstrate"> | <a href="https://2017.igem.org/Team:Moscow_RF/Demonstrate"> | ||
<div class="submenu_button" id="Demonstrate_page"> | <div class="submenu_button" id="Demonstrate_page"> | ||
Line 596: | Line 677: | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | <!-- <a href="https://2017.igem.org/Team:Moscow_RF/Improve"> | |
− | + | ||
<div class="submenu_button" id="Improve_page"> | <div class="submenu_button" id="Improve_page"> | ||
Improve | Improve | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | --> | |
<a href="https://2017.igem.org/Team:Moscow_RF/Attributions"> | <a href="https://2017.igem.org/Team:Moscow_RF/Attributions"> | ||
<div class="submenu_button" id="Attributions_page"> | <div class="submenu_button" id="Attributions_page"> | ||
Line 634: | Line 714: | ||
</a> | </a> | ||
− | + | <!-- <a href="https://2017.igem.org/Team:Moscow_RF/Composite_Part"> | |
<div class="submenu_button" id="Composite_Part_page"> | <div class="submenu_button" id="Composite_Part_page"> | ||
Composite Parts | Composite Parts | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | --> | |
<a href="https://2017.igem.org/Team:Moscow_RF/Part_Collection"> | <a href="https://2017.igem.org/Team:Moscow_RF/Part_Collection"> | ||
<div class="submenu_button" id="Part_Collection_page"> | <div class="submenu_button" id="Part_Collection_page"> | ||
Line 649: | Line 729: | ||
</div> | </div> | ||
− | + | <a href="https://2017.igem.org/Team:Moscow_RF/Safety"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:Moscow_RF/ | + | |
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> | ||
− | + | SAFETY | |
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="menu_button" > | <div class="menu_button" > | ||
Line 695: | Line 766: | ||
− | + | <!-- <div class="menu_button"> | |
<div class="expand_collapse_icon"> </div>AWARDS | <div class="expand_collapse_icon"> </div>AWARDS | ||
</div> | </div> | ||
− | + | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
Line 743: | Line 814: | ||
Software | Software | ||
</div> | </div> | ||
+ | </div> | ||
− | + | </a>--> | |
− | </a> | + | <a href="https://igem.org/2017_Judging_Form?id=2488"> |
− | <a href="https://igem.org/2017_Judging_Form? | + | |
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> | ||
JUDGING FORM | JUDGING FORM | ||
Line 753: | Line 824: | ||
− | + | ||
− | + | ||
<a href="https://2017.igem.org/Team:Moscow_RF/Thanks"> | <a href="https://2017.igem.org/Team:Moscow_RF/Thanks"> | ||
<div class="menu_button direct_to_page"> | <div class="menu_button direct_to_page"> |
Latest revision as of 11:42, 30 October 2017