Template:NTUGlobal

From 2009.igem.org

(Difference between revisions)
 
(423 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/* Containers
+
body.mediawiki {background:#202030; /*url(https://static.igem.org/mediawiki/2009/0/00/NTUgradient.jpg) *//*url(https://static.igem.org/mediawiki/2009/c/cc/NTUwhitegradient.jpg)*//* center top repeat-x fixed */ /* url(https://static.igem.org/mediawiki/2009/5/51/NTUback.jpg) top center fixed no-repeat */}
-
----------------------------------------------------------------------------------------------------*/
+
#content {border:1px solid #515151; margin:0px auto;/*padding:20px 10px 10px; */ background:#fff url(https://static.igem.org/mediawiki/2009/c/cc/NTUwhitegradient.jpg) center top repeat-x fixed; }
-
.container_12 {margin-left: auto;margin-right: auto;width: 972px;}
+
/* #bodyContent {margin-top:10px; padding-top:0;}
-
 
+
#footer-box {margin-top:10px;} */
-
/* Grid >> Global
+
#wrap {/*background:url(https://static.igem.org/mediawiki/2009/4/43/NTUcontent.png) center center repeat-y;*/}
-
----------------------------------------------------------------------------------------------------*/
+
.container_12 {margin-left:auto;margin-right:auto;width:960px;color:#404040;}
-
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;margin-left: 5px;margin-right: 5px; padding-left:5px; padding-right:5px;}
+
.hp {position:relative; width:100%;}
-
 
+
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {background: transparent;display:inline;float: left; margin-left:10px; margin-right:10px; text-align:justify;}
-
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
+
.alpha {margin-left:0}
-
----------------------------------------------------------------------------------------------------*/
+
.omega {margin-right:0}
-
.alpha {margin-left: 0;}
+
.container_12 .grid_1 {width:60px;}
-
.omega {margin-right: 0;}
+
.container_12 .grid_2 {width:140px;}
-
 
+
.container_12 .grid_3 {width:220px;}
-
/* Grid >> 12 Columns
+
.container_12 .grid_4 {width:300px;}
-
----------------------------------------------------------------------------------------------------*/
+
.container_12 .grid_5 {width:380px;}
-
.container_12 .grid_1 {width:61px;}
+
.container_12 .grid_6 {width:460px;}
-
.container_12 .grid_2 {width:142px;}
+
.container_12 .grid_7 {width:540px;}
-
.container_12 .grid_3 {width:223px;}
+
.container_12 .grid_8 {width:620px;}
-
.container_12 .grid_4 {width:304px;}
+
.container_12 .grid_9 {width:700px;}
-
.container_12 .grid_5 {width:385px;}
+
.container_12 .grid_10 {width:780px;}
-
.container_12 .grid_6 {width:466px;}
+
.container_12 .grid_11 {width:860px;}
-
.container_12 .grid_7 {width:547px;}
+
.container_12 .grid_12 {width:940px;}
-
.container_12 .grid_8 {width:628px;}
+
-
.container_12 .grid_9 {width:709px;}
+
-
.container_12 .grid_10 {width:790px;}
+
-
.container_12 .grid_11 {width:871px;}
+
-
.container_12 .grid_12 {width:952px;}
+
-
 
+
-
/* Prefix Extra Space >> 12 Columns
+
-
----------------------------------------------------------------------------------------------------*/
+
-
.container_12 .prefix_1 {margin-left:81px;}
+
-
.container_12 .prefix_2 {margin-left:162px;}
+
-
.container_12 .prefix_3 {margin-left:243px;}
+
-
.container_12 .prefix_4 {margin-left:324px;}
+
-
.container_12 .prefix_5 {margin-left:405px;}
+
-
.container_12 .prefix_6 {margin-left:486px;}
+
-
.container_12 .prefix_7 {margin-left:567px;}
+
-
.container_12 .prefix_8 {margin-left:648px;}
+
-
.container_12 .prefix_9 {margin-left:729px;}
+
-
.container_12 .prefix_10 {margin-left:810px;}
+
-
.container_12 .prefix_11 {margin-left:891px;}
+
-
 
+
-
/* Suffix Extra Space >> 12 Columns
+
-
----------------------------------------------------------------------------------------------------*/
+
-
.container_12 .suffix_1 {margin-right:81px;}
+
-
.container_12 .suffix_2 {margin-right:162px;}
+
-
.container_12 .suffix_3 {margin-right:243px;}
+
-
.container_12 .suffix_4 {margin-right:324px;}
+
-
.container_12 .suffix_5 {margin-right:405px;}
+
-
.container_12 .suffix_6 {margin-right:486px;}
+
-
.container_12 .suffix_7 {margin-right:567px;}
+
-
.container_12 .suffix_8 {margin-right:648px;}
+
-
.container_12 .suffix_9 {margin-right:729px;}
+
-
.container_12 .suffix_10 {margin-right:810px;}
+
-
.container_12 .suffix_11 {margin-right:891px;}
+
-
 
+
-
/* Clear Floated Elements
+
-
----------------------------------------------------------------------------------------------------*/
+
.clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0; height: 0;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0; height: 0;}
-
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;}
+
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
* html .clearfix {height: 1%;}
Line 67: Line 32:
/* Styles
/* Styles
----------------------------------------------------------------------------------------------------*/
----------------------------------------------------------------------------------------------------*/
-
/* Global */
+
body {font-family:Arial, Helvetica, sans-serif;}
-
body {background:#fff; color:#000; font-family:Arial, Helvetica, sans-serif;}
+
h1.firstHeading, #top {display:none;}
-
h1 {font-size:12px; color:#ccc;}
+
h1,h6 {font-size:10px; color:#d0d0d0; padding-bottom:4px;}
-
h1,h2,h3,h4,h5,h6{font-weight:bold; font-variant:small-caps;}
+
h5 {font-size:11px; color:#a0a0a0;padding-bottom:3px;}
-
a:link, a:active; {color:#00b4ff; text-decoration:none;}
+
h4{font-size:12px; color:#808080; padding-bottom:2px;}
-
a:hover, a:visited {color:#505050;}
+
h3, h2, h1 {font-family:Tahoma, Impact, sans-serif; font-weight:bold;}
 +
h3 {font-size:13px; color:#505050; padding-bottom:2px;}
 +
h2 {font-size:14px; color:#202020; padding-bottom:2px;}  
 +
h1,h2,h3,h4,h5,h6 {font-variant:small-caps; border-bottom:1px #c5c5c5 solid; margin-bottom:10px; }
 +
h1,h6,h4 {text-transform:lowercase;}
 +
a {text-decoration:none; color:#60c0e0;}
 +
b,i,strong,em {color:#000;}
 +
.groove{ border-top:#bbb solid 1px; padding-top: 10px;}
 +
.grottom {border-bottom:1px dotted #ccc; padding-bottom: 4px;}
 +
.welcome {color:#99cc00; font-size:25px; font-weight:bold; display:block;margin-bottom:10px; font-family:Times, Georgia, serif;}
 +
.textright {text-align:right; position:relative;}
.hidden {visibility:hidden;}
.hidden {visibility:hidden;}
 +
.numlist ol {padding:0 0 0 15px; margin:0; position:relative; font-size:85%;}
 +
 +
.content {padding:5px;}
 +
.box {border:1px solid #c5c5c5;}
 +
.contrast {background:#e9e9e9;}
 +
 +
#updates {height:250px; overflow-y:auto; padding-right:5px;}
 +
 +
#header {margin-bottom: 10px; z-index:3;}
 +
#banner {background: /*url(https://static.igem.org/mediawiki/2009/7/74/NTUadmfade.jpg)*/ url(https://static.igem.org/mediawiki/2009/6/68/NTUadmfade2.jpg) bottom center no-repeat; height:151px; border-top:10px #202030 solid;}
 +
#menu {background:#202030 url(https://static.igem.org/mediawiki/2009/9/96/NTUshine.jpg) bottom center repeat-x; border-top:1px #e9e9e9 solid;border-bottom:1px #e9e9e9 solid;}
 +
#menu .link {background:transparent; text-align:center;}
 +
#menu .link:hover {background:#0f000f;}
 +
#menu .link a, #menu strong.selflink {display:inline-block; width:95%; color: #eee; text-decoration:none; text-align:center; font-size:105%; font-variant:small-caps; text-transform:lowercase;}
 +
#menu strong.selflink {background:transparent;}
 +
#menu a:hover, #menu .link:hover a, #menu strong.selflink {color:#99cc00;}
 +
 +
#sidebar {background:#efefef; text-align:left;}
 +
#sidemenu {border-bottom:1px dotted #ccc; padding-left:2px;}
 +
#sidebar ul li ul li a, #sidebar ul li ul li a:link, #sidebar ul li ul li a:visited, #sidebar ul li ul li a:active {color:#444;}
 +
#sidebar ul, #sidebar ul li, #sidebar ul li ul, #sidebar ul li ul li {margin:0; padding:0}
 +
#sidebar ul.sidebar ,#sidebar ul.sidebar li {padding:0; margin:0; list-style:none;}
 +
#sidebar ul.sidebar li.top {margin-bottom:10px; }
 +
.sidebar .mainlink, .sidebar .mainlink a {color:#9baf04; font-weight:bold; font-variant: Tahoma, Impact, sans-serif; font-variant:small-caps; text-transform:lowercase; font-size:14px;}
 +
ul.sidebar li ul li, ul.sidebar li ul li a {margin:0; font-size:97.5%; color:#444; display:block; width:95%;}
 +
ul.sidebar li ul li:hover, ul.sidebar li ul li a:hover {margin:0; padding-left:10px; color:#00b4ff;}
 +
 +
.tock {margin-right: 10px; margin-bottom:25px; float:left;}
 +
#toc {width:200px; position:relative; background:#e0e0e0; border:1px #c5c5c5 solid;}
 +
#toc a {color:#5882be;}
 +
#toc a:hover {color:#7ca7e4; font-weight:bold; text-decoration:none;}
 +
li.toclevel-2,li.toclevel-3 {display:block; position:relative; margin-left:-15px;}
 +
#toctitle h2 {color:#202020; font-size:14px; text-transform:lowercase;}
 +
.tocnumber {color:#505050; font-family:Times, Georgia, serif; font-weight:bold;}
 +
#toctitle a {color:#505050;}
 +
 +
#clustrMapsLink {width:216px; margin:0 auto; border:2px #e9e9e9 solid;}
 +
 +
.editsection a {font-size:10px; color:#808080;}
 +
 +
.thumb,.thumbinner,.tnone,.image,a.image,.tleft.tright,img.thumbimage,.thumcaption{width:auto;border:0;background:transparent;padding:0;}
 +
.profile a.image img {border:3px #ccc double; margin-right:5px; margin-bottom:10px;}
 +
.profile {margin-bottom:30px; background:transparent;}
 +
.profwrite {padding:10px;}
 +
 +
.labentry h2 {border:none;}
 +
.labentry h6 {border:1px #ccc dotted; text-align:center; color:#616161;}
 +
 +
#ntufooter {background:#202020 url(https://static.igem.org/mediawiki/2009/9/96/NTUshine.jpg) bottom center repeat-x; font-size:12px; color: #808080; margin-top: 10px; font-variant:small-caps; text-transform:lowercase; margin-bottom:1px;}
 +
#ntufooter a {color:#eee;}
 +
</style></p>
 +
</html>
 +
 +
<div id="wrap" class="container"><div class="container_12">
 +
 +
<div id="header" class="grid_12 clearfix">
 +
 +
<div id="banner">
 +
<span class="hidden">NTU iGEM '09</span>
 +
</div>
 +
 +
<div id="menu" class="clearfix">
 +
<div class="grid_1 alpha link">[[Team:NTU-Singapore | Home]]</div><div class="grid_2 link">[[Team:NTU-Singapore/Team | About the Team]]</div><div class="grid_3 link">[[Team:NTU-Singapore/Project | Project Overview]]</div><div class="grid_2 link">[[Team:NTU-Singapore/Notebook | Notebook]]</div><div class="grid_2 link">[[Team:NTU-Singapore/Acknowledgements | Acknowledgements]]</div><div class="grid_2 omega link">[[Team:NTU-Singapore/Contact | Contact Us!]]</div>
 +
</div>
 +
 +
</div><br class="clear" />
 +
 +
<div class="grid_2" id="sidebar"><div class="content box">
-
#banner {background: url(https://static.igem.org/mediawiki/2009/7/74/NTUadmfade.jpg) top left no-repeat; height:152px;}
+
====Menu====
-
#menu {background:#202020;}
+
<div id="sidemenu"><ul class="sidebar">
-
#menu .link {background:#202020;}
+
<li class="top"><span class="mainlink">[[Team:NTU-Singapore/Project | pLacQuE Out!]]</span>
-
#menu .link:hover {background:#fff;}
+
<ul>
-
#menu .link a {width:95%; display:inline-block; color: #eee; font-weight:bold; text-decoration:none; text-align:left; font-variant:small-caps; text-transform:lowercase;}
+
<li>[[Team:NTU-Singapore/Project/Research_Proposal | Research Proposal]]</li>
-
#menu a:hover, #menu .link:hover a {color:#00b4ff;}
+
<li>[[Team:NTU-Singapore/Project/Prototype | Prototype System]]</li>
-
</style></html>
+
<li>[[Team:NTU-Singapore/Project/Modeling | Modeling]]</li>
-
<div class="container_12" id="body">
+
<li>[[Team:NTU-Singapore/Parts | Parts]]</li>
 +
<li>[[Team:NTU-Singapore/Project/Experiments | Experiments]]</li>
 +
<li>[[Team:NTU-Singapore/Project/Results | Results & Discussion]]</li>
 +
<li>[[Team:NTU-Singapore/Project/Conclusion | Conclusion]]</li>
 +
</ul></li>
 +
<li class="top"><span class="mainlink">[[Team:NTU-Singapore/HPA | Human Practice]]</span>
 +
<ul>
 +
<li>[[Team:NTU-Singapore/HPA/Survey| Surveys]]</li>
 +
<li>[[Team:NTU-Singapore/HPA/Interview | Interview]]</li>
 +
<li>[[Team:NTU-Singapore/HPA/Essays | Team Write-ups]]</li>
 +
<li>[[Team:NTU-Singapore/HPA/Conclusion | Conclusion]]</li>
 +
</ul></li>
 +
<li class="top"><span class="mainlink ">[[Team:NTU-Singapore/Notebook | Notebook]]</span>
 +
<ul>
 +
<li>[[Team:NTU-Singapore/Notebook/Entries | Meetings & Minutes]]</li>
 +
<li>[[Team:NTU-Singapore/Notebook/Brainstorming | Brainstorming]]</li>
 +
<li>[[Team:NTU-Singapore/Notebook/Safety | Safety]]</li>
 +
<li>[[Team:NTU-Singapore/Notebook/Protocol | Protocol]]</li>
 +
<li>[[Team:NTU-Singapore/Notebook/Miscellaneous | Miscellaneous]]</li>
 +
<li>[[Team:NTU-Singapore/Acknowledgements/Links | External Links]]</li>
 +
</ul></li>
 +
<li class="top"><span class="mainlink">[[Team:NTU-Singapore/Team | About]]</span>
 +
<ul>
 +
<li>[[Team:NTU-Singapore/About/NTU-Singapore | Profile]]</li>
 +
<li>[[Team:NTU-Singapore/About/Sponsors | Sponsors]]</li>
 +
<li>[[Team:NTU-Singapore/Acknowledgements/References | References]]</li>
 +
<li>[[Team:NTU-Singapore/Acknowledgements | Acknowledgements]]</li>
 +
<li>[[Team:NTU-Singapore/FAQ | FAQ]]</li>
 +
</ul></li>
 +
</ul></div>
 +
</div></div>

Latest revision as of 04:30, 28 July 2009