|
|
| Line 1: |
Line 1: |
| - | __NOTOC__
| |
| - | <html>
| |
| - | <!-- We would like to thank TU Delft for their WikiHacks and BCCS Bristol for inspiring our menubar design-->
| |
| - | <style>
| |
| - | /*BEGIN HEADER/MENU REMOVAL*/
| |
| - | h1.firstHeading {display:none;}
| |
| - | body {background-color: #260603; background-repeat: no-repeat; background-position: top center;0}
| |
| - | #top-section {width:965px; border: 0; border-bottom: 1px solid #888888; height: 20px; overflow: visible;}
| |
| - | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
| |
| - | #menubar {position: absolute; top: 0px; display:block; float:left; border: none;}
| |
| - | #menubar li a {color: #888888;}
| |
| - | #menubar.right-menu {position: absolute; right: 20px; font-size: 10px;}
| |
| - | #menubar.left-menu {position: absolute; left: 20px; font-size: 10px;}
| |
| - | #search-controls {display: none}
| |
| - | h3#siteSub {display: none;}
| |
| - | #contentSub {display: none;}
| |
| - | p:first-child {display: none;}
| |
| - | #p-logo {display: none;}
| |
| - | #p-logo a {display: none;}
| |
| - | /*END HEADER/MENUBAR REMOVAL*/
| |
| - | /* Wiki Hacks - END */
| |
| - | #content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;}
| |
| - | #footer-box {width: 949px;}
| |
| - | h1 { background: #DFE4EB; color: black; text-align:center; }
| |
| - | h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black; font-weight:bold; }
| |
| - | .panel img { width: 200px } /*bottom boxes width */
| |
| | | | |
| - | ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none; z-index:500;}
| |
| - | ul#nav { position:centre; left: 3px; z-index:500; }
| |
| - | ul#nav ul { display: none; z-index:500;}
| |
| - | ul#nav li {float:left; position:relative; margin-bottom: 0; z-index:500;}
| |
| - | ul#nav a {
| |
| - | display:block;
| |
| - | width:12em;
| |
| - | font-size:1em;
| |
| - | height:2em;
| |
| - | line-height:2em; /* ul#nav a height */
| |
| - | text-decoration:none;
| |
| - | text-indent:0.5em;
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav li:hover > ul {
| |
| - | display:block;
| |
| - | position:absolute;
| |
| - | left:12em; /* ul#nav a width */
| |
| - | top:0;
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav > li:hover > ul {
| |
| - | left:0;
| |
| - | top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav > li {
| |
| - | border: 0.5em solid #260603;
| |
| - | background: #003366;
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav > li:first-child {
| |
| - | -moz-border-radius-topleft: 0.0em;
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav > li:last-child {
| |
| - | -moz-border-radius-topright: 0.0em;
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav li > ul {
| |
| - | border: 0.2em solid #000;
| |
| - | -moz-border-radius: 0.2em;
| |
| - | z-index:500;
| |
| - | }
| |
| - | ul#nav li > a { background: #fff; color: black; z-index:500;}
| |
| - | ul#nav li:hover > a { color: #fff; background: #260603; z-index:500;} /* Menu subitem hover text */
| |
| - | ul#nav > li > a { color:#000; background: #DFE4EB; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center; z-index:500;} /*menu text properties*/
| |
| - | ul#nav > li:hover > a { }
| |
| - |
| |
| - |
| |
| - |
| |
| - | ul#nav2, ul#nav2 ul { padding:0; margin:0; list-style-type: none; list-style-image: none;}
| |
| - | ul#nav2 { position:centre; left: 3px;}
| |
| - | ul#nav2 ul { display: none;}
| |
| - | ul#nav2 li {float:left; position:relative; margin-bottom: 0;}
| |
| - | ul#nav2 a {
| |
| - | display:block;
| |
| - | width:12em;
| |
| - | font-size:1em;
| |
| - | height:2em;
| |
| - | line-height:2em; /* ul#nav a height */
| |
| - | text-decoration:none;
| |
| - | text-indent:0.5em;
| |
| - | }
| |
| - | ul#nav2 li:hover > ul {
| |
| - | display:block;
| |
| - | position:absolute;
| |
| - | left:12em; /* ul#nav a width */
| |
| - | top:0;
| |
| - | }
| |
| - | ul#nav2 > li:hover > ul {
| |
| - | left:0;
| |
| - | top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */
| |
| - | }
| |
| - | ul#nav2 > li {
| |
| - | border: 0.5em solid #632D2D;
| |
| - | background: #003366;
| |
| - | }
| |
| - | ul#nav2 > li:first-child {
| |
| - | -moz-border-radius-topleft: 0.0em;
| |
| - | }
| |
| - | ul#nav2 > li:last-child {
| |
| - | -moz-border-radius-topright: 0.0em;
| |
| - | }
| |
| - | ul#nav2 li > ul {
| |
| - | border: 0.2em solid #000;
| |
| - | -moz-border-radius: 0.2em;
| |
| - | }
| |
| - | ul#nav2 li > a { background: #fff; color: black;}
| |
| - | ul#nav2 li:hover > a { color: #fff; background: #260603;} /* Menu subitem hover text */
| |
| - | ul#nav2 > li > a { color:#fff; background: #212121; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center;} /*menu text properties*/
| |
| - | ul#nav2 > li:hover > a { }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | </html>
| |
| - | <html>
| |
| - | <body>
| |
| - | <div id="logo" style="position: relative; width: 949px; height: 225px; background: url('https://static.igem.org/mediawiki/2013/5/56/UC-SantaCruz_Banner.jpg'); clear: both; ">
| |
| - | </div>
| |
| - | </html>
| |
| - | {{:Team:UC-Santa_Cruz/templates/menu}}
| |
"
