Team:Glendale CC AZ/Gallery

From 2013.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:Glendale_CC_AZ/test}}")
Line 1: Line 1:
{{:Team:Glendale_CC_AZ/test}}
{{:Team:Glendale_CC_AZ/test}}
 +
 +
<h2 style="text-align: center; color: black; font-family: Chalkduster;"><big>Gallery
 +
of Pictures</big></h2>
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
  padding-top: 50px;
 +
  background: #f8f8f8;
 +
}
 +
img { 
 +
max-width: 100%;
 +
max-height: 150px;
 +
}
 +
 +
ul{
 +
padding: 0;
 +
}
 +
 +
.content {
 +
width: 970px;
 +
margin: 0 auto;
 +
}
 +
 +
.starter-template {
 +
margin-top: 30px;
 +
}
 +
 +
.starter-template li {
 +
width: 20%;
 +
position: relative;
 +
float:left;
 +
list-style: none;
 +
background: #fff;
 +
padding: 10px;
 +
margin-bottom: 20px;
 +
margin-right: 20px;
 +
-webkit-border-radius: 3px;
 +
-moz-border-radius: 3px;
 +
border-radius: 3px;
 +
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
 +
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
 +
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
 +
}
 +
 +
@media (max-width: 315px) {
 +
.starter-template li {
 +
margin: 0 0 3px 3px !important;
 +
}
 +
}
 +
 +
@media (max-width: 735px) and (min-width: 450px) {
 +
.starter-template li {
 +
width: 30%;
 +
margin-right: 0;
 +
margin-left: 15px;
 +
 +
}
 +
}
 +
 +
@media (max-width: 450px) {
 +
.starter-template li {
 +
width: 45%;
 +
margin-right: 20px;
 +
margin-left: 10px;
 +
}
 +
.starter-template li:nth-child(2n){
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
}
 +
 +
 +
 +
</style>
 +
</head>
 +
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
 +
<link href="../Downloads/cssmenu-1/menu_assets/styles.css" rel="stylesheet" type="text/css">
 +
 +
<div class="navbar navbar-inverse navbar-fixed-top">
 +
  <div class="container">
 +
 +
    <div class="nav-collapse collapse">
 +
     
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
<!-- Responsive Image -->
 +
<div class="container">
 +
  <div class="starter-template">
 +
    <ul>
 +
      <li><img src="https://static.igem.org/mediawiki/igem.org/c/c8/MaterialGCC.JPG" alt=""></li>
 +
      <li><img src="https://static.igem.org/mediawiki/igem.org/1/19/Tubes2GCC.JPG" alt=""></li>
 +
      <li><img src="https://static.igem.org/mediawiki/igem.org/5/59/ExperimentGCC.JPG" alt=""></li>
 +
      <li><img src="https://static.igem.org/mediawiki/igem.org/7/7e/Lab1GCC.JPG" alt=""></li>
 +
      <li><img src="https://static.igem.org/mediawiki/igem.org/a/ab/Lab2GCC.JPG" alt=""></li>
 +
      <li><img src="https://static.igem.org/mediawiki/igem.org/2/25/PlatesGCC.JPG" alt=""></li>
 +
    </ul>
 +
  </div>
 +
</div>
 +
 +
 +
 +
 +
 +
</html>

Revision as of 01:00, 12 August 2013


Gallery of Pictures

Retrieved from "http://2013.igem.org/Team:Glendale_CC_AZ/Gallery"