"
Team:INSA-Lyon/css global
From 2014.igem.org
| Line 305: | Line 305: | ||
width: 100%; | width: 100%; | ||
background-color: #285459; | background-color: #285459; | ||
| - | bottom: | + | bottom: -20px; |
} | } | ||
| Line 351: | Line 351: | ||
float: right; | float: right; | ||
margin-right: 10px; | margin-right: 10px; | ||
| - | margin-top: | + | margin-top: 10px; |
} | } | ||
Revision as of 19:05, 28 September 2014
/*--------------------- Wiki hack ---------------------------------------------*/
body {
margin:0px 0px 0px 0px; /*-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;*/
} /* la barre titre (banniere igem+ menu haut)*/
- top-section
{
height: 5px; width: auto; margin: 0; margin-bottom: -1.5em; padding: 0; border: 0 /*none transport*/;
} /*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
{
background: none repeat scroll 0 0 transparent !important; color: transparent !important; position: absolute; top: -6px; display: table-cell;
} /*les lien de la barre de menu du haut */
- menubar a
{
text-decoration:none; color:#000000;
} /* le menu de haut gauche */
- menubar .left-menu
{
width: 100%; background-color:transparent; /*display:none;*/
} /* le menu de login haut droite*/ .right-menu {
color:transparent; text-decoration:none; text-align: right; background-color:none; right: 15px;
} /* les lien du login */ .right-menu a {
color:transparent; text-decoration: none; background-color:none;
}
- menubar *
{ color: transparent !important; background: transparent !important; }
- top-section:hover #menubar *
{ color: blue !important; }
- top-section:hover #menubar
{ background: rgba(255, 255, 255, 0.75) !important; } /* la barre de recherche*/
- search-controls
{
display:none;
} /* le body de la page*/
.firstHeading h1{
border:none;
}
- content
{
width: 100%; background-color: transparent; border:none; padding:none; margin:none;
}
- globalWrapper
{
font-size: 150%;
} /*titre de page */ .firstHeading {
display:none; border: none;
}
- footer-wrapper
{
position: relative; width: 70%; margin: auto; margin-top:15px; margin-bottom:5px; background-color: transparent;
}
- f-copyrightico
{
margin: 1% 0 1% 1%;
}
- f-poweredbyico
{
margin: 1% 1% 1% 0;
} /* 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 -------------------------------------*/
@font-face { font-family: "Roboto";
src: url('http://potopov.fr/igem/font/RobotoCondensed-Regular.ttf');
} @font-face { font-family: "LatoReg";
src: url('http://potopov.fr/igem/font/Lato-Reg.ttf');
} @font-face { font-family: "LatoLig";
src: url('http://potopov.fr/igem/font/Lato-Lig.ttf');
}
html, body { padding:0;
}
p { font-family: "LatoReg", sans-serif; }
h1 { border:none; }
h2 { font-family: "LatoReg", sans-serif; color: #fff; font-size: 6em; bottom-bottom: -10px; font-weight: normal; line-height: 20px; border:none; }
h4 { font-family: "LatoLig", sans-serif; color: #fff; font-size: 3em; bottom-bottom: -10px; font-weight: normal; line-height: 20px; }
h3 {
font-family: "Roboto", sans-serif;
color: #fff;
font-size: 1.3em;
text-align: center;
font-weight: normal;
}
ul { list-style-type: none; }
a { text-decoration: none; font-family: "Roboto", sans-serif; color: #fff; }
/* MENU */
- menu {
position: fixed; width: 50px; top: 0; left: 0; bottom: 0; right: 0; background: #248588;
}
- menuul{
text-align: center; padding-bottom: 10px; margin: 0; width: 100%; padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.menuulli{ margin: 0; display: block; height: 18%; position: relative; text-align: center; width: 100%; }
.menuullia {
display: block; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
}
.menuullia span {
-webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); display: block; top: 50%; position: absolute; margin-top: -8px; width: 50px; color: #FFFFFF;
}
/* Sous menu */ .ssmenu { width: 250px; height: 350px; top: -10px; text-align: center; background-color: #248588; line-height: 32px; padding-top: 50px; padding-left: 0px; display: none; position: absolute; left: 26px; position: fixed; height: 100%;
text-decoration: none;
}
.iconmenu { background:#FFF;
width:130px; height:115px; text-align:center; border-radius:50%; margin: auto; padding-top: 15px; overflow: hidden; line-height: 20px; margin-bottom: 20px; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
} .hu-icon {color: #285459;}
.hu-icon li:hover {
box-shadow: 0 0 65px #285459; -moz-box-shadow: 0 0 65px #285459; -webkit-box-shadow: 0 0 65px #285459;
}
.hi-icon li:hover { background-color: #285459; }
.ssmenu:nth-child(odd) {background-color: #285459;}
.menuulli:nth-child(odd) { background:#46adb2; } .menuulli:first-child { height:6% !important; } .menuulli:hover .ssmenu {display:block !important;}
/*FOOTER*/
- footer{
margin-top: 100px; width: 100%; background-color: #285459; bottom: -20px; }
- footer p{
color:#fff; font-family: "Roboto", sans-serif; font-size: 0.9em; overflow:hidden; }
- contact{
float:left; display: inline-block; background-color: #285459; padding-left: 30px; margin-left: 50px; width: 45%; }
- address1{
float: left; }
- address2{
float: left; margin-left: 30px; }
- sponsors{
width: 45%; display: inline-block; background-color: #285459; padding-left: 30px; }
- copyright {
text-align: center; font-size: 0.8em; background-color: #285459; padding-bottom: 6px; padding-top: 6px; }
- fb {
float: right; margin-right: 10px; margin-top: 10px; }
