"
Team:INSA Toulouse/template/stylesheet
From 2013.igem.org
| Line 115: | Line 115: | ||
/*float: left;*/ | /*float: left;*/ | ||
/*background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;*/ | /*background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;*/ | ||
| - | color: # | + | color: #f6f6f6; |
} | } | ||
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ | ||
| Line 127: | Line 127: | ||
display: none; | display: none; | ||
float: left; | float: left; | ||
| - | |||
| - | |||
} | } | ||
ul.topnav li ul.subnav li { | ul.topnav li ul.subnav li { | ||
Revision as of 09:16, 6 August 2013
/* Removing wiki-like stuff */ /****************************/
- contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
display:none;}
/* Redesigning the topmenu */ /***************************/ body {
: 0 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto ; padding: 0; border: none;}
- menubar {
font-size: 100%; top:-14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: black;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: black;}
- menubar > ul > li:last-child {
display:none;}
/* Layout */ /**********/
body, #heading, #innercontent {
background-color: #f3f3f3;}
- content, #globalWrapper {
border: none; width: 100%; margin: 0; padding: 0;}
.centering {
margin: 0 auto; width: 965px;}
/* *********** header ************* */
.barheader{
background-color:#64b0e7; height: 34px; width: 100%;
}
- header {
background: url("
") repeat-x;
height: 127px;
width: 100%;
border-top: 1px solid #660000;
border-bottom: 1px solid #660000;}
position: relative;
.barheader .centering {
position:relative;
}
.logoheader{
padding-top:45px; }
/* ************ navigation header **************** */
- navigation,.navigation {
} .navigation {
z-index: 1; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); position: relative;}
.stickToTop {
position: fixed; background-color: #f6f6f6; top:0; width:100%;}
ul.topnav { list-style: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 16px;
padding-left:270px;
} ul.topnav li { float: left; margin: 0; padding: 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a { padding: 6px 20px 5px 20px; color: #636363; display: block; text-decoration: none; float: left; } ul.topnav > li > a {
height: 23px; overflow: hidden;}
ul.topnav li:first-child a{
padding-left: 0;
}
ul.topnav li span { /*--Drop down trigger styles--*/
/*width: 17px;*/
/*height: 34px;*/
/*float: left;*/
/*background: url(
) no-repeat center top;*/
color: #f6f6f6;
} ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav {
z-index: 1; //Stay on top of slider
list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #50a29b; margin: 0; padding: 0; display: none; float: left; } ul.topnav li ul.subnav li { margin: 0; padding: 0; clear: both;
list-style: none outside none;
} ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
width: 160px;
}
html ul.topnav li ul.subnav li a {
float: left;
/*background: #333 url(
) no-repeat 10px center;*/
padding-left: 10px; padding-right: 10px; width: 140px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #96d2cd /*url() no-repeat 10px center*/;
}
