Difference between revisions of "Team:British Columbia/Project/Overview"

m
m
Line 5: Line 5:
 
<style>
 
<style>
 
.cover{
 
.cover{
−
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg");
+
   background: url("https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg");
 
   background-size: cover; background-repeat: no-repeat;
 
   background-size: cover; background-repeat: no-repeat;
 
}
 
}
  
−
/**this needs to be adjusted such that the bg image never falls off the screen**/
 
 
@media screen and (min-width: 768px) {
 
@media screen and (min-width: 768px) {
 
   .cover{
 
   .cover{
 +
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg");
 +
    background-size: cover; background-repeat: no-repeat;
 
     background-position: 0 0, 0 -220px;
 
     background-position: 0 0, 0 -220px;
 
   }
 
   }

Revision as of 00:19, 15 October 2016

Main CSS Overview

Overview

Write here

Check out other parts of our project below!