From 2012.igem.org
ul.sidenav {
list-style:none;
padding: 0;
margin:0px, 0px, 0px, 35px;
width: 160px;
float: right;
}
ul.sidenav li {
position: relative;
}
ul.sidenav li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
margin: .75%;
font: 2em 'Myriad Pro';
width: 150px;
}
ul.sidenav li a:link, ul.sidenav li a:visited{
background-size: 20px;
/*background-color: #006291;*/ /*background of tabs (default state)*/
}
ul.sidenav li a:visited{
color: white;
}
ul.sidenav li a:hover{
background-color: black;
}
ul.topnav {
list-style: none;
padding: 0px 0px;
margin: 0;
width:1000px;
float: left;
}
ul.topnav li {
font-family: 'Georgia', Times, serif;
font-weight: 150;
font-size: 1.65em;
float: left;
margin:0px 0px 0px 0px;
opacity:.8;
padding: 2px 6px 10px 12px;
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
padding: 18px 8px 10px 10px;
color: white;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background-color:black;
padding: 18px 8px 10px 10px;
font-color: white;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 25px;
float: left;
background-color: gray;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 3px; top: 55px;
background: #333;
margin: 0; padding: 3px;
display: none;
float: left;
width: 160px;
opacity: .6;
border: 1px solid #111;
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
height:45px;
width: 155px;
font-size: .5em;
font-family: 'Georgia', Times, serif;
font-weight: 150;
}
html ul.topnav li ul.subnav li a {
float: left;
height:50px;
width: 145px;
background-color: white;
padding-left: 3px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background-color: blue;
}
#slideshow {
margin: 50px auto;
position: relative;
width: 240px;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
#content1{
font-family:Georgia ,Helvetica,sans-serif;
height: 300px;
}
#content2{
font-family:Georgia ,Helvetica,sans-serif;
height: 50px;
}
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
#globalWrapper {width: 100%;}
#content{
padding: 0px;
width: 1000px;
background: #BABABA;
font-family:Georgia ,Helvetica,sans-serif;
border: none;
text-decoration: none;
}
#footer, f-poweredbyico, f-copyrightico, f-list {
background: #BABABA;
margin:0px;
padding:0px;}
#footer-box {
background: #BABABA;
border:none;}
.main_item h1{
text-decoration:none;
}
#p-logo{
display:none;
}
#top-section2{
width: 100%;
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
height: 65px;
}
#top-section3{
width: 100%;
height:0px;
}
#team{border: 1px solid black;
padding: 2px;
height:380px;}
#search-controls{
display:none;
}
#spacer {
height: 15px;
}
#spacer2 {
height: 9em;
}
#spacer3 {
height: .4em;
}
#spacer4 {
height: 1em;
}
#top-section{
width: 100%;
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
height: 5px;
border:none;
}
.firstHeading {
display:none;
}
/*
* jQuery Nivo Slider v2.6
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
effect: 'fade'
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:15px;
}
.nivo-nextNav {
right:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.theme-default .nivo-controlNav {
position:absolute; left:100%; bottom: 200 px;
margin-left: -900px;
z-index: -1;
}
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.theme-default #slider {
margin:0px auto 0px auto;
width:480px; /* Make sure your images are the same size */
height:360px; /* Make sure your images are the same size */
}