Team:Grenoble/Design/css0
From 2011.igem.org
Maxime.huet (Talk | contribs) (Created page with "/* Removing wiki-like stuff */ - →**************************: #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;} /* Redesigning t...") |
Maxime.huet (Talk | contribs) |
||
(267 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | /* | + | /* |
- | + | Enlever l'entête et le pied de page wiki, ainsi que les bords: | |
- | + | (ce code garde les liens pour éditer le wiki) | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
*/ | */ | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
- | + | #top-section | |
- | + | { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
border: none; | border: none; | ||
- | + | height: 0px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | #content |
- | + | { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
border: none; | border: none; | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* | /* | ||
- | + | Coloration du menu en bleu, fond blanc ou transparent ? en tout cas menu invisible sauf si on passe dessus avec la souris | |
*/ | */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .left-menu:hover | |
- | + | { | |
- | . | + | background-color: transparent; |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #menubar li a | |
- | + | { | |
- | + | background-color: transparent; | |
- | + | font: normal 11px Verdana, Arial, Helvetica, sans-serif; | |
- | + | color: transparent; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #menubar:hover li a | |
- | + | { | |
- | # | + | color: #FFFFFF; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | color: # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | /* | + | /* |
- | /******* | + | Mise en page, en-tête, couleur de fond, bannière, etc... |
- | . | + | */ |
- | + | ||
+ | body, #content | ||
+ | { | ||
+ | background: #000080; | ||
+ | } | ||
+ | |||
+ | #header | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/2/20/Banderolle_wiki.png"); | ||
+ | height: 185px; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | width: 964px; | ||
+ | |||
+ | border: 1px solid #000080; | ||
+ | -webkit-box-shadow: #ADD1FF 0px 2px 3px; | ||
+ | -moz-box-shadow: #ADD1FF 0px 2px 3px; | ||
+ | |||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | #innercontent { | ||
+ | padding: 1px;} Important! | ||
+ | */ | ||
+ | |||
+ | |||
+ | /* | ||
+ | * | ||
+ | * | ||
+ | * Diaporama | ||
+ | * | ||
+ | * | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | .position_diapo | ||
+ | { | ||
position: relative; | position: relative; | ||
overflow :hidden; | overflow :hidden; | ||
- | margin-top: 14px; | + | margin-top: 14px ; |
+ | |||
width: 963px; | width: 963px; | ||
+ | |||
height: 370px; | height: 370px; | ||
- | border: 1px solid # | + | |
- | box-shadow: | + | border: 1px solid #000080; |
- | + | ||
- | + | -webkit-box-shadow: #ADD1FF 0px 2px 3px; | |
- | . | + | -moz-box-shadow: #ADD1FF 0px 2px 3px; |
- | + | ||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | |||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .style_diapo .items | ||
+ | { | ||
width: 50000px; | width: 50000px; | ||
- | position: absolute;} | + | position: absolute; |
- | .items div { | + | } |
+ | |||
+ | .items div | ||
+ | { | ||
float: left; | float: left; | ||
width: 963px; | width: 963px; | ||
- | height: 370px;} | + | height: 370px; |
- | .prev { | + | } |
- | + | ||
- | + | .prev | |
- | + | { | |
- | + | background: url(https://static.igem.org/mediawiki/2011/4/4f/Fleche_gauche.png) no-repeat; | |
- | + | height: 26px; | |
- | + | width: 85px; | |
- | + | float:left; | |
- | + | left: 5px; | |
- | .next { | + | position: relative; |
- | + | margin-top: 20px ; | |
- | + | cursor: pointer; | |
- | + | padding: 40px 6px 360px 20px; | |
- | + | } | |
- | + | ||
- | + | .next | |
- | + | { | |
- | + | background: url(https://static.igem.org/mediawiki/2011/5/5e/Fleche_droite.png) no-repeat; | |
- | .disabled { | + | height: 26px; |
- | + | width: 85px; | |
- | /* position | + | float:right; |
- | .navi { | + | right: 5px; |
+ | position: relative; | ||
+ | margin-top: 20px ; | ||
+ | cursor: pointer; | ||
+ | padding: 40px 20px 360px 6px; | ||
+ | } | ||
+ | |||
+ | .disabled | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Navigateurs (disque indiquant la position de la diapo actuelle dans le diaporama) | ||
+ | */ | ||
+ | |||
+ | .navi | ||
+ | { | ||
left: -56px; | left: -56px; | ||
margin-left: 50%; | margin-left: 50%; | ||
- | position: | + | position: relative; |
- | + | width: 112px; | |
- | width: 112px;} | + | } |
- | .navi a { | + | |
+ | .navi a | ||
+ | { | ||
width: 8px; | width: 8px; | ||
height: 8px; | height: 8px; | ||
float: left; | float: left; | ||
margin: 3px; | margin: 3px; | ||
- | background: url(https://static.igem.org/mediawiki/2011/7/ | + | /* |
- | + | background: url(https://static.igem.org/mediawiki/2011/7/75/Navigateur.png) 0 0 no-repeat; | |
+ | */ | ||
+ | background: url(https://static.igem.org/mediawiki/2011/7/74/Point_defilement.png) 0 0 no-repeat; | ||
display: block; | display: block; | ||
- | font-size: 1px;} | + | font-size: 1px; |
- | .navi a:hover { | + | } |
- | background-position: 0 -8px;} | + | |
- | .navi a.active { | + | .navi a:hover |
- | background-position: 0 -16px;} | + | { |
+ | background-position: 0 -8px; | ||
+ | } | ||
+ | |||
+ | .navi a.active | ||
+ | { | ||
+ | background-position: 0 -16px; | ||
+ | } | ||
- | /* | + | /* |
- | + | * | |
- | + | * | |
- | + | * Barre de menu qui suit la fenêtre | |
- | + | * | |
- | + | * | |
- | + | * | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
*/ | */ | ||
- | + | .centering | |
- | + | { | |
- | + | margin: auto; | |
- | + | /* | |
- | + | width: 965px; | |
- | + | */ | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /* | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
ul.topnav > li > a:hover { | ul.topnav > li > a:hover { | ||
- | + | background: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center -1px; | |
- | + | padding-bottom: 1px; | |
- | + | border-bottom-width: 5px;} | |
+ | */ | ||
+ | |||
+ | .navigation | ||
+ | { | ||
+ | height: 35px; | ||
+ | margin-bottom: 10px; | ||
+ | |||
+ | border: 1px solid #000080; | ||
+ | |||
+ | -webkit-box-shadow: #ADD1FF 0px 2px 3px; | ||
+ | -moz-box-shadow: #ADD1FF 0px 2px 3px; | ||
+ | |||
+ | -webkit-border-radius: 8px; | ||
+ | -moz-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | |||
+ | /* | ||
+ | background: url("https://static.igem.org/mediawiki/2011/9/94/Menu_blue.png"); | ||
+ | */ | ||
+ | background: url("https://static.igem.org/mediawiki/2011/a/a2/Bandeau_fonce.png")#FFFFFF; | ||
+ | /* | ||
+ | background: url("https://static.igem.org/mediawiki/2011/5/5b/Bandeau_clair.png") #FFFFFF; | ||
+ | */ | ||
- | |||
- | |||
- | |||
- | |||
z-index: 1; | z-index: 1; | ||
- | |||
- | |||
position: relative; | position: relative; | ||
- | + | } | |
- | .stickToTop { | + | |
+ | |||
+ | .stickToTop | ||
+ | { | ||
position: fixed; | position: fixed; | ||
top:0; | top:0; | ||
- | + | /* | |
- | + | left:0; | |
- | + | */ | |
- | + | width:965px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | .stickBelowNavigation | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 35px; | ||
+ | left: 50%; | ||
+ | margin-left: -462px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | |||
+ | |||
+ | En dessous: écriture de la barre de menu | ||
+ | |||
+ | |||
+ | */ | ||
+ | |||
+ | 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 { | ul.topnav li { | ||
float: left; | float: left; | ||
Line 446: | Line 281: | ||
} | } | ||
ul.topnav li a { | ul.topnav li a { | ||
- | padding: | + | |
- | + | padding: 8px 15px 10px 15px; | |
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
float: left; | float: left; | ||
} | } | ||
- | ul.topnav > li > a { | + | |
- | height: | + | ul.topnav > li > a |
- | overflow: hidden;} | + | { |
- | ul.topnav li:first-child a{ | + | height: 28px; |
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | ul.topnav li:first-child a | ||
+ | { | ||
padding-left: 0; | padding-left: 0; | ||
} | } | ||
- | ul.topnav li span { | + | |
- | + | ul.topnav li span.subhover | |
- | + | { | |
- | + | background-position: center bottom; | |
- | + | cursor: pointer; | |
- | + | ||
} | } | ||
- | + | ||
ul.topnav li ul.subnav { | ul.topnav li ul.subnav { | ||
- | z-index: 1; / | + | z-index: 1; /*Stay on top of slider*/ |
list-style: none; | list-style: none; | ||
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | ||
- | left: 0; top: 35px; | + | left: 0; |
- | background: # | + | top: 35px; |
- | margin: 0; padding: 0; | + | background: #0066FF; |
+ | margin: 0; | ||
+ | padding: 0; | ||
display: none; | display: none; | ||
float: left; | float: left; | ||
- | border: 1px | + | border: 1px #000080 #000080; |
- | + | border-radius: 0 0 5px 5px; | |
} | } | ||
- | ul.topnav li ul.subnav li { | + | |
+ | ul.topnav li ul.subnav li | ||
+ | { | ||
margin: 0; padding: 0; | margin: 0; padding: 0; | ||
- | border-top: 1px solid # | + | border-top: 1px solid #000080; /*--Create bevel effect--*/ |
- | border-bottom: 1px solid # | + | border-bottom: 1px solid #000080; /*--Create bevel effect--*/ |
clear: both; | clear: both; | ||
- | + | list-style: none outside none; | |
} | } | ||
- | ul.topnav li ul.subnav, ul.topnav li ul.subnav li { | + | |
- | + | ul.topnav li ul.subnav, ul.topnav li ul.subnav li | |
+ | { | ||
+ | width: 160px; | ||
+ | |||
} | } | ||
- | ul.topnav li ul.subnav li:last-child{ | + | |
- | + | ul.topnav li ul.subnav li:last-child | |
+ | { | ||
+ | border-radius: 0 0 5px 5px; | ||
} | } | ||
+ | |||
html ul.topnav li ul.subnav li a { | html ul.topnav li ul.subnav li a { | ||
float: left; | float: left; | ||
- | |||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 10px; | padding-right: 10px; | ||
width: 140px; | width: 140px; | ||
} | } | ||
- | html ul.topnav li ul.subnav li a:last-child{ | + | |
+ | html ul.topnav li ul.subnav li a:last-child | ||
+ | { | ||
border-radius: 0 0 5px 5px; | border-radius: 0 0 5px 5px; | ||
} | } | ||
- | html ul.topnav li ul.subnav li a:hover { /*-- | + | html ul.topnav li ul.subnav li a:hover |
- | + | { | |
+ | background: #000080; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .tochidden | ||
+ | { | ||
+ | position: static; | ||
+ | margin-left: -250px; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | * | ||
+ | * | ||
+ | * Pied de page | ||
+ | * | ||
+ | * | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | #footer-panel { | ||
+ | background: #000000 | ||
+ | border-top: 1px solid #D9D9D9;} | ||
+ | |||
+ | #footer-panel h4 { | ||
+ | color: #999999; | ||
+ | font-weight: bold;} | ||
+ | #footer-panel p { | ||
+ | color: #CCCCCC;} | ||
+ | div.footerBox { | ||
+ | border-right: 1px solid; | ||
+ | float: left; | ||
+ | margin: 10px 20px 10px 0; | ||
+ | padding: 0 20px 0 0; | ||
+ | width: 294px; | ||
+ | min-height: 270px;} | ||
+ | div.footerBox:last-child { | ||
+ | border: none; | ||
+ | margin: 10px 0; | ||
+ | padding: 0;} | ||
+ | img.sponsorImage{ | ||
+ | float: left; | ||
+ | width: 84px; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: 0px solid #444444;} | ||
+ | img.hasPicOnRight { | ||
+ | padding-right: 10px; | ||
+ | border-right-width: 1px;} | ||
+ | img.hasPicOnLeft { | ||
+ | padding-left: 10px;} | ||
+ | img.hasPicOnTop { | ||
+ | margin-top: 20px; | ||
} | } |
Latest revision as of 16:30, 28 October 2011
/* Enlever l'entête et le pied de page wiki, ainsi que les bords: (ce code garde les liens pour éditer le wiki)
- /
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
{
display:none;
}
- top-section
{
border: none; height: 0px;
}
- content
{
border: none;
}
/* Coloration du menu en bleu, fond blanc ou transparent ? en tout cas menu invisible sauf si on passe dessus avec la souris
- /
.left-menu:hover {
background-color: transparent;
}
- menubar li a
{
background-color: transparent; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: transparent;
}
- menubar:hover li a
{
color: #FFFFFF;
}
/* Mise en page, en-tête, couleur de fond, bannière, etc...
- /
body, #content {
background: #000080;
}
- header
{
background: url(""); height: 185px; margin-top: 10px; margin-bottom: 10px; width: 964px; border: 1px solid #000080; -webkit-box-shadow: #ADD1FF 0px 2px 3px;
-moz-box-shadow: #ADD1FF 0px 2px 3px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
/*
- innercontent {
padding: 1px;} Important!
- /
/*
* * * Diaporama * * *
- /
.position_diapo { position: relative; overflow :hidden;
margin-top: 14px ;
width: 963px;
height: 370px; border: 1px solid #000080; -webkit-box-shadow: #ADD1FF 0px 2px 3px;
-moz-box-shadow: #ADD1FF 0px 2px 3px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
background: #FFFFFF; }
.style_diapo .items { width: 50000px; position: absolute; }
.items div { float: left; width: 963px; height: 370px; }
.prev { background: url() no-repeat; height: 26px; width: 85px; float:left; left: 5px; position: relative; margin-top: 20px ; cursor: pointer; padding: 40px 6px 360px 20px; }
.next { background: url() no-repeat; height: 26px; width: 85px; float:right; right: 5px; position: relative; margin-top: 20px ; cursor: pointer; padding: 40px 20px 360px 6px; }
.disabled { visibility: hidden; }
/* Navigateurs (disque indiquant la position de la diapo actuelle dans le diaporama)
- /
.navi {
left: -56px; margin-left: 50%; position: relative; width: 112px;
}
.navi a { width: 8px; height: 8px; float: left; margin: 3px; /* background: url() 0 0 no-repeat;
- /
background: url() 0 0 no-repeat; display: block; font-size: 1px; }
.navi a:hover { background-position: 0 -8px; }
.navi a.active { background-position: 0 -16px; }
/*
* * * Barre de menu qui suit la fenêtre * * *
- /
.centering {
margin: auto;
/*
width: 965px;
- /
}
/*
ul.topnav > li > a:hover { background: url() no-repeat center -1px; padding-bottom: 1px; border-bottom-width: 5px;}
- /
.navigation { height: 35px; margin-bottom: 10px;
border: 1px solid #000080;
-webkit-box-shadow: #ADD1FF 0px 2px 3px;
-moz-box-shadow: #ADD1FF 0px 2px 3px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
/* background: url("");
- /
background: url("")#FFFFFF; /* background: url("") #FFFFFF;
- /
z-index: 1; position: relative;
}
.stickToTop
{
position: fixed; top:0;
/*
left:0;
- /
width:965px;
}
.stickBelowNavigation { position: fixed; top: 35px; left: 50%; margin-left: -462px; }
/*
En dessous: écriture de la barre de menu
- /
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: #0066FF; margin: 0; padding: 0; display: none; float: left; border: 1px #000080 #000080; border-radius: 0 0 5px 5px; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #000080; /*--Create bevel effect--*/ border-bottom: 1px solid #000080; /*--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;
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: #000080; }
/* 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;
}
.tochidden {
position: static; margin-left: -250px;
}
- /
/*
* * * Pied de page * * *
- /
- footer-panel {
background: #000000 border-top: 1px solid #D9D9D9;}
- footer-panel h4 {
color: #999999; font-weight: bold;}
- footer-panel p {
color: #CCCCCC;}
div.footerBox {
border-right: 1px solid; float: left; margin: 10px 20px 10px 0; padding: 0 20px 0 0; width: 294px; min-height: 270px;}
div.footerBox:last-child {
border: none; margin: 10px 0; padding: 0;}
img.sponsorImage{
float: left; width: 84px; padding: 0; margin: 0; border: 0px solid #444444;}
img.hasPicOnRight {
padding-right: 10px; border-right-width: 1px;}
img.hasPicOnLeft {
padding-left: 10px;}
img.hasPicOnTop {
margin-top: 20px;
}