Team:Bordeaux/css main

From 2014.igem.org

(Difference between revisions)
 
(158 intermediate revisions not shown)
Line 6: Line 6:
   background-position: 100% 0px;  
   background-position: 100% 0px;  
}
}
 +
h2
 +
{
 +
  color: white;
 +
  text-align : center;
 +
   
 +
}
 +
h3
 +
{
 +
  color: white;
 +
  text-align : center;
 +
   
 +
}
 +
#barregrise
#barregrise
Line 17: Line 30:
#banniere
#banniere
{
{
-
   background-color:white;  
+
   background-color: white;  
   width:100%;
   width:100%;
   margin-top: 2.2%;
   margin-top: 2.2%;
Line 448: Line 461:
.calendar{
.calendar{
 +
  align -content : center;
   margin : auto;
   margin : auto;
   width : 80%;
   width : 80%;
   align : center;
   align : center;
-
   background : #FFFFFF;
+
   background : #D3D3D3;
   border : 3px solid #FF1493;
   border : 3px solid #FF1493;
   border-radius : 25px;
   border-radius : 25px;
Line 464: Line 478:
   background : #808080;   
   background : #808080;   
   font-size : 20px;
   font-size : 20px;
-
   border-top-left-radius : 25px;
+
   border-top-left-radius : 24px;
-
   border-top-right-radius : 25px;   
+
   border-top-right-radius : 24px;   
}
}
.days{
.days{
-
   width : 100%;
+
   width : 97%;
-
   height : 26px;
+
   margin : auto;
-
   font-size : 16px;
+
   height : 36px;
-
  padding-top : 10px;
+
-
  color : black;
+
   background : #D3D3D3;   
   background : #D3D3D3;   
 +
}
 +
 +
.dayName {
 +
  float : left;
 +
  width : 14.05%;
 +
  color : black;
 +
  font-size : 16px;
 +
  text-align : center;
 +
  padding-top : 10px;
 +
  padding-bottom : 10 px; 
}
}
.week{
.week{
   width : 100%;
   width : 100%;
-
   height : 80px;
+
   height : 61px;
}
}
.day{
.day{
-
   display:inline;
+
   float : left;
-
   width : 10%;
+
   width : 14.05%;
-
   height : 100%;  
+
   height : 59px;
 +
  background : #FFFFFF;
   border : 1px solid black;   
   border : 1px solid black;   
}
}
-
/*.number{
+
.number{
-
   height : 50%;
+
   height : 20%;
-
   color : black;
+
  width : 10%;
 +
   color : white ;
   font-size: 12px;
   font-size: 12px;
   vertical-align : top;
   vertical-align : top;
-
   text-align : left;
+
   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"