Team:NYMU-Taipei/Header

From 2013.igem.org

(Difference between revisions)
 
(183 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
+
<head>
-
<!--Settings load-up-->
+
-
 
+
<!--fonts:  
<!--fonts:  
-
font-family: 'Exo', sans-serif;
+
font-family: 'Carrois Gothic', sans-serif;
-
font-family: 'Francois One', sans-serif;
+
font-family: 'Cantora One', sans-serif;
-
font-family: 'Overlock', cursive;-->
+
-->
-
<link href='http://fonts.googleapis.com/css?family=Overlock:400italic|Exo:900|Francois+One' rel='stylesheet' type='text/css'>
+
<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;
-
font-face: sans-serif;
 
width: auto;
width: auto;
border-top: 1px solid transparent;
border-top: 1px solid transparent;
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;
 +
}
-
/*Testing nesting template add-on in div
+
.toc {
-
*********************************************/
+
        display: none;
-
.test-list a{
+
}
-
         color: black;
+
 
 +
.main p:nth-of-type(2){
 +
    display:none;
 +
}
 +
.editsection {
 +
         display: none;
}
}
/*heading
/*heading
*********************************************/
*********************************************/
body {
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,#fffdd3 1000px center;
+
         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-position: center top;
         background-size: auto;
         background-size: auto;
Line 88: Line 105:
.head{
.head{
 +
        width: auto;
 +
        height: 224px;
         border: 0;
         border: 0;
padding: 0;
padding: 0;
 +
margin-top: -24px;
 +
        z-index: 1;
 +
}
-
margin-bottom: 0px;
+
.title {
-
        border: 1px red;
+
position: relative;
 +
top: 19px;
 +
left: 322px;
}
}
-
/*Basic Styles
+
 
 +
.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  
*********************************************/
*********************************************/
-
h2 {
+
.main h1 {
-
         font-family: 'Exo', sans-serif;
+
        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: 0;
+
        color: #6f1e07;
 +
         border-bottom: 3px solid #6f1e07;  
         margin-left: 0;
         margin-left: 0;
 +
        margin-bottom: 10px;
}
}
-
h3 {
+
.main h3 {
-
         font-family: 'Francois One', sans-serif;
+
         font-family: 'Cantora One', sans-serif;
         font-size: 2em;
         font-size: 2em;
         border: 0;
         border: 0;
         margin-left: 1em;
         margin-left: 1em;
-
         padding-bottom: 1em;
+
         margin-bottom: 1em;
}
}
-
h4 {
+
.main h4 {
-
         font-family: 'Overlock', cursive;
+
         font-family: 'Carrois Gothic', sans-serif;
-
         font-size: 2em;
+
         font-size: 1.5em;
         line-height: 1em;
         line-height: 1em;
         border: 0;
         border: 0;
-
         margin-left: 120px;
+
         margin-left: 2em;
         margin-right: 120px;
         margin-right: 120px;
         padding-bottom: 1em;
         padding-bottom: 1em;
}
}
-
 
+
.main p {
-
p {
+
         font-family: sans-serif;
-
         font-family: 'verdana';
+
         font-size: 1em;
         font-size: 1em;
 +
        text-indent: 2em;
         border: 0;
         border: 0;
-
         margin-left: 35px;
+
         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>
-
</html>
+
 
 +
<script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script>
 +
 
 +
</head>
<!--header contents--
<!--header contents--
--------------------------------------------------------------------------------------------------->
--------------------------------------------------------------------------------------------------->
-
<div class="header">
+
<div class="head">
-
         <div id="nav">
+
<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>
-
</div>
+
<div class="nav">
-
 
+
<div id="branch">
-
<!--body in header-->
+
<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>
-
<center style="font-size:200%">
 
-
This Is Header Test Zone
 
-
</center>
 
-
 
-
 
-
 
-
<div class="test-list">
 
-
{{:Team:NYMY-Taipei/Test-Header}}
 
</div>
</div>
 +
<div class="main">
 +
</html>
 +
<noinclude>
 +
=Title=
==This is Header 1: "==h1=="==
==This is Header 1: "==h1=="==
-
====This is for overview under Header 1. It is coded with 4 "="'s.====
 
===This is Header 2: "===h2==="===
===This is Header 2: "===h2==="===
-
This is plain text.
+
====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.