Team:Gaston Day School/8.5.14cad
From 2014.igem.org
(Difference between revisions)
Rgeraghty98 (Talk | contribs) |
|||
(16 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | {{CSS/Main}} |
+ | <html> | ||
+ | <head> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <style> | ||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | [class*='col-'] { | ||
+ | float: left; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | |||
+ | .grid-pad { | ||
+ | padding: 20px 0px 20px 20px; | ||
+ | } | ||
+ | |||
+ | .sub-grid-pad { | ||
+ | padding: 20px 0px 20px 0px; | ||
+ | } | ||
+ | |||
+ | .grid-pad > .row > [class*='col-']:last-of-type, .grid-pad > [class*='col-']:last-of-type { | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | |||
+ | .col-1-1 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-1-2, .col-2-4, .col-3-6, .col-5-10 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-1-3, .col-2-6, .col-3-9 { | ||
+ | width: 33.33%; | ||
+ | } | ||
+ | |||
+ | .col-2-3, .col-4-6, .col-6-9 { | ||
+ | width: 66.66%; | ||
+ | } | ||
+ | |||
+ | .col-1-4, .col-2-8 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-3-4 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-1-5, .col-2-10 { | ||
+ | width: 20%; | ||
+ | } | ||
+ | |||
+ | .col-2-5, .col-4-10 { | ||
+ | width: 40%; | ||
+ | } | ||
+ | |||
+ | .col-3-5, .col-6-10 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | .col-4-5, .col-8-10 { | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .col-1-6 { | ||
+ | width: 16.66%; | ||
+ | } | ||
+ | |||
+ | .col-5-6 { | ||
+ | width: 83.33%; | ||
+ | } | ||
+ | |||
+ | .col-1-7 { | ||
+ | width: 14.28%; | ||
+ | } | ||
+ | |||
+ | .col-2-7 { | ||
+ | width: 28.57%; | ||
+ | } | ||
+ | |||
+ | .col-3-7 { | ||
+ | width: 42.85%; | ||
+ | } | ||
+ | |||
+ | .col-4-7 { | ||
+ | width: 57.14%; | ||
+ | } | ||
+ | |||
+ | .col-5-7 { | ||
+ | width: 71.42%; | ||
+ | } | ||
+ | |||
+ | .col-6-7 { | ||
+ | width: 85.71%; | ||
+ | } | ||
+ | |||
+ | .col-1-8 { | ||
+ | width: 12.5%; | ||
+ | } | ||
+ | |||
+ | .col-2-8 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-3-8 { | ||
+ | width: 37.5%; | ||
+ | } | ||
+ | |||
+ | .col-4-8 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-5-8 { | ||
+ | width: 62.5%; | ||
+ | } | ||
+ | |||
+ | .col-6-8 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-7-8 { | ||
+ | width: 87.5%; | ||
+ | } | ||
+ | |||
+ | .col-1-9 { | ||
+ | width: 11.11%; | ||
+ | } | ||
+ | |||
+ | .col-2-9 { | ||
+ | width: 22.22%; | ||
+ | } | ||
+ | |||
+ | .col-4-9 { | ||
+ | width: 44.44%; | ||
+ | } | ||
+ | |||
+ | .col-5-9 { | ||
+ | width: 55.55%; | ||
+ | } | ||
+ | |||
+ | .col-7-9 { | ||
+ | width: 77.77%; | ||
+ | } | ||
+ | |||
+ | .col-8-9 { | ||
+ | width: 88.88%; | ||
+ | } | ||
+ | |||
+ | .col-1-10 { | ||
+ | width: 10%; | ||
+ | } | ||
+ | |||
+ | .col-3-10 { | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .col-7-10 { | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | .col-9-10 { | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | .grid:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | *, *:after, *:before { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | [class*='col-']:last-of-type { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | background-color:#FFFFFF; | ||
+ | color: #081D38; | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
+ | |||
+ | |||
+ | .hide { | ||
+ | background-color: auto; | ||
+ | } | ||
+ | |||
+ | #pad { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color:#DFEDFF; | ||
+ | } | ||
+ | |||
+ | #head { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | } | ||
+ | |||
+ | #mainhead { | ||
+ | font-family:'Ubuntu', sans-serif; | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | |||
+ | a{text-decoration:none;} | ||
+ | |||
+ | #navbar > div > a > p.show { | ||
+ | box-shadow: 10px 10px 5px #888888; | ||
+ | } | ||
+ | |||
+ | .currentpage { | ||
+ | background-color:#FFFFFF; | ||
+ | color: #081D38; | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
+ | |||
+ | #navbar > div > a :hover{ | ||
+ | background-color: #C1CDCd; | ||
+ | color: #081D38; | ||
+ | } | ||
+ | |||
+ | #navbar > div > a:active > p.show { | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
+ | |||
+ | .image-wrapper | ||
+ | { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .scale-image | ||
+ | { | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body class="transform"> | ||
+ | |||
+ | <div class="row"> | ||
+ | <h1 id="mainhead" style="color:#072751" class="show" align="center">2014 GDS iGEM Parts Page</h1> | ||
+ | <h2 style="color:#072751">>Notebook>8.5.14</h2> | ||
+ | </div> | ||
+ | |||
+ | <div class="grid-pad" align="center" id="navbar"> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School#home"><p class="show" id="pad">Home<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team"> | ||
+ | <p class="show" id="pad">Members<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project"> | ||
+ | <p class="show" id="pad">Project<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts"> | ||
+ | <p class="show" id="pad">Parts<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models"> | ||
+ | <p class="show" id="pad">Models<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook"> | ||
+ | <p class="currentpage" id="pad">Notebook<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety"> | ||
+ | <p class="show" id="pad">Safety<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib"> | ||
+ | <p class="show" id="pad">Attributions<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> | ||
+ | <p class="show" id="pad"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="19px" position="absolute"><p></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-1-10"> | ||
+ | <p class="hide" id="pad"></p> | ||
+ | </div> | ||
+ | <div class="col-8-10"> | ||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-1"> | ||
+ | <h2 id="head">Isobutanol</h2> | ||
+ | <div class="show" id="pad"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/thumb/0/00/6-5.png/433px-6-5.png" alt="6.5.14cad2.png" style="width:100%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-1-10"> | ||
+ | <p class="hide" id="pad"></p> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 03:26, 18 October 2014