Team:HIT-Harbin/css/contentstyle.css

From 2014.igem.org

(Difference between revisions)
Line 20: Line 20:
font-family: Ebrima;
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;
#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);
background: #F9F6E7;filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
Line 25: Line 26:
-webkit-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
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!}
+
#nav ul, #minibar ul{filter:aphla(opacity=80); background:#F9F6E7; background:rgba(294,246,231,0.8); important!}
#nav ul li:hover,#minibar ul li:hover{background:#F9F6E7;}
#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,#minibar ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
Line 37: Line 38:
#nav #project ul,#minibar #projectd ul{width:80px;}
#nav #project ul,#minibar #projectd ul{width:80px;}
#nav ul,#minibar ul {font-size:20px;padding-top:10px;width:72px;display:none;}
#nav ul,#minibar ul {font-size:20px;padding-top:10px;width:72px;display:none;}
-
#nav #project ul ,#minibar #project ul{
+
#nav #project ul ,#minibar #projectd ul{
width: 102px;
width: 102px;
margin-left: -20px;
margin-left: -20px;
}
}
-
#nav #judging ul, #minibar #judging ul{
+
#nav #judging ul, #minibar #judgingd ul{
width: 108px;
width: 108px;
margin-left: -20px;
margin-left: -20px;
}
}
-
#nav #wetlab ul,#minibar #wetlab ul {
+
#nav #wetlab ul,#minibar #wetlabd ul {
width: 100px;
width: 100px;
margin-left: -15px;
margin-left: -15px;
}
}
-
#nav #team ul,#minibar #team ul {
+
#nav #team ul,#minibar #teamd ul {
width: 100px;
width: 100px;
margin-left: -22px;
margin-left: -22px;
}
}
-
#nav #humanPractices ul,#minibar #humanPractices ul {
+
#nav #humanPractices ul,#minibar #humanPracticesd ul {
width: 129px;
width: 129px;
margin-left: 20px;
margin-left: 20px;
Line 62: Line 63:
#team{width:57px;margin-left: 46px;}
#team{width:57px;margin-left: 46px;}
#humanPractices {margin-left: 24px;}
#humanPractices {margin-left: 24px;}
-
#nav #humanPractices ul{width:124px;}
+
#nav #humanPractices ul,#minibar #humanPracticesd ul{width:124px;}
#judgingd{margin-left: 45px;}
#judgingd{margin-left: 45px;}
Line 90: Line 91:
#bottomNav a{text-decoration:none;font-family:Ebrima;color:#183D46;font-size:20px;}
#bottomNav a{text-decoration:none;font-family:Ebrima;color:#183D46;font-size:20px;}
#bottomNav a:hover{color:#2F798C;}
#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;}
 
#team ,#teamd{
#team ,#teamd{

Revision as of 14:58, 17 October 2014

/* CSS Document */

  1. mainarea #minibar { display:none;}
  2. body{background-color:#EEEADE}
  3. top-section {

background-color: transparent; }

  1. topCentent{

width:1117px; margin:-8px auto;

       padding:0;

}

  1. nav span,#minibar span{color:#2F798C;}
  2. nav { position: relative;

top: 62px; width: 1115px; left: 0; z-index: 2; height: 197px; background: url(Tmnav.png); font-family: Ebrima; }

  1. 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;}

  1. nav ul, #minibar ul{filter:aphla(opacity=80); background:#F9F6E7; background:rgba(294,246,231,0.8); important!}
  2. nav ul li:hover,#minibar ul li:hover{background:#F9F6E7;}
  3. nav ul li,#minibar ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
  4. nav ul li a,#minibar ul li a{font-size:14px;}
  5. nav ul li a:hover,#minibar ul li a:hover{color:#11979C;}

.nav1{float:left;width:85px;margin-top:117px;}

  1. rnav{display:none;}
  2. nav a ,#minibar a{text-decoration:none;color:#183D46;font-size:22px;}
  3. nav li a ,#minibar li a{font-size:15px;}
  4. project,#projectd{margin-left:22px;}
  5. nav #project ul,#minibar #projectd ul{width:80px;}
  6. nav ul,#minibar ul {font-size:20px;padding-top:10px;width:72px;display:none;}
  7. nav #project ul ,#minibar #projectd ul{

width: 102px; margin-left: -20px; }

  1. nav #judging ul, #minibar #judgingd ul{

width: 108px; margin-left: -20px; }

  1. nav #wetlab ul,#minibar #wetlabd ul {

width: 100px; margin-left: -15px; }

  1. nav #team ul,#minibar #teamd ul {

width: 100px; margin-left: -22px; }

  1. nav #humanPractices ul,#minibar #humanPracticesd ul {

width: 129px; margin-left: 20px; }

  1. judging{margin-left: 45px;}
  2. wetlab{margin-left:73px;}
  3. software {margin-left: 307px;}
  4. team{width:57px;margin-left: 46px;}
  5. humanPractices {margin-left: 24px;}
  6. nav #humanPractices ul,#minibar #humanPracticesd ul{width:124px;}
  1. judgingd{margin-left: 45px;}
  2. wetlabd{margin-left:73px;}
  3. softwared {padding-left: 213px;}
  4. teamd{width:57px;margin-left: 46px;}
  5. humanPracticesd {margin-left: 24px;}
  1. nav a:hover,#minibar a:hover {color:#2F798C}
  2. rhome a {text-decoration:none;

color: #FECA9E; font-size: 17px;}

body { background:#183D46 url( Backg.jpg) no-repeat scroll 50% 0%; }

  1. 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; }

  1. bottomNav a{text-decoration:none;font-family:Ebrima;color:#183D46;font-size:20px;}
  2. bottomNav a:hover{color:#2F798C;}
  1. team ,#teamd{

width: 74px;}

/* for mainarea */

  1. 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"; border-bottom: 1px solid #04979D; border-top: 1px solid #04979D; }


  1. floatingbar,#minibar{
background: url(https://static.igem.org/mediawiki/2014/8/8e/Tmnav.png);width: 1115px;

height: 197px; font-family: Ebrima; }

  1. floatingbar ul, #minibar ul{
list-style-type:none;

}

  1. floatingbar ul li,#minibar ul li{
float:left;
padding-left:62px;

padding-top: 6px; }

  1. floatingbar ul li a,#minibar ul li a{
text-decoration:none;

}

  1. 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;


}