Team:USTC-Software/home 3
From 2011.igem.org
(Difference between revisions)
m |
m |
||
(10 intermediate revisions not shown) | |||
Line 12: | Line 12: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
body { | body { | ||
Line 26: | Line 27: | ||
a:active, a:hover { color: #0683ab; text-decoration: underline; } | a:active, a:hover { color: #0683ab; text-decoration: underline; } | ||
- | |||
img { margin: 0px; padding: 0px; border: none; } | img { margin: 0px; padding: 0px; border: none; } | ||
- | + | #header_wrapper { | |
- | . | + | width: 100%; |
- | + | height: 265px; | |
+ | background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center; | ||
+ | } | ||
- | + | #header { | |
- | + | position: relative; | |
- | + | width: 980px; | |
- | + | height: 265px; | |
+ | padding: 0 10px; | ||
+ | margin: 0 auto; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center; | ||
+ | } | ||
+ | /* site title */ | ||
- | + | #header #site_title { | |
- | + | float: left; | |
- | # | + | width: 200px; |
- | + | padding: 33px 0; | |
- | + | ||
} | } | ||
- | # | + | #site_title h1 { |
- | + | margin: 0; | |
- | + | padding: 3px; | |
+ | font-family:"Times New Roman", Times, serif; | ||
+ | color:#000; | ||
+ | font-size:24px; | ||
} | } | ||
- | # | + | #site_title h1 a { |
- | + | margin: 0px; | |
- | font-size: | + | padding: 0px; |
- | + | font-size: 30px; | |
- | + | color: #ffffff; | |
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
} | } | ||
- | # | + | #site_title h1 a:hover { |
- | + | font-weight: bold; | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #site_title h1 a span { |
- | + | display: block; | |
- | font-size: | + | margin-left: 2px; |
- | + | font-size: 14px; | |
- | + | color: #416902; | |
+ | font-weight: bold; | ||
+ | letter-spacing: 2px; | ||
} | } | ||
- | + | /* end of site title */ | |
- | + | ||
- | + | /* ---------- Navigation ---------- */ | |
+ | |||
+ | ul { | ||
+ | list-style-image: none; | ||
} | } | ||
- | # | + | #nav { |
- | + | float: right; | |
- | + | font-family: Arial, Helvetica, sans-serif; | |
- | + | font-weight: bold; | |
- | + | font-size: 12px; | |
- | + | padding-top: 70px; | |
+ | height: 43px; | ||
} | } | ||
- | + | #nav .last { | |
- | + | padding-right: 2px; | |
- | / | + | background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg); |
- | . | + | background-repeat:no-repeat; |
- | + | background-position:right; | |
- | + | ||
} | } | ||
- | + | #nav, #nav ul{ | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | list-style-type:none; | |
- | + | list-style-position:outside; | |
- | + | position:relative; | |
+ | line-height:1.5em; | ||
} | } | ||
- | . | + | #nav .on { |
- | + | color:#fff !important; | |
- | + | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important; | |
+ | background-position: bottom left !important; | ||
} | } | ||
- | # | + | #nav a:link, #nav a:active, #nav a:visited{ |
- | + | display:block; | |
- | + | padding: 14px 35px; | |
+ | color:#a5a5a5; | ||
+ | text-decoration:none; | ||
+ | text-transform: uppercase; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg); | ||
+ | background-position: top left; | ||
} | } | ||
- | # | + | #nav a:hover { |
- | + | color:#fff; | |
- | + | background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg); | |
+ | background-position: bottom left; | ||
} | } | ||
- | # | + | #nav li{ |
- | + | float:left; | |
+ | position:relative; | ||
+ | |||
} | } | ||
- | + | #nav ul { | |
- | + | position:absolute; | |
- | + | width:13em; | |
- | + | top:3.8em; | |
+ | display:none; | ||
+ | z-index: 1; | ||
} | } | ||
- | + | #nav li ul a { | |
- | + | width:9em; | |
- | + | float:left; | |
- | + | background-color: #2e2e2e; | |
- | color: # | + | background-image: none !important; |
- | + | ||
} | } | ||
- | + | #nav li ul a:hover { | |
- | + | background-color: #292929; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #nav ul ul{ | ||
+ | top:auto; | ||
+ | } | ||
- | + | #nav li ul ul { | |
- | + | left:12em; | |
- | + | margin:0px 0 0 10px; | |
- | + | } | |
- | + | ||
- | + | #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ | |
- | + | display:none; | |
- | + | } | |
- | + | ||
- | + | #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ | |
- | + | display:block; | |
+ | } | ||
+ | |||
+ | /*end of nav*/ | ||
+ | |||
+ | /* content_wrapper */ | ||
+ | |||
+ | #content { | ||
+ | background-color:#a0c73f; | ||
+ | width:auto; | ||
} | } | ||
- | + | #content_wrapper { | |
- | + | width: 920px; | |
- | + | margin: 0 auto; | |
+ | padding: 30px 40px; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y; | ||
} | } | ||
- | # | + | #content_wrapper h1 { |
- | + | color: #3a5909; | |
- | + | font-size:24px; | |
- | padding: 0; | + | padding: 0 0 60px 20px; |
- | background: url(./ | + | background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left; |
} | } | ||
- | # | + | #content_wrapper p { |
- | + | font-family: Verdana, Arial; | |
+ | font-size:14px; | ||
} | } | ||
- | # | + | #content_wrapper_bottom { |
+ | width: 1000px; | ||
+ | height: 15px; | ||
+ | margin: 0 auto; | ||
+ | background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat; | ||
+ | background-color: #a0c73f; | ||
} | } | ||
- | # | + | /* end of content_wrapper */ |
- | + | ||
- | + | /* footer */ | |
- | padding: | + | |
- | + | #mfooter { | |
+ | width: 980px; | ||
+ | margin: 0 auto; | ||
+ | padding: 30px 10px; | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | background-color: #a0c73f; | ||
} | } | ||
- | # | + | #mfooter a { |
- | margin: 0; | + | color:#000; |
- | padding: | + | } |
+ | |||
+ | #mfooter .mfooter_menu { | ||
+ | margin: 0 0 10px 0; | ||
+ | padding: 0px; | ||
list-style: none; | list-style: none; | ||
} | } | ||
- | + | .mfooter_menu li { | |
- | padding: 0; | + | margin: 0px; |
- | + | padding: 0 20px; | |
+ | display: inline; | ||
+ | border-right: 1px solid #000000; | ||
} | } | ||
- | . | + | .mfooter_menu .last_menu { |
- | + | border: none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | #totop_box { | |
- | + | position:fixed; | |
+ | width: 77px; | ||
+ | height: 75px; | ||
+ | bottom: 21px; | ||
+ | right: 15px; | ||
} | } | ||
- | + | #totop_box form { | |
- | + | width: 280px; | |
- | margin | + | height: 27px; |
+ | margin: 0; | ||
+ | padding: 25px 0 0 0; | ||
} | } | ||
- | + | #to_org_box { | |
- | + | position:fixed; | |
- | width: | + | width: 77px; |
- | + | height: 75px; | |
- | + | bottom: 21px; | |
- | + | right: 105px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #to_org_box form { | |
- | + | width: 280px; | |
- | + | height: 27px; | |
- | + | margin: 0; | |
- | margin: | + | padding: 25px 0 0 0; |
- | padding: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | /* end of footer*/ | ||
+ | |||
</style> | </style> | ||
Line 237: | Line 286: | ||
<body> | <body> | ||
- | |||
- | + | <div id="content_wrapper_bottom"> </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <!-- end of content_wrapper --> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div id="mfooter"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <ul class="mfooter_menu"> | |
- | + | <li><a href="https://2011.igem.org/Team:USTC-Software" target="_parent">Home</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:USTC-Software/project" target="_parent">Project</a></li> | |
+ | <li><a href="https://2011.igem.org/Team:USTC-Software/model" target="_parent"> MoDeL</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:USTC-Software/notebook" target="_parent">Notebook</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:USTC-Software/team" class="current">Team</a></li> | ||
+ | <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/human practice" target="_parent">Human practice</a></li> | ||
+ | |||
+ | </ul> | ||
+ | <b> Welcome to   <a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a> ! </b> | ||
- | + | <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="69" height="70"alt="to igem.org"/></a> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | </ | + | <div id="totop_box"> |
+ | <a href="#top"><img src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="76" height="72"alt="go back to top"/></a> | ||
+ | </div> | ||
+ | </div> <!-- end of mfooter --> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 11:45, 3 September 2011
USTC-Software
Notebook