"
Team:UPIBI-Mexico/Templates/Stylesheet
From 2012.igem.org
| (23 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | /*Remove wikimedia stuff*/ | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
display:none;} | display:none;} | ||
| Line 12: | Line 13: | ||
#menubar { | #menubar { | ||
width: auto;} | width: auto;} | ||
| + | |||
| + | /* Dropdown */ | ||
| + | /*********************************************/ | ||
| + | /* | ||
| + | .navigation { | ||
| + | background: url("https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #222222; | ||
| + | z-index: 1; | ||
| + | box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); | ||
| + | -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */ | ||
| + | */position: relative; | ||
| + | border-bottom: 1px solid #000000;*/} | ||
| + | */ | ||
| + | |||
| + | ul.topnav { | ||
| + | list-style: none; | ||
| + | padding: 0 20px; | ||
| + | margin: 0; | ||
| + | float: left; | ||
| + | width: 920px; | ||
| + | background: #222; | ||
| + | font-size: 1.2em; | ||
| + | background: url(https://static.igem.org/mediawiki/2012/1/1b/Topnav_bg.gif) repeat-x; | ||
| + | } | ||
| + | ul.topnav li { | ||
| + | float: left; | ||
| + | margin: 0; | ||
| + | padding: 0 15px 0 0; | ||
| + | position: relative; /*--Declare X and Y axis base for sub navigation--*/ | ||
| + | } | ||
| + | ul.topnav li a{ | ||
| + | padding: 10px 5px; | ||
| + | color: #fff; | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | float: left; | ||
| + | } | ||
| + | ul.topnav li a:hover{ | ||
| + | background: url(topnav_hover.gif) no-repeat center top; | ||
| + | } | ||
| + | ul.topnav li span { /*--Drop down trigger styles--*/ | ||
| + | width: 17px; | ||
| + | height: 35px; | ||
| + | float: left; | ||
| + | background: url(subnav_btn.gif) no-repeat center top; | ||
| + | } | ||
| + | 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: 0; top: 35px; | ||
| + | background: #333; | ||
| + | margin: 0; padding: 0; | ||
| + | display: none; | ||
| + | float: left; | ||
| + | width: 170px; | ||
| + | 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; | ||
| + | width: 170px; | ||
| + | } | ||
| + | html ul.topnav li ul.subnav li a { | ||
| + | float: left; | ||
| + | width: 145px; | ||
| + | background: #333 url(dropdown_linkbg.gif) no-repeat 10px center; | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
| + | background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; | ||
| + | } | ||
Latest revision as of 15:38, 23 June 2012
/*Remove wikimedia stuff*/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
/* Removes "teams" from the menubar */
- menubar > ul > li:last-child {
display: none;}
/* Resizes the menubar to fik the links (default is 400px) */
- menubar {
width: auto;}
/* Dropdown */ /*********************************************/ /* .navigation {
background: url("
") repeat-x scroll 0 -1px #222222;
z-index: 1;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
*/position: relative; border-bottom: 1px solid #000000;*/}
- /
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 920px;
background: #222;
font-size: 1.2em;
background: url(
) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(subnav_btn.gif) no-repeat center top;
}
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: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
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;
width: 170px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}
