Team:USTC CHINA/main.css
From 2013.igem.org
Line 6: | Line 6: | ||
} | } | ||
body { | body { | ||
- | |||
color: #333333; | color: #333333; | ||
font: 0.75em/1.5em Arial,sans-serif; | font: 0.75em/1.5em Arial,sans-serif; | ||
- | |||
- | |||
- | |||
} | } | ||
#globalWrapper { | #globalWrapper { |
Revision as of 22:14, 21 September 2013
- {
margin: 0; padding: 0;
} html { } body {
color: #333333; font: 0.75em/1.5em Arial,sans-serif;
}
- globalWrapper {
position: relative; font-size: 100%; width: 100%; margin: 0; padding: 0; padding-bottom: 10px;
} h1, h2, h3, h4, h5, h6 {
color: black; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border:none;
} ul {
line-height: 1.5em; list-style-type: square; margin:0 0 0 0; padding: 0; list-style-image: url(bullet.gif);
} a{
color:#43adff; text-decoration:none;
} a:hover{ color:#7bc5ff;
text-decoration:none;
} .bar{ margin-top:10px; height:54px; overflow:visible; } .container {
width: 964px;
}
- tlogo{
width:190px; height:123px; background:url() no-repeat; z-index:2000; position:absolute; left:964px; }
/* common and top level styles */
- nav{
width:794px; height:53px; background:url() no-repeat; display:block; }
- nav li{
display:block; position:relative; float:left; font-size:18px; }
- nav li a{
line-height:51px; color:#303030; font-size:18px; font-family: 'Crimson Text', serif; text-shadow: 0 0 1px #ccc; padding:0 11px; display:block; margin-right:1px; float:left; }
- nav li:hover, #nav li.active{
background:url() repeat-x; }
/* Dropdown */
- nav li ul{
width:230px; background:url(); color:#fff; /*border-bottom:6px solid #747D82;*/ display:none; z-index:1880; position:absolute; top:51px; }
- nav li ul li a{
color:#fff; width:208px; line-height:37px; border-bottom:1px solid rgb(106,119,126); }
- nav li ul li:hover, #nav li ul li.active{
width:229px; background:url(); }
- nav li ul li:last-child a{
border:none; }
- nav li ul li.active{
text-indent:14px; }
- nav li:hover ul{
display:block; } .clear{ clear:both; } .content{ height:100%; } .conbar1{ width:964px; height:69px; } .conbar2{ width:964px; height:100%; }
- breadcrumb{
float:left; font-size:16px; line-height:60px; text-indent:3px; }
- breadcrumb a{
color:#a4a4a4; }
- breadcrumb a:hover{
color:#303030; } .leftbar{ float:left; width:620px; } .rightbar{ float:right; width:310px; }
- tag{
width: 185px; height: 54px; float:left; margin: 0px 17px 17px 0; overflow:hidden; /*border: 1px #000 solid;*/ position: relative; text-indent:40px; line-height:80px; font-size:36px;
}
- homecontent{
width:964px; position:relative; margin:10px auto; } .home3col{ width:240px; background:#fff; border:1px solid #ececec; padding:40px 20px 16px 20px; margin:0px 60px 10px 0; float:left; position:relative; }
.home3col#home3colLast{ margin-right:-300px; }
.home3col-ribbon{ width:76px; height:90px; background:url() no-repeat; padding:10px 0 0 6px; position:absolute; top:17px; left:-24px; }
.home3col h1{ margin:0 0 40px 50px; }
.img-left{
float:left;}
.img-right{
float:right;
}