Team:Grenoble-EMSE-LSU/Design/css1
From 2013.igem.org
Line 104: | Line 104: | ||
} | } | ||
*/ | */ | ||
- | + | /* | |
#header | #header | ||
{ | { | ||
Line 111: | Line 111: | ||
width: 100%; | width: 100%; | ||
} | } | ||
- | + | */ | |
/* | /* | ||
#innercontent { | #innercontent { |
Revision as of 15:30, 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 ****************************/ /********************************************************************************/
body {
background: url("") no-repeat 120% 95% fixed, url("") no-repeat -20% 95% fixed; background-color: dimgray;
}
- 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%;
}
*/
/*
- innercontent {
padding: 1px;} Important!
- /
/************ Design of the menubar **********/
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--*/
}
ul.topnav li a {
padding: 8px 15px 10px 15px; display: block; text-decoration: none; float: left; }
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; }