Difference between revisions of "Template:WashU StLouis"
m |
m |
||
| (67 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
<style> | <style> | ||
| − | + | @font-face { | |
| − | @ | + | font-family: Bangers; |
| − | + | src: url(https://static.igem.org/mediawiki/2016/1/1d/T--WashU_StLouis--Bangers.woff); | |
| + | } | ||
| + | @font-face { | ||
| + | font-family: Boogaloo; | ||
| + | src: url(https://static.igem.org/mediawiki/2016/8/8e/T--WashU_StLouis--Boogaloo.woff); | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: MartelReg; | ||
| + | src: url(https://static.igem.org/mediawiki/2016/f/f3/T--WashU_StLouis--MartelReg.woff); | ||
| + | } | ||
| Line 14: | Line 23: | ||
body {background-color:transparent; } | body {background-color:transparent; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| − | h1, h2, h3, h4, h5, h6, h7 { font-family: ' | + | h1, h2, h3, h4, h5, h6, h7 {font-family: 'MartelReg', sans-serif;} |
h1{ font-size: 100px; line-height: normal; text-align: center; } | h1{ font-size: 100px; line-height: normal; text-align: center; } | ||
h2{ font-size: 25px; line-height: normal; text-align: center; } | h2{ font-size: 25px; line-height: normal; text-align: center; } | ||
| Line 27: | Line 36: | ||
padding:0px 0px 0px 0px; | padding:0px 0px 0px 0px; | ||
float:left; | float:left; | ||
| − | background-color:# | + | background-color: #dbdbdb; |
text-align:left; | text-align:left; | ||
| − | font-family: ' | + | font-family: 'MartelReg', sans-serif; |
z-index:50; | z-index:50; | ||
box-shadow: 0px 4px 20px 0px grey; | box-shadow: 0px 4px 20px 0px grey; | ||
| Line 36: | Line 45: | ||
/* styling for the menu items */ | /* styling for the menu items */ | ||
.menu_item { | .menu_item { | ||
| − | width: | + | width:13%; |
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
| − | padding: 10px 10px 10px 10px; | + | //padding: 10px 10px 10px 10px; |
| − | border-left: 1px solid # | + | //border-left: 1px solid #000000; |
| − | //border-right: 1px solid # | + | //border-right: 1px solid #000000; |
font-weight:bold; | font-weight:bold; | ||
color:#000000; | color:#000000; | ||
| Line 61: | Line 70: | ||
/* when hovering on a menu item */ | /* when hovering on a menu item */ | ||
.menu_item:hover { | .menu_item:hover { | ||
| − | color:#000000; | + | //color:#000000; |
| − | background-color: #72c9b6; | + | //background-color: #72c9b6; |
} | } | ||
| Line 93: | Line 102: | ||
//width:100%; | //width:100%; | ||
margin-top:-2px; | margin-top:-2px; | ||
| − | padding: 15px | + | padding: 0px 15px 0px 15px ; |
display:block; | display:block; | ||
//border-bottom: 1px solid #d3d3d3; | //border-bottom: 1px solid #d3d3d3; | ||
| Line 107: | Line 116: | ||
-o-transition: all 0.4s ease; transition: all 0.4s ease; | -o-transition: all 0.4s ease; transition: all 0.4s ease; | ||
} | } | ||
| + | |||
.menu_item a { | .menu_item a { | ||
| + | display:block; | ||
width: 100%; | width: 100%; | ||
| + | //height: 100%; | ||
//margin-left: -20px; | //margin-left: -20px; | ||
| − | + | padding: 15px 0px 12px 0px; | |
text-decoration: none; | text-decoration: none; | ||
| − | color: | + | color:#04036C; |
} | } | ||
/* When hovering on a menu item */ | /* When hovering on a menu item */ | ||
.menu_items > li:hover { | .menu_items > li:hover { | ||
| − | background-color:# | + | background-color: #efefef; |
| − | color: # | + | color:red; |
| + | font-size:130%; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .super_cell { | ||
| + | font-family: 'Bangers'; | ||
| + | font-size:22px; | ||
| + | -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; | ||
| + | } | ||
| + | |||
| + | .super_cell:hover { | ||
| + | font-size:30px | ||
| + | } | ||
| + | |||
| + | |||
| + | .menu_items > li> a:hover { | ||
| + | //background-color:#efefef; | ||
| + | color:red; | ||
| + | //font-size:16px; | ||
| + | |||
} | } | ||
| Line 128: | Line 165: | ||
font-weight:bold; | font-weight:bold; | ||
cursor:pointer; | cursor:pointer; | ||
| − | + | font-size:12px; | |
| + | //background-color:#000000; | ||
} | } | ||
| Line 134: | Line 172: | ||
ul.submenu { | ul.submenu { | ||
width: 100%; | width: 100%; | ||
| − | margin: | + | margin: 0px 10px -16px -20px; |
list-style: none; | list-style: none; | ||
} | } | ||
| Line 144: | Line 182: | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
padding: 0px 0px 0px 0px; | padding: 0px 0px 0px 0px; | ||
| + | cursor:pointer; | ||
} | } | ||
| Line 153: | Line 192: | ||
display: inline-block; | display: inline-block; | ||
border-bottom: 1px solid #d3d3d3; | border-bottom: 1px solid #d3d3d3; | ||
| + | border-top: 1px solid #d3d3d3; | ||
background-color:white; | background-color:white; | ||
text-decoration:none; | text-decoration:none; | ||
| Line 161: | Line 201: | ||
.submenu li a:hover { | .submenu li a:hover { | ||
| − | background-color:#000000; | + | //background-color:#000000; |
| − | color: | + | color: red; |
| + | |||
} | } | ||
| Line 277: | Line 318: | ||
margin: 0px 0px 100px 0px; | margin: 0px 0px 100px 0px; | ||
padding: 50px 0px 50px 0px; | padding: 50px 0px 50px 0px; | ||
| − | |||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | .title2 { | ||
| + | margin:-100px 0px 0px 0px; | ||
| + | padding: 0px 0px 50px 0px; | ||
| + | height: 35vw; | ||
| + | background: url('https://static.igem.org/mediawiki/2016/3/3b/T--WashU_StLouis--Background1.png') 0% 0 fixed; | ||
| + | background-position: 0% 0%; | ||
| + | } | ||
| + | |||
| + | .action { | ||
| + | position: absolute; | ||
| + | top:2vw; | ||
| + | //margin-top:-100px; | ||
| + | width:80vw; | ||
| + | left: 5vw; | ||
| + | z-index: 7; | ||
| + | |||
| + | } | ||
| + | .actionwords { | ||
| + | position: absolute; | ||
| + | top:17vw; | ||
| + | margin-top:-100px; | ||
| + | width:60vw; | ||
| + | left: 51vw; | ||
| + | margin-left: -42vw; | ||
| + | z-index: 49; | ||
| + | font-family: 'Bangers', sans-serif; | ||
| + | font-weight: normal; | ||
| + | font-size: 150px; | ||
| + | text-align: center; | ||
| + | //overflow: visible; | ||
| + | line-height: normal; | ||
| + | color: #ffffff !important; | ||
| + | text-shadow: | ||
| + | -2px -2px 0 #000, | ||
| + | 2px -2px 0 #000, | ||
| + | -2px 2px 0 #000, | ||
| + | 2px 2px 0 #000; | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | .lactionwords { | ||
| + | position: absolute; | ||
| + | top:14vw; | ||
| + | margin-top:-100px; | ||
| + | width:60vw; | ||
| + | left: 51vw; | ||
| + | margin-left: -42vw; | ||
| + | z-index: 49; | ||
| + | |||
| + | |||
| + | font-family: 'Bangers', sans-serif; | ||
| + | font-weight: normal; | ||
| + | font-size: 150px; | ||
| + | text-align: center; | ||
| + | //overflow: visible; | ||
| + | line-height: normal; | ||
| + | color: #ffffff !important; | ||
| + | text-shadow: | ||
| + | -2px -2px 0 #000, | ||
| + | 2px -2px 0 #000, | ||
| + | -2px 2px 0 #000, | ||
| + | 2px 2px 0 #000; | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | .speech { | ||
| + | position: absolute; | ||
| + | top:13vw; | ||
| + | margin-top:-100px; | ||
| + | width:30vw; | ||
| + | left:69vw; | ||
| + | margin-left: 0vw; | ||
| + | z-index: 8; | ||
| + | |||
| + | } | ||
| + | .speechwords { | ||
| + | |||
| + | font-family: 'Boogaloo', sans-serif; | ||
| + | position: absolute; | ||
| + | top:20vw; | ||
| + | margin-top:-100px; | ||
| + | width:24vw; | ||
| + | left: 72vw; | ||
| + | margin-left: 0vw; | ||
| + | z-index: 9; | ||
| + | |||
| + | } | ||
.page_text{ | .page_text{ | ||
| − | padding: | + | padding: 50px 5vw 0px 5vw; |
} | } | ||
| Line 291: | Line 425: | ||
font-size: 15px; | font-size: 15px; | ||
font-family: 'Times New Roman', Times, serif; | font-family: 'Times New Roman', Times, serif; | ||
| + | text-align: center; | ||
} | } | ||
| Line 305: | Line 440: | ||
font-size: 18px; | font-size: 18px; | ||
//font-family:Tahoma, Geneva, sans-serif; | //font-family:Tahoma, Geneva, sans-serif; | ||
| − | font-family: ' | + | font-family: 'MartelReg', sans-serif; |
line-height: 200%; | line-height: 200%; | ||
} | } | ||
| Line 333: | Line 468: | ||
font-size: 18px; | font-size: 18px; | ||
//font-family:Tahoma, Geneva, sans-serif; | //font-family:Tahoma, Geneva, sans-serif; | ||
| − | font-family: ' | + | font-family: 'MartelReg', sans-serif; |
} | } | ||
| Line 341: | Line 476: | ||
font-size: 18px; | font-size: 18px; | ||
//font-family:Tahoma, Geneva, sans-serif; | //font-family:Tahoma, Geneva, sans-serif; | ||
| − | font-family: ' | + | font-family: 'MartelReg', sans-serif; |
} | } | ||
| Line 403: | Line 538: | ||
font-size: 15px; | font-size: 15px; | ||
transition: 0.4s; | transition: 0.4s; | ||
| + | |||
} | } | ||
| Line 409: | Line 545: | ||
color: #444; | color: #444; | ||
cursor: pointer; | cursor: pointer; | ||
| − | padding: 18px; | + | //padding: 18px; |
width: 50%; | width: 50%; | ||
border: none; | border: none; | ||
| Line 416: | Line 552: | ||
font-size: 15px; | font-size: 15px; | ||
transition: 0.4s; | transition: 0.4s; | ||
| + | padding: 10px; | ||
| + | |||
} | } | ||
| Line 421: | Line 559: | ||
button.protocol-accordion:hover { | button.protocol-accordion:hover { | ||
background-color: #ddd; | background-color: #ddd; | ||
| + | padding: 20px; | ||
| + | |||
| + | |||
} | } | ||
| Line 428: | Line 569: | ||
color: #777; | color: #777; | ||
float: right; | float: right; | ||
| − | + | padding-right: 20px; | |
| + | |||
| + | |||
| + | |||
} | } | ||
button.protocol-accordion.active:after { | button.protocol-accordion.active:after { | ||
content: "\2796"; | content: "\2796"; | ||
| + | padding-right: 20px; | ||
| + | |||
| + | |||
| + | |||
} | } | ||
div.protocol-panel { | div.protocol-panel { | ||
| − | |||
background-color: white; | background-color: white; | ||
| + | //padding: 0 18px; | ||
max-height: 0; | max-height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 447: | Line 595: | ||
opacity: 1; | opacity: 1; | ||
max-height: 800px; | max-height: 800px; | ||
| + | padding: 25px 0px 25px 0px; | ||
| + | margin: 25px 18px 25px 0px; | ||
| + | background-color: #E8E8E8; | ||
} | } | ||
| Line 500: | Line 651: | ||
<ul id="accordion" class="accordion menu_items"> | <ul id="accordion" class="accordion menu_items"> | ||
| − | <li class="menu_item left_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis"> | + | <li class="menu_item left_mi" > <a href="https://2016.igem.org/Team:WashU_StLouis" class = "super_cell">SUPER CELLS</a> </li> |
| − | <li class="menu_item right_mi"> < | + | <li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement"> ACHIEVEMENTS </a> |
<ul class="submenu"> | <ul class="submenu"> | ||
| − | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement">Measurement</a></li> | + | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Achievements">Medal Achievements</a></li> |
| − | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Model">Model</a></li> | + | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement">Measurement Award</a></li> |
| + | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Model">Model Award</a></li> | ||
| + | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Basic_Part">Basic Part</a></li> | ||
| + | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Part</a></li> | ||
| + | |||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 514: | Line 669: | ||
| − | <li class="menu_item right_mi"> < | + | <li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Experiments"> LAB </a> |
<ul class="submenu"> | <ul class="submenu"> | ||
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Experiments">Experiments</a></li> | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Experiments">Experiments</a></li> | ||
| Line 524: | Line 679: | ||
| − | <li class="menu_item right_mi"> < | + | <li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Description"> PROJECT </a> |
<ul class="submenu"> | <ul class="submenu"> | ||
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Description">Overview</a></li> | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Description">Overview</a></li> | ||
| Line 540: | Line 695: | ||
| − | <li class="menu_item right_mi"> < | + | <li class="menu_item right_mi"> <a href=" https://2016.igem.org/Team:WashU_StLouis/Team">TEAM</a> |
<ul class="submenu"> | <ul class="submenu"> | ||
<li> <a href=" https://2016.igem.org/Team:WashU_StLouis/Team">Team</a> </li> | <li> <a href=" https://2016.igem.org/Team:WashU_StLouis/Team">Team</a> </li> | ||
Latest revision as of 03:14, 20 October 2016
