"
Team:Grenoble-EMSE-LSU/Design/css1
From 2013.igem.org
| (9 intermediate revisions not shown) | |||
| Line 106: | Line 106: | ||
height: 60px; | height: 60px; | ||
width: 100%; | width: 100%; | ||
| + | position:fixed; | ||
} | } | ||
| Line 115: | Line 116: | ||
/************ Design of the menubar **********/ | /************ Design of the menubar **********/ | ||
| + | header div.logo{ | ||
| + | border:solid 1px black; | ||
| + | heigh:120px; | ||
| + | width:120px; | ||
| + | background-color:#ffffff; | ||
| + | float:left; | ||
| + | z-index:1; | ||
| + | } | ||
| + | nav{ | ||
| + | float:left; | ||
| + | z-index:1; | ||
| + | } | ||
ul.topnav ul li a | ul.topnav ul li a | ||
{ | { | ||
text-align: center; | text-align: center; | ||
| - | font: normal | + | font: normal 15px Verdana, Arial, Helvetica, sans-serif; |
color: #FFFFFF; | color: #FFFFFF; | ||
| Line 137: | Line 150: | ||
position: relative; /*--Declare X and Y axis base for sub navigation--*/ | position: relative; /*--Declare X and Y axis base for sub navigation--*/ | ||
border:solid 1px black; | border:solid 1px black; | ||
| - | + | min-width:80px; | |
| - | + | ||
} | } | ||
| + | |||
ul.topnav li a { | ul.topnav li a { | ||
| Line 146: | Line 159: | ||
text-decoration: none; | text-decoration: none; | ||
float: left; | float: left; | ||
| + | color:black; | ||
} | } | ||
Latest revision as of 17:13, 18 June 2013
/******************************************************************************************/ /* Thanks to iGEM team DTU 2011 for their helpful tutorial, for any information see here :*/ /***********https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki************/ /******************************************************************************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
{
display:none;
}
- top-section
{
border: none; height: 0px;
}
- content
{
border: none;
}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align: left;}
- toctitle {
margin: 5px 0;}
.toc, #toc {
background-color: #F6F6F6; border: 1px solid #CCCCCC; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ float: left; width: 228px; display: block; overflow: hidden; padding: 0;}
- toc ul, .toc ul {
margin: 0 5px 5px 5px;}
.toc ul li {
padding-left: 12px; text-indent: -12px; /*width: 200px;*/}
.toc ul li ul li {
padding-left: 30px; text-indent: -24px; /*width: 170px;*/}
- toc ul ul, .toc ul ul {
margin: 0;}
.toc {
margin-left: -250px; margin-top: 20px;}
.stickBelowNavigation {
position: fixed;
top: 35px;
left: 50%;
margin-left: -462px;}
.tochidden {
position: static; margin-left: -250px;}
/********************************************************************************/ /********************** CSS for our wiki ****************************/ /********************************************************************************/
- content, #globalWrapper
{
border: none; width: 100%; margin: 0; padding: 0; background: transparent;
}
.centering
{
margin: auto; width: 965px;
} /* .navigation div {
background: #2F4F4F;
}
- /
header {
background: /*url("")*/ blue;
height: 60px;
width: 100%;
position:fixed; }
/*
- innercontent {
padding: 1px;} Important!
- /
/************ Design of the menubar **********/
header div.logo{
border:solid 1px black; heigh:120px; width:120px; background-color:#ffffff; float:left; z-index:1;
}
nav{ float:left; z-index:1; }
ul.topnav ul li a { text-align: center; font: normal 15px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
}
ul.topnav ul, ul.topnav ul li { list-style:none; padding:0; }
ul.topnav li { float: left; margin: 0; padding: 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/
border:solid 1px black;
min-width:80px;
}
ul.topnav li a {
padding: 8px 15px 10px 15px; display: block; text-decoration: none; float: left;
color:black;
}
ul.topnav > li > a {
height: 28px; overflow: hidden;
}
ul.topnav li:first-child a { padding-left: 0; }
ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; }
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: grey; margin: 0; padding: 0; display: none; float: left; border: 1px #800000 #800000; border-radius: 0 0 5px 5px; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #E6E6FA;
border-bottom: 1px solid #E6E6FA;
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;
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 { background: dimgray; }
