Difference between revisions of "Template:WashU StLouis"
m |
m |
||
| (54 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | |||
| − | |||
| − | |||
<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 17: | 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 30: | 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 124: | Line 130: | ||
/* 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:red; | color:red; | ||
font-size:130%; | font-size:130%; | ||
| Line 147: | Line 153: | ||
.menu_items > li> a:hover { | .menu_items > li> a:hover { | ||
| − | //background-color:# | + | //background-color:#efefef; |
color:red; | color:red; | ||
//font-size:16px; | //font-size:16px; | ||
| Line 312: | 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 341: | 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 369: | 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 377: | 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 439: | Line 538: | ||
font-size: 15px; | font-size: 15px; | ||
transition: 0.4s; | transition: 0.4s; | ||
| + | |||
} | } | ||
| Line 445: | Line 545: | ||
color: #444; | color: #444; | ||
cursor: pointer; | cursor: pointer; | ||
| − | padding: 18px; | + | //padding: 18px; |
width: 50%; | width: 50%; | ||
border: none; | border: none; | ||
| Line 452: | Line 552: | ||
font-size: 15px; | font-size: 15px; | ||
transition: 0.4s; | transition: 0.4s; | ||
| + | padding: 10px; | ||
| + | |||
} | } | ||
| Line 457: | Line 559: | ||
button.protocol-accordion:hover { | button.protocol-accordion:hover { | ||
background-color: #ddd; | background-color: #ddd; | ||
| + | padding: 20px; | ||
| + | |||
| + | |||
} | } | ||
| Line 464: | 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 483: | 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 539: | Line 654: | ||
| − | <li class="menu_item right_mi"> <a href="https://2016.igem.org/Team:WashU_StLouis/Measurement"> | + | <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/Achievements">Medal Achievements</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/Measurement">Measurement | + | <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 | + | <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/Basic_Part">Basic Part</a></li> | ||
<li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Part</a></li> | <li> <a href="https://2016.igem.org/Team:WashU_StLouis/Composite_Part">Composite Part</a></li> | ||
Latest revision as of 03:14, 20 October 2016
