Team:Bordeaux/css main

From 2014.igem.org

(Difference between revisions)
 
(201 intermediate revisions not shown)
Line 5: Line 5:
   background-color: #FFF;
   background-color: #FFF;
   background-position: 100% 0px;  
   background-position: 100% 0px;  
 +
}
 +
h2
 +
{
 +
  color: white;
 +
  text-align : center;
 +
   
 +
}
 +
h3
 +
{
 +
  color: white;
 +
  text-align : center;
 +
   
 +
}
-
 
 
-
 
 
-
 
-
 
-
 
 
-
 
-
}
 
#barregrise
#barregrise
Line 21: Line 27:
      
      
}
}
-
 
-
 
#banniere
#banniere
{
{
-
   background-color:white;  
+
   background-color: white;  
   width:100%;
   width:100%;
   margin-top: 2.2%;
   margin-top: 2.2%;
Line 34: Line 38:
h1
h1
-
 
{
{
   color:white;  
   color:white;  
Line 42: Line 45:
p
p
-
 
-
 
{
{
   color:white;  
   color:white;  
Line 79: Line 80:
   margin-left: 0%;
   margin-left: 0%;
   width: 100%;
   width: 100%;
-
 
 
-
 
 
-
 
 
}
}
Line 89: Line 87:
  border-width:2px;
  border-width:2px;
  border-color:black;
  border-color:black;
-
  height:20em;
+
   
-
  overflow: hidden;
+
}
}
Line 102: Line 99:
#text
#text
{
{
-
 
   width:100%;
   width:100%;
-
 
 
}
}
Line 110: Line 105:
.photogroupe
.photogroupe
{
{
-
   margin-top: -25%;
+
   margin-top: -25%;
-
  height:20em;
+
-
  overflow: hidden;
+
-
 
+
}
}
Line 122: Line 114:
   background-color: #18000E;
   background-color: #18000E;
   background-position: 100% 0px;
   background-position: 100% 0px;
-
 
 
}
}
-
 
-
 
-
 
-
 
/* la barre titre (banniere igem+ menu haut)*/
/* la barre titre (banniere igem+ menu haut)*/
Line 141: Line 128:
/* la barre de menu du haut */
/* la barre de menu du haut */
#menubar
#menubar
-
{
+
{  
     background: none repeat scroll 0 0 transparent !important;
     background: none repeat scroll 0 0 transparent !important;
     color: black !important;
     color: black !important;
Line 147: Line 134:
     top: 0px;
     top: 0px;
     display: table-cell;
     display: table-cell;
-
   
 
}
}
Line 155: Line 141:
     text-decoration:none;
     text-decoration:none;
     color:#000000;
     color:#000000;
-
   
 
-
   
 
}
}
Line 169: Line 153:
/* le menu de login haut droite*/
/* le menu de login haut droite*/
.right-menu
.right-menu
-
{
+
{
     color: transparent;
     color: transparent;
     text-decoration:none;
     text-decoration:none;
     text-align: right;
     text-align: right;
     background-color: transparent;
     background-color: transparent;
-
   
 
-
   
 
}
}
Line 183: Line 165:
     color:transparent;
     color:transparent;
     text-decoration: transparent;
     text-decoration: transparent;
-
     background-color: transparent;
+
     background-color: transparent;  
-
   
+
}
}
Line 218: Line 199:
     margin:none;
     margin:none;
     line-height:1em;
     line-height:1em;
-
     color: white;
+
     color: white;  
-
 
+
}
}
Line 233: Line 213:
     border: none;
     border: none;
}
}
 +
#footer-wrapper
#footer-wrapper
{
{
Line 251: Line 232:
     margin: 1% 1% 1% 0;
     margin: 1% 1% 1% 0;
}
}
-
 
-
 
/* la boite en bas de page */
/* la boite en bas de page */
Line 277: Line 256:
   list-style-image: none;
   list-style-image: none;
   line-height: 1.2em;
   line-height: 1.2em;
-
   margin: 0px;
+
   margin: 0px;   
-
   
+
-
 
+
}
}
Line 286: Line 263:
   margin: auto;
   margin: auto;
   text-align: justify;
   text-align: justify;
-
   width: 70%;  
+
   width: 70%;  
-
 
+
}
}
Line 295: Line 271:
   padding-right: 1.5%;
   padding-right: 1.5%;
   text-align: center;
   text-align: center;
-
 
 
}
}
Line 342: Line 317:
   background-color: #18000E;
   background-color: #18000E;
   background-position: 100% 0px;
   background-position: 100% 0px;
-
 
-
 
 
-
 
}
}
Line 355: Line 327:
   height:1em;
   height:1em;
   overflow: hidden;
   overflow: hidden;
-
 
 
-
 
-
 
 
-
   
 
-
 
 
}
}
Line 373: Line 340:
     transition: 0.5s max-height 0.3s;   
     transition: 0.5s max-height 0.3s;   
     border-radius: 0 0 8px 8px;
     border-radius: 0 0 8px 8px;
-
   
 
-
   
 
}   
}   
Line 388: Line 353:
     display:inline-block;   
     display:inline-block;   
     padding: auto;   
     padding: auto;   
-
   
 
-
   
 
}   
}   
Line 417: Line 380:
#menu > li li:hover a  
#menu > li li:hover a  
{
{
-
 
  color: #F5DF00;  
  color: #F5DF00;  
-
 
}  
}  
Line 452: Line 413:
     max-height:20em;   
     max-height:20em;   
}
}
-
 
-
 
.cadriage
.cadriage
Line 464: Line 423:
{
{
     text-align:center;
     text-align:center;
-
   
 
}
}
#commentaire
#commentaire
Line 475: Line 433:
{
{
     float:right;
     float:right;
-
   
 
}
}
#commentaire3
#commentaire3
{
{
     float:right;
     float:right;
-
   
 
}
}
 +
#menupied
#menupied
{
{
-
   
+
     text-align:center;  
-
 
+
-
     text-align:center;
+
-
   
+
}
}
Line 494: Line 448:
     text-align:center;  
     text-align:center;  
}
}
 +
td {
td {
   padding:10px;
   padding:10px;
Line 500: Line 455:
   background-color: #18000E;
   background-color: #18000E;
   color: white;
   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-hide{
 +
  display : inline;
 +
  color : white;
 +
}
 +
 +
.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 : 65px;
 +
  list-style-type: disc;
 +
}
 +
 +
.strain-title{
 +
  margin-left : 85px;
 +
}
 +
 +
.strain{
 +
  margin-left : 95px;
 +
}
 +
 +
.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;
 +
 
 +
}
}

Latest revision as of 03:51, 18 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-hide{ 

  display : inline;
  color : white;

}

.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 : 65px;
  list-style-type: disc;

}

.strain-title{ 

  margin-left : 85px;

}

.strain{ 

  margin-left : 95px;

}

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

}

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