Template:NTUGlobalt
From 2009.igem.org
(Difference between revisions)
(64 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
h1.firstHeading, #top {display:none;} | h1.firstHeading, #top {display:none;} | ||
#content * a:hover {text-decoration:none;} | #content * a:hover {text-decoration:none;} | ||
- | |||
.hp {width:100%; position:relative;} | .hp {width:100%; position:relative;} | ||
.fh {height:100%; position:relative;} | .fh {height:100%; position:relative;} | ||
.container {font-size:1.2em; line-height:1.6em;} | .container {font-size:1.2em; line-height:1.6em;} | ||
- | .container_16 {margin-left: auto;margin-right: auto;width: 976px; } | + | .container_16 {margin-left: auto;margin-right: auto;width: 976px;} |
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;} | .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;} | ||
.alpha {padding-left:0;} | .alpha {padding-left:0;} | ||
Line 52: | Line 51: | ||
.round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); } | .round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); } | ||
- | h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px # | + | h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px #996E6E solid;font-family:"Arial Black", Gadget, "Impact", "Helvetica", sans-serif; margin-bottom:10px; margin-top:10px; padding-bottom: 5px; letter-spacing: 0.075em;} |
h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;} | h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;} | ||
.und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;} | .und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;} | ||
h3,h4,h5,h6 {text-transform:lowercase;} | h3,h4,h5,h6 {text-transform:lowercase;} | ||
- | h1 {font-size:16px; color:# | + | h1 {font-size:16px; color:#1B0C24; padding-bottom:0;} |
h2,h3 {font-size:14px; padding-bottom:2px;} | h2,h3 {font-size:14px; padding-bottom:2px;} | ||
- | h2 {color:# | + | h2 {color:#291D28;} |
- | h3 {color:# | + | h3 {color:#371E46;} |
- | h4 {font-size:13px; padding-bottom:3px; color# | + | h4 {font-size:13px; padding-bottom:3px; color#604040;} |
h5, h6 {font-size:12px; padding-bottom:4px;} | h5, h6 {font-size:12px; padding-bottom:4px;} | ||
- | h5 {color:# | + | h5 {color:#806060;} |
- | h6 {color:# | + | h6 {color:#996E6E;} |
div.sponsortitle h3 {border-bottom:none; text-decoration: underline;} | div.sponsortitle h3 {border-bottom:none; text-decoration: underline;} | ||
- | .editsection, .editsection a {font-size:10px; color:# | + | .editsection, .editsection a {font-size:10px; color:#96B2B5;} |
#ntucontent a {font-weight:bold;} | #ntucontent a {font-weight:bold;} | ||
Line 74: | Line 73: | ||
.gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;} | .gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;} | ||
.grey {color:#666; font-family:serif; font-style:italic;} | .grey {color:#666; font-family:serif; font-style:italic;} | ||
+ | .blu {background:#86D6EF;} | ||
.container_16 #ntubanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;} | .container_16 #ntubanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;} | ||
Line 79: | Line 79: | ||
#ntubanner {} | #ntubanner {} | ||
- | #mainlogo {height: | + | #mainlogo {height:527px; background:url(https://static.igem.org/mediawiki/2009/8/83/NTUlogolong.jpg) top center no-repeat;} |
- | #maincontent {height: | + | #maincontent {height:401px; background:url(https://static.igem.org/mediawiki/2009/b/b2/NTUhomebanner.jpg) right top no-repeat;} |
- | #ntulogo {height: | + | #ntulogo {height:384px; background:url(https://static.igem.org/mediawiki/2009/9/93/NTUlogo2.jpg) bottom left no-repeat;} |
- | #banner {height: | + | #banner {height:323px; background:url(https://static.igem.org/mediawiki/2009/6/63/NTUbanner.jpg) center center no-repeat; clear:both; position:relative;} |
- | #ntucontact {height: | + | #ntucontact {height:260px; background:url(https://static.igem.org/mediawiki/2009/7/76/NTUcontact.jpg) top right no-repeat; position:relative;} |
- | .banner {height: | + | .banner {height:200px;display:block;} |
- | #ntuabout {height: | + | #ntuabout {height:322px; background:url(https://static.igem.org/mediawiki/2009/3/33/NTUabout.jpg) top left no-repeat;} |
- | .about {height: | + | .about {height:322px; background:url(https://static.igem.org/mediawiki/2009/a/ab/NTUsidelogo.jpg) top left no-repeat;} |
- | #ntuproject {height: | + | #ntuproject {height:360px; background:url(https://static.igem.org/mediawiki/2009/f/f6/NTUplaque.jpg) top center no-repeat;} |
- | #ntunotebook {height: | + | #ntunotebook {height:302px; background:url(https://static.igem.org/mediawiki/2009/8/86/NTUnote.jpg) top center no-repeat;} |
#mainred {height:399px; background:url(https://static.igem.org/mediawiki/2009/b/b2/NTUhomebanner.jpg) left top no-repeat;} | #mainred {height:399px; background:url(https://static.igem.org/mediawiki/2009/b/b2/NTUhomebanner.jpg) left top no-repeat;} | ||
.maincontent {margin-top:-50px;} | .maincontent {margin-top:-50px;} | ||
- | #menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size: | + | #menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:42px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;} |
#menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:1px;} | #menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:1px;} | ||
#menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/} | #menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/} | ||
Line 102: | Line 102: | ||
#menu.main {} | #menu.main {} | ||
- | .selflink {color:#202020; font-weight:bold | + | .selflink {color:#202020; font-weight:bold;} |
#ntucontent {padding-bottom:15px; margin-bottom:15px; font-family:Gill Sans / Gill Sans MT, "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:both;} | #ntucontent {padding-bottom:15px; margin-bottom:15px; font-family:Gill Sans / Gill Sans MT, "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:both;} | ||
Line 112: | Line 112: | ||
.textjustify {text-align:justify;} | .textjustify {text-align:justify;} | ||
span.sup {vertical-align:super; line-height:0.25em; font-size:0.8em;} | span.sup {vertical-align:super; line-height:0.25em; font-size:0.8em;} | ||
+ | span.sub {vertical-align:sub; line-height:0.25em; font-size:0.8em;} | ||
span.source {font-size:50%; color:#666; line-height:0.8em;} | span.source {font-size:50%; color:#666; line-height:0.8em;} | ||
- | .title {font-weight:100;font-family:"Century Gothic","ITC Avant Garde Gothic", "Avant Garde","Gill Sans", "Gill Sans MT", "Helvetica", sans-serif; letter-spacing:-0.075em; font-size:300%; color:#141414; display:block; display:inline-block; padding-bottom: | + | h1 span.title {letter-spacing:0.03em; font-size:175%; font-family:Helvetica, sans-serif; color:#436e96; font-weight:bold;} |
+ | .title {font-weight:100;font-family:"Century Gothic","ITC Avant Garde Gothic", "Avant Garde","Gill Sans", "Gill Sans MT", "Helvetica", sans-serif; letter-spacing:-0.075em; font-size:300%; color:#141414; display:block; display:inline-block; padding-bottom:11px; margin-bottom:10px; padding-top:6px;} | ||
+ | .title span.bold {color:#202020;} | ||
- | #content #submenu {margin-top:25px; padding-top:25px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid # | + | #content #submenu {margin-top:25px; padding-top:25px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;} |
#content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;} | #content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;} | ||
#content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;} | #content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;} | ||
#content #submenu .selflink {color:#426e96; margin:0 2px;} | #content #submenu .selflink {color:#426e96; margin:0 2px;} | ||
#submenu .subtitle span {display:block; padding:2px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#e0e0e0; letter-spacing:0.1em;} | #submenu .subtitle span {display:block; padding:2px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#e0e0e0; letter-spacing:0.1em;} | ||
+ | #submenu .contrast {background:#404040;} | ||
#submenu .subtitle {margin-bottom:5px;} | #submenu .subtitle {margin-bottom:5px;} | ||
Line 132: | Line 136: | ||
.spiffyfg{background:#202020} | .spiffyfg{background:#202020} | ||
#tock {float:left; padding:0 20px 0 0; background:transparent; margin:5px 5px 25px 0px;} | #tock {float:left; padding:0 20px 0 0; background:transparent; margin:5px 5px 25px 0px;} | ||
- | #toc {width: | + | #toc {width:200px; position:relative; border:0; padding:5px; background:#202020;} |
#content #toc a {color:#a0a0a0; font-weight:normal;} | #content #toc a {color:#a0a0a0; font-weight:normal;} | ||
#content #toc a:hover {color:#e0e0e0; text-decoration:none;} | #content #toc a:hover {color:#e0e0e0; text-decoration:none;} | ||
Line 148: | Line 152: | ||
.profwriteup {font-size:85%; color:#404040;} | .profwriteup {font-size:85%; color:#404040;} | ||
.profwriteup b, .profwriteup strong {font-size:110%; font-family:"Century Gothic","Avant Garde","Gill Sans", "Gill Sans MT", sans-serif; color:#202020;} | .profwriteup b, .profwriteup strong {font-size:110%; font-family:"Century Gothic","Avant Garde","Gill Sans", "Gill Sans MT", sans-serif; color:#202020;} | ||
+ | div.ref {font-size:10px; color:#545454;} | ||
+ | .mono {font-family:"Courier New", "Courier", monospace; font-size:110%; font-weight:bold;} | ||
+ | h1.special, h2.special, h3.special, h4.special {font-weight:bold; font-size:28px; font-size:120%;} | ||
+ | |||
#ntufooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;} | #ntufooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;} | ||
Line 157: | Line 165: | ||
<style type="text/css"> | <style type="text/css"> | ||
.container_16 {background:0; overflow:auto; font-size:92.5%;} | .container_16 {background:0; overflow:auto; font-size:92.5%;} | ||
- | #content #submenu .subtitle, #content #submenu .submenu a {font-size: | + | #content #submenu .subtitle, #content #submenu .submenu a {font-size:90%} |
+ | #menu .link {font-size:11px;} | ||
</style> | </style> | ||
<![endif]--> | <![endif]--> |
Latest revision as of 02:19, 22 October 2009