"
Template:UIUC Illinois CSS
From 2012.igem.org
(Difference between revisions)
m |
|||
| (186 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: | + | height: 100px; |
float: left; | float: left; | ||
padding: 25px; | padding: 25px; | ||
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 { | ||
| - | width: | + | width: 800px; |
float: center; | float: center; | ||
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; | ||
| - | margin-top: | + | margin-top: 0px; |
} | } | ||
| Line 295: | Line 279: | ||
font: bold 13px Arial; | font: bold 13px Arial; | ||
list-style: none; | list-style: none; | ||
| + | z-index:3; | ||
} | } | ||
| Line 303: | Line 288: | ||
border: 0px; | border: 0px; | ||
border-radius: 50px; | border-radius: 50px; | ||
| + | z-index:3; | ||
} | } | ||
#maincontentselection a:active { | #maincontentselection a:active { | ||
| Line 311: | Line 297: | ||
#maincontentselection2{ | #maincontentselection2{ | ||
| - | width: | + | width: 250px; |
float: right; | float: right; | ||
| - | height: | + | height: 250px; |
list-style: none; | list-style: none; | ||
| - | margin-right: | + | margin-right: 80px; |
| - | margin-top: | + | margin-top: 10px; |
} | } | ||
| Line 324: | Line 310: | ||
display:block; | display:block; | ||
float:left; | float:left; | ||
| - | height: | + | height:275px; |
| + | width: 325px; | ||
text-align:center; | text-align:center; | ||
text-decoration:none; | text-decoration:none; | ||
width:100%; | width:100%; | ||
color:#ffffff; | color:#ffffff; | ||
| - | |||
padding-top: 20px; | padding-top: 20px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
| Line 355: | Line 341: | ||
list-style: none; | list-style: none; | ||
margin-left: -309px; | margin-left: -309px; | ||
| - | margin-top: | + | margin-top: 150px; |
} | } | ||
| Line 372: | Line 358: | ||
font: bold 13px Arial; | font: bold 13px Arial; | ||
list-style: none; | list-style: none; | ||
| + | z-index:-1; | ||
} | } | ||
| Line 381: | Line 368: | ||
border: 0px; | border: 0px; | ||
border-radius: 50px; | border-radius: 50px; | ||
| + | z-index:-4; | ||
} | } | ||
#maincontentselection3 a:active { | #maincontentselection3 a:active { | ||
| Line 388: | Line 376: | ||
#maincontentdesc { | #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; | |
| - | + | margin-top: 20px; | |
| - | + | margin-left: auto; | |
| - | + | margin-right: auto; | |
| - | + | font-size:150%; | |
| - | + | text-align:left; | |
| - | + | ||
} | } | ||
| 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; | ||
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 */ | ||
| Line 508: | Line 520: | ||
#notebookselectionmenu a:hover { | #notebookselectionmenu a:hover { | ||
| - | background:# | + | background:#f68e3c; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| Line 516: | Line 528: | ||
#labnotebooks{ | #labnotebooks{ | ||
| - | |||
width: 950px; | width: 950px; | ||
height: 100%; | height: 100%; | ||
| Line 523: | 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 561: | 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 576: | 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 594: | Line 607: | ||
#PUFnotebookdescription { | #PUFnotebookdescription { | ||
| - | + | ||
width: 800px; | width: 800px; | ||
height: 100%; | height: 100%; | ||
| Line 606: | 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 638: | 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 652: | Line 666: | ||
#PHATnotebookmenu { | #PHATnotebookmenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
height: 310px; | height: 310px; | ||
| Line 669: | 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 681: | 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 739: | 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 750: | 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 758: | 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 785: | 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 791: | 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 802: | 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 816: | 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 829: | 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 842: | 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 855: | 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 863: | 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 914: | 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 927: | 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 934: | 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 959: | 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,052: | Line 1,066: | ||
#aboutusmenu a:hover { | #aboutusmenu a:hover { | ||
| - | background:# | + | background:#f68e3c; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| Line 1,060: | 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,070: | 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,091: | 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,114: | 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,141: | Line 1,155: | ||
#undergradsmenu { | #undergradsmenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
height: 310px; | height: 310px; | ||
| Line 1,148: | 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,158: | 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,166: | 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,183: | 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,192: | 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,209: | 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,238: | 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,252: | 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,264: | 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,275: | 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 1,296: | Line 1,314: | ||
margin-right:auto; | margin-right:auto; | ||
margin-top: 25px; | margin-top: 25px; | ||
| - | + | float: center; | |
| - | float: | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| Line 1,443: | Line 1,325: | ||
*/ | */ | ||
| - | #galleria{ width: | + | #galleria{ width: 100%; height: 400px; background: #000 } |
.galleria-container { | .galleria-container { | ||
| Line 1,687: | 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,710: | 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,737: | 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,754: | Line 1,636: | ||
#outreachdescription { | #outreachdescription { | ||
| - | |||
width: 790px; | width: 790px; | ||
height: 100%; | height: 100%; | ||
| Line 1,762: | 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,782: | 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,788: | 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,806: | 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,833: | Line 1,715: | ||
#gmomenu { | #gmomenu { | ||
| - | background-color: # | + | background-color: #f68e3c; |
width: 160px; | width: 160px; | ||
height: 310px; | height: 310px; | ||
| Line 1,840: | 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,850: | Line 1,732: | ||
#gmodescription { | #gmodescription { | ||
| - | + | ||
width: 790px; | width: 790px; | ||
height: 100%; | height: 100%; | ||
| Line 1,862: | 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,881: | Line 1,764: | ||
} | } | ||
| + | /* 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; | ||
| + | } | ||
Latest revision as of 08:30, 19 January 2013
