Team:NYMU-Taipei/Header
From 2013.igem.org
(Difference between revisions)
Mastershot (Talk | contribs) |
Mastershot (Talk | contribs) |
||
(299 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <!--fonts: | ||
+ | font-family: 'Carrois Gothic', sans-serif; | ||
+ | font-family: 'Cantora One', sans-serif; | ||
+ | --> | ||
+ | <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"> | ||
/* hide some igem original header */ | /* hide some igem original header */ | ||
Line 5: | Line 17: | ||
h1.firstHeading, #p-logo, #catlinks { | h1.firstHeading, #p-logo, #catlinks { | ||
display: none; | display: none; | ||
+ | height: 0; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* reformat the major elements of the page */ | /* reformat the major elements of the page */ | ||
Line 23: | 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 31: | Line 35: | ||
body { | body { | ||
- | + | width: 1000px; | |
- | width: 1000px; | + | |
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
Line 70: | Line 73: | ||
#top-section:hover #menubar.left-menu { | #top-section:hover #menubar.left-menu { | ||
background: rgba(255, 255, 255, 0.75) !important; | background: rgba(255, 255, 255, 0.75) !important; | ||
+ | } | ||
+ | #search-controls{ | ||
+ | height: 0px; | ||
+ | display: none !important; | ||
} | } | ||
- | # | + | #content>p:first-child { |
+ | margin: 0; | ||
+ | height: 0; | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | .toc { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .main p:nth-of-type(2){ | ||
+ | display:none; | ||
+ | } | ||
+ | .editsection { | ||
+ | display: none; | ||
+ | } | ||
+ | /*heading | ||
+ | *********************************************/ | ||
+ | body { | ||
+ | background: url("https://static.igem.org/mediawiki/2013/3/32/NYMU-Taipei_Banner.png") no-repeat 100%,url("https://static.igem.org/mediawiki/2013/4/41/NYMU-Taipei_body-bg.png") repeat-y #fff963; | ||
+ | background-position: center top; | ||
+ | background-size: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .head{ | ||
+ | width: auto; | ||
+ | height: 224px; | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | margin-top: -24px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .title { | ||
+ | position: relative; | ||
+ | top: 19px; | ||
+ | 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{ | ||
+ | position: relative; | ||
+ | width: inherit; | ||
+ | padding: 40px 35px; | ||
+ | } | ||
+ | |||
+ | /*Basic Styles | ||
+ | *********************************************/ | ||
+ | .main h1 { | ||
+ | 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; | ||
+ | line-height: 1em; | ||
+ | color: #6f1e07; | ||
+ | border-bottom: 3px solid #6f1e07; | ||
+ | margin-left: 0; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .main h3 { | ||
+ | font-family: 'Cantora One', sans-serif; | ||
+ | font-size: 2em; | ||
+ | border: 0; | ||
+ | margin-left: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | |||
+ | .main h4 { | ||
+ | font-family: 'Carrois Gothic', sans-serif; | ||
+ | font-size: 1.5em; | ||
+ | line-height: 1em; | ||
+ | border: 0; | ||
+ | margin-left: 2em; | ||
+ | margin-right: 120px; | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | .main p { | ||
+ | font-family: sans-serif; | ||
+ | font-size: 1em; | ||
+ | text-indent: 2em; | ||
+ | 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-- | |
- | + | ---------------------------------------------------------------------------------------------------> | |
- | + | <div class="head"> | |
- | + | <div class="title"> | |
- | + | <img src="https://static.igem.org/mediawiki/2013/5/55/NYMU-Taipei_Title.png"></img> | |
- | + | </div> | |
- | + | <div class="nymu"> | |
- | + | <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 class="nav"> | ||
+ | <div id="branch"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/9/9b/NYMU-Taipei_branch.png"></img> | ||
+ | </div> | ||
+ | <div id="team-logo"> | ||
+ | <a href="https://2013.igem.org/Team:NYMU-Taipei"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/bd/NYMU-Taipei_team-logo.png"></img> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id="nav-bar"> | ||
+ | </html> | ||
+ | {{:Team:NYMU-Taipei/Navigation}} | ||
+ | <html> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main"> | ||
+ | </html> | ||
+ | <noinclude> | ||
+ | =Title= | ||
+ | ==This is Header 1: "==h1=="== | ||
+ | ===This is Header 2: "===h2==="=== | ||
+ | ====This is Header 3: "====h3===="==== | ||
- | + | this is so ridiculous. | |
- | + | </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.