Team:INSA-Lyon/css global

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
/*--------------------- Wiki hack ---------------------------------------------*/
 +
body {
 +
  color: #333333;
 +
  background-repeat:repeat-x;
 +
  background-size: cover;
 +
  background-color : #FFF;
 +
  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:transparent;
 +
  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*/
 +
content
 +
{
 +
  width: 100%;
 +
  background-color: transparent;
 +
  border:none;
 +
  padding:none;
 +
  margin:none;
 +
  line-height:1em;
 +
}
 +
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;
 +
/* -moz-border-radius:15px;
 +
  -webkit-border-radius:15px;
 +
  border-radius: 15px;
 +
  box-shadow: 0px 4px 4px #1c1a19;*/
 +
}
 +
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;
 +
}
 +
ul {
 +
list-style-image: none;
 +
line-height: 1.2em;
 +
}
 +
/* ----------------End of the wiki hack -------------------------------------*/
 +
@font-face {
@font-face {
font-family: "Roboto";
font-family: "Roboto";

Revision as of 16:53, 28 September 2014

/*--------------------- Wiki hack ---------------------------------------------*/ body { 

  color: #333333;
  background-repeat:repeat-x;
  background-size: cover;
  background-color : #FFF;
  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:transparent;
  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*/ content { 

  width: 100%;
  background-color: transparent;
  border:none;
  padding:none;
  margin:none;
  line-height:1em;

} 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;

/* -moz-border-radius:15px; 

  -webkit-border-radius:15px;
  border-radius: 15px;
  box-shadow: 0px 4px 4px #1c1a19;*/

} 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;

} ul { 

list-style-image: none;
line-height: 1.2em;

} /* ----------------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; margin-top: -10px; }

body { width: 100%; }

p { font-family: "LatoReg", sans-serif; }

h2 { font-family: "LatoReg", sans-serif; color: #fff; font-size: 6em; bottom-bottom: -10px; font-weight: normal; line-height: 20px; }

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 */

  1. menu { 
   position: fixed;
   width: 50px;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: #248588;

}

  1. 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: 0; text-align: center; background-color: #248588; line-height: 32px; padding-top: 50px; padding-left: 0; display: none; position: absolute; left: 50px; position: fixed; height: 100%; }

.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*/

  1. footer{

margin-top: 100px; width: 100%; background-color: #285459; bottom: 0; }

  1. footer p{

color:#fff; font-family: "Roboto", sans-serif; font-size: 0.9em; overflow:hidden; }

  1. contact{

float:left; display: inline-block; background-color: #285459; padding-left: 30px; margin-left: 50px; width: 45%; }

  1. address1{

float: left; }

  1. address2{

float: left; margin-left: 30px; }

  1. sponsors{

width: 45%; display: inline-block; background-color: #285459; padding-left: 30px; }

  1. copyright {

text-align: center; font-size: 0.8em; background-color: #285459; padding-bottom: 6px; padding-top: 6px; }

  1. fb {

float: right; margin-right: 10px; margin-top: 20px; }

Retrieved from "http://2014.igem.org/Team:INSA-Lyon/css_global"