"
Team:OU Norman/stylesheet
From 2014.igem.org
Zachherron (Talk | contribs) |
Zachherron (Talk | contribs) |
||
| Line 202: | Line 202: | ||
/*------------------------- buttons ------------------------*/ | /*------------------------- buttons ------------------------*/ | ||
| - | + | ||
| - | + | a.projlink {width:400px;height:200px;padding-left:25px;background:url('#');border-radius:25px;} | |
| - | + | a.noteprim {width:400px;height:200px;background:url('#');border-radius:25px;} | |
| - | + | a.teamlink {width:400px;height:200px;padding-left:25px;background:url('#');border-radius:25px;} | |
| - | + | a.outreachlink {width:400px;height:200px;background:url('#');border-radius:25px;} | |
| - | + | a.notesec {width:200px;height:100px;background:#62d2e7;border-radius:25px;text-align:center;text-decoration:none;display:block;} | |
| - | + | a.partslink {width:200px;height:100px;background:color;border-radius:25px;align:center;} | |
| + | a.protolink {width:200px;height:100px;background:color;border-radius:25px;align:center;} | ||
Revision as of 19:48, 17 October 2014
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:#8De2f2; /*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;
}
.toc{visibility:hidden; height:0px;} .biopic {height:200px;}
/*------------------------- Layout styles ------------------------*/
body{ margin:0 auto;
width: 962px;
height: 0 auto;
background:#ffffff;
background-attachment: fixed;
background-size:cover;
border-right: 1px dotted black;
border-left: 1px dotted black;
border-bottom: 1px dotted black;
border-radius:15px;
}
.page{
margin: -23px 0 0px 0;
width:962px;
height: 0 auto;
background:#ffffff no-repeat center top; }
div.pocket {width: 850px; padding-left:50px; padding-top:25px;} div.innerpocket {width:600px;padding-left:100px;}
/*------------------------- Font ------------------------*/
@font-face { p.arial
font-weight: normal; font-style: normal;
}
/*------------------------- Header ------------------------*/
.header{ background:#62D2E7 url('#'); /*--url--*/ width:962px; margin:0 auto ; height:124px; padding:0px 0px 0;
border-style: solid dotted;
border-color: black;
border-width: 1px;
border-radius: 15px;
} .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; }
/*------------------------- buttons ------------------------*/
a.projlink {width:400px;height:200px;padding-left:25px;background:url('#');border-radius:25px;} a.noteprim {width:400px;height:200px;background:url('#');border-radius:25px;} a.teamlink {width:400px;height:200px;padding-left:25px;background:url('#');border-radius:25px;} a.outreachlink {width:400px;height:200px;background:url('#');border-radius:25px;} a.notesec {width:200px;height:100px;background:#62d2e7;border-radius:25px;text-align:center;text-decoration:none;display:block;} a.partslink {width:200px;height:100px;background:color;border-radius:25px;align:center;} a.protolink {width:200px;height:100px;background:color;border-radius:25px;align:center;}
