Template:Team:USTC-China/temp1
From 2011.igem.org
(Difference between revisions)
(32 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | .imgbox { | |
+ | margin:20px; | ||
+ | padding:10px; | ||
+ | border:1px solid black; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .ppp{ | ||
+ | font-size:15px; | ||
+ | } | ||
- | + | #main_container { | |
- | + | width: 900px; | |
- | + | height: auto; | |
+ | margin: auto; | ||
+ | background-color:; | ||
} | } | ||
- | + | .box_content{ | |
- | + | width:267px; | |
- | + | height:380px; | |
- | + | float:left; | |
- | + | margin:10px 5px 10px 10px; | |
- | + | background:url("https://static.igem.org/mediawiki/2011/a/a4/USTC-China_box_bg.gif") no-repeat top center; | |
- | + | background-size:300px 380px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .ach{ | |
- | + | width:290px; | |
- | + | height:680px; | |
+ | float:left; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | background:url("https://static.igem.org/mediawiki/2011/4/49/Meteoroid1.jpg") no-repeat top center; | ||
+ | background-size:300px 650px; | ||
} | } | ||
- | + | .box_title{ | |
+ | padding:10px 0 10px 0; | ||
} | } | ||
- | . | + | .title_icon{ |
+ | float:left; | ||
+ | padding:0 5px 0 10px; | ||
} | } | ||
- | + | .box_text_content{ | |
- | + | width:250px; | |
+ | float:left; | ||
+ | padding:15px 0 0 15px; | ||
} | } | ||
- | + | .box_icon{ | |
- | + | float:left; | |
- | + | padding:0 5px 0 0 ; | |
- | + | } | |
- | + | .box_text{ | |
- | + | width:220px; | |
- | + | float:left; | |
+ | text-align:justify; | ||
+ | padding:0 0 0 10px; | ||
+ | } | ||
+ | a.details{ | ||
+ | float:right; | ||
+ | padding:5px 15px 0 0; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | color:#f8851f; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
+ | table#toc{ | ||
+ | display:none; | ||
} | } | ||
+ | .header { | ||
+ | position: relative; | ||
+ | width: 960px; | ||
+ | height: 50px; | ||
+ | padding: 0; | ||
+ | padding-top: 0px; | ||
+ | padding-right: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | padding-left: 0px; | ||
+ | margin: 0 auto; | ||
+ | margin-top: 0px; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: -30px; | ||
- | + | background-repeat-x: repeat; | |
- | + | background-repeat-y: no-repeat; | |
- | + | background-attachment: initial; | |
- | + | background-position-x: initial; | |
- | + | background-position-y: initial; | |
- | + | background-origin: initial; | |
- | + | background-clip: initial; | |
+ | background-color: initial; | ||
} | } | ||
- | + | /* ---------- 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-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; | ||
+ | width: 960px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
+ | #nav .on { | ||
+ | color:#fff !important; | ||
+ | background-image: url(images/USTC-China_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(images/USTC-China_nav_button_bg.jpg); | ||
+ | background-position: top left; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | color:#fff; | ||
+ | background-image: url(images/USTC-China_nav_button_bg.jpg); | ||
+ | background-position: bottom left; | ||
+ | } | ||
+ | |||
+ | #nav li{ | ||
+ | width:126px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | background: #004370; | ||
+ | } | ||
+ | |||
+ | #nav li.nimei{ | ||
+ | width:203px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | background: #004370; | ||
+ | } | ||
+ | |||
+ | #nav ul { | ||
+ | position:absolute; | ||
+ | width:13em; | ||
+ | top:3.8em; | ||
+ | display:none; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | #nav li ul a { | ||
+ | width:9em; | ||
+ | float:left; | ||
+ | background-color: #004370; | ||
+ | /* #2e2e2e*/ | ||
+ | /* #004370;*/ | ||
+ | /* #292929;*/ | ||
+ | /*#33ADFF;*/ | ||
+ | background-image: none !important; | ||
+ | } | ||
+ | |||
+ | #nav li ul a:hover { | ||
+ | background-color: #33ADFF; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
</style> | </style> | ||
+ | <html> | ||
</html> | </html> |
Latest revision as of 17:38, 28 October 2011