Team:Bordeaux/css main

From 2014.igem.org

Revision as of 20:18, 17 October 2014 by MaevaV (Talk | contribs)

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;

}

.type-exp{

  font-size : 25px;
  color : #FF0080;   

}

.title1{

  font-size : 15px;
  color : #F7819F;   

}

.day-detail{

  margin-left : 15px;
  list-style-type: circle;

}

.d-detail:before{

  content : "•";

} .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;
  margin-left : 5%

} .safety2 {

  float : right;
  margin-right : 10%

}

.results2

{

  max-width: 60%;
  height: auto;
  

}

.results3

{

  max-width: 15%;
  height: auto;
  

}