"

From 2014.igem.org

Revision as of 15:27, 22 August 2014 (view source) Zozo (Talk | contribs) ← Older edit		Revision as of 15:27, 22 August 2014 (view source) Zozo (Talk | contribs) Newer edit →
Line 343:		Line 343:
	#menu {		#menu {
	padding-top:13px;		padding-top:13px;
-	height:100%;	+	height:1em;
	text-align:center;		text-align:center;
	display: align-flex;		display: align-flex;

---

Revision as of 15:27, 22 August 2014

body {

 width: 100%;
 margin: 0px auto;
 background-color: #FFF;
 background-position: 100% 0px; 
 

}

1. barregrise

{

 background-image: url();
 background-repeat: repeat-x;
 width:100%;
   

}

1. banniere

{

 background-color:white; 
 width:100%;
 margin-top: 2.2%;
 text-align:center;
 

}

h1

{

 color:white; 
 text-align:center;
 

}

p

{

 color:white; 
 text-align:center;
 text-align: justify;
 margin-left:20%;
 margin-right:20%;

}

.logo2 {

 margin-left:25%;

}

.cible {

 margin-left: 10%;

}

1. cadrepourpre

{

 background-image: url();
 background-repeat: repeat-x;
 width:100%;
 margin-top: 2%;
 

}

1. cadrerose

{

 margin-top: 0%;
 margin-left: 0%;
 width: 100%;
 

}

.cadrerose {

margin-top:-22%;
border-width:2px;
border-color:black;

}

.points1 { margin-top:-22%; margin-left:2%; }

1. text

{

 width:100%;
 

}

.photogroupe {

 margin-top: -25%;
 

}

1. maincontainer_bordeaux2014

{

 width: 100%;
 margin: 0px auto;
 background-color: #18000E;
 background-position: 100% 0px;
 overflow: auto;

}

/* la barre titre (banniere igem+ menu haut)*/

1. top-section

{

   height: 5px;
   width: auto;
   margin-bottom: -1.5em;
   border: 0 /*none transport*/;

}

/* la barre de menu du haut */

1. menubar

{

   background: none repeat scroll 0 0 transparent !important;
   color: black !important;
   position: absolute;
   top: 0px;
   display: table-cell;
   

}

/*les lien de la barre de menu du haut */

1. menubar a

{

   text-decoration:none;
   color:#000000;
   
   

}

/* le menu de haut gauche */

1. 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: transparent;
   
   

}

/* les lien du login */ .right-menu a {

   color:transparent;
   text-decoration: transparent;
   background-color: transparent;
   

}

1. menubar *

{ color: #18000E !important; background: #18000E !important; }

1. top-section:hover #menubar *

{ color: white !important; }

1. top-section:hover #menubar

{ background: rgba(255, 255, 255, 0.75) !important; }

/* la barre de recherche*/

1. search-controls

{

   display:none;

}

/* le body de la page*/

1. content

{

   width: 100%;
   background-color: #18000E;
   border:none;
   padding:none;
   margin:none;
   line-height:1em;
   color: white;
   min-height: auto;
   overflow: auto;

}

1. globalWrapper

{

 font-size: 150%;

}

/*titre de page */ .firstHeading {

   display:none;
   border: none;

}

1. footer-wrapper

{

 width: 100%;
 margin: 0% auto;
 background-color: #18000E;
 background-position: 100% 0px;

}

1. f-copyrightico

{

   margin: 1% 0 1% 1%;

}

1. f-poweredbyico

{

   margin: 1% 1% 1% 0;

}

/* la boite en bas de page */

1. footer-box

{

   background-color: #18000e;   
   width: 100%;
   border: 1px solid #fff;
   padding: 0%;
   display:none;

}

1. footer {

   font-size: 72%;

}

1. catlinks

{

   display: none;

}

ul {

 list-style-image: none;
 line-height: 1.2em;
 margin: 0px;

 

}

1. maincontainer

{

  margin: auto;
  text-align: justify;
  width: 70%; 
  heigth: auto;
  

}

1. mainTextcontainer

{

 padding-left: 1.5%;
 padding-right: 1.5%;
 min-height: 40em;
 text-align: center;
 overflow: auto;
 

}

/* Site settings */

a {

text-decoration: underline;

}

a:link {

color: #927D9E; 
cursor: pointer;

}

a:visited {

color: #927D9E;

}

a:hover {

color: #E56FCC;

}

a * {

color: #927D9E;
text-decoration: underline;

}

sup {

font-size: 0.7em;
vertical-align: 0.3em;

}

sub { font-size: 0.7em; }

/*********| HEADER |*************/

1. header

{

 width: 100%;
 margin: 0px auto;
 background-color: #18000E;
 background-position: 100% 0px;
 

}

1. menu {

  padding-top:13px; 
  height:1em;
  text-align:center; 
  display: align-flex;
  overflow: auto;
  

  
   
  

}

1. menu ul {

   position: absolute;
   top: 5.5em;
   top: 5.5vw;
   left:0;  
   max-height:0em;  
   margin:0 !important; 
   padding:0;  
   overflow:hidden;  
   transition: 0.5s max-height 0.3s;  
   border-radius: 0 0 8px 8px;
   
   

}

1. menu li {

   display: inline-block;  
   list-style: none; /* for IE7 */
   margin: -10% 0 3.7% -1%;
   padding-bottom: 0; 

}

1. menu > li, #menu > li li {

   position: relative;  
   display:inline-block;  
   padding: auto;  
   
    

}

1. menu > li li {

   width: 100%;
   padding: 3% 0;

}

1. menu a {

   display:inline-block;  
   margin: auto; 
   color: #FFF;  
   text-decoration:none; 
   width: 100%;

}

1. menu a span{

   display: block;
   margin: auto;
   width: 50%;

}

1. menu > li li { background: transparent none; }

1. menu > li li a { color: #FFF; }

1. menu > li li:hover a

{

color: #F5DF00; 

}

1. menu > li li:hover

{

   background:#888888;

}

1. menu > li:first-child {

   border-left: 0;    

}

1. menu > li li:first-child {

   border-bottom: 1px solid #F5DF00;  

}

1. menu > li li + li{

   border-top: 1px solid #aaa; 
   border-bottom: 1px solid #F5DF00;  

}

1. menu > li li:last-child {

   border-top: 1px solid #aaa;
   border-right: 0;   

}

1. menu > li:hover {

}

1. menu > li:hover ul {

   max-height:20em;  

}

.cadriage {

   text-align:center;

}

1. team1

{

   text-align:center;

}

1. commentaire

{

   float:left;

}

1. commentaire2

{

   float:right;

}

1. commentaire3

{

   float:right;

}

1. menupied

{

   text-align:center;
   

}

#igame

{

    text-align:center; 

} td {

  padding:10px;
  border: thin solid #6495ed;
  text-align: left;
  background-color: #18000E;
  color: white;

}