Difference between revisions of "Team:Lethbridge/index css"

(Created page with "#main_banner_container { background: url(../img/http://2015.igem/uploads/dankomatic/j324j/90324/09014091.jpg); background-position: center; background-size: cover !impor...")
 
 
(42 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
#main_banner_container {
 
#main_banner_container {
−
   background: url(../img/http://2015.igem/uploads/dankomatic/j324j/90324/09014091.jpg);
+
   background: url(https://static.igem.org/mediawiki/2015/9/9e/Rows_o_crops.jpg);
 
   background-position: center;
 
   background-position: center;
 
   background-size: cover !important;
 
   background-size: cover !important;
 
   height: 100vh;
 
   height: 100vh;
−
   min-height: 100vh;
+
   min-height: 100%;
 
   width: 100%;
 
   width: 100%;
 
   margin-top: 0px;
 
   margin-top: 0px;
Line 40: Line 40:
 
   height: 100vh;
 
   height: 100vh;
 
   min-height: 100vh;
 
   min-height: 100vh;
−
   overflow: hidden;
+
   overflow-x: hidden;
 
   width: 100%;
 
   width: 100%;
 
}
 
}
  
 
#info_1 {
 
#info_1 {
−
   background: #fae0c5;
+
   background-color: #fae0c5;
 
}
 
}
 
#info_1 #earth_population {
 
#info_1 #earth_population {
−
   background: url(../img/earth.png);
+
   background: url(https://static.igem.org/mediawiki/2015/6/6f/Uleth15_Globe.png);
 
   background-position: center center;
 
   background-position: center center;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
Line 55: Line 55:
 
   height: 400px;
 
   height: 400px;
 
   margin: 0px auto;
 
   margin: 0px auto;
 +
  position: relative;
 
   width: 400px;
 
   width: 400px;
 
}
 
}
Line 71: Line 72:
  
 
#info_2 {
 
#info_2 {
 +
  background-position: right center;
 +
  background-repeat: no-repeat;
 +
  background-size: 40% auto;
 
   color: #ffffff;
 
   color: #ffffff;
−
   background: #304055;
+
   background-color: #304055;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/6/64/Uleth15_Molecule.png);
 
}
 
}
  
 
#info_3 {
 
#info_3 {
−
   background: #60a574;
+
   background-position: left bottom;
 +
  background-repeat: no-repeat;
 +
  background-color: #60a574;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/0/0a/Uleth15_dsRNA.png);
 
}
 
}
  
 
#info_4 {
 
#info_4 {
−
   background: #ffffff;
+
   background-color: #ffffff;
 
}
 
}
  
 
#info_5 {
 
#info_5 {
−
   background: #d4af37;
+
   background-color: #d4af37;
 
}
 
}
  
 
#info_6 {
 
#info_6 {
−
   background: #e5e4e2;
+
   background-color: #e5e4e2;
 
}
 
}
  
 
#info_7 {
 
#info_7 {
−
   background: #60a574;
+
   background-color: #60a574;
 
}
 
}
  
 
#info_8 {
 
#info_8 {
−
   background: #ffffff;
+
   background-color: #ffffff;
 +
}
 +
 
 +
 
 +
/* Sponsors stuff */
 +
#index_sponsors div,
 +
#index_sponsors a {
 +
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
  background-size: contain;
 +
  display: block;
 +
  float: left;
 +
  height: 25%;
 +
  margin: 0 !important;
 +
  padding: 0 !important;
 +
  width: 25%;
 +
}
 +
#index_sponsors div {
 +
  display: table;
 +
}
 +
#index_sponsors h1 {
 +
  display: table-cell;
 +
  vertical-align: middle;
 +
  text-align: center;
 
}
 
}
 +
#index_sponsor_IDT      { background: url(https://static.igem.org/mediawiki/2015/c/c7/Uleth15_IDT.png);      }
 +
#index_sponsor_geneious { background: url(https://static.igem.org/mediawiki/2015/c/c7/Uleth15_Geneious.png); }
 +
#index_sponsor_AITF    { background: url(https://static.igem.org/mediawiki/2015/3/36/Uleth15_AITF.png);    }
 +
#index_sponsor_pearl    { background: url(https://static.igem.org/mediawiki/2015/6/68/Uleth15_PEARL.png);    }
 +
#index_sponsor_AAFC    { background: url(https://static.igem.org/mediawiki/2015/8/8d/Uleth15_AAFC.png);    }
 +
#index_sponsor_AARTI    { background: url(https://static.igem.org/mediawiki/2015/4/48/Uleth15_AARTI.png);    }
 +
#index_sponsor_Uleth    { background: url(https://static.igem.org/mediawiki/2015/b/bd/Uleth15_Uleth.png);    }

Latest revision as of 03:19, 19 September 2015

  1. main_banner_container {
 background: url(Rows_o_crops.jpg);
 background-position: center;
 background-size: cover !important;
 height: 100vh;
 min-height: 100%;
 width: 100%;
 margin-top: 0px;
 padding-top: 0px;

}

  1. main_banner_container .banner_title {
 color: #ffffff;
 display: inline-block;
 font-size: 48px;
 margin: 256px 0px 64px 0px;
 text-align: center;
 width: 100%;

}

  1. main_banner_container .banner_buttons {
 display: block;
 margin: 0px auto;
 width: 420px;

}

  1. main_banner_container .banner_buttons a {
 border: 2px solid #ffffff;
 color: #ffffff;
 display: inline-block;
 float: left;
 height: 36px;
 line-height: 36px;
 margin: 0px 8px;
 text-align: center;
 width: 120px;

}

  1. main_banner_container .banner_buttons a:hover {
 background: rgba(255, 255, 255, 0.33);

}

.info_box { 

 height: 100vh;
 min-height: 100vh;
 overflow-x: hidden;
 width: 100%;

}

  1. info_1 {
 background-color: #fae0c5;

}

  1. info_1 #earth_population {
 background: url(Uleth15_Globe.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 height: 400px;
 margin: 0px auto;
 position: relative;
 width: 400px;

}

  1. info_1 #earth_population img {
 left: 0px;
 position: absolute;
 top: 0px;
 z-index: 100;

}

  1. info_1 #earth_population canvas {
 left: 0px;
 position: absolute;
 top: 0px;
 z-index: 100;

}

  1. info_2 {
 background-position: right center;
 background-repeat: no-repeat;
 background-size: 40% auto;
 color: #ffffff;
 background-color: #304055;
 background-image: url(Uleth15_Molecule.png);

}

  1. info_3 {
 background-position: left bottom;
 background-repeat: no-repeat;
 background-color: #60a574;
 background-image: url(Uleth15_dsRNA.png);

}

  1. info_4 {
 background-color: #ffffff;

}

  1. info_5 {
 background-color: #d4af37;

}

  1. info_6 {
 background-color: #e5e4e2;

}

  1. info_7 {
 background-color: #60a574;

}

  1. info_8 {
 background-color: #ffffff;

}


/* Sponsors stuff */

  1. index_sponsors div,
  2. index_sponsors a {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 display: block;
 float: left;
 height: 25%;
 margin: 0 !important;
 padding: 0 !important;
 width: 25%;

}

  1. index_sponsors div {
 display: table;

}

  1. index_sponsors h1 {
 display: table-cell;
 vertical-align: middle;
 text-align: center;

}

  1. index_sponsor_IDT { background: url(Uleth15_IDT.png); }
  2. index_sponsor_geneious { background: url(Uleth15_Geneious.png); }
  3. index_sponsor_AITF { background: url(Uleth15_AITF.png); }
  4. index_sponsor_pearl { background: url(Uleth15_PEARL.png); }
  5. index_sponsor_AAFC { background: url(Uleth15_AAFC.png); }
  6. index_sponsor_AARTI { background: url(Uleth15_AARTI.png); }
  7. index_sponsor_Uleth { background: url(Uleth15_Uleth.png); }