Difference between revisions of "Template:Paris Bettencourt/cssPages"

 
(31 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
  * It's FREE! But you can send us beer at
 
  * It's FREE! But you can send us beer at
 
  * beer@corre.bio :-) */
 
  * beer@corre.bio :-) */
 
  
 
/* Background of the pages */
 
/* Background of the pages */
Line 205: Line 204:
 
/* Overview & Infographics */
 
/* Overview & Infographics */
 
#overview {
 
#overview {
   border-top: 1px solid white;
+
   border-top: 0;
 
}
 
}
 
#overview table {
 
#overview table {
Line 232: Line 231:
 
}
 
}
 
#overview table td, #overview table th {
 
#overview table td, #overview table th {
   border: 3px solid white;
+
   border: 0
 
   display: table-cell;
 
   display: table-cell;
 
   vertical-align: middle;
 
   vertical-align: middle;
Line 239: Line 238:
 
   width: 33.3%;
 
   width: 33.3%;
 
   color: white;
 
   color: white;
   text-align: center;
+
   text-align: justify;
 
   padding: 10px;
 
   padding: 10px;
 
   font-size: 20px;
 
   font-size: 20px;
Line 272: Line 271:
 
   line-height: 30px;
 
   line-height: 30px;
 
}
 
}
 +
 +
 
.yellow, h3.yellow, a.yellow {
 
.yellow, h3.yellow, a.yellow {
 
     color: #FFF200;
 
     color: #FFF200;
Line 282: Line 283:
 
}
 
}
 
#overview a {
 
#overview a {
     font-family: 'Generica';
+
     color: #09A1FF;
    font-size: 30px;
+
 
}
 
}
 
#overview a:hover {
 
#overview a:hover {
Line 291: Line 291:
  
  
#overview img.info {
+
img.info {
 
         max-width: 842px;
 
         max-width: 842px;
 
         min-width: 300px;
 
         min-width: 300px;
Line 327: Line 327:
 
.textContent.black {
 
.textContent.black {
 
         background-color: black;
 
         background-color: black;
 +
        width: 100%;
 +
        max-width: 100%;
 
}
 
}
  
Line 334: Line 336:
 
background-color: white;
 
background-color: white;
 
width: 100%;
 
width: 100%;
 +
        max-width: 100%;
 
}
 
}
  
 
/* Text content */
 
/* Text content */
 
.textContent {
 
.textContent {
max-width: 1800px;
+
  max-width: 1800px;
 
font-size: 16px;
 
font-size: 16px;
 
margin: auto;
 
margin: auto;
Line 465: Line 468:
 
     margin-bottom: 50px;
 
     margin-bottom: 50px;
 
     margin-top: 50px;
 
     margin-top: 50px;
 +
}
 +
 +
.textContent a {
 +
  color: #636363;
 +
}
 +
.textContent a:hover {
 +
  color: #909090;
 
}
 
}
  
Line 836: Line 846:
 
#bronze,
 
#bronze,
 
#silver,
 
#silver,
#gold {
+
#gold,
 +
#jamboree,
 +
#empty {
 
       width: 30%;
 
       width: 30%;
 
       margin: 1.5%;
 
       margin: 1.5%;
Line 853: Line 865:
 
#gold {
 
#gold {
 
       background-image: url('https://static.igem.org/mediawiki/2015/5/56/ParisBettencourt_Gold.png');
 
       background-image: url('https://static.igem.org/mediawiki/2015/5/56/ParisBettencourt_Gold.png');
 +
}
 +
#jamboree {
 +
      background-image: url('https://static.igem.org/mediawiki/2015/d/d1/ParisBettencorut_igemFromAbove_small.jpg');
 +
      background-size: 500px;
 +
      background-repeat: no-repeat;
 +
      background-position: top;
 +
      padding-top: 320px;
 
}
 
}
 
#medals ul{
 
#medals ul{
Line 1,058: Line 1,077:
 
a.buttonMagena:active {
 
a.buttonMagena:active {
 
         box-shadow: 0px 1px 0px 0px #BB0066;
 
         box-shadow: 0px 1px 0px 0px #BB0066;
 +
}
 +
 +
 +
.textWrapper.black {
 +
        background-color: black;
 +
}
 +
.container.black {
 +
        background-color: black;
 +
}
 +
.container.black.white {
 +
        background-color: white;
 +
}
 +
.textContent.black {
 +
        background-color: black;
 
}
 
}
  

Latest revision as of 14:54, 1 December 2015