Difference between revisions of "Team:British Columbia/Parts"

m
m
 
(4 intermediate revisions by the same user not shown)
Line 14: Line 14:
 
@media screen and (min-width: 768px) {
 
@media screen and (min-width: 768px) {
 
   .cover{
 
   .cover{
−
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-wispy-mountains.JPG");
+
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-wispy-mountains.JPG");
 
     background-size: cover; background-repeat: no-repeat;
 
     background-size: cover; background-repeat: no-repeat;
 
     background-position: 0 0, 0 -220px;
 
     background-position: 0 0, 0 -220px;
 
   }
 
   }
 
}
 
}
 +
 +
/*important to set the position of these images such that the figcaption below the background image is visible*/
 +
#previous img{
 +
  width: 100%; min-width: 100%; height: auto;
 +
  transition: all 1s ease;
 +
  left: -50px;
 +
}
 +
 +
#next img{
 +
  width: 100%; min-width: 100%; height: auto;
 +
  transition: all 1s ease; bottom: 0;
 +
}
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 35: Line 48:
 
<strong>
 
<strong>
 
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /  
 
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /  
−
<a href="#">Achievements</a> /
+
<a href="https://2016.igem.org/Team:British Columbia/Parts">Achievements - Parts</a></strong>
−
<a href="https://2016.igem.org/Team:British Columbia/Achievements/Parts">Parts</a></strong>
+
 
</div><!--#breadcrumbs-->
 
</div><!--#breadcrumbs-->
  
 
</body>
 
</body>
  
−
 
+
</html>
 
<center>
 
<center>
 
<groupparts>igem2016 British_Columbia</groupparts>
 
<groupparts>igem2016 British_Columbia</groupparts>
 
</center>
 
</center>
 +
 +
<html>
 +
<p id="read-more"><strong>Check out other parts of our project below!</strong></p>
 +
 +
<div id="up-next">
 +
 +
<div class="row" style="max-width: 100%; margin: 0">
 +
 +
<div class="col-sm-6" id="previous">
 +
<a href="https://2016.igem.org/Team:British_Columbia/Description">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg"></a>
 +
<a href="https://2016.igem.org/Team:British_Columbia/Description">
 +
<strong><figcaption>Description</figcaption></strong></a>
 +
</div>
 +
 +
<div class="col-sm-6" id="next">
 +
<a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Cellulases">
 +
<img src="https://static.igem.org/mediawiki/2016/6/60/T--British_Columbia--header-mountains.jpg"></a>
 +
<a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Cellulases">
 +
<strong><figcaption>Cellulases</figcaption></strong></a>
 +
</div>
 +
 +
</div><!--.row-->
 +
</div><!--#up-next-->
 +
 
</html>
 
</html>

Latest revision as of 11:49, 19 October 2016

Main CSS Navbar CSS

Parts

Parts

<groupparts>igem2016 British_Columbia</groupparts>

Check out other parts of our project below!