User:Vinoo/2014Design2
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 15: | Line 15: | ||
} | } | ||
- | body { | + | body { background-color: #fff;} |
- | + | ||
- | } | + | |
#globalWrapper, #content { /*-- changes default wiki settings --*/ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
Line 46: | Line 44: | ||
} | } | ||
- | #navbar {width: 100%; position: fixed; top: 0px; height: 60px; background-color: #f0f0f0; box-shadow: 0px 2px 5px #ccc; z-index: 100;} | + | #navbar { |
+ | width: 100%; | ||
+ | position: fixed; | ||
+ | top: 0px; | ||
+ | height: 60px; | ||
+ | background-color: #f0f0f0; | ||
+ | box-shadow: 0px 2px 5px #ccc; | ||
+ | z-index: 100; | ||
+ | } | ||
- | #navcontainer {width: 960px; height: 100%; margin: 0px auto; } | + | #navcontainer { |
+ | width: 960px; | ||
+ | height: 100%; | ||
+ | margin: 0px auto; | ||
+ | } | ||
- | #navigation { list-style-type:none; margin: auto; height: 100%; | + | #navigation { |
+ | list-style-type: none; | ||
+ | margin: auto; | ||
+ | height: 100%; | ||
+ | display:inline-block; | ||
+ | font-family:verdana; | ||
+ | } | ||
- | #navigation li { display:inline-block; padding: 20px;} | + | #navigation li { |
+ | display: inline-block; | ||
+ | padding: 20px; | ||
+ | } | ||
- | #navigation a { | + | #navigation a { |
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | } | ||
- | #navigation a:hover {color:#666;} | + | #navigation a:hover { color:#666;} |
- | #sidemenu, #sidemenu li { list-style-type:none; list-style-image: none; font-family:verdana; text-decoration:none; color:#000; font-size: 16px;} | + | #sidemenu, #sidemenu li { |
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | font-family: verdana; | ||
+ | text-decoration: none; | ||
+ | color:#000; | ||
+ | font-size: 16px; | ||
+ | } | ||
#sidemenu li {display: block;} | #sidemenu li {display: block;} | ||
- | #sidemenu a {text-decoration:none; color:#000; display: block; width: 160px; height: 100%; padding: 3px 5px; transition: .25s ease-in-out; | + | #sidemenu a { |
- | + | text-decoration:none; | |
- | + | color:#000; | |
+ | display: block; | ||
+ | width: 160px; | ||
+ | height: 100%; | ||
+ | padding: 3px 5px; | ||
+ | transition: .25s ease-in-out; | ||
+ | -moz-transition: .25s ease-in-out; | ||
+ | -webkit-transition: .25s ease-in-out; | ||
+ | } | ||
- | #sidemenu a:hover {color:#666; background-color: #d9f5aa;} | + | #sidemenu a:hover { |
+ | color:#666; | ||
+ | background-color: #d9f5aa; | ||
+ | } | ||
</style> | </style> | ||
Line 72: | Line 112: | ||
<div id="navbar"> | <div id="navbar"> | ||
- | <div id="navcontainer"> | + | <div id="navcontainer"> |
- | + | <ul id="navigation"> | |
- | + | <li style="padding: 0px;"><a href="#"><img src="https://static.igem.org/mediawiki/2014/d/d4/Logo2014.png" style="height: 60px; margin-top: -6px;" /></a></li> | |
- | + | <li><a href="#">ABOUT</a></li> | |
- | + | <li><a href="#">CONTACT</a></li> | |
- | + | </ul> | |
- | + | <ul id="navigation" style="float: right;"> | |
- | + | <li><a href="#">LOGIN</a></li> | |
- | + | </ul> | |
- | </div> | + | </div> |
</div> | </div> | ||
+ | |||
<div id="contentcontainer"> | <div id="contentcontainer"> | ||
Line 90: | Line 131: | ||
<img src="https://static.igem.org/mediawiki/2014/c/c5/Bostonskyline01.png" style="width: 940px;" /> | <img src="https://static.igem.org/mediawiki/2014/c/c5/Bostonskyline01.png" style="width: 940px;" /> | ||
</div> | </div> | ||
+ | |||
<div class="grid_16" style="margin-top: 20px; margin-bottom: 25px"> | <div class="grid_16" style="margin-top: 20px; margin-bottom: 25px"> | ||
<center><b>SAVE THE DATE, FALL 2014</b></center> | <center><b>SAVE THE DATE, FALL 2014</b></center> | ||
- | <div id="line-detail" style="height:3px;background:#ccc; margin-top: 10px;"></div> | + | <div id="line-detail" style="height:3px;background:#ccc; margin-top: 10px;"></div> |
</div> | </div> | ||
<div class="clear"></div> | <div class="clear"></div> | ||
- | |||
- | |||
<div class="grid_4"> | <div class="grid_4"> | ||
+ | <ul id="sidemenu"> | ||
+ | <li><a href="#">PARTICIPATE</a></li> | ||
+ | <li><a href="#">GET EXCITED!</a></li> | ||
+ | <li><a href="#">GIANT JAMBOREE</a></li> | ||
+ | <li><a href="#">STAY INFORMED</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
- | < | + | <div class="grid_6"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/8/81/2014_IMAGE_02.png" width="300px" height="200px"> <br><br> |
- | + | <p> PARTICIPATE! <br /> | |
- | + | Join us in our 10 year anniversary! Everyone can participate share their projects in this world stage. To find a step by step guide, click here. </p> | |
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div class="grid_6"> | <div class="grid_6"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/1/12/2014_IMAGE_01.png" width="300px" height="200px"> <br><br> | + | <img src="https://static.igem.org/mediawiki/2014/1/12/2014_IMAGE_01.png" width="300px" height="200px"> <br><br> |
- | <p> GET EXCITED! < | + | <p> GET EXCITED! <br /> |
This year we have new tracks added; Art and Design, Measurement and Microfluidics have joined the ranks. To see a full list with complete descriptions, click here. </p> | This year we have new tracks added; Art and Design, Measurement and Microfluidics have joined the ranks. To see a full list with complete descriptions, click here. </p> | ||
- | |||
</div> | </div> | ||
Revision as of 17:00, 8 November 2013
PARTICIPATE!
Join us in our 10 year anniversary! Everyone can participate share their projects in this world stage. To find a step by step guide, click here.
GET EXCITED!
This year we have new tracks added; Art and Design, Measurement and Microfluidics have joined the ranks. To see a full list with complete descriptions, click here.