Team:UPIBI-Mexico/Templates/Stylesheet
From 2012.igem.org
Line 16: | Line 16: | ||
/* Dropdown */ | /* 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 { | ul.topnav { | ||
list-style: none; | list-style: none; |
Revision as of 01:03, 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;
}