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

Line 40: Line 40:
 
   height: 100vh;
 
   height: 100vh;
 
   min-height: 100vh;
 
   min-height: 100vh;
−
   overflow: hidden;
+
   overflow-x: hidden;
 
   width: 100%;
 
   width: 100%;
 
}
 
}
Line 101: Line 101:
  
 
/* Sponsors stuff */
 
/* Sponsors stuff */
−
 
+
#index_sponsors {
 +
  background: blue;
 +
}
 
#index_sponsors h1,
 
#index_sponsors h1,
 
#index_sponsors a {
 
#index_sponsors a {
Line 110: Line 112:
 
   padding: 0 !important;
 
   padding: 0 !important;
 
   width: 25%;
 
   width: 25%;
 +
}
 +
#index_sponsors a:hover {
 +
  background: red;
 
}
 
}
 
#index_sponsors a img {
 
#index_sponsors a img {
−
   width: 100%;
+
    
 
}
 
}

Revision as of 22:11, 18 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: #fae0c5;

}

  1. info_1 #earth_population {
 background: url(../img/earth.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 height: 400px;
 margin: 0px auto;
 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 {
 color: #ffffff;
 background: #304055;

}

  1. info_3 {
 background: #60a574;

}

  1. info_4 {
 background: #ffffff;

}

  1. info_5 {
 background: #d4af37;

}

  1. info_6 {
 background: #e5e4e2;

}

  1. info_7 {
 background: #60a574;

}

  1. info_8 {
 background: #ffffff;

}


/* Sponsors stuff */

  1. index_sponsors {
 background: blue;

}

  1. index_sponsors h1,
  2. index_sponsors a {
 display: block;
 float: left;
 height: 25%;
 margin: 0 !important;
 padding: 0 !important;
 width: 25%;

}

  1. index_sponsors a:hover {
 background: red;

}

  1. index_sponsors a img {

}