Team:NYMU-Taipei/Header
From 2013.igem.org
(Difference between revisions)
Mastershot (Talk | contribs) |
Mastershot (Talk | contribs) |
||
(168 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | < | + | |
- | + | ||
<!--fonts: | <!--fonts: | ||
- | font-family: ' | + | font-family: 'Carrois Gothic', sans-serif; |
- | font-family: ' | + | font-family: 'Cantora One', sans-serif; |
- | + | --> | |
- | <link href='http://fonts.googleapis.com/css?family= | + | <link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:700' rel='stylesheet' type='text/css'> |
+ | <link href='http://fonts.googleapis.com/css?family=Quattrocento:700' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Acme' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 24: | Line 27: | ||
padding: 0; | padding: 0; | ||
border: 0 none transparent; | border: 0 none transparent; | ||
+ | font-family: sans-serif; | ||
font-size: 1em; | font-size: 1em; | ||
- | |||
width: auto; | width: auto; | ||
border-top: 1px solid transparent; | border-top: 1px solid transparent; | ||
Line 76: | Line 79: | ||
} | } | ||
+ | #content>p:first-child { | ||
+ | margin: 0; | ||
+ | height: 0; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .toc { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .main p:nth-of-type(2){ | ||
+ | display:none; | ||
+ | } | ||
+ | .editsection { | ||
+ | display: none; | ||
+ | } | ||
/*heading | /*heading | ||
*********************************************/ | *********************************************/ | ||
Line 91: | Line 110: | ||
padding: 0; | padding: 0; | ||
margin-top: -24px; | margin-top: -24px; | ||
+ | z-index: 1; | ||
} | } | ||
Line 98: | Line 118: | ||
left: 322px; | left: 322px; | ||
} | } | ||
+ | |||
+ | .nymu { | ||
+ | position: absolute; | ||
+ | top: 25px; | ||
+ | left: 700px; | ||
+ | width: 400px; | ||
+ | height: 120px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .nymu img { | ||
+ | position: absolute; | ||
+ | float: right; | ||
+ | bottom: 0px; | ||
+ | width: 80px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | #nymu-taipei { | ||
+ | font-family: 'Quattrocento', serif; | ||
+ | font-size: 1.5em; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | #branch { | ||
+ | position: absolute; | ||
+ | top: -11px; | ||
+ | left: -230px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #team-logo { | ||
+ | position: absolute; | ||
+ | top: 90px; | ||
+ | left: -40px; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | |||
+ | #nav-bar { | ||
+ | position: absolute; | ||
+ | top: 163px; | ||
+ | left: 111px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | .sdbarBox { | ||
+ | position: absolute; | ||
+ | left: -180px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .sdbar { | ||
+ | position: fixed; | ||
+ | top: 300px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
.main{ | .main{ | ||
- | + | position: relative; | |
- | width: | + | width: inherit; |
- | + | padding: 40px 35px; | |
- | + | ||
- | padding: | + | |
} | } | ||
- | /*Basic Styles | + | /*Basic Styles |
*********************************************/ | *********************************************/ | ||
- | h2 { | + | .main h1 { |
- | font-family: ' | + | font-family: 'Cantora One', sans-serif; |
+ | font-size: 3.5em; | ||
+ | color: #000066; | ||
+ | border-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .main h2 { | ||
+ | font-family: 'Acme', sans-serif; | ||
font-size: 3em; | font-size: 3em; | ||
line-height: 1em; | line-height: 1em; | ||
- | border: | + | color: #6f1e07; |
+ | border-bottom: 3px solid #6f1e07; | ||
margin-left: 0; | margin-left: 0; | ||
+ | margin-bottom: 10px; | ||
} | } | ||
- | h3 { | + | .main h3 { |
- | font-family: ' | + | font-family: 'Cantora One', sans-serif; |
font-size: 2em; | font-size: 2em; | ||
border: 0; | border: 0; | ||
margin-left: 1em; | margin-left: 1em; | ||
- | + | margin-bottom: 1em; | |
} | } | ||
- | h4 { | + | .main h4 { |
- | font-family: ' | + | font-family: 'Carrois Gothic', sans-serif; |
- | font-size: | + | font-size: 1.5em; |
line-height: 1em; | line-height: 1em; | ||
border: 0; | border: 0; | ||
- | margin-left: | + | margin-left: 2em; |
margin-right: 120px; | margin-right: 120px; | ||
padding-bottom: 1em; | padding-bottom: 1em; | ||
} | } | ||
- | + | .main p { | |
- | p { | + | font-family: sans-serif; |
- | font-family: | + | |
font-size: 1em; | font-size: 1em; | ||
+ | text-indent: 2em; | ||
border: 0; | border: 0; | ||
- | + | padding-left: 50px; | |
+ | padding-right: 50px; | ||
} | } | ||
+ | |||
+ | .main ul { | ||
+ | padding-left: 60px; | ||
+ | } | ||
+ | |||
+ | .main table { | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .main .equation { | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | width: 700px; | ||
+ | padding: 10px; | ||
+ | background: #fff; | ||
+ | border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; /* Safari 5 and older */ | ||
+ | -o-border-radius: 5px; 30 30 round; /* Opera */ | ||
+ | } | ||
+ | .team table{ | ||
+ | border-color: 3px solid #fff; | ||
+ | background: transparent; | ||
+ | } | ||
+ | .team tr { | ||
+ | border: 3px solid #fff !important; | ||
+ | } | ||
+ | /*text-indent: 50px;*/ | ||
</style> | </style> | ||
- | </ | + | |
+ | <script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script> | ||
+ | |||
+ | </head> | ||
<!--header contents-- | <!--header contents-- | ||
---------------------------------------------------------------------------------------------------> | ---------------------------------------------------------------------------------------------------> | ||
- | |||
<div class="head"> | <div class="head"> | ||
<div class="title"> | <div class="title"> | ||
Line 151: | Line 264: | ||
<div class="nymu"> | <div class="nymu"> | ||
<img src="https://static.igem.org/mediawiki/2013/1/15/NYMU-Taipei_nymu-logo.png"></img> | <img src="https://static.igem.org/mediawiki/2013/1/15/NYMU-Taipei_nymu-logo.png"></img> | ||
- | < | + | <div id="nymu-taipei"> |
- | + | National Yang Ming University | |
- | + | </div> | |
- | </ | + | |
</div> | </div> | ||
<div class="nav"> | <div class="nav"> | ||
Line 166: | Line 278: | ||
</div> | </div> | ||
<div id="nav-bar"> | <div id="nav-bar"> | ||
+ | </html> | ||
+ | {{:Team:NYMU-Taipei/Navigation}} | ||
+ | <html> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
+ | <div class="main"> | ||
</html> | </html> | ||
+ | |||
<noinclude> | <noinclude> | ||
- | + | =Title= | |
==This is Header 1: "==h1=="== | ==This is Header 1: "==h1=="== | ||
- | |||
===This is Header 2: "===h2==="=== | ===This is Header 2: "===h2==="=== | ||
- | This is | + | ====This is Header 3: "====h3===="==== |
- | + | ||
+ | this is so ridiculous. | ||
</noinclude> | </noinclude> |
Latest revision as of 02:08, 29 October 2013
National Yang Ming University
Contents |
Title
This is Header 1: "==h1=="
This is Header 2: "===h2==="
This is Header 3: "====h3===="
this is so ridiculous.