Team:Evry/test/css v1
From 2013.igem.org
Line 1: | Line 1: | ||
+ | /* Eléments principaux de la page */ | ||
+ | |||
body | body | ||
{ | { | ||
width: auto; | width: auto; | ||
- | color: # | + | color: #181818; |
/*background:#e9e4de;*/ | /*background:#e9e4de;*/ | ||
background-image:url(http://fichierclient.iconeo.fr/template/302/fonds/NEUTRE6.jpg); | background-image:url(http://fichierclient.iconeo.fr/template/302/fonds/NEUTRE6.jpg); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | background-color : transparent; | ||
background-size: cover; | background-size: cover; | ||
background-attachment : fixed; | background-attachment : fixed; | ||
+ | font-family: 'Trebuchet MS', Arial, sans-serif; | ||
margin:0px 0px 0px 0px; | margin:0px 0px 0px 0px; | ||
Line 103: | Line 107: | ||
width: 941px; | width: 941px; | ||
left: -1px; | left: -1px; | ||
- | |||
margin-top:25px; | margin-top:25px; | ||
margin-bottom:30px; | margin-bottom:30px; | ||
Line 133: | Line 136: | ||
/* ----------------End of the wiki hack -------------------------------------*/ | /* ----------------End of the wiki hack -------------------------------------*/ | ||
- | + | #bloc_page | |
- | # | + | |
{ | { | ||
- | + | width: 100%; | |
- | + | margin: auto; | |
- | + | color: #8a144f ; | |
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | section h1, footer h1, nav a | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | + | font-weight: normal; | |
- | + | text-transform: uppercase; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | /* Header */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | header | |
- | + | ||
{ | { | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | #banniere | |
- | # | + | |
{ | { | ||
- | + | display: inline-block; | |
- | + | border-radius: 5px; | |
- | + | position: relative; | |
- | + | box-shadow: 0px 4px 4px #1c1a19; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | - | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | header h1 | |
- | + | ||
{ | { | ||
- | + | font-size: 2.5em; | |
- | + | font-weight: normal; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | #ban, header h1 | |
- | + | ||
- | + | ||
- | # | + | |
{ | { | ||
- | + | display: inline-block; | |
- | + | margin-bottom: 0px; | |
- | + | align: center; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | header h2 | |
{ | { | ||
- | + | font-size: 1.1em; | |
- | + | margin-top: 0px; | |
- | + | font-weight: normal; | |
- | + | ||
- | margin: | + | |
- | + | ||
- | + | ||
- | + | ||
- | font- | + | |
} | } | ||
- | + | /* Navigator */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | nav | |
{ | { | ||
- | + | width: 950px; | |
- | + | ||
- | width: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
text-align: center; | text-align: center; | ||
+ | margin: auto; | ||
} | } | ||
- | + | ||
- | + | nav ul | |
{ | { | ||
- | + | list-style-type: none; | |
+ | background-color: #fff5cc; | ||
} | } | ||
- | + | ||
- | + | nav li | |
{ | { | ||
- | display:block; | + | display: inline-block; |
- | + | margin-right: 25px; | |
- | + | margin-left : 10px; | |
} | } | ||
- | + | ||
- | + | nav a | |
{ | { | ||
- | font- | + | font-size: 1.2em; |
+ | color: #181818; | ||
+ | padding-bottom: 3px; | ||
text-decoration: none; | text-decoration: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | ||
- | + | nav a:hover | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | color:# | + | color: #94000e; |
+ | border-bottom: 3px solid #760001; | ||
} | } |
Revision as of 09:45, 1 August 2013
/* Eléments principaux de la page */
body {
width: auto; color: #181818; /*background:#e9e4de;*/ background-image:url(http://fichierclient.iconeo.fr/template/302/fonds/NEUTRE6.jpg); background-repeat: no-repeat; background-color : transparent; background-size: cover; background-attachment : fixed;
font-family: 'Trebuchet MS', Arial, sans-serif;
margin:0px 0px 0px 0px;
}
/* la barre titre (baniere igem+ menu haut)*/
- top-section
{
height: auto; margin-top: 0 px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; display: display;
}
/*le conteneur de la banière igem avec un lien vers igem*/
- p-logo
{
display:none; border:none; margin:none;
}
/* la barre de menu du haut */
- menubar
{
color:#000000;
}
/*les lien de la barre de menu du haut */
- menubar a
{
text-decoration:none; color:#000000;
}
/* le menu de haut gauche */ .left-menu {
background-color:transparent; /*display:none;*/
}
/* le menu de login haut droite*/ .right-menu {
color:transparent; text-decoration:none; background-color:none; right: 15px;
}
/* les lien du login */ .right-menu a {
color:transparent; text-decoration:transparent; background-color:none;
}
/* la barre de recherche*/
- search-controls
{
display:none;
}
/* le body de la page*/
- content
{
background-color: transparent; border:none; padding:none; margin:none; line-height:1em;
}
/*titre de page */ .firstHeading {
display:none; border: none;
}
/* contenu de page*/
- bodyContent
{ }
- footer-wrapper
{
position: absolute; width: 941px; left: -1px; margin-top:25px; margin-bottom:30px; padding: 7px 15px 7px 15px; background-color:#ffffff; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; border-radius: 15px;
/*border: 1px solid black;*/ }
/* la boite en bas de page*/
- footer-box
{
display: none; margin-bottom: 10px;
}
/* le cadre sous le body useless */
- catlinks
{
display: none;
}
/* ----------------End of the wiki hack -------------------------------------*/
- bloc_page
{
width: 100%; margin: auto;
color: #8a144f ; }
section h1, footer h1, nav a {
font-weight: normal; text-transform: uppercase;
}
/* Header */
header {
}
- banniere
{
display: inline-block;
border-radius: 5px; position: relative;
box-shadow: 0px 4px 4px #1c1a19;
}
header h1 {
font-size: 2.5em; font-weight: normal;
}
- ban, header h1
{
display: inline-block; margin-bottom: 0px;
align: center; }
header h2 {
font-size: 1.1em; margin-top: 0px; font-weight: normal;
}
/* Navigator */
nav {
width: 950px; text-align: center;
margin: auto; }
nav ul {
list-style-type: none;
background-color: #fff5cc; }
nav li {
display: inline-block; margin-right: 25px;
margin-left : 10px; }
nav a {
font-size: 1.2em; color: #181818; padding-bottom: 3px; text-decoration: none;
}
nav a:hover {
color: #94000e; border-bottom: 3px solid #760001;
}