m |
m |
||
(47 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 318: | Line 324: | ||
.title2 { | .title2 { | ||
margin:-100px 0px 0px 0px; | margin:-100px 0px 0px 0px; | ||
+ | padding: 0px 0px 50px 0px; | ||
height: 35vw; | height: 35vw; | ||
background: url('https://static.igem.org/mediawiki/2016/3/3b/T--WashU_StLouis--Background1.png') 0% 0 fixed; | background: url('https://static.igem.org/mediawiki/2016/3/3b/T--WashU_StLouis--Background1.png') 0% 0 fixed; | ||
Line 328: | Line 335: | ||
//margin-top:-100px; | //margin-top:-100px; | ||
width:80vw; | width:80vw; | ||
− | left: | + | left: 5vw; |
+ | z-index: 7; | ||
+ | |||
} | } | ||
.actionwords { | .actionwords { | ||
position: absolute; | position: absolute; | ||
− | top: | + | top:17vw; |
margin-top:-100px; | margin-top:-100px; | ||
− | width: | + | width:60vw; |
− | left: | + | left: 51vw; |
margin-left: -42vw; | 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; | ||
Line 345: | Line 380: | ||
//overflow: visible; | //overflow: visible; | ||
line-height: normal; | line-height: normal; | ||
− | color: # | + | color: #ffffff !important; |
text-shadow: | text-shadow: | ||
− | - | + | -2px -2px 0 #000, |
− | + | 2px -2px 0 #000, | |
− | - | + | -2px 2px 0 #000, |
− | + | 2px 2px 0 #000; | |
} | } | ||
+ | |||
+ | |||
.speech { | .speech { | ||
position: absolute; | position: absolute; | ||
Line 361: | Line 398: | ||
left:69vw; | left:69vw; | ||
margin-left: 0vw; | margin-left: 0vw; | ||
+ | z-index: 8; | ||
+ | |||
} | } | ||
.speechwords { | .speechwords { | ||
+ | |||
+ | font-family: 'Boogaloo', sans-serif; | ||
position: absolute; | position: absolute; | ||
top:20vw; | top:20vw; | ||
margin-top:-100px; | margin-top:-100px; | ||
− | width: | + | width:24vw; |
− | left: | + | left: 72vw; |
margin-left: 0vw; | margin-left: 0vw; | ||
+ | z-index: 9; | ||
+ | |||
} | } | ||
.page_text{ | .page_text{ | ||
− | padding: | + | padding: 50px 5vw 0px 5vw; |
} | } | ||
Line 397: | 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 425: | 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 433: | 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 495: | Line 538: | ||
font-size: 15px; | font-size: 15px; | ||
transition: 0.4s; | transition: 0.4s; | ||
+ | |||
} | } | ||
Line 501: | Line 545: | ||
color: #444; | color: #444; | ||
cursor: pointer; | cursor: pointer; | ||
− | padding: 18px; | + | //padding: 18px; |
width: 50%; | width: 50%; | ||
border: none; | border: none; | ||
Line 508: | Line 552: | ||
font-size: 15px; | font-size: 15px; | ||
transition: 0.4s; | transition: 0.4s; | ||
+ | padding: 10px; | ||
+ | |||
} | } | ||
Line 513: | Line 559: | ||
button.protocol-accordion:hover { | button.protocol-accordion:hover { | ||
background-color: #ddd; | background-color: #ddd; | ||
+ | padding: 20px; | ||
+ | |||
+ | |||
} | } | ||
Line 520: | 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 539: | 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 598: | Line 657: | ||
<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