Team:SEU A/Modeling
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 { | ||
+ | top:-120px; | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:750px; | ||
+ | margin:0px 0px 0px auto; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/1/1f/Background.jpg'); | ||
+ | background-repeat:repeat-x repeat-y; | ||
+ | } | ||
+ | #content { | ||
+ | top:-120px; | ||
+ | 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:#1fc7eb; | ||
+ | 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; | ||
+ | } | ||
+ | .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:url(../images/menuGradient.jpg) repeat-x; | ||
+ | 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 id="active"><a href="#">Project</a></li> | ||
+ | <li><a href="#">Modeling</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Human Practice</a></li> | ||
+ | <li><a href="#">About Us</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | <div class="container"> | ||
+ | <header> | ||
+ | <h1><a href="">Synthetic Biology</a></h1> | ||
+ | <p><br>By SEU_A, Nanjing, China</p> | ||
+ | <br class="clearfloat" /> | ||
+ | </header> | ||
</div> | </div> | ||
+ | <footer> | ||
+ | <p> | ||
+ | Copyright © Your Company Name. All rights reserved. Designed by <a href="http://www.free-responsive-templates.com" title="free responsive templates">Free Responsive Templates</a>, Validation | ||
+ | <a class="footerLink" href="http://validator.w3.org/check/referer" title="This page validates as HTML5"><abbr title="HyperText Markup Language">HTML5</abbr></a> | | ||
+ | <a class="footerLink" href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS3</abbr></a> | ||
+ | </p> | ||
+ | </footer> | ||
+ | </body> | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Revision as of 14:40, 11 September 2012
Synthetic Biology
By SEU_A, Nanjing, China