|
|
| Line 1: |
Line 1: |
| - | {{:Team:Glendale_CC_AZ/main.css}}
| |
| | | | |
| - | <h2 style="text-align: center; color: black; font-family: Chalkduster;"><big>Gallery
| |
| - | of Pictures</big></h2>
| |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - | <style>
| |
| - |
| |
| - | body {
| |
| - | padding-top: 50px;
| |
| - | background: #fff;
| |
| - | }
| |
| - | 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: #000;
| |
| - | 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>
| |
"
