From 2013.igem.org
(Difference between revisions)
|
|
| (5 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <style type="text/css">
| |
| | | | |
| - | @import url('http://fonts.googleapis.com/css?family=Lato');
| |
| - |
| |
| - | * {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | box-sizing: border-box;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | font: 14px/1 Lato, sans-serif;
| |
| - | color: #555;
| |
| - | background: #eee;
| |
| - | }
| |
| - |
| |
| - | .gallery {
| |
| - | width: 790px;
| |
| - | margin: 0 auto;
| |
| - | padding: 5px;
| |
| - | background: #333;
| |
| - | }
| |
| - |
| |
| - | .gallery > div {
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | padding: 5px;
| |
| - | }
| |
| - |
| |
| - | .gallery > div > img {
| |
| - | width: 250px;
| |
| - | transition: .1s transform;
| |
| - | transform: translateZ(0); /* hack */
| |
| - | }
| |
| - |
| |
| - | .gallery > div:hover {
| |
| - | z-index: 2;
| |
| - | }
| |
| - |
| |
| - | .gallery > div:hover > img {
| |
| - | transform: scale(1.5,1.5);
| |
| - | transition: .3s transform;
| |
| - | }
| |
| - |
| |
| - | .cf:before, .cf:after {
| |
| - | display: table;
| |
| - | content: "";
| |
| - | line-height: 0;
| |
| - | }
| |
| - |
| |
| - | .cf:after {
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | margin: 40px 0;
| |
| - | font-size: 24px;
| |
| - | text-align: center;
| |
| - | text-transform: uppercase;
| |
| - | }
| |
| - |
| |
| - | footer {
| |
| - | margin: 80px 0;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
Latest revision as of 03:12, 23 September 2013
"
