Team:Bordeaux/css main

From 2014.igem.org

(Difference between revisions)
Line 688: Line 688:
{
{
   float : left;
   float : left;
 +
 
 +
 +
}
 +
.safety2
 +
{
 +
  float : right;
    
    
}
}

Revision as of 22:16, 16 October 2014

body { 

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

} h2 { 

  color: white;
  text-align : center;

} h3 { 

  color: white;
  text-align : center;

}


  1. barregrise

{ 

 background-image: url(Team_bordeaux_barregrise.png);
 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(Team_bordeaux_cadrepourpre.png);
 background-repeat: repeat-x;
 width:100%;
 margin-top: 2%;
 height:5em;
 overflow: hidden;

}

  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;

}

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

}

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

}

  1. mainTextcontainer

{ 

 padding-left: 1.5%;
 padding-right: 1.5%;
 text-align: center;

}


/* 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:8px; 
  text-align:center; 
  display: align-flex;
  overflow: auto;
  height:1em;
  overflow: hidden;

}

  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;

}


/* ----------- CSS Calendar ----------- */

.calendar{ 

  align -content : center;
  margin : auto;
  width : 80%;
  align : center;
  background : #D3D3D3;
  border : 3px solid #FF1493;
  border-radius : 25px;

}

.month{ 

  height : 40px;
  width : 100%;
  text-align : center;
  padding-top : 20px;
  color : #FFFFFF;
  background : #808080;   
  font-size : 20px;
  border-top-left-radius : 24px;
  border-top-right-radius : 24px;

}

.days{ 

  width : 97%;
  margin : auto;
  height : 36px;
  background : #D3D3D3;

}

.dayName { 

  float : left;
  width : 14.05%;
  color : black;
  font-size : 16px;
  text-align : center;
  padding-top : 10px; 
  padding-bottom : 10 px;

}

.week{ 

  width : 100%;
  height : 61px;

}

.day{ 

  float : left;
  width : 14.05%;
  height : 59px;
  background : #FFFFFF;
  border : 1px solid black;

}

.number{ 

  height : 20%;
  width : 10%;
  color : white ;
  font-size: 12px;
  vertical-align : top;
  text-align : center;
  padding : 3px 3px 3px 3px;
  background : #a9a9a9;
  border-radius: 20px 50px 50px 0;
  font-family: 'Lobster', arial, serif;

}

.calendar-content{ 

  width : 97%;
  margin : auto;
  align : center;

}

.calendar-bottom{ 

  width : 90%
  height : 18 px;
  background : #D3D3D3;
  color : #D3D3D3;
  text-align : center;
  border-bottom-left-radius : 26px;
  border-bottom-right-radius : 26px;

}

.dots{ 

  color : #0000CD;
  text-align : center;

}

.ul-dots{ 

  color : #1E90FF;
  margin-left : 5px;
  text-align : center;
  font-size : 35px;

}

.li-dots{ 

  display : inline;

}

.li-dots:before{ 

  content : "•";

}

.hidden-content{ 

  padding-left : 5px;
  float : left;
  width : 13.75%;
  height : 80px;
  color : black;
  background : #F0FFFF;
  font-size : 10px;

}

.hidden-week{ 

width : 100%;
height : 80px;

}

.ul-hidden{ 

 margin-left : 15px;

}

.france3 { 

  max-width: 30%;
  height: auto;

} .radiocampus { 

  max-width: 30%;
  height: auto;

} .sudouest { 

  max-width: 30%;
  height: auto;

} .nouvelobservateur { 

  max-width: 30%;
  height: auto;

} .iecb { 

  max-width: 30%;
  height: auto;

} .osezbordeaux { 

  max-width: 50%;
  height: auto;

} .attribution { 

  max-width: 90%;
   height: auto;
  text-align : center;

}

.piedpage { 

  max-width: 90%;
  height: auto;

}

.resultsmounir1

{ 

  max-width: 40%;
  height: auto;
  margin-left:30%;

} .resultsmounir2

{ 

  max-width: 40%;
  height: auto;
  margin-left:30%;

} .resultsmounir3

{ 

  max-width: 70%;
  height: auto;
   margin-left:15%;

}

.resultsmounir4

{ 

  max-width: 40%;
  height: auto;
  margin-left:30%;

} .modeling

{ 

  max-width: 40%;
  height: auto;

} .safety { 

  float : left;

} .safety2 { 

  float : right;

}

Retrieved from "http://2014.igem.org/Team:Bordeaux/css_main"