Team:HIT-Harbin/css/contentstyle.css
From 2014.igem.org
(174 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
/* CSS Document */ | /* CSS Document */ | ||
- | + | #mainarea #minibar { display:none;} | |
- | + | #body{background-color:#EEEADE} | |
- | padding:0; | + | #top-section { |
+ | background-color: transparent; | ||
+ | } | ||
+ | #topCentent{ | ||
+ | width:1117px; | ||
+ | margin:-8px auto; | ||
+ | padding:0; | ||
} | } | ||
+ | #nav span,#minibar span{color:#2F798C;} | ||
+ | #nav { position: relative; | ||
+ | top: 62px; | ||
+ | width: 1115px; | ||
+ | left: 0; | ||
+ | z-index: 2; | ||
+ | height: 197px; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/8/8e/Tmnav.png); | ||
+ | font-family: Ebrima; | ||
+ | } | ||
- | + | #nav ul , #minibar ul{margin-top:10px;font-size:20px;padding-top:10px;display:none;text-align:center;border: #909090 1px solid; | |
- | + | background: #F9F6E7;filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4); | |
- | + | -moz-box-shadow: 2px 2px 10px #909090; | |
- | + | -webkit-box-shadow: 2px 2px 10px #909090; | |
- | + | box-shadow: 2px 2px 10px #909090;} | |
+ | #nav ul, #minibar ul{filter:aphla(opacity=80); background:#F9F6E7; background:rgba(294,246,231,0.8); important!} | ||
+ | #minibar {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;important!} | ||
+ | #nav ul li:hover,#minibar ul li:hover{background:#F9F6E7;} | ||
+ | #nav ul li,#minibar ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;} | ||
+ | #nav ul li a,#minibar ul li a{font-size:14px;} | ||
+ | #nav ul li a:hover,#minibar ul li a:hover{color:#11979C;} | ||
+ | .nav1{float:left;width:85px;margin-top:117px;} | ||
+ | #rnav{display:none;} | ||
+ | #nav a ,#minibar a{text-decoration:none;color:#183D46;font-size:22px;} | ||
+ | #nav li a ,#minibar li a{font-size:15px;} | ||
+ | #project,#projectd{margin-left:22px;} | ||
+ | #nav #project ul,#minibar #projectd ul{width:80px;} | ||
+ | #nav ul,#minibar ul {font-size:20px;padding-top:10px;width:72px;display:none;} | ||
+ | #nav #project ul ,#minibar #projectd ul{ | ||
+ | width: 102px; | ||
+ | margin-left: -20px; | ||
} | } | ||
- | # | + | #nav #judging ul, #minibar #judgingd ul{ |
- | + | width: 108px; | |
- | + | margin-left: -23px; | |
- | + | } | |
- | + | #nav #wetlab ul,#minibar #wetlabd ul { | |
- | + | width: 100px; | |
- | + | margin-left: -17px; | |
- | # | + | } |
- | #nav {width: | + | #nav #team ul,#minibar #teamd ul { |
- | + | width: 100px; | |
- | #nav | + | margin-left: -22px; |
- | # | + | } |
- | # | + | #nav #humanPractices ul,#minibar #humanPracticesd ul { |
- | # | + | width: 129px; |
- | # | + | margin-left: 20px; |
- | + | } | |
- | # | + | #judging{margin-left: 59px;} |
- | #nav a:hover {color:#2F798C} | + | #wetlab{margin-left:53px;} |
+ | #software {margin-left: 107px;} | ||
+ | #team{width:57px;margin-left: 46px;} | ||
+ | #humanPractices {margin-left: 24px;} | ||
+ | #nav #humanPractices ul,#minibar #humanPracticesd ul{width:124px;} | ||
+ | |||
+ | #judgingd{margin-left: 59px;} | ||
+ | #wetlabd{margin-left:53px;} | ||
+ | #softwared {margin-left: 107px;} | ||
+ | #teamd{width:57px;margin-left: 46px;} | ||
+ | #humanPracticesd {margin-left: 24px;} | ||
+ | |||
+ | #nav a:hover,#minibar a:hover {color:#2F798C} | ||
+ | #rhome a {text-decoration:none; | ||
+ | color: #FECA9E; | ||
+ | font-size: 17px;} | ||
+ | |||
body { | body { | ||
- | background | + | background:#183D46 url( https://static.igem.org/mediawiki/2014/7/7a/Backg.jpg) no-repeat scroll 50% 0%; |
- | + | } | |
- | } | + | #bottomNav { |
- | # | + | |
z-index:999; | z-index:999; | ||
position:fixed; | position:fixed; | ||
- | bottom | + | bottom:0; |
- | left: | + | left:1100px; |
width:100%; | width:100%; | ||
_position:absolute; /* for IE6 */ | _position:absolute; /* for IE6 */ | ||
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ | _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ | ||
- | overflow:visible; | + | overflow:visible; |
+ | } | ||
+ | #bottomNav a{text-decoration:none;font-family:Ebrima;color:#183D46;font-size:20px;} | ||
+ | #bottomNav a:hover{color:#2F798C;} | ||
+ | |||
+ | #team ,#teamd{ | ||
+ | width: 74px;} | ||
+ | |||
+ | /* for mainarea */ | ||
+ | #mainarea{padding-top:130px;z-index: 0 ;margin:0 20px;} | ||
+ | .alignleft { | ||
+ | width: 645px; | ||
+ | float: left;} | ||
+ | .cta-box { | ||
+ | /* padding-top: 0px; */ | ||
+ | height:100px; | ||
+ | border-top: #04979D 2px dashed; | ||
+ | border-bottom: #04979D 2px dashed; | ||
+ | margin-top: 49px; | ||
+ | } | ||
+ | a.custom-button { | ||
+ | float: right; | ||
+ | } | ||
+ | a.custom-button { | ||
+ | margin: 19px;font: bold 13px/34px Arial; | ||
+ | } | ||
+ | |||
+ | .cta-box p { | ||
+ | margin: 19px; | ||
+ | font: italic 25px/34px "Times New Roman"; | ||
+ | } | ||
+ | |||
+ | |||
+ | #floatingbar,#minibar{ | ||
+ | background: url(https://static.igem.org/mediawiki/2014/8/8e/Tmnav.png);width: 1115px; | ||
+ | height: 197px; | ||
+ | font-family: Ebrima; | ||
+ | } | ||
+ | |||
+ | #floatingbar ul, #minibar ul{ | ||
+ | list-style-type:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #floatingbar ul li a,#minibar ul li a{ | ||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #minibar { display:none;} | ||
+ | |||
+ | |||
+ | |||
+ | .multi-columns { | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .third { | ||
+ | float: left; | ||
+ | padding: 0 40px; | ||
+ | } | ||
+ | .floater{ | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | z-index:999; | ||
+ | height:50px; | ||
+ | width:960px; | ||
+ | border-top:none; | ||
+ | color:#ccc; | ||
+ | display:block; | ||
+ | clear:both; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | float:left; | ||
+ | } | ||
+ | .home{ | ||
+ | float: left; | ||
+ | width: 80px; | ||
+ | height: 124px; | ||
+ | padding-left: 3px; | ||
+ | margin-left: 121px; | ||
+ | margin-top: 39px; | ||
+ | } | ||
+ | #nav .home a ,#minibar .home a{ | ||
+ | display: block; | ||
+ | width: 83px; | ||
+ | height: 124px; | ||
+ | /* background: beige; */ | ||
+ | } | ||
+ | |||
+ | /* zheng ti yang shi */ | ||
+ | #mainarea p{padding: 0 57px; | ||
+ | font-family: "Microsoft YaHei"; | ||
+ | padding-top: 10px; | ||
+ | text-align: justify; | ||
+ | text-justify: inter-ideograph; | ||
+ | color: #04979D; | ||
+ | font-size: 19px;} | ||
+ | #bodyContent h1, #bodyContent h2 { | ||
+ | padding-left: 20px; | ||
} | } | ||
- |
Latest revision as of 21:21, 17 October 2014
/* CSS Document */
- mainarea #minibar { display:none;}
- body{background-color:#EEEADE}
- top-section {
background-color: transparent; }
- topCentent{
width:1117px; margin:-8px auto;
padding:0;
}
- nav span,#minibar span{color:#2F798C;}
- nav { position: relative;
top: 62px; width: 1115px; left: 0; z-index: 2; height: 197px; background: url(); font-family: Ebrima; }
- nav ul , #minibar ul{margin-top:10px;font-size:20px;padding-top:10px;display:none;text-align:center;border: #909090 1px solid;
background: #F9F6E7;filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4); -moz-box-shadow: 2px 2px 10px #909090; -webkit-box-shadow: 2px 2px 10px #909090; box-shadow: 2px 2px 10px #909090;}
- nav ul, #minibar ul{filter:aphla(opacity=80); background:#F9F6E7; background:rgba(294,246,231,0.8); important!}
- minibar {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;important!}
- nav ul li:hover,#minibar ul li:hover{background:#F9F6E7;}
- nav ul li,#minibar ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
- nav ul li a,#minibar ul li a{font-size:14px;}
- nav ul li a:hover,#minibar ul li a:hover{color:#11979C;}
.nav1{float:left;width:85px;margin-top:117px;}
- rnav{display:none;}
- nav a ,#minibar a{text-decoration:none;color:#183D46;font-size:22px;}
- nav li a ,#minibar li a{font-size:15px;}
- project,#projectd{margin-left:22px;}
- nav #project ul,#minibar #projectd ul{width:80px;}
- nav ul,#minibar ul {font-size:20px;padding-top:10px;width:72px;display:none;}
- nav #project ul ,#minibar #projectd ul{
width: 102px; margin-left: -20px; }
- nav #judging ul, #minibar #judgingd ul{
width: 108px; margin-left: -23px; }
- nav #wetlab ul,#minibar #wetlabd ul {
width: 100px; margin-left: -17px; }
- nav #team ul,#minibar #teamd ul {
width: 100px; margin-left: -22px; }
- nav #humanPractices ul,#minibar #humanPracticesd ul {
width: 129px; margin-left: 20px; }
- judging{margin-left: 59px;}
- wetlab{margin-left:53px;}
- software {margin-left: 107px;}
- team{width:57px;margin-left: 46px;}
- humanPractices {margin-left: 24px;}
- nav #humanPractices ul,#minibar #humanPracticesd ul{width:124px;}
- judgingd{margin-left: 59px;}
- wetlabd{margin-left:53px;}
- softwared {margin-left: 107px;}
- teamd{width:57px;margin-left: 46px;}
- humanPracticesd {margin-left: 24px;}
- nav a:hover,#minibar a:hover {color:#2F798C}
- rhome a {text-decoration:none;
color: #FECA9E; font-size: 17px;}
body { background:#183D46 url( ) no-repeat scroll 50% 0%; }
- bottomNav {
z-index:999; position:fixed; bottom:0; left:1100px; width:100%; _position:absolute; /* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }
- bottomNav a{text-decoration:none;font-family:Ebrima;color:#183D46;font-size:20px;}
- bottomNav a:hover{color:#2F798C;}
- team ,#teamd{
width: 74px;}
/* for mainarea */
- mainarea{padding-top:130px;z-index: 0 ;margin:0 20px;}
.alignleft { width: 645px; float: left;} .cta-box { /* padding-top: 0px; */ height:100px; border-top: #04979D 2px dashed; border-bottom: #04979D 2px dashed; margin-top: 49px; } a.custom-button { float: right; } a.custom-button { margin: 19px;font: bold 13px/34px Arial; }
.cta-box p { margin: 19px; font: italic 25px/34px "Times New Roman"; }
- floatingbar,#minibar{
background: url(https://static.igem.org/mediawiki/2014/8/8e/Tmnav.png);width: 1115px;
height: 197px; font-family: Ebrima; }
- floatingbar ul, #minibar ul{
list-style-type:none;
}
- floatingbar ul li a,#minibar ul li a{
text-decoration:none;
}
- minibar { display:none;}
.multi-columns { clear: both; overflow: hidden; margin-bottom: 20px; } .third { float: left; padding: 0 40px; } .floater{ position:fixed; top:0px; z-index:999; height:50px; width:960px; border-top:none; color:#ccc; display:block; clear:both; margin-left:auto; margin-right:auto; float:left; } .home{ float: left; width: 80px; height: 124px; padding-left: 3px; margin-left: 121px; margin-top: 39px; }
- nav .home a ,#minibar .home a{
display: block; width: 83px; height: 124px; /* background: beige; */ }
/* zheng ti yang shi */
- mainarea p{padding: 0 57px;
font-family: "Microsoft YaHei"; padding-top: 10px; text-align: justify; text-justify: inter-ideograph; color: #04979D; font-size: 19px;}
- bodyContent h1, #bodyContent h2 {
padding-left: 20px; }