Template:Tempalte:HIT-Harbin
From 2012.igem.org
(Difference between revisions)
(63 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | # | + | #content{ |
- | #p-logo {display:none;} | + | width:100%; |
- | #search-controls {display:none;} | + | padding:0; |
- | . | + | border:0; |
- | #footer-box {border: | + | margin:0; |
- | + | background-color: transparent; | |
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height:0px ! important ; | ||
+ | margin: 0 auto; | ||
+ | padding:0; | ||
+ | border:0; | ||
+ | background-color: transparent; | ||
+ | <!-- *** display:none;*** --> | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #search-controls{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #catlinks{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #footer-box{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | margin: 0px atuo; | ||
+ | } | ||
+ | |||
+ | } | ||
* {padding:0; margin:0;} | * {padding:0; margin:0;} | ||
- | body {background:url(https://static.igem.org/mediawiki/2012/a/af/Body-bg.gif) repeat-x #575757; font-size: | + | body {background:url(https://static.igem.org/mediawiki/2012/a/af/Body-bg.gif) repeat-x #575757; font-size:11px; color:#4e4e4e;} |
a {outline:none; color:#5f5f5f; font-weight:bold; text-decoration:none;} | a {outline:none; color:#5f5f5f; font-weight:bold; text-decoration:none;} | ||
a:hover {color:#ea0101; } | a:hover {color:#ea0101; } | ||
Line 19: | Line 53: | ||
.aligncenter {margin-left: auto; margin-right: auto;} | .aligncenter {margin-left: auto; margin-right: auto;} | ||
- | #wrap {width:938px; background:url(https://static.igem.org/mediawiki/2012/4/42/WRAP-BG2.png) repeat-x top left #edebeb; margin:0 auto; overflow:hidden; clear:both; border-top: | + | #wrap {width:938px; background:url(https://static.igem.org/mediawiki/2012/4/42/WRAP-BG2.png) repeat-x top left #edebeb; margin:0 auto; overflow:hidden; clear:both; border-top:0px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding-bottom:30px;} |
#wrap-inner {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; overflow:hidden; background:url(https://static.igem.org/mediawiki/2012/d/de/TITLE-AREA-BG.jpg) no-repeat top left;} | #wrap-inner {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; overflow:hidden; background:url(https://static.igem.org/mediawiki/2012/d/de/TITLE-AREA-BG.jpg) no-repeat top left;} | ||
#wrap-inner-withslide {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; background: url(https://static.igem.org/mediawiki/2012/4/44/SLIDER-BG.png) no-repeat top left; overflow:hidden; } | #wrap-inner-withslide {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; background: url(https://static.igem.org/mediawiki/2012/4/44/SLIDER-BG.png) no-repeat top left; overflow:hidden; } | ||
/*header*/ | /*header*/ | ||
- | #header {height: | + | #header {height:125px; width:940px; border-top:15px solid #fff; text-align:left; margin:0 auto; } |
- | #nav {float: | + | #nav {float:left;width:940px;} |
- | #nav ul li.page_item {float:left; list-style:none; padding:3px 8px 6px 8px; line-height: | + | #nav ul li.page_item {float:left; list-style:none; padding:3px 8px 6px 8px; line-height:18px; height:18px;background: url(https://static.igem.org/mediawiki/2012/8/8d/Ul-bg.png |
) repeat-x bottom left; margin-right:2px;} | ) repeat-x bottom left; margin-right:2px;} | ||
#nav ul li.current_page_item {background:#000000; } | #nav ul li.current_page_item {background:#000000; } | ||
#nav ul li.current_page_item a {color:#fff;} | #nav ul li.current_page_item a {color:#fff;} | ||
- | #nav ul li.page_last{float:left; list-style:none; padding-right:0; padding:3px 8px 6px 8px; line-height: | + | #nav ul li.page_last{float:left; list-style:none; padding-right:0; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(https://static.igem.org/mediawiki/2012/8/8d/Ul-bg.png) repeat-x bottom left;} |
- | ) repeat-x bottom left;} | + | |
#nav ul li a {font-weight:bold; text-decoration:none; color:#fff; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;} | #nav ul li a {font-weight:bold; text-decoration:none; color:#fff; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;} | ||
#nav ul li a:hover {color:#999999;} | #nav ul li a:hover {color:#999999;} | ||
.logo-area {padding-top:5px; clear:both; overflow:visible; height:220px;} | .logo-area {padding-top:5px; clear:both; overflow:visible; height:220px;} | ||
a.logo {padding:5px 0 0 0; display:block; width:940px; height:220px; overflow:visible; float:left;} | a.logo {padding:5px 0 0 0; display:block; width:940px; height:220px; overflow:visible; float:left;} | ||
- | a#HIT-logo {text-indent:0px; background:url(https://static.igem.org/mediawiki/2012/0/04/HBackground.png) no-repeat;} | + | a#HIT-logo {text-indent:0px; background:url(https://static.igem.org/mediawiki/2012/0/04/HBackground.png) no-repeat;} |
a.portfolio-image {display:block; width:400px; height:26px; position:relative; top:16px; left:-8px; z-index:2;} | a.portfolio-image {display:block; width:400px; height:26px; position:relative; top:16px; left:-8px; z-index:2;} | ||
img.large-thumbs {position:relative; z-index:1; padding-bottom:10px;} | img.large-thumbs {position:relative; z-index:1; padding-bottom:10px;} | ||
- | .large-image{background:url(https://static.igem.org/mediawiki/2012/3/3c/LARGE-IMG.png) no-repeat bottom left; width:400px; height: | + | .large-image{background:url(https://static.igem.org/mediawiki/2012/3/3c/LARGE-IMG.png) no-repeat bottom left; width:400px; height:500px; float:left; margin-bottom:10px; padding-bottom:18px; } |
.large-image.odd {margin-right:20px;} | .large-image.odd {margin-right:20px;} | ||
.large-image .post-title-small{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;} | .large-image .post-title-small{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;} | ||
Line 47: | Line 80: | ||
.large-image .post-title-small a:hover {color:#5f5f5f; } | .large-image .post-title-small a:hover {color:#5f5f5f; } | ||
- | + | #nav2 li ul {position: absolute; width: 20em; left: -999em; padding-top:-1px;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #nav2 li ul {position: absolute; width: | + | |
#nav2 li:hover ul, #nav2 li.sfhover ul {left: auto; z-index:1000;} | #nav2 li:hover ul, #nav2 li.sfhover ul {left: auto; z-index:1000;} | ||
- | #nav2 li ul li {border-bottom: | + | #nav2 li ul li {border-bottom:0px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:0px; width:15em;} |
#nav2 li:hover, #nav2 li.hover {position: static;} | #nav2 li:hover, #nav2 li.hover {position: static;} | ||
#nav2 li ul ul {margin: -22px 0 0 15em;} | #nav2 li ul ul {margin: -22px 0 0 15em;} | ||
Line 65: | Line 90: | ||
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;} | #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;} | ||
+ | .large-imagea{background:url(https://static.igem.org/mediawiki/2012/3/3c/LARGE-IMG.png) no-repeat bottom left; width:400px; height:316px; float:left; margin-bottom:10px; padding-bottom:18px; } | ||
+ | .large-imagea.odd {margin-right:20px;} | ||
+ | .large-imagea .post-title-small{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;} | ||
+ | .large-imagea.post-title-small a{font-size:13px; font-weight:bold; letter-spacing:0;line-height:16px; color:#333333; text-shadow:0 1px 0 #fff; } | ||
+ | .large-imagea.post-title-small a:hover {color:#5f5f5f; } | ||
/*index*/ | /*index*/ | ||
Line 77: | Line 107: | ||
span.the-comments {background:url(https://static.igem.org/mediawiki/2012/4/48/Balloon.png) no-repeat top left; padding-left:19px; margin-left:8px; color:#891111; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; } | span.the-comments {background:url(https://static.igem.org/mediawiki/2012/4/48/Balloon.png) no-repeat top left; padding-left:19px; margin-left:8px; color:#891111; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; } | ||
.post-excerpt {padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;} | .post-excerpt {padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;} | ||
- | .post-excerpte {font-size: | + | .post-excerpte {font-size:14px; font-family:Arial;padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;line-height:29px;} |
.post-excerpt a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;} | .post-excerpt a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;} | ||
.post-excerpt a:hover {color:#828282;} | .post-excerpt a:hover {color:#828282;} | ||
Line 107: | Line 137: | ||
#slider .left-container {float:left; width:380px; height:210px; overflow:hidden; line-height:36px; margin-top:53px;} | #slider .left-container {float:left; width:380px; height:210px; overflow:hidden; line-height:36px; margin-top:53px;} | ||
#slider .post-title-large {margin-bottom:22px;} | #slider .post-title-large {margin-bottom:22px;} | ||
- | #slider .post-title-large a { | + | #slider .post-title-large a { font-size:40px; font-weight:bold; text-transform:capitalize; line-height:40px;text-shadow:0 2px 0 #000; color:#e1e1e1;} |
- | + | ||
#slider .post-excerpt {font-size:20px; font-weight:bold; color:#FFFFFF;} | #slider .post-excerpt {font-size:20px; font-weight:bold; color:#FFFFFF;} | ||
ol#controls{margin:1em 0; padding:0; height:28px; position:relative; top:-90px;} | ol#controls{margin:1em 0; padding:0; height:28px; position:relative; top:-90px;} | ||
Line 117: | Line 146: | ||
- | .slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top: | + | .slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top:54px; } |
.post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;} | .post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;} | ||
.post-390.odd {margin-right:40px;} | .post-390.odd {margin-right:40px;} | ||
Line 125: | Line 154: | ||
.post-391.odd {margin-right:40px;} | .post-391.odd {margin-right:40px;} | ||
.post-391 .post-excerpt {line-height:24px;} | .post-391 .post-excerpt {line-height:24px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
<title>HIT-Harbin</title> | <title>HIT-Harbin</title> | ||
</head> | </head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<body> | <body> | ||
<div id="header"> | <div id="header"> | ||
<div class="logo-area"> | <div class="logo-area"> | ||
- | <a class="logo" id="HIT-logo" | + | <a class="logo" id="HIT-logo" href="https://2012.igem.org/Team:HIT-Harbin" title="HIT"></a> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 18:20, 26 September 2012