Team:NYMU-Taipei/Header

From 2013.igem.org

(Difference between revisions)
 
(147 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
<!--fonts:  
<!--fonts:  
-
font-family: 'Exo', sans-serif;
+
font-family: 'Carrois Gothic', sans-serif;
-
font-family: 'Overlock', cursive;
+
font-family: 'Cantora One', sans-serif;
-
font-family: 'Philosopher', sans-serif;
+
-->
-
font-family: 'Mouse Memoirs', 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=Overlock:400italic|Exo:900 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=Philosopher: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 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;
-
font-face: sans-serif;
 
width: auto;
width: auto;
border-top: 1px solid transparent;
border-top: 1px solid transparent;
Line 75: 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 90: Line 110:
padding: 0;
padding: 0;
margin-top: -24px;
margin-top: -24px;
 +
        z-index: 1;
}
}
Line 100: Line 121:
.nymu {
.nymu {
position: absolute;
position: absolute;
-
top: 60px;
+
top: 25px;
left: 700px;
left: 700px;
-
         width: 300px;
+
         width: 400px;
-
         border: 1px solid red;
+
        height: 120px;
 +
         border: none;
}
}
.nymu img {
.nymu img {
-
         position: relative;
+
         position: absolute;
-
float: right;
+
        float: right;
-
margin-left: 10px
+
bottom: 0px;
 +
        width: 80px;
 +
margin-left: 10px;
}
}
#nymu-taipei {
#nymu-taipei {
-
         font-family: 'Philosopher', sans-serif;
+
         font-family: 'Quattrocento', serif;
-
font-size: 1em;
+
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{
-
         background: #fffdd3;
+
         position: relative;
-
         width: auto;
+
         width: inherit;
-
        margin: 0 0 0 0;
+
         padding: 40px 35px;
-
        border: 0;
+
-
         padding: 30px;
+
}
}
-
/*Basic Styles in .main
+
/*Basic Styles  
*********************************************/
*********************************************/
 +
.main h1 {
 +
        font-family: 'Cantora One', sans-serif;
 +
        font-size: 3.5em;
 +
        color: #000066;
 +
        border-bottom: 0px;
 +
}
-
h2 {
+
.main h2 {
-
         font-family: 'Exo', sans-serif;
+
         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--
--------------------------------------------------------------------------------------------------->
--------------------------------------------------------------------------------------------------->
-
<html>
 
<div class="head">
<div class="head">
<div class="title">
<div class="title">
Line 171: 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>
-
<h2 id="nymu-taipei">
+
<div id="nymu-taipei">
-
<p>National Yang Ming</p>
+
National Yang Ming University
-
<p>University</p>
+
</div>
-
</h2>
+
         </div>
         </div>
<div class="nav">
<div class="nav">
Line 186: 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>
-
<div class="main">
+
=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===="====
-
</div>
+
 
 +
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.

Retrieved from "http://2013.igem.org/Team:NYMU-Taipei/Header"