|
|
(72 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <html>
| + | #REDIRECT [[Calendar]] |
− | <!-- <link rel="stylesheet" type="text/css" href="https://2016.igem.org/HQ:CSS/Timeline?action=raw&ctype=text/css"> -->
| + | |
− | | + | |
− | <style type="text/css">
| + | |
− | /* oh good this is going to be hard */
| + | |
− | | + | |
− | * {
| + | |
− | -webkit-box-sizing: border-box;
| + | |
− | -moz-box-sizing: border-box;
| + | |
− | box-sizing: border-box;
| + | |
− | }
| + | |
− | | + | |
− | div.tl-year-container {
| + | |
− | width: 100%;
| + | |
− | position: relative;
| + | |
− | border: 1px solid #ccc;
| + | |
− | clear: both;
| + | |
− | }
| + | |
− | | + | |
− | div.tl-month-container {
| + | |
− | /*width: 100%;*/
| + | |
− | border: 1px solid green;
| + | |
− | margin: 3px;
| + | |
− | padding: 3px;
| + | |
− | }
| + | |
− | | + | |
− | h2.tl-month-name {
| + | |
− | text-align: center;
| + | |
− | font-color: #4e606e;
| + | |
− | background-color: #f2f2f2;
| + | |
− | width: 8em;
| + | |
− | padding: 8px 1em;
| + | |
− | margin: 0 auto;
| + | |
− | border-radius: 1em;
| + | |
− | z-index: 20;
| + | |
− | }
| + | |
− | | + | |
− | #tl-line {
| + | |
− | position: absolute;
| + | |
− | width: 3px;
| + | |
− | background-color: #4e606e;
| + | |
− | z-index: -1;
| + | |
− | margin: auto;
| + | |
− | left: 0;
| + | |
− | right: 0;
| + | |
− | top: 0;
| + | |
− | bottom: 0;
| + | |
− | }
| + | |
− | | + | |
− | .tl-event-left, .tl-event-right {
| + | |
− | position: relative;
| + | |
− | border-top: 1px dotted black;
| + | |
− | padding-top: 0.5em;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | | + | |
− | .tl-event-left {
| + | |
− | /*left: 0;/*
| + | |
− | padding-left: 1em;
| + | |
− | padding-right: 2em;
| + | |
− | }
| + | |
− | .tl-event-right {
| + | |
− | margin-left: 50%;
| + | |
− | padding-right: 1em;
| + | |
− | padding-left: 2em;
| + | |
− | }
| + | |
− | </style>
| + | |
− | | + | |
− | | + | |
− | <div class="tl-year-container">
| + | |
− | | + | |
− | <div id="tl-line"></div>
| + | |
− | | + | |
− | <div class="tl-month-container" id="tl-may">
| + | |
− | <h2 class="tl-month-name">May</h2>
| + | |
− | <div class="tl-event-left">
| + | |
− | <h3>Left Event</h3>
| + | |
− | This event should end up on the left. Cat ipsum dolor sit amet, sphynx yet grimalkin. Siberian savannah. Donskoy. Panther. Siamese. Singapura ocicat siberian and abyssinian , yet tom bengal. Munchkin. Turkish angora egyptian mau.
| + | |
− | </div>
| + | |
− | <div class="tl-event-right">
| + | |
− | <h3>Right Event</h3>
| + | |
− | Right hand side event. Singapura norwegian forest cougar thai ocicat. Tabby abyssinian , or scottish fold. Devonshire rex kitty but thai maine coon or cougar sphynx and himalayan. Persian puma manx balinese so lion. Sphynx scottish fold, ocelot panther but manx for devonshire rex but cornish rex. Singapura singapura. Puma ocelot. Leopard. Ragdoll himalayan but thai yet leopard thai so siberian. Leopard panther turkish angora but tabby.
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | </html>
| + | |