|
|
| (65 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | #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;
| + | |
| − | overflow: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | #tl-year-container 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-year-container .tl-icon-large {
| + | |
| − | position: relative;
| + | |
| − | top: 25px;
| + | |
| − | width: 45px;
| + | |
| − | height: 45px;
| + | |
| − | margin: 0 auto;
| + | |
| − | background-color: #d3d3d3;
| + | |
| − | border: 5px solid #d3d3d3;
| + | |
| − | border-radius: 10px;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | #tl-year-container .tl-icon-small {
| + | |
| − | /* WRITE THIS NEXT */
| + | |
| − | }
| + | |
| − | | + | |
| − | .tl-icon-large img, .tl-icon-small img {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | #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;*/
| + | |
| − | display: inline-block;
| + | |
| − | border-top: 1px dotted black;
| + | |
| − | padding-top: 0.5em;
| + | |
| − | width: 49%;
| + | |
| − | clear: both;
| + | |
| − | margin-bottom: 1.5em;
| + | |
| − | }
| + | |
| − | | + | |
| − | .tl-event-left {
| + | |
| − | text-align: right;
| + | |
| − | float: left;
| + | |
| − | padding-left: 1em;
| + | |
| − | padding-right: 2em;
| + | |
| − | }
| + | |
| − | .tl-event-right {
| + | |
| − | float: right;
| + | |
| − | padding-right: 1em;
| + | |
| − | padding-left: 2em;
| + | |
| − | }
| + | |
| − | .tl-event-right.tl-alongside {
| + | |
| − | clear: none !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − | | + | |
| − | | + | |
| − | <div id="tl-year-container"><div id="tl-line"></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="tl-month-container">
| + | |
| − | <h2 class="tl-month-name">Example Month</h2>
| + | |
| − | | + | |
| − | <div class="tl-icon-large"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
| + | |
| − | <div class="tl-event-left tl-alongside">
| + | |
| − | Here is a paragraph of supplementary text about the event on the right! Boy, is it a cool event. It's going to be so great.
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-right tl-alongside">
| + | |
| − | <h2>Big Deadline!</h2>
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-left">
| + | |
| − | <h3>Look Ahead: Something to Do Ahead of Time</h3>
| + | |
| − | Here's a notice that teams should plan ahead to do something that isn't due until much later.
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-right">
| + | |
| − | <h3>Minor deadline</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="tl-month-container">
| + | |
| − | <h2 class="tl-month-name">August</h2>
| + | |
| − | | + | |
| − | <div class="tl-icon"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
| + | |
| − | <div class="tl-event-left tl-alongside">
| + | |
| − | Make sure to finalize your track preferences, and save your project title and abstract in your Team Information Page.
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-right tl-alongside">
| + | |
| − | <h2>Track Selection — Title and Abstract</h2>
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-right">
| + | |
| − | <h3>Giant Jamboree: Sheraton Hotel Booking Deadline</h3>
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-left tl-alongside">Blah blah final safety forms.</div>
| + | |
| − | <div class="tl-event-right tl-alongside">
| + | |
| − | <h2>Final Safety Form Due</h2>
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-left tl-alongside">Blah blah blah blah, interlab measurement study.</div>
| + | |
| − | <div class="tl-event-right tl-alongside">
| + | |
| − | <h3>Interlab Measurement Study Data Due</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="tl-month-container">
| + | |
| − | <h2 class="tl-month-name">September</h2>
| + | |
| − | | + | |
| − | <div class="tl-icon"><img src="https://static.igem.org/mediawiki/igem.org/d/da/Icons_healthandmedicine.png"></div>
| + | |
| − | <div class="tl-event-left tl-alongside">
| + | |
| − | Here is a paragraph about the wiki freeze! Lorem ipsum dolor sit amet, blah blah blah, paragraph of text, lorem ipsum blah blah iGEM is so wonderful.
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-right tl-alongside">
| + | |
| − | <h2>Wiki Freeze!</h2>
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-left">
| + | |
| − | <h3>Look Ahead: Presentation & Poster</h3>
| + | |
| − | Start preparing your presentation and poster now! the Giant Jamboree is coming up!
| + | |
| − | </div>
| + | |
| − | <div class="tl-event-right">
| + | |
| − | <h3>Minor deadline</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | </div></div>
| + | |
| − | | + | |
| − | </html>
| + | |
