"
Team:USTC CHINA/main.css
From 2013.igem.org
| (23 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
body { | body { | ||
color: #333333; | color: #333333; | ||
| - | font: 0.75em/1.5em | + | font: 0.75em/1.5em "Times New Roman"; |
} | } | ||
#globalWrapper { | #globalWrapper { | ||
| Line 25: | Line 25: | ||
border:none; | border:none; | ||
} | } | ||
| + | |||
ul { | ul { | ||
line-height: 1.5em; | line-height: 1.5em; | ||
| Line 144: | Line 145: | ||
width:964px; | width:964px; | ||
height:100%; | height:100%; | ||
| - | } | + | } |
| - | . | + | .leftbar h1{ |
| + | font size:40px | ||
| + | } | ||
| + | .basic-bar{ | ||
width:580px; | width:580px; | ||
padding:20px 20px 16px 20px; | padding:20px 20px 16px 20px; | ||
| Line 152: | Line 156: | ||
clear:left; | clear:left; | ||
} | } | ||
| - | . | + | .basic-bar h1{ |
font-weight:200; | font-weight:200; | ||
font-size:36px; | font-size:36px; | ||
} | } | ||
| - | . | + | .basic-bar h2{ |
font-size:28px; | font-size:28px; | ||
} | } | ||
| - | . | + | .basic-bar h3{ |
font-size:24px; | font-size:24px; | ||
} | } | ||
| - | . | + | .basic-bar p{ |
line-height:24px; | line-height:24px; | ||
font-size:18px; | font-size:18px; | ||
font-weight:none; | font-weight:none; | ||
} | } | ||
| - | . | + | .basic-bar span{ |
line-height:24px; | line-height:24px; | ||
font-size:20px; | font-size:20px; | ||
| + | color:#ff9933; | ||
} | } | ||
#breadcrumb{ | #breadcrumb{ | ||
| Line 188: | Line 193: | ||
} | } | ||
.rightbar{ | .rightbar{ | ||
| + | position:fixed; | ||
float:right; | float:right; | ||
width:310px; | width:310px; | ||
| + | right:200px; | ||
} | } | ||
Latest revision as of 12:21, 28 October 2013
- {
margin: 0; padding: 0;
} html {} body {
color: #333333; font: 0.75em/1.5em "Times New Roman";
}
- 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;
float:right;
margin-top:-54px;
}
/* common and top level styles */
- nav{
width:794px;
height:53px;
background:url(
) no-repeat;
display:block;
padding-left:52px;
}
- nav li{
display:block; position:relative; float:left; font-size:18px; }
- nav li a{
line-height:51px; color:#303030; font-size:18px; 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; }
- igemlogo{
margin:5px 10px 0px 15px; float:left; position:relative; } .clear{ clear:both; } .content{ height:100%; } .conbar1{ width:964px; height:69px; } .conbar2{ width:964px; height:100%; } .leftbar h1{ font size:40px } .basic-bar{ width:580px; padding:20px 20px 16px 20px;
margin-bottom:20px;
position:relative; clear:left; } .basic-bar h1{
font-weight:200; font-size:36px;
} .basic-bar h2{
font-size:28px;
} .basic-bar h3{
font-size:24px;
} .basic-bar p{
line-height:24px; font-size:18px; font-weight:none;
} .basic-bar span{
line-height:24px; font-size:20px; color:#ff9933;
}
- breadcrumb{
float:left; font-size:16px; line-height:60px; text-indent:3px; }
- breadcrumb a{
color:#6b737a; }
- breadcrumb a:hover{
color:#303030; } .leftbar{ float:left; width:620px; } .rightbar{
position:fixed;
float:right; width:310px;
right:200px;
}
.img-left{ float:left;} .img-right{ float:right; } .port-sidebar-border{ width:310px; height:40px; border-bottom: 2px solid #bababa; } .port-sidebar-border h{ float:left; margin-top:30px; font-size:24px; color: #303030;
background:url("
");
} .rightbar a{ color:#6b737a; } .rightbar a:hover{ color:#303030; } .rightbar a.active{
color:#303030;
}
- t1{
font-size:20px; line-height:30px; margin-left:70px; text-align:left; }
- t2{
font-size:16px; line-height:28px; margin-left:130px; text-align:left; } .img-left-side{ float:left; width:300px; height:200px; margin:10px 10px 10px 0; } .text-right-side{ float:right; width:270px; height:200px; margin:10px 0 10px 0; }
