|
|
Line 6: |
Line 6: |
| <link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /> | | <link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /> |
| <![endif]--> | | <![endif]--> |
- | <style>
| |
- | * { margin: 0; padding: 0; outline:0; }
| |
- |
| |
- | body {
| |
- | font-size: 12px;
| |
- | line-height: 20px;
| |
- | font-family: Georgia, Arial, Helvetica, Sans-Serif;
| |
- | color: #333;
| |
- | background: url(https://static.igem.org/mediawiki/2014/e/e6/XMU_BODY_BG.gif);
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | a { color: #ff0000; text-decoration: none; cursor:pointer; }
| |
- | a:hover { text-decoration: underline; }
| |
- |
| |
- | a img { border: 0; }
| |
- |
| |
- | input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
| |
- | textarea { overflow:auto; }
| |
- |
| |
- | .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
| |
- | .notext { font-size: 0; line-height: 0; text-indent: -4000px; }
| |
- |
| |
- | .left, .alignleft { float: left; display: inline; }
| |
- | .right, .alignright { float: right; display: inline; }
| |
- |
| |
- |
| |
- | .shell { width: 980px; margin: 0 auto; }
| |
- | .border { border: 1px solid #e8e8e8; background: #fff; position: absolute; margin-top: 45px; }/*调整纸张*/
| |
- | .shadow-l { background: url(https://static.igem.org/mediawiki/2014/1/1d/XMU_shadow-l.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;left:-25px; }
| |
- | .shadow-r { background: url(https://static.igem.org/mediawiki/2014/d/d7/XMU_shadow-b.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;right:-25px; }
| |
- | .shadow-b { background: url(https://static.igem.org/mediawiki/2014/d/d7/XMU_shadow-b.png) no-repeat 0 0; width: 980px; height: 20px; position: absolute; bottom:-20;left:0; }
| |
- |
| |
- | #header { background: url(https://static.igem.org/mediawiki/2014/d/dd/XMU_colorpiece.gif) 0 0; height: 780px; position: relative; } /*放吉祥物和logo的界面*/
| |
- | #logo a { background: url(https://static.igem.org/mediawiki/2014/5/5f/XMU_LOGO.png) no-repeat 15px 5px; width: 200px; height: 99px; position: absolute; top:0;left:0; }
| |
- | #color { background:url(https://static.igem.org/mediawiki/2014/1/15/XMU_header-bg.gif) repeat-x 0 0; width:980px;height:500px;position:absolute;top:-5px;left:0;}
| |
- |
| |
- |
| |
- | #main { width: 932px; padding: 37px 24px 17px 24px; }
| |
- | #main h1 { font-size: 18px; line-height: 15px; color: #000; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; padding: 0 0 10px 0; }
| |
- | #main a.more { background: url(https://static.igem.org/mediawiki/2014/4/4a/XMU_WIKI_more.gif) no-repeat 0 3px; font-size: 11px; line-height: 14px; color: #ff0000; text-decoration: underline; padding: 0 0 0 13px; }
| |
- | #main a.more:hover { text-decoration: none; }
| |
- |
| |
- | #content { width: 605px; }
| |
- | .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
| |
- |
| |
- | .highlight { position:absolute; top: 800px;left:0; }
| |
- | .highlight h3 { margin: 0 0 11px 0; }
| |
- | .highlight p { padding: 0 0 9px 0; }
| |
- | /*.highlight img { margin: 4px 12px 0 12px; } */
| |
- |
| |
- | .projects { padding: 65px 0 0 0; }
| |
- | .projects h3 { margin: 0 0 17px 0; }
| |
- | .projects .item { margin: 0 0 28px 0; }
| |
- | .projects .image { width: 183px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
| |
- | .projects .text { width: 393px; }
| |
- | .projects .text h4 { font-size: 12px; line-height: 15px; color: #333; text-transform: uppercase; padding: 3px 0 2px 0; }
| |
- | .projects .text p { padding: 0 0 3px 0; }
| |
- |
| |
- | #sidebar { width: 300px; }
| |
- |
| |
- | .btn-buy { background: url(images/btn-buy.gif) no-repeat 0 0; display: block; width: 307px; height: 86px; font-size: 40px; line-height: 90px; color: #b50000; font-weight: bold; text-align: center; margin: 0 0 17px 0; position: relative; left:-3px; top: 10px;}
| |
- | .btn-buy:hover { text-decoration: none; }
| |
- |
| |
- | #sidebar .info { }
| |
- | #sidebar .info h3 { margin: 0 0 7px 0; }
| |
- | #sidebar .info p { }
| |
- |
| |
- |
| |
- | img{border:0;}
| |
- | .navigation_bar{text-decoration:none;color:#333;}
| |
- | .navigation_bar:hover{color:#FF8400;}
| |
- | .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
| |
- |
| |
- |
| |
- | .navBar{height: 62px; border-top: 0 solid #dbdbdb; /*border-bottom: 1px solid #dbdbdb;*/position:absolute; top:20px; left:0;}
| |
- | .nav{list-style: none;}
| |
- | .nav a{ float: left; height: 43px; color: #000; padding: 0 33px; text-decoration:none}
| |
- | .nav h3{font-size:100%;font-weight:normal;}
| |
- | .nav .m{float: left; height: 43px; border-right: 1px solid #dbdbdb; font-size: 12px; line-height: 43px; font-weight: bold; text-transform: uppercase;}
| |
- | .nav h3 a{display:block;width:126px;text-align:center;font-weight:bold;}
| |
- | .nav .sub{display:none;border:1px solid #E6E4E3;border-top:0;background:#fff; text-decoration:none}
| |
- | .nav .sub li{text-align:center; height: 55px; border-right: 1px solid #dbdbdb; line-height: 43px; font-weight: bold; text-transform: uppercase;display:absolute}
| |
- | .nav .sub li a{display:block; height: 43px; color: #000; padding: 0 33px; }
| |
- | .nav .sub li a:hover{color:#FE7700;}
| |
- | .nav .block{height:8px;width:198px;background:#FE7700;position:absolute;left:0;top:42px;overflow:hidden;align:center}
| |
- |
| |
- | ul{list-style:none;}
| |
- | .topic_img_word{display:none}
| |
- |
| |
- | /**
| |
- | * This <div> element is wrapped by jCarousel around the list
| |
- | * and has the classname "jcarousel-container".
| |
- | */
| |
- | .jcarousel-container {
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | .jcarousel-clip {
| |
- | z-index: 2;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | overflow: hidden;
| |
- | position: relative;
| |
- | width: 928px;
| |
- | height: 298px;
| |
- | }
| |
- |
| |
- | .jcarousel-list {
| |
- | z-index: 1;
| |
- | overflow: hidden;
| |
- | position: relative;
| |
- | top: 0;
| |
- | left: 0;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | .jcarousel-list li,
| |
- | .jcarousel-item {
| |
- | float: left;
| |
- | list-style: none;
| |
- | /* We set the width/height explicitly. No width/height causes infinite loops. */
| |
- | width: 928px;
| |
- | height: 298px;
| |
- | position: relative; /*IE6 PNG fix with link inside*/
| |
- | }
| |
- |
| |
- | /**
| |
- | * The buttons are added dynamically by jCarousel before
| |
- | * the <ul> list (inside the <div> described above) and
| |
- | * have the classnames "jcarousel-next" and "jcarousel-prev".
| |
- | */
| |
- | /*
| |
- | .jcarousel-next {
| |
- | z-index: 3;
| |
- | display: none;
| |
- | }
| |
- |
| |
- | .jcarousel-prev {
| |
- | z-index: 3;
| |
- | display: none;
| |
- | }
| |
- | */
| |
- |
| |
- | </style>
| |
- |
| |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> | | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> |
| <script type="text/javascript" src="https://2014.igem.org/Team:XMU-China/JS_XMU_INDEX?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2014.igem.org/Team:XMU-China/JS_XMU_INDEX?action=raw&ctype=text/javascript"></script> |