Team:NYMU-Taipei/Header

From 2013.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<!--fonts:  
<!--fonts:  
-
font-family: 'Philosopher', sans-serif;
+
font-family: 'Carrois Gothic', sans-serif;
 +
font-family: 'Cantora One', sans-serif;
-->
-->
-
<link href="http://fonts.googleapis.com/css?family=Philosopher:700" rel="stylesheet" type="text/css"></link>
 
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative:700' 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=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=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=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 83: Line 85:
}
}
 +
.toc {
 +
        display: none;
 +
}
 +
 +
.main p:nth-of-type(2){
 +
    display:none;
 +
}
 +
.editsection {
 +
        display: none;
 +
}
/*heading
/*heading
*********************************************/
*********************************************/
Line 113: Line 125:
         width: 400px;
         width: 400px;
         height: 120px;
         height: 120px;
-
         border: 1px solid red;
+
         border: none;
}
}
Line 150: Line 162:
         z-index: 2;
         z-index: 2;
}
}
-
 
+
.sdbarBox {
 +
        position: absolute;
 +
        left: -180px;
 +
        padding: 0;
 +
}
.sdbar {
.sdbar {
         position: fixed;
         position: fixed;
         top: 300px;
         top: 300px;
-
         left:10px;
+
         margin: 0;
}
}
.main{
.main{
 +
        position: relative;
         width: inherit;
         width: inherit;
         padding: 40px 35px;
         padding: 40px 35px;
Line 164: Line 181:
/*Basic Styles  
/*Basic Styles  
*********************************************/
*********************************************/
 +
.main h1 {
 +
        font-family: 'Cantora One', sans-serif;
 +
        font-size: 3.5em;
 +
        color: #000066;
 +
        border-bottom: 0px;
 +
}
-
h2 {
+
.main h2 {
         font-family: 'Acme', sans-serif;
         font-family: 'Acme', sans-serif;
         font-size: 3em;
         font-size: 3em;
         line-height: 1em;
         line-height: 1em;
-
         color: #257479;
+
         color: #6f1e07;
-
         border-bottom: 3px dotted #257479;  
+
         border-bottom: 3px solid #6f1e07;  
         margin-left: 0;
         margin-left: 0;
 +
        margin-bottom: 10px;
}
}
-
h3 {
+
.main h3 {
-
         font-family: 'Aclonica', 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;
}
}
-
p {
+
.main p {
-
         font-family: "sans-serif";
+
         font-family: sans-serif;
         font-size: 1em;
         font-size: 1em;
 +
        text-indent: 2em;
         border: 0;
         border: 0;
         padding-left: 50px;
         padding-left: 50px;
         padding-right: 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>
</head>
<!--header contents--
<!--header contents--
Line 227: Line 283:
</div>
</div>
</div>
</div>
 +
</div>
</div>
 +
<div class="main">
</html>
</html>
-
{{:Team:NYMU-Taipei/Header/Sidebar}}
+
 
<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 Header 3: "====h3===="====
this is so ridiculous.
this is so ridiculous.
-
</div>
 
</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.