Template:UIUC09Temp
From 2009.igem.org
(Difference between revisions)
(254 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <style type= | + | <style type=text/css> |
- | + | .firstHeading { | |
- | + | display:none; | |
- | + | } | |
- | + | ||
- | + | body { | |
- | + | position:relative; | |
- | + | background:url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf; | |
- | + | } | |
- | + | ||
- | -- | + | #content { |
+ | background:url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf; | ||
+ | border:0; | ||
+ | } | ||
+ | |||
+ | #uicontent { | ||
+ | width:780px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #uicontentbox { | ||
+ | border:solid 1px; | ||
+ | margin:0px 5px 20px; | ||
+ | padding:10px; | ||
+ | background:#ddd; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color:#6e8bbf; | ||
+ | border-color:#6e8bbf; | ||
+ | } | ||
+ | |||
+ | div#top-section,div#content { | ||
+ | border-width:1px; | ||
+ | border-color:#fff; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | color:#F47F24; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background: #ddd; | ||
+ | } | ||
+ | |||
+ | table.calendar td { | ||
+ | vertical-align:top; | ||
+ | align:center; | ||
+ | } | ||
+ | |||
+ | table.month { | ||
+ | background-color:#F47F24; | ||
+ | border:solid 1px; | ||
+ | } | ||
+ | |||
+ | table.month .heading td { | ||
+ | background-color:#003C7D; | ||
+ | color:#F47F24; | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | text-size:140%; | ||
+ | } | ||
+ | |||
+ | table.month .dow td { | ||
+ | color:#000; | ||
+ | text-align:center; | ||
+ | font-size:100%; | ||
+ | } | ||
+ | |||
+ | table.month td { | ||
+ | border:none; | ||
+ | text-align:center; | ||
+ | background-color:#F47F24; | ||
+ | } | ||
+ | |||
+ | table.month a:hover { | ||
+ | background-color:#CCC; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .day-active { | ||
+ | color:#003C7D; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | .day-empty { | ||
+ | color:#000; | ||
+ | } | ||
+ | |||
+ | /*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/ | ||
+ | /**************** horizontal menu coding *****************/ | ||
+ | #menu { | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #menu a.gray, #menu a.orange { | ||
+ | text-align:center; | ||
+ | vertical-align:top; | ||
+ | text-transform:uppercase; | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | #menu a.orange { | ||
+ | width:100px; | ||
+ | color:#003C7D; | ||
+ | font-weight:bold; | ||
+ | font-size:10px; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/4/49/UI09orangebutton.png); | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #menu a.gray { | ||
+ | width:125px; | ||
+ | color:#000; | ||
+ | font-weight:normal; | ||
+ | font-size:11px; | ||
+ | border-width:1px; | ||
+ | border-style:solid; | ||
+ | border-color:#ccc #888 #555 #bbb; | ||
+ | text-decoration:none; | ||
+ | background:#ccc; | ||
+ | } | ||
+ | |||
+ | #menu a.orange:hover { | ||
+ | color:#fff; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png); | ||
+ | } | ||
+ | |||
+ | #menu a.gray:hover { | ||
+ | color:#fff; | ||
+ | background: #003C7D; | ||
+ | } | ||
+ | |||
+ | #menu li { | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | /**************** vertical menu coding (from DynamicDrive) *****************/ | ||
+ | .vmenu{ | ||
+ | margin: 5px; | ||
+ | padding: 0; | ||
+ | width: 135px; /*width of menu*/ | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .vmenu a.menuitem, .vmenu div.submenu ul li a { | ||
+ | height:25px; | ||
+ | display:block; | ||
+ | margin:1px; | ||
+ | padding:0px 5px; | ||
+ | } | ||
+ | |||
+ | .vmenu a.menuitem{ | ||
+ | text-transform:uppercase; | ||
+ | color:#fff; | ||
+ | font-weight:bold; | ||
+ | font-size:14px; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png); | ||
+ | text-decoration:none; | ||
+ | display: block; | ||
+ | position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | .vmenu a.menuitem:visited, .vmenu .menuitem:active{ | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ | ||
+ | position: absolute; | ||
+ | top: 5px; | ||
+ | right: 5px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .vmenu a.menuitem:hover{ | ||
+ | color:#fff; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png); | ||
+ | } | ||
+ | |||
+ | .vmenu div.submenu ul{ /*UL of each sub menu*/ | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .vmenu div.submenu ul li a{ | ||
+ | display: block; | ||
+ | color:#fff; | ||
+ | font-weight:bold; | ||
+ | font-size:12px; | ||
+ | background:url(https://static.igem.org/mediawiki/2009/1/18/UI09Sidethird.png); | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .vmenu div.submenu ul li a:hover{ | ||
+ | color:#fff; | ||
+ | background:#003C7D; | ||
+ | } | ||
+ | |||
+ | /**************** Navigation Buttons (for Project and Experiments pages) *****************/ | ||
+ | #nav { | ||
+ | width: 770px; | ||
+ | height: 160px; | ||
+ | margin: 5px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: inline-block; | ||
+ | list-style:none; | ||
+ | width: 175px; | ||
+ | height: 150px; | ||
+ | margin: 5px 37px; | ||
+ | border: none; | ||
+ | color: #f00; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #nav a.intro { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png); | ||
+ | } | ||
+ | |||
+ | #nav a.intro:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png); | ||
+ | } | ||
+ | |||
+ | #nav a.research { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png); | ||
+ | } | ||
+ | |||
+ | #nav a.research:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png); | ||
+ | } | ||
+ | |||
+ | #nav a.modeling { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png); | ||
+ | } | ||
+ | |||
+ | #nav a.modeling:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png); | ||
+ | } | ||
+ | |||
+ | #nav a.protocols { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png); | ||
+ | } | ||
+ | |||
+ | #nav a.protocols:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png); | ||
+ | } | ||
+ | |||
+ | #nav a.vectors { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png); | ||
+ | } | ||
+ | |||
+ | #nav a.vectors:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2009/f/f5/UI09Vectorshover.png); | ||
+ | } | ||
+ | |||
+ | #nav a.results { | ||
+ | width: 600px; | ||
+ | height: 35px; | ||
+ | background:#003C7D | ||
+ | } | ||
+ | |||
+ | #nav a.results:hover { | ||
+ | background:#6e8bbf; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 03:55, 22 October 2009