"
Team:INSA Toulouse/template/stylesheet
From 2013.igem.org
| Line 7: | Line 7: | ||
/***************************/ | /***************************/ | ||
body { | body { | ||
| - | : | + | : 5px 0 0 0; |
padding: 0;} | padding: 0;} | ||
#top-section { | #top-section { | ||
| Line 16: | Line 16: | ||
border: none;} | border: none;} | ||
#menubar { | #menubar { | ||
| - | font-size: | + | font-size: 100%; |
top: -14px;} | top: -14px;} | ||
.left-menu:hover { | .left-menu:hover { | ||
Revision as of 09:05, 6 August 2013
/* Removing wiki-like stuff */ /****************************/
- contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
display:none;}
/* Redesigning the topmenu */ /***************************/ body {
: 5px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 ; 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 {
padding-left:270px;
} .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; left:-270px; width:100%;}
ul.topnav { list-style: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 16px; } 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: #CCCCCC;
} 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: #333; margin: 0; padding: 0; display: none; float: left; border: 1px solid #111;
border-radius: 0 0 5px 5px;
} 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;
list-style: none outside none;
} ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
width: 160px;
} ul.topnav li ul.subnav li:last-child{
border-radius: 0 0 5px 5px;
}
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:last-child{
border-radius: 0 0 5px 5px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 /*url() no-repeat 10px center*/;
}
