|
|
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>
| |