Template:UIUC Illinois CSS
From 2012.igem.org
(Difference between revisions)
Line 2,090: | Line 2,090: | ||
} | } | ||
+ | /* scaffold */ | ||
+ | |||
+ | #scaffoldContainer{ | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection{ | ||
+ | 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%; | ||
+ | } | ||
+ | |||
+ | #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:#F47F24; | ||
+ | padding-top: 10px; | ||
+ | font: bold 13px Arial; | ||
+ | } | ||
+ | |||
+ | #scaffoldSelection 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:#F47F24; | ||
+ | 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; | ||
+ | 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:#F47F24; | ||
+ | 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: 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%; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 21:33, 29 September 2012