Template:UIUC Illinois CSS
From 2012.igem.org
(Difference between revisions)
(555 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
padding:0px 0px; | padding:0px 0px; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | background- | + | background-color: #BABABA; |
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center; | background-position: center; | ||
background-size:100% 100%; | background-size:100% 100%; | ||
} | } | ||
+ | |||
body { | body { | ||
background: #CECECE; | background: #CECECE; | ||
- | background-image: url('https://static.igem.org/mediawiki/2012/ | + | background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png'); |
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center; | background-position: center; | ||
Line 44: | Line 45: | ||
#top-section { | #top-section { | ||
- | background-image:url('https://static.igem.org/mediawiki/2012/ | + | background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png'); |
background-color:#151F4E; | background-color:#151F4E; | ||
background-position: top; | background-position: top; | ||
Line 55: | Line 56: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.7); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: -10px; | margin-top: -10px; | ||
Line 77: | Line 78: | ||
/* Header */ | /* Header */ | ||
+ | |||
+ | #igemlogozone { | ||
+ | position: absolute; | ||
+ | top: 25px; | ||
+ | left: 960px; | ||
+ | height: 125px; | ||
+ | width: 150px; | ||
+ | background-color: transparent; | ||
+ | } | ||
#wrapper { | #wrapper { | ||
Line 85: | Line 95: | ||
padding-right: 0%; | padding-right: 0%; | ||
padding-top: 1%; | padding-top: 1%; | ||
- | background- | + | background-color: #BABABA; |
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center; | background-position: center; | ||
Line 99: | Line 109: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.7); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-left: auto; | margin-left: auto; | ||
Line 119: | Line 129: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
z-index: 2; | z-index: 2; | ||
+ | -webkit-transition: all 300ms ease-in-out; | ||
} | } | ||
Line 143: | Line 154: | ||
width: 100px; | width: 100px; | ||
color:#ffffff; | color:#ffffff; | ||
- | background:# | + | background:#f68e3c; |
font: bold 16px Arial; | font: bold 16px Arial; | ||
z-index: 2; | z-index: 2; | ||
Line 153: | Line 164: | ||
text-decoration:none; | text-decoration:none; | ||
z-index: 2; | z-index: 2; | ||
+ | |||
} | } | ||
Line 164: | Line 176: | ||
#headernavbar ul li{ | #headernavbar ul li{ | ||
padding-top:0px; | padding-top:0px; | ||
+ | margin-bottom:-1px; | ||
float:none; | float:none; | ||
margin-top:-3px; | margin-top:-3px; | ||
Line 174: | Line 187: | ||
#headernavbar li:hover ul{ | #headernavbar li:hover ul{ | ||
left: -15px; | left: -15px; | ||
- | z-index: 2; | + | z-index: 2; |
+ | |||
} | } | ||
#headernavbar li:hover a{ | #headernavbar li:hover a{ | ||
Line 184: | Line 198: | ||
text-decoration:none; | text-decoration:none; | ||
z-index: 2; | z-index: 2; | ||
+ | |||
} | } | ||
#headernavbar li:hover ul li a:hover{ | #headernavbar li:hover ul li a:hover{ | ||
- | background:# | + | background:#f68e3c; |
z-index: 2; | z-index: 2; | ||
} | } | ||
- | |||
/* Main Page */ | /* Main Page */ | ||
+ | |||
#content-containertop { | #content-containertop { | ||
width: 1000px; | width: 1000px; | ||
- | height: | + | height: 0x; |
text-align: center; | text-align: center; | ||
padding-left: 0px; | padding-left: 0px; | ||
Line 205: | Line 220: | ||
} | } | ||
- | #content- | + | |
- | + | #content-topbottom { | |
- | width: | + | width: 950px; |
- | height: | + | height: 100px; |
float: left; | float: left; | ||
padding: 25px; | padding: 25px; | ||
Line 214: | Line 229: | ||
margin-left: -10px; | margin-left: -10px; | ||
margin-top: -5px; | margin-top: -5px; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | -webkit-box-shadow: 0 8px 6px -6px black; |
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | # | + | #maincontentnav { |
- | width: | + | width: 800px; |
float: center; | float: center; | ||
- | background-color:# | + | background-color:#F5DEB3; |
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 320px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba( | + | border: 10px solid rgba(244, 160, 90,1); |
+ | border-radius: 200px; | ||
background-clip: padding-box; | background-clip: padding-box; | ||
- | margin-top: | + | margin-top: 25px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | |||
} | } | ||
- | # | + | #maincontentselection{ |
- | width: | + | width: 300px; |
- | + | float: left; | |
- | + | height: 300px; | |
- | + | list-style: none; | |
- | + | margin-left: 100px; | |
- | + | margin-top: 0px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | + | #maincontentselection a { | |
- | + | cursor: pointer; | |
- | + | display:block; | |
- | + | float:left; | |
- | + | height:75px; | |
- | + | text-align:center; | |
- | + | text-decoration:none; | |
- | + | width:100%; | |
- | + | color:#ffffff; | |
- | + | padding-top: 10px; | |
- | + | padding-bottom: 0px; | |
- | + | font: bold 13px Arial; | |
- | + | list-style: none; | |
- | + | z-index:3; | |
} | } | ||
+ | #maincontentselection a:hover { | ||
+ | background:#ffe6cc; | ||
+ | text-decoration:none; | ||
+ | list-style: none; | ||
+ | border: 0px; | ||
+ | border-radius: 50px; | ||
+ | z-index:3; | ||
+ | } | ||
+ | #maincontentselection a:active { | ||
+ | color:white; | ||
+ | list-style: none; | ||
+ | } | ||
- | # | + | |
- | + | #maincontentselection2{ | |
- | + | width: 250px; | |
- | + | float: right; | |
- | + | height: 250px; | |
- | + | list-style: none; | |
- | + | margin-right: 80px; | |
- | + | margin-top: 10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | + | #maincontentselection2 a { | |
- | + | cursor: pointer; | |
+ | display:block; | ||
+ | float:left; | ||
+ | height:275px; | ||
+ | width: 325px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 0px; | ||
+ | font: bold 13px Arial; | ||
+ | list-style: none; | ||
+ | |||
} | } | ||
- | # | + | #maincontentselection2 a:hover { |
- | + | background:#ffe6cc; | |
- | + | text-decoration:none; | |
- | + | list-style: none; | |
- | height: | + | border: 0px; |
- | + | border-radius: 50px; | |
- | + | } | |
- | + | #maincontentselection2 a:active { | |
- | + | list-style: none; | |
- | border: 10px solid rgba(255, 255, 255,0. | + | color:white; |
+ | } | ||
+ | |||
+ | #maincontentselection3{ | ||
+ | width: 350px; | ||
+ | float: left; | ||
+ | height: 100px; | ||
+ | list-style: none; | ||
+ | margin-left: -309px; | ||
+ | margin-top: 150px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #maincontentselection3 a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:150px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | padding-top: -10px; | ||
+ | padding-bottom: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | list-style: none; | ||
+ | z-index:-1; | ||
+ | |||
+ | } | ||
+ | |||
+ | #maincontentselection3 a:hover { | ||
+ | background:#ffe6cc; | ||
+ | text-decoration:none; | ||
+ | list-style: none; | ||
+ | border: 0px; | ||
+ | border-radius: 50px; | ||
+ | z-index:-4; | ||
+ | } | ||
+ | #maincontentselection3 a:active { | ||
+ | list-style: none; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #maincontentdesc { | ||
+ | width: 980px; | ||
+ | float: center; | ||
+ | padding: 10px; | ||
+ | height: 100%; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
background-clip: padding-box; | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #content1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:#EEEEEE; | ||
+ | padding: 0px; | ||
+ | height: 400px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.7); | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#sponsorbox { | #sponsorbox { | ||
width: 950px; | width: 950px; | ||
float: center; | float: center; | ||
- | + | background: rgba(255,255,255,0.7); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
padding: 25px; | padding: 25px; | ||
- | height: | + | height: 350px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | + | ||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 25px; | margin-top: 25px; | ||
Line 356: | Line 431: | ||
width: 950px; | width: 950px; | ||
float: center; | float: center; | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
padding: 25px; | padding: 25px; | ||
- | height: | + | height: 200px; |
+ | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | |||
- | |||
margin-top: 10px; | margin-top: 10px; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
+ | |||
} | } | ||
+ | #ancillaryIntro { | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding: 25px; | ||
+ | height: 200px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | margin-top: 10px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | |||
+ | } | ||
/* Notebook */ | /* Notebook */ | ||
+ | |||
+ | #notebookselection{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 0px; | ||
+ | float: center; | ||
+ | font: 13px ; | ||
+ | } | ||
+ | |||
+ | |||
+ | #notebookselectionmenu{ | ||
+ | background-color: #003C7D; | ||
+ | width: 1000px; | ||
+ | height: 40px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: -60px; | ||
+ | margin-left: -10px; | ||
+ | padding:0px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.7); | ||
+ | background-clip: padding-box; | ||
+ | list-style: none; | ||
+ | font: 16px ; | ||
+ | } | ||
+ | |||
+ | #notebookselectionmenu li{ | ||
+ | list-style-type:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:center; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #notebookselectionmenu a { | ||
+ | cursor: pointer; | ||
+ | float:left; | ||
+ | height:30px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:500px; | ||
+ | background:#003C7D; | ||
+ | font: bold 15px Arial; | ||
+ | padding-top:10px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | #notebookselectionmenu a:hover { | ||
+ | background:#f68e3c; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #notebookselectionmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #labnotebooks{ | ||
+ | width: 950px; | ||
+ | height: 100%; | ||
+ | float: center; | ||
+ | text-align: left; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | margin-top: 20px; | ||
+ | margin-right: 0px; | ||
+ | margin-left: -10px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font:16px sans-serif ; | ||
+ | } | ||
+ | |||
+ | /* Lab Notebook */ | ||
+ | |||
+ | /* PUF notebook begins here */ | ||
+ | |||
+ | |||
+ | #PUFnotes { | ||
+ | width: 950px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 25px; | ||
+ | padding-right:25px; | ||
+ | margin-left: -25px; | ||
+ | margin-right:auto; | ||
+ | margin-top: 0px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #PUFnotebookmenu a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:24.6px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: 16px calibri; | ||
+ | } | ||
+ | |||
+ | #PUFnotebookmenu a:hover { | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #PUFnotebookmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | |||
+ | #PUFnotebookmenu { | ||
+ | background-color: #f68e3c; | ||
+ | width: 160px; | ||
+ | height: 650px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: -35px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.7); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font: 16px calibri; | ||
+ | } | ||
+ | |||
+ | |||
+ | #PUFnotebookdescription { | ||
+ | |||
+ | width: 800px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-right: -50px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font: 16px calibri; | ||
+ | } | ||
+ | |||
+ | /* PHAT Notebook begins here */ | ||
+ | |||
+ | #PHATnotes { | ||
+ | width: 950px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 25px; | ||
+ | padding-right:26px; | ||
+ | margin-left: -25px; | ||
+ | margin-right:auto; | ||
+ | margin-top: 0px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookmenu a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:24.6px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: 16px calibri; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookmenu a:hover { | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #PHATnotebookmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookmenu { | ||
+ | background-color: #f68e3c; | ||
+ | width: 160px; | ||
+ | height: 310px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-left: -35px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.7); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font: 16px calibri; | ||
+ | } | ||
+ | |||
+ | #PHATnotebookdescription { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 800px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-right: -50px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left:10px; | ||
+ | padding-right: 10px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font: 16px calibri; | ||
+ | } | ||
+ | |||
/* Protocol Section*/ | /* Protocol Section*/ | ||
Line 387: | Line 720: | ||
#protocolselection{ | #protocolselection{ | ||
+ | margin-top: -15px; | ||
background-color:#EEEEEE; | background-color:#EEEEEE; | ||
width: 250px; | width: 250px; | ||
Line 394: | Line 728: | ||
text-align: left; | text-align: left; | ||
margin-left: -10px; | margin-left: -10px; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.7); |
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 419: | Line 753: | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
- | background:# | + | background:#f68e3c; |
padding-top: 10px; | padding-top: 10px; | ||
font: bold 13px Arial; | font: bold 13px Arial; | ||
Line 430: | Line 764: | ||
#protocoloverview { | #protocoloverview { | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 665px; | width: 665px; | ||
height: 100%; | height: 100%; | ||
Line 437: | Line 772: | ||
text-align: left; | text-align: left; | ||
margin-right: -10px; | margin-right: -10px; | ||
- | + | margin-top: -15px; | |
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 448: | Line 783: | ||
/*Meeting Notes*/ | /*Meeting Notes*/ | ||
+ | |||
#meetingcontainer{ | #meetingcontainer{ | ||
width: 1000px; | width: 1000px; | ||
Line 456: | Line 792: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | margin-top: | + | margin-top: 5px; |
float: center; | float: center; | ||
} | } | ||
+ | |||
+ | #meetingintro{ | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-top: 00px; | ||
+ | padding-bottom: 25px; | ||
+ | height: 20px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
#meetingselection1{ | #meetingselection1{ | ||
- | + | list-style:none; | |
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 184px; | width: 184px; | ||
- | height: | + | height: 322px; |
float: left; | float: left; | ||
padding-top: 0px; | padding-top: 0px; | ||
text-align: left; | text-align: left; | ||
margin-left: -10px; | margin-left: -10px; | ||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
- | |||
- | |||
- | |||
font-size:100%; | font-size:100%; | ||
} | } | ||
#meetingselection2{ | #meetingselection2{ | ||
- | + | list-style:none; | |
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 184px; | width: 184px; | ||
- | height: | + | height: 322px; |
float: left; | float: left; | ||
padding-top: 0px; | padding-top: 0px; | ||
text-align: left; | text-align: left; | ||
margin-left: 0px; | margin-left: 0px; | ||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
- | |||
- | |||
- | |||
font-size:100%; | font-size:100%; | ||
} | } | ||
#meetingselection3{ | #meetingselection3{ | ||
- | + | list-style:none; | |
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 184px; | width: 184px; | ||
- | height: | + | height: 322px; |
float: left; | float: left; | ||
padding-top: 0px; | padding-top: 0px; | ||
text-align: left; | text-align: left; | ||
margin-left: 0px; | margin-left: 0px; | ||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
- | |||
- | |||
- | |||
font-size:100%; | font-size:100%; | ||
} | } | ||
#meetingselection4{ | #meetingselection4{ | ||
- | + | list-style:none; | |
width: 184px; | width: 184px; | ||
- | height: | + | height: 322px; |
float: left; | float: left; | ||
padding-top: 0px; | padding-top: 0px; | ||
text-align: left; | text-align: left; | ||
margin-left: 0px; | margin-left: 0px; | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
- | |||
- | |||
- | |||
font-size:100%; | font-size:100%; | ||
} | } | ||
#meetingselection5{ | #meetingselection5{ | ||
- | + | list-style:none; | |
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 184px; | width: 184px; | ||
- | height: | + | height: 322px; |
float: left; | float: left; | ||
padding-top: 0px; | padding-top: 0px; | ||
text-align: left; | text-align: left; | ||
margin-left: 0px; | margin-left: 0px; | ||
- | + | margin-right:-10px; | |
background-clip: padding-box; | background-clip: padding-box; | ||
- | |||
- | |||
- | |||
font-size:100%; | font-size:100%; | ||
} | } | ||
+ | #meetingselection1 li{ | ||
+ | list-style:none; | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
- | # | + | #meetingselection2 li{ |
+ | list-style:none; | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #meetingselection3 li{ | ||
+ | list-style:none; | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #meetingselection4 li{ | ||
+ | list-style:none; | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #meetingselection5 li{ | ||
+ | list-style:none; | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #meetingselection ul{ | ||
list-style:none; | list-style:none; | ||
float:left; | float:left; | ||
Line 546: | Line 917: | ||
} | } | ||
- | + | .meetingselection a { | |
+ | list-style:none; | ||
cursor: pointer; | cursor: pointer; | ||
display:block; | display:block; | ||
height:20px; | height:20px; | ||
+ | width: 100%; | ||
line-height: 25px; | line-height: 25px; | ||
text-align:center; | text-align:center; | ||
Line 555: | Line 928: | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
- | background:# | + | background:#f68e3c; |
padding-top: 5px; | padding-top: 5px; | ||
font: bold 13px Arial; | font: bold 13px Arial; | ||
} | } | ||
- | + | .meetingselection li:hover a{ | |
+ | list-style:none; | ||
+ | width: 100%; | ||
background:#003C7D; | background:#003C7D; | ||
text-decoration:none; | text-decoration:none; | ||
Line 566: | Line 941: | ||
#meetingoverview { | #meetingoverview { | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
- | width: | + | border: 10px solid rgba(255, 255, 255,0.8); |
+ | width: 950px; | ||
height: 100%; | height: 100%; | ||
- | float: | + | float: left; |
padding: 25px; | padding: 25px; | ||
text-align: left; | text-align: left; | ||
- | margin- | + | margin-left: -10px; |
- | + | ||
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 598: | Line 973: | ||
width: 1000px; | width: 1000px; | ||
float: center; | float: center; | ||
- | |||
height: 150px; | height: 150px; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
padding-top:50px; | padding-top:50px; | ||
Line 649: | Line 1,024: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#aboutusmenu{ | #aboutusmenu{ | ||
Line 670: | Line 1,031: | ||
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
- | margin-top: - | + | margin-top: -60px; |
margin-left: -10px; | margin-left: -10px; | ||
padding:0px; | padding:0px; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.7); |
background-clip: padding-box; | background-clip: padding-box; | ||
- | |||
- | |||
- | |||
list-style: none; | list-style: none; | ||
font: bold 16px Arial; | font: bold 16px Arial; | ||
Line 708: | Line 1,066: | ||
#aboutusmenu a:hover { | #aboutusmenu a:hover { | ||
- | background:# | + | background:#f68e3c; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 716: | Line 1,074: | ||
#aboutusdescription{ | #aboutusdescription{ | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
- | width: | + | border: 10px solid rgba(255, 255, 255,0.8); |
+ | width: 950px; | ||
height: 100%; | height: 100%; | ||
float: center; | float: center; | ||
text-align: left; | text-align: left; | ||
- | margin-top: | + | padding-left: 25px; |
+ | padding-right: 25px; | ||
+ | margin-top: 70px; | ||
margin-right: 0px; | margin-right: 0px; | ||
margin-left: -10px; | margin-left: -10px; | ||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 730: | Line 1,090: | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
list-style: none; | list-style: none; | ||
+ | font:16px sans-serif ; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
/*Undergrad Section*/ | /*Undergrad Section*/ | ||
Line 741: | Line 1,105: | ||
width: 950px; | width: 950px; | ||
float: center; | float: center; | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
- | padding-top: | + | border: 10px solid rgba(255, 255, 255,0.8); |
+ | padding-top: 10px; | ||
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
- | padding-bottom: | + | padding-bottom: 0px; |
height: 50px; | height: 50px; | ||
- | |||
- | |||
- | |||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
- | margin-top: | + | margin-top: 5px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | margin-bottom: | + | margin-bottom:0px; |
} | } | ||
Line 767: | Line 1,128: | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
- | background:# | + | background:#f68e3c; |
padding-top: 10px; | padding-top: 10px; | ||
font: bold 13px Arial; | font: bold 13px Arial; | ||
Line 794: | Line 1,155: | ||
#undergradsmenu { | #undergradsmenu { | ||
- | background-color: # | + | background-color: #f68e3c; |
- | width: | + | width: 160px; |
height: 310px; | height: 310px; | ||
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
- | margin-top: | + | margin-top: 20px; |
margin-left: -10px; | margin-left: -10px; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.8); |
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 811: | Line 1,172: | ||
#description { | #description { | ||
- | + | background: rgba(240, 240, 240, 1.0); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 815px; | width: 815px; | ||
height: 300px; | height: 300px; | ||
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
- | margin-top: | + | margin-top: 20px; |
- | margin-right: - | + | margin-right: -20px; |
- | margin-left: | + | margin-left: 0px; |
+ | margin-bottom: 50px; | ||
padding-top: 0px; | padding-top: 0px; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
padding-left:0px; | padding-left:0px; | ||
padding-right: 5px; | padding-right: 5px; | ||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 836: | Line 1,198: | ||
width: 950px; | width: 950px; | ||
float: center; | float: center; | ||
- | + | padding-top: 0px; | |
- | padding-top: | + | |
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
Line 845: | Line 1,206: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | + | background: rgba(240, 240, 240, 0.7); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
- | margin-top: | + | margin-top: 10px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 862: | Line 1,224: | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
- | background:# | + | background:#f68e3c; |
padding-top: 10px; | padding-top: 10px; | ||
font: bold 13px Arial; | font: bold 13px Arial; | ||
Line 891: | Line 1,253: | ||
background-color: #EEEEEE; | background-color: #EEEEEE; | ||
width: 150px; | width: 150px; | ||
- | height: | + | height: 100%; |
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
- | margin-top: | + | margin-top: 20px; |
margin-left: -10px; | margin-left: -10px; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.7); |
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 905: | Line 1,267: | ||
#advisorsdescription { | #advisorsdescription { | ||
- | + | background: rgba(240, 240, 240, 1.0); | |
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 815px; | width: 815px; | ||
- | height: | + | height: 100%; |
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
- | margin-top: - | + | margin-top: -418px; |
margin-right: -10px; | margin-right: -10px; | ||
margin-left: 170px; | margin-left: 170px; | ||
Line 917: | Line 1,280: | ||
padding-left:0px; | padding-left:0px; | ||
padding-right: 5px; | padding-right: 5px; | ||
- | |||
background-clip: padding-box; | background-clip: padding-box; | ||
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
Line 928: | Line 1,290: | ||
/* Projects */ | /* Projects */ | ||
- | # | + | #projectoverview { |
- | + | width: 950px; | |
- | + | float: left; | |
- | + | text-align: left; | |
- | + | background: rgba(240, 240, 240, 0.7); | |
- | padding- | + | border: 10px solid rgba(255, 255, 255,0.8); |
- | margin-left: | + | padding: 25px; |
- | margin-right:auto; | + | height: 375x; |
- | + | background-clip: padding-box; | |
- | + | margin-top: 10px; | |
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
} | } | ||
- | # | + | #projectcontainer { |
- | + | width: 1000px; | |
- | height: | + | height: 400px; |
text-align: center; | text-align: center; | ||
padding-left: 0px; | padding-left: 0px; | ||
Line 949: | Line 1,314: | ||
margin-right:auto; | margin-right:auto; | ||
margin-top: 25px; | margin-top: 25px; | ||
- | + | float: center; | |
- | float: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 1,096: | Line 1,325: | ||
*/ | */ | ||
- | #galleria{ width: | + | #galleria{ width: 100%; height: 400px; background: #000 } |
.galleria-container { | .galleria-container { | ||
Line 1,323: | Line 1,552: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba(255, 255, 255,0. | + | border: 10px solid rgba(255, 255, 255,0.7); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 95px; | margin-top: 95px; | ||
Line 1,329: | Line 1,558: | ||
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
- | + | } | |
#flowchart{ | #flowchart{ | ||
float:center; | float:center; | ||
+ | } | ||
+ | /*Outreach*/ | ||
+ | |||
+ | |||
+ | #outreachintro{ | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding-top: 10px; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 15px; | ||
+ | height: 35px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 5px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:0px; | ||
} | } | ||
+ | |||
+ | #outreachmenu a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:24.6px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #outreachmenu a:hover { | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #undergradsmenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #outreach { | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: -20px; | ||
+ | float: center; | ||
+ | font:16px sans-serif ; | ||
+ | } | ||
+ | |||
+ | #outreachmenu { | ||
+ | background-color: #f68e3c; | ||
+ | width: 160px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #outreachdescription { | ||
+ | width: 790px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-right: -20px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: -20px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font:16px sans-serif ; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* GMO Collab */ | ||
+ | |||
+ | |||
+ | #gmointro{ | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding-top: 10px; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 0px; | ||
+ | height: 35px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 5px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom:0px; | ||
+ | font:16px sans-serif ; | ||
+ | } | ||
+ | |||
+ | #gmomenu a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:24.6px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #gmomenu a:hover { | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #gmomenu a:active { | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | #gmo { | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: -20px; | ||
+ | float: center; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #gmomenu { | ||
+ | background-color: #f68e3c; | ||
+ | width: 160px; | ||
+ | height: 310px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #gmodescription { | ||
+ | |||
+ | width: 790px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin-top: 20px; | ||
+ | margin-right: -20px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left:15px; | ||
+ | padding-right: 15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | list-style: none; | ||
+ | font:16px sans-serif ; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Sponsor Logos */ | ||
+ | |||
+ | #row1logos a:hover{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | #row2logos a:hover{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | /* Results */ | ||
+ | |||
+ | #resultsoverview { | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding: 25px; | ||
+ | height: 150px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #resultscontainer { | ||
+ | width: 1000px; | ||
+ | height: 245px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | /* Biobricks */ | ||
+ | |||
+ | #biobricksoverview { | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | height: 400px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding: 25px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #biobrickscontainer { | ||
+ | width: 1000px; | ||
+ | height: 500px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | /* Safety */ | ||
+ | |||
+ | |||
+ | #safetyoverview { | ||
+ | width: 950px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | |||
+ | padding: 25px; | ||
+ | height: 1550px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #safetycontainer { | ||
+ | width: 1000px; | ||
+ | height: 1700px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | /* Design Section */ | ||
+ | |||
+ | |||
+ | #designContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #designSelection{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #legend{ | ||
+ | margin-top: 275px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/4/47/Legend2.png'); | ||
+ | width: 175px; | ||
+ | height: 145px; | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: 5px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | } | ||
+ | |||
+ | |||
+ | #designSelection li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #designSelection a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #designSelection li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #designOverview { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 715px; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-top: 0px; | ||
+ | |||
+ | |||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -15px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /* Data */ | ||
+ | |||
+ | #dataContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #dataSelection{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #dataSelection li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #dataSelection a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #dataSelection li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #dataOverview { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 715px; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-top: 0px; | ||
+ | |||
+ | |||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -15px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /* Future */ | ||
+ | |||
+ | #futureContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #futureSelection{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #futureSelection li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #futureSelection a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #futureSelection li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #futureOverview { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 715px; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-top: 0px; | ||
+ | |||
+ | |||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -15px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /* scaffold */ | ||
+ | |||
+ | #scaffoldContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 50px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height:145px; | ||
+ | margin-bottom:20px; | ||
+ | position:fixed; | ||
+ | float: left; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection0{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height: 180px; | ||
+ | position:fixed; | ||
+ | float: left; | ||
+ | margin-bottom:20px; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #scaffoldSelection0 li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection0 a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection0 li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #scaffoldOverview { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 715px; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-top: 0px; | ||
+ | |||
+ | |||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -15px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /* Petrobrick */ | ||
+ | |||
+ | #petrobrickContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #petrobrickSelection{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #petrobrickSelection li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #petrobrickSelection a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #petrobrickSelection li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #petrobrickOverview { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 715px; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-top: 0px; | ||
+ | |||
+ | |||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -15px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /* Assembly */ | ||
+ | |||
+ | #assemblyContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | margin-bottom:50px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #assemblySelection{ | ||
+ | margin-top: -15px; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | width: 205px; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | padding-top: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #assemblySelection li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #assemblySelection a { | ||
+ | cursor: pointer; | ||
+ | display:block; | ||
+ | height:25px; | ||
+ | line-height: 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | width:100%; | ||
+ | color:#ffffff; | ||
+ | background:#f68e3c; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #assemblySelection li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #assemblyOverview { | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | width: 715px; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | padding-left: 25px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 0px; | ||
+ | padding-top: 0px; | ||
+ | |||
+ | margin-bottom: 25px; | ||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -15px; | ||
+ | background-clip: padding-box; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /*Attributions*/ | ||
+ | |||
+ | #attributionsOverview { | ||
+ | width: 950px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | padding: 25px; | ||
+ | height: 1600px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #attributionsContainer { | ||
+ | width: 1000px; | ||
+ | height: 1600px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #appoverview { | ||
+ | width: 950px; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | background: rgba(240, 240, 240, 0.7); | ||
+ | border: 10px solid rgba(255, 255, 255,0.8); | ||
+ | |||
+ | padding: 25px; | ||
+ | height: 200px; | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: -10px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #appcontainer { | ||
+ | width: 1000px; | ||
+ | height: 200px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 08:30, 19 January 2013