Team:OU-Norman OK/stylesheet
From 2013.igem.org
div#navigation{
/* Old browsers */
border-radius: 0px;
padding:90px 0 0 0;
}
- navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
- navigation ul li{
float:left; position:relative;
}
- navigation ul li a{
display:block;
padding:7px 12px; margin-left:auto;
margin-right:auto;
font-size:18px; white-space:nowrap; border-radius:1px; }
- navigation ul li a:hover{}
- navigation ul li ul li a{width: 150px;}
- navigation ul ul li a:hover{
background:black; /*menu item highlight*/
background-repeat:repeat-x;
color:white; /*text on hover*/
background-size:200%; }
- navigation ul ul{
float: left;
position:absolute; height:-99999px; margin-left:auto;
margin-right:auto;
opacity: 0; /* Hide sub level */ -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; z-index:497; background:#fffdd0; /*menu background*/ padding: 0px; border:1px solid #063257; border-top:1px solid #063257; box-shadow:#111 0 3px 4px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
- navigation ul ul ul {
margin-left:auto;
margin-right:auto;
opacity: 0; -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */ -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; border-radius:6px; border:1px solid #444; }
- navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
- navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
- footer-box {visibility:hidden}
- catlinks {visibility:hidden}
- top-section {height: 0px;}
- p-logo {height:0px; overflow:hidden; display:none;}
- search-controls {display:none;}
- top-section {
height:14px; width: 100%; border: 0; background: rgba(51,51,51,1)}
.left-menu a {
color: white; }
.left-menu:hover {
color: white; background: transparent; }
.left-menu:hover a {
color: white; }
.right-menu li a {
background-color: transparent; color: white;}
- content {
width:100%; border:none; padding:0;
}
- content #top, #content #siteSub, #content #contentSub {
display:none; margin:0; padding:0;
}
/* Hides default page title beneath banner */ .firstHeading {
height:0px; visibility:hidden;
}
/*------------------------- Layout styles ------------------------*/ body{ margin:0 auto;
width: 962px; height: 0 auto;
background:#fffdd0;
background-attachment: fixed; background-size:cover;
}
.page{
margin: -23px 0 0px 0; width:962px; height: 0 auto;
background:#ffffff no-repeat center top; }
/*------------------------- Font ------------------------*/ @font-face { p.arial
font-weight: normal; font-style: normal;
}
/*------------------------- Header ------------------------*/ .header{ background:#b20d35 url('https://static.igem.org/mediawiki/2013/8/8a/Invisible_background.png'); width:962px; margin:0 auto ; height:124px; padding:0px 0px 0;
} .header a#logo{ display:block; float:left; outline:none;
margin:17px 0 0 15px;
} .header a#logo img{ border:0; } .header a#name{
display:block; float:left; outline:none; margin:17px 0 0 0;
} .header a#name img{
border:0;
} .header ul{ margin:0 15px 0 0; list-style:none; padding:0px 0 0; float:right; } .header ul li.left{ float:left; margin:0 0 0 36px; } .header ul li.right{ float:right; margin:0 0 0 36px; } .header ul li.selected a,.header ul li a:hover{ color:#fffdd0; } .header ul li a{ font-size:16px; text-decoration:none; color:black;
outline:none; }
/*------------------------- General Body ------------------------*/
/*------------------------- Notebook ------------------------*/ .date {font-family: Impact, Arial; font-size: 18px; color: blue;} p {font-size:14px; font-family: Verdana, Arial; color:black; text-align:left;padding:10px;}
- notetitle {font-weight:bold; text-align:center}
- notetable (align:center;}