Team:XMU-China/STYLE XMU INDEX
From 2014.igem.org
ul{list-style:none;} .topic_img_word{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; }
- { margin: 0; padding: 0; outline:0; }
body {
font-size: 12px; line-height: 20px; font-family: Georgia, Arial, Helvetica, Sans-Serif; color: #333; background: url();
}
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() no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;left:-25px; }
.shadow-r { background: url() no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;right:-25px; }
.shadow-b { background: url() no-repeat 0 0; width: 980px; height: 20px; position: absolute; bottom:-20;left:0; }
- header { background: url() 0 0; height: 780px; position: relative; } /*放吉祥物和logo的界面*/
- logo a { background: url() no-repeat 15px 5px; width: 200px; height: 99px; position: absolute; top:0;left:0; }
- color { background:url() 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() 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}