Team:HIT-Harbin/css/contentstyle.css
From 2014.igem.org
Line 11: | Line 11: | ||
} | } | ||
#nav span{color:#2F798C} | #nav span{color:#2F798C} | ||
- | #nav { position:relative;top: | + | #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 {margin-top:10px;font-size:20px;padding-top:10px;display:none;text-align:center;border: #909090 1px solid; | #nav ul {margin-top:10px;font-size:20px;padding-top:10px;display:none;text-align:center;border: #909090 1px solid; | ||
Line 25: | Line 30: | ||
#nav ul li a{font-size:14px;} | #nav ul li a{font-size:14px;} | ||
#nav ul li a:hover{color:#11979C;} | #nav ul li a:hover{color:#11979C;} | ||
- | .nav1{float:left;width:85px;margin-top: | + | .nav1{float:left;width:85px;margin-top:117px;} |
#rnav{display:none;} | #rnav{display:none;} | ||
#nav a {text-decoration:none;color:#183D46;font-size:22px;} | #nav a {text-decoration:none;color:#183D46;font-size:22px;} | ||
Line 65: | Line 70: | ||
body { | body { | ||
- | background:#183D46 url( https://static.igem.org/mediawiki/2014/ | + | background:#183D46 url( https://static.igem.org/mediawiki/2014/7/7a/Backg.jpg) no-repeat scroll 50% 0%; |
} | } | ||
#bottomNav { | #bottomNav { | ||
Line 160: | Line 165: | ||
width:960px; | width:960px; | ||
border-top:none; | border-top:none; | ||
- | |||
- | |||
color:#ccc; | color:#ccc; | ||
display:block; | display:block; | ||
Line 169: | Line 172: | ||
float:left; | float:left; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | .dong{margin-top:117px;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Revision as of 12:30, 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{color:#2F798C}
- nav { position: relative;
top: 62px;
width: 1115px;
left: 0;
z-index: 2;
height: 197px;
background: url();
font-family: Ebrima;
}
- nav 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{filter:aphla(opacity=80); background:#F9F6E7; background:rgba(294,246,231,0.8); important!}
- nav ul li:hover{background:#F9F6E7;}
- nav ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
- nav ul li a{font-size:14px;}
- nav ul li a:hover{color:#11979C;}
.nav1{float:left;width:85px;margin-top:117px;}
- rnav{display:none;}
- nav a {text-decoration:none;color:#183D46;font-size:22px;}
- nav li a {font-size:15px;}
- project{margin-left:22px;}
- nav #project ul{width:80px;}
- nav ul {font-size:20px;padding-top:10px;width:72px;display:none;}
- nav #project ul {
width: 102px; margin-left: -20px; }
- nav #judging ul {
width: 108px; margin-left: -20px; }
- nav #wetlab ul {
width: 100px; margin-left: -15px; }
- nav #team ul {
width: 100px; margin-left: -22px; }
- nav #humanPractices ul {
width: 129px; margin-left: 20px; }
- judging{margin-left: 45px;}
- wetlab{margin-left:73px;}
- software {margin-left: 307px;}
- team{width:57px;margin-left: 46px;}
- humanPractices {margin-left: 24px;}
- nav #humanPractices ul{width:124px;}
- nav 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;}
- rnav{height:1300px;font-family:Ebrima;text-decoration:none;font-weight:bold;
z-index:999; position:fixed; top:20%; left:0;; width:0; _position:absolute; /* for IE6 https://static.igem.org/mediawiki/2014/6/61/Wikibackground.jpg*/ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;}
- rnav .rnav1 {margin-top:9px;font-size: 16px;}
- rnav .rnav1 a {text-decoration:none;color:#F2E3C6;}
- rnav .rnav1 a:hover {color:#FECA9E;}
- rnav .rnav1 ul{width:108px;display:none;}
- rnav .rnav1 .rfoot{margin-bottom:10px;}
- rnav li a {
font-size: 10px; }
- rnav #home a {color:white;text-decoration:none;}
- rnav #home:hover a {color:red;}
- team {
width: 74px;}
/* for mainarea */
- mainarea{padding-top:264px;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"; border-bottom: 1px solid #04979D; border-top: 1px solid #04979D; }
- floatingbar,#minibar{
border:1px solid #F1F1F1; height:50px;width:1115px;
}
- floatingbar ul, #minibar ul{
list-style-type:none;
}
- floatingbar ul li,#minibar ul li{
float:left; padding-left:69px;
padding-top: 6px; }
- floatingbar ul li a,#minibar ul li a{
text-decoration:none;
}
- minibar { display:none;}
.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;
}
.dong{margin-top:117px;}