|
|
Line 93: |
Line 93: |
| background-color: transparent; | | background-color: transparent; |
| } | | } |
- |
| |
- |
| |
- | * { 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}
| |
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
list (inside the 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;
}
- contentSub, #footer-box, #catlinks, #search-controls, #p-
logo, .printfooter, .firstHeading,.visualClear {display:
none;} /*-- hides default wiki settings --*/
- top-section { /*-- styling for default menu bar (edit, page,
history, etc.) --*/
border: 0 none;
height: 14px;
z-index: 100;
top: 0;
position: fixed;
width: 975px;
left: 50%;
margin-left: -487px;
}
- globalWrapper, #content { /*-- changes default wiki settings
--*/
width: 100%;
height: 100%;
border: 0px;
background-color: transparent;
margin: 0px;
padding: 0px;
}
html, body, .wrapper { /*-- changes default wiki settings --
width: 100%;
height: 100%;
background-color: transparent;
}