"
Template:UIUC Illinois CSS
From 2012.igem.org
(Difference between revisions)
| (146 intermediate revisions not shown) | |||
| Line 154: | 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 201: | Line 201: | ||
} | } | ||
#headernavbar li:hover ul li a:hover{ | #headernavbar li:hover ul li a:hover{ | ||
| - | background:# | + | background:#f68e3c; |
z-index: 2; | z-index: 2; | ||
} | } | ||
| Line 210: | Line 210: | ||
#content-containertop { | #content-containertop { | ||
width: 1000px; | width: 1000px; | ||
| - | height: | + | height: 0x; |
text-align: center; | text-align: center; | ||
padding-left: 0px; | padding-left: 0px; | ||
| Line 221: | Line 221: | ||
| - | #content- | + | #content-topbottom { |
| - | width: | + | width: 950px; |
height: 100px; | height: 100px; | ||
float: left; | float: left; | ||
| Line 228: | Line 228: | ||
text-align: left; | text-align: left; | ||
margin-left: -10px; | margin-left: -10px; | ||
| - | margin-top: - | + | margin-top: -5px; |
-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; | ||
| Line 238: | Line 238: | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
#maincontentnav { | #maincontentnav { | ||
| Line 260: | Line 244: | ||
background-color:#F5DEB3; | 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; | ||
| Line 267: | Line 251: | ||
border-radius: 200px; | 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; | ||
| Line 275: | Line 259: | ||
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
| - | height: | + | height: 300px; |
list-style: none; | list-style: none; | ||
margin-left: 100px; | margin-left: 100px; | ||
| Line 392: | Line 376: | ||
#maincontentdesc { | #maincontentdesc { | ||
| - | width: | + | width: 980px; |
float: center; | float: center; | ||
| - | + | padding: 10px; | |
| - | padding: | + | height: 100%; |
| - | height: | + | 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-top: 20px; | ||
| Line 413: | Line 400: | ||
height: 400px; | height: 400px; | ||
border: 10px solid rgba(255, 255, 255,0.7); | border: 10px solid rgba(255, 255, 255,0.7); | ||
| + | -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-top: 20px; | ||
| Line 424: | Line 414: | ||
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 443: | Line 434: | ||
border: 10px solid rgba(255, 255, 255,0.8); | border: 10px solid rgba(255, 255, 255,0.8); | ||
padding: 25px; | padding: 25px; | ||
| - | height: | + | height: 200px; |
background-clip: padding-box; | 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-top: 10px; | ||
margin-left: auto; | margin-left: auto; | ||
| Line 452: | Line 446: | ||
} | } | ||
| + | #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 */ | ||
| Line 509: | Line 520: | ||
#notebookselectionmenu a:hover { | #notebookselectionmenu a:hover { | ||
| - | background:# | + | background:#f68e3c; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| Line 517: | Line 528: | ||
#labnotebooks{ | #labnotebooks{ | ||
| - | |||
width: 950px; | width: 950px; | ||
height: 100%; | height: 100%; | ||
| Line 524: | Line 534: | ||
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
| - | margin-top: | + | margin-top: 20px; |
margin-right: 0px; | margin-right: 0px; | ||
margin-left: -10px; | margin-left: -10px; | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | 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 562: | Line 573: | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
| - | background:# | + | background:#f68e3c; |
padding-top: 10px; | padding-top: 10px; | ||
font: 16px calibri; | font: 16px calibri; | ||
| Line 577: | Line 588: | ||
#PUFnotebookmenu { | #PUFnotebookmenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
| - | height: | + | height: 650px; |
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
margin-top: 20px; | margin-top: 20px; | ||
| + | margin-bottom: 20px; | ||
margin-left: -35px; | margin-left: -35px; | ||
border: 10px solid rgba(255, 255, 255,0.7); | border: 10px solid rgba(255, 255, 255,0.7); | ||
| Line 595: | Line 607: | ||
#PUFnotebookdescription { | #PUFnotebookdescription { | ||
| - | + | ||
width: 800px; | width: 800px; | ||
height: 100%; | height: 100%; | ||
| Line 607: | Line 619: | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 10px; | padding-right: 10px; | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | 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 639: | Line 652: | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
| - | background:# | + | background:#f68e3c; |
padding-top: 10px; | padding-top: 10px; | ||
font: 16px calibri; | font: 16px calibri; | ||
| Line 653: | Line 666: | ||
#PHATnotebookmenu { | #PHATnotebookmenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
height: 310px; | height: 310px; | ||
| Line 670: | Line 683: | ||
#PHATnotebookdescription { | #PHATnotebookdescription { | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 800px; | width: 800px; | ||
height: 100%; | height: 100%; | ||
| Line 682: | Line 696: | ||
padding-left:10px; | padding-left:10px; | ||
padding-right: 10px; | padding-right: 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 740: | 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 751: | 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 759: | Line 773: | ||
margin-right: -10px; | margin-right: -10px; | ||
margin-top: -15px; | 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 786: | Line 799: | ||
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-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
| Line 792: | Line 806: | ||
padding-bottom: 25px; | padding-bottom: 25px; | ||
height: 20px; | height: 20px; | ||
| - | |||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 10px; | margin-top: 10px; | ||
| Line 803: | Line 816: | ||
#meetingselection1{ | #meetingselection1{ | ||
list-style:none; | list-style:none; | ||
| - | background | + | 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%; | ||
| Line 817: | Line 830: | ||
#meetingselection2{ | #meetingselection2{ | ||
list-style:none; | list-style:none; | ||
| - | background | + | 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%; | ||
| Line 830: | Line 843: | ||
#meetingselection3{ | #meetingselection3{ | ||
list-style:none; | list-style:none; | ||
| - | background | + | 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%; | ||
| Line 843: | Line 856: | ||
#meetingselection4{ | #meetingselection4{ | ||
list-style:none; | 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%; | ||
| Line 856: | Line 869: | ||
#meetingselection5{ | #meetingselection5{ | ||
list-style:none; | list-style:none; | ||
| - | background | + | 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; | ||
| Line 864: | Line 878: | ||
margin-left: 0px; | margin-left: 0px; | ||
margin-right:-10px; | margin-right:-10px; | ||
| - | |||
background-clip: padding-box; | background-clip: padding-box; | ||
font-size:100%; | font-size:100%; | ||
| Line 915: | 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; | ||
| Line 928: | Line 941: | ||
#meetingoverview { | #meetingoverview { | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 950px; | width: 950px; | ||
height: 100%; | height: 100%; | ||
| Line 935: | Line 949: | ||
text-align: left; | text-align: left; | ||
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 960: | 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 1,053: | Line 1,066: | ||
#aboutusmenu a:hover { | #aboutusmenu a:hover { | ||
| - | background:# | + | background:#f68e3c; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| Line 1,061: | Line 1,074: | ||
#aboutusdescription{ | #aboutusdescription{ | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | border: 10px solid rgba(255, 255, 255,0.8); | ||
width: 950px; | width: 950px; | ||
height: 100%; | height: 100%; | ||
| Line 1,071: | Line 1,085: | ||
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 1,092: | Line 1,105: | ||
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-top: 10px; | padding-top: 10px; | ||
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
| - | height: | + | height: 50px; |
| - | + | ||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 5px; | margin-top: 5px; | ||
| Line 1,115: | 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 1,142: | Line 1,155: | ||
#undergradsmenu { | #undergradsmenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
height: 310px; | height: 310px; | ||
| Line 1,149: | Line 1,162: | ||
margin-top: 20px; | 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 1,159: | 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; | ||
| Line 1,167: | Line 1,181: | ||
margin-right: -20px; | margin-right: -20px; | ||
margin-left: 0px; | 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 1,184: | Line 1,198: | ||
width: 950px; | width: 950px; | ||
float: center; | float: center; | ||
| - | |||
padding-top: 0px; | padding-top: 0px; | ||
padding-left: 25px; | padding-left: 25px; | ||
| Line 1,193: | 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: 10px; | margin-top: 10px; | ||
| Line 1,210: | 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 1,239: | 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; | ||
| Line 1,253: | 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 1,265: | 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 1,278: | Line 1,292: | ||
#projectoverview { | #projectoverview { | ||
width: 950px; | width: 950px; | ||
| - | float: | + | float: left; |
| + | text-align: left; | ||
background: rgba(240, 240, 240, 0.7); | background: rgba(240, 240, 240, 0.7); | ||
border: 10px solid rgba(255, 255, 255,0.8); | border: 10px solid rgba(255, 255, 255,0.8); | ||
padding: 25px; | padding: 25px; | ||
| - | height: | + | height: 375x; |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 10px; | margin-top: 10px; | ||
| Line 1,292: | Line 1,307: | ||
#projectcontainer { | #projectcontainer { | ||
width: 1000px; | width: 1000px; | ||
| - | height: | + | height: 400px; |
text-align: center; | text-align: center; | ||
padding-left: 0px; | padding-left: 0px; | ||
| Line 1,310: | Line 1,325: | ||
*/ | */ | ||
| - | #galleria{ width: | + | #galleria{ width: 100%; height: 400px; background: #000 } |
.galleria-container { | .galleria-container { | ||
| Line 1,554: | Line 1,569: | ||
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-top: 10px; | padding-top: 10px; | ||
padding-left: 25px; | padding-left: 25px; | ||
padding-right: 25px; | padding-right: 25px; | ||
| - | padding-bottom: | + | padding-bottom: 15px; |
height: 35px; | height: 35px; | ||
| - | |||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 5px; | margin-top: 5px; | ||
| Line 1,577: | Line 1,592: | ||
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 1,604: | Line 1,619: | ||
#outreachmenu { | #outreachmenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
| - | height: | + | height: 100%; |
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
margin-top: 20px; | 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 1,621: | Line 1,636: | ||
#outreachdescription { | #outreachdescription { | ||
| - | |||
width: 790px; | width: 790px; | ||
height: 100%; | height: 100%; | ||
| Line 1,629: | Line 1,643: | ||
margin-right: -20px; | margin-right: -20px; | ||
margin-left: 0px; | margin-left: 0px; | ||
| - | padding-top: | + | padding-top: -20px; |
padding-bottom: 10px; | padding-bottom: 10px; | ||
| - | padding-left:15px; | + | padding-left: 15px; |
padding-right: 15px; | padding-right: 15px; | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | 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 1,649: | Line 1,664: | ||
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-top: 10px; | padding-top: 10px; | ||
padding-left: 25px; | padding-left: 25px; | ||
| Line 1,655: | Line 1,671: | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
height: 35px; | height: 35px; | ||
| - | |||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 5px; | margin-top: 5px; | ||
| Line 1,673: | Line 1,688: | ||
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 1,700: | Line 1,715: | ||
#gmomenu { | #gmomenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
height: 310px; | height: 310px; | ||
| Line 1,707: | Line 1,722: | ||
margin-top: 20px; | 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 1,717: | Line 1,732: | ||
#gmodescription { | #gmodescription { | ||
| - | + | ||
width: 790px; | width: 790px; | ||
height: 100%; | height: 100%; | ||
| Line 1,729: | Line 1,744: | ||
padding-left:15px; | padding-left:15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
| - | + | background: rgba(240, 240, 240, 0.7); | |
| + | 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 1,781: | Line 1,797: | ||
width: 950px; | width: 950px; | ||
float: center; | float: center; | ||
| + | height: 400px; | ||
background: rgba(240, 240, 240, 0.7); | background: rgba(240, 240, 240, 0.7); | ||
border: 10px solid rgba(255, 255, 255,0.8); | border: 10px solid rgba(255, 255, 255,0.8); | ||
padding: 25px; | padding: 25px; | ||
| - | |||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 10px; | margin-top: 10px; | ||
| Line 1,794: | Line 1,810: | ||
#biobrickscontainer { | #biobrickscontainer { | ||
width: 1000px; | width: 1000px; | ||
| - | height: | + | height: 500px; |
text-align: center; | text-align: center; | ||
padding-left: 0px; | padding-left: 0px; | ||
| Line 1,803: | Line 1,819: | ||
float: center; | 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
