Team:SEU A/Notebook
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | < | + | <html> |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <title>iGEM 2012 SEU_A</title> | ||
+ | <link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" /> | ||
+ | <link href="css/styles.css" rel="stylesheet" type="text/css" /> | ||
+ | <script src="js/jquery-1.7.1.min.js"></script> | ||
+ | <script src="js/jquery.flexslider-min.js"></script> | ||
+ | </head> | ||
+ | <style> | ||
+ | * { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | body { | ||
+ | background:#FFF; | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | } | ||
+ | #content { | ||
+ | top:-160px; | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:1350px; | ||
+ | margin:0px 0px 0px auto; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/1/1f/Background.jpg'); | ||
+ | background-repeat:repeat-x repeat-y; | ||
+ | } | ||
+ | a { | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | p { | ||
+ | line-height:140%; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size:30px; | ||
+ | color:#160000; | ||
+ | padding:0 0 10px 0; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size:18px; | ||
+ | color:#160000; | ||
+ | padding:0 0 10px 0; | ||
+ | } | ||
+ | h4 { | ||
+ | color:#9e9e9e; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | .container { | ||
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | header h1 { | ||
+ | padding:25px 0 0 0; | ||
+ | } | ||
+ | header h1 a { | ||
+ | font-size: 42px; | ||
+ | color:#160000; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .title1{ | ||
+ | position:relative; | ||
+ | margin:120px 0px 0px; | ||
+ | } | ||
+ | .titleword{ | ||
+ | position:relative; | ||
+ | margin:120px auto; | ||
+ | font-size:40px; | ||
+ | color:#000; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .mainContent { | ||
+ | float: right; | ||
+ | width: 660px; | ||
+ | padding:20px 0 20px 0; | ||
+ | } | ||
+ | .post { | ||
+ | border-bottom: 1px dashed #4b4b4b; | ||
+ | box-shadow: 0 1px #F2F2F2; | ||
+ | margin-bottom:40px; | ||
+ | } | ||
+ | .post p { | ||
+ | padding:10px 0; | ||
+ | } | ||
+ | .date { | ||
+ | float:left; | ||
+ | } | ||
+ | .author { | ||
+ | float:right; | ||
+ | } | ||
+ | .readmore { | ||
+ | padding:0 0 20px 0; | ||
+ | } | ||
+ | .sidebar1 { | ||
+ | margin: 0 690px 0 0; | ||
+ | padding:20px 0 20px 0; | ||
+ | border-right: 1px solid #BBBBBB; | ||
+ | box-shadow: 1px 0px #ffffff; | ||
+ | } | ||
+ | .sidebar1 p { | ||
+ | width:220px; | ||
+ | } | ||
+ | input { | ||
+ | vertical-align:middle; | ||
+ | font-weight:normal; | ||
+ | padding:5px 5px 5px 5px; | ||
+ | margin:0; | ||
+ | background:#fff; | ||
+ | outline:none; | ||
+ | border:1px solid #cacaca;; | ||
+ | width:220px; | ||
+ | box-shadow: 0px 2px 4px 0px #828282; | ||
+ | } | ||
+ | .sidebar1Separator { | ||
+ | height:50px; | ||
+ | } | ||
- | + | footer { | |
- | + | border-top:1px solid #bbbbbb; | |
- | + | background:#e1e1e1; | |
- | + | } | |
- | + | footer p { | |
- | + | text-align:center; | |
- | + | padding:30px; | |
- | </ | + | } |
- | < | + | .clearfloat { |
- | + | clear:both; | |
+ | height:0; | ||
+ | font-size: 1px; | ||
+ | line-height: 0px; | ||
+ | } | ||
+ | /*--------------------------------------------------------------------------------------------*/ | ||
+ | /********* begin MAIN NAV ********/ | ||
+ | /*--------------------------------------------------------------------------------------------*/ | ||
+ | .navcontainer ul { | ||
+ | padding: 20px 0; | ||
+ | margin: 0; | ||
+ | list-style-type: none; | ||
+ | background:#000; | ||
+ | color: #FFF; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | box-shadow: 0px 6px 7px 0px #828282; | ||
+ | } | ||
+ | .navcontainer li { | ||
+ | display: inline; | ||
+ | } | ||
+ | .navcontainer li a { | ||
+ | text-decoration: none; | ||
+ | color: #9c9b9b; | ||
+ | padding: 20px 10px; | ||
+ | text-shadow: none; | ||
+ | text-transform:uppercase; | ||
+ | font-weight:bold; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | .navcontainer li a:hover { | ||
+ | background:url(../images/activeMenuGradient.jpg) repeat-x; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .navcontainer #active a { | ||
+ | background:url(../images/activeMenuGradient.jpg) repeat-x; | ||
+ | color: #fff; | ||
+ | } | ||
+ | /*--------------------------------------------------------------------------------------------*/ | ||
+ | /********* end MAIN NAV ********/ | ||
+ | </style> | ||
+ | <body> | ||
+ | <div class="navcontainer"> | ||
+ | <ul class="navlist"> | ||
+ | <li><a href="https://2012.igem.org/Team:SEU_A">Home</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:SEU_A/Project">Project</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:SEU_A/Modeling">Modeling</a></li> | ||
+ | <li id="active"><a href="https://2012.igem.org/Team:SEU_A/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:SEU_A/Safety">Safety</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:SEU_A/Attributions">Human Practice</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:SEU_A/Team">About Us</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | <div class="container"> | ||
+ | <header> | ||
+ | <div class="title1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/a/af/Seua_title.png"> | ||
+ | </div> | ||
+ | <div class="titleword"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | <p><br>By SEU_A, Nanjing, China</p> | ||
+ | <br class="clearfloat" /> | ||
+ | </header> | ||
</div> | </div> | ||
+ | <footer> | ||
+ | <p> | ||
+ | Copyright © Southeast University, All rights reserved. Designed by iGEM 2012 SEU_A | ||
+ | </p> | ||
+ | </footer> | ||
+ | </body> | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Revision as of 01:17, 12 September 2012
Notebook
By SEU_A, Nanjing, China