Team:HIT-Harbin/css/contentstyle.css

From 2014.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
/* CSS Document */
/* CSS Document */
-
#mainarea #minibar { display:none;}
+
#mainarea #minibar { display:none;}  
#body{background-color:#EEEADE}
#body{background-color:#EEEADE}
#top-section {
#top-section {
Line 10: Line 10:
         padding:0;
         padding:0;
}
}
-
#nav span{color:#2F798C}
+
#nav span,#minibar span{color:#2F798C;}  
-
#nav { position:relative;top:125px;width:1115px;left:0;z-index:2;
+
#nav { position: relative;
-
                height:67px;
+
top: 62px;
-
          font-family: Ebrima;
+
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 , #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);
-moz-box-shadow: 2px 2px 10px #909090;
-moz-box-shadow: 2px 2px 10px #909090;
-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{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{background:#F9F6E7;}
+
#minibar {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;important!}
-
#nav ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
+
#nav ul li:hover,#minibar ul li:hover{background:#F9F6E7;}
-
#nav ul li a{font-size:14px;}
+
#nav ul li,#minibar ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
-
#nav ul li a:hover{color:#11979C;}
+
#nav ul li a,#minibar ul li a{font-size:14px;}
-
.nav1{float:left;width:85px;margin-top:41px;}
+
#nav ul li a:hover,#minibar ul li a:hover{color:#11979C;}
 +
.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 ,#minibar a{text-decoration:none;color:#183D46;font-size:22px;}
-
#nav li a {font-size:15px;}
+
#nav li a ,#minibar li a{font-size:15px;}
-
#project{margin-left:22px;}
+
#project,#projectd{margin-left:22px;}
-
#nav #project ul{width:80px;}
+
#nav #project ul,#minibar #projectd ul{width:80px;}
-
#nav 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 {
+
#nav #project ul ,#minibar #projectd ul{
width: 102px;
width: 102px;
margin-left: -20px;
margin-left: -20px;
}
}
-
#nav #judging ul {
+
#nav #judging ul, #minibar #judgingd ul{
width: 108px;
width: 108px;
-
margin-left: -20px;
+
margin-left: -23px;
}
}
-
#nav #wetlab ul {
+
#nav #wetlab ul,#minibar #wetlabd ul {
width: 100px;
width: 100px;
-
margin-left: -15px;
+
margin-left: -17px;
}
}
-
#nav #team ul {
+
#nav #team ul,#minibar #teamd ul {
width: 100px;
width: 100px;
margin-left: -22px;
margin-left: -22px;
}
}
-
#nav #humanPractices ul {
+
#nav #humanPractices ul,#minibar #humanPracticesd ul {
width: 129px;
width: 129px;
margin-left: 20px;
margin-left: 20px;
}
}
-
#judging{margin-left: 45px;}
+
#judging{margin-left: 59px;}
-
#wetlab{margin-left:73px;}
+
#wetlab{margin-left:53px;}
-
#software {margin-left: 307px;}
+
#software {margin-left: 107px;}
#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;}
-
#nav a:hover {color:#2F798C}
+
#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;
#rhome a {text-decoration:none;
color: #FECA9E;
color: #FECA9E;
Line 65: Line 78:
body {   
body {   
-
background:#183D46 url( https://static.igem.org/mediawiki/2014/3/34/Bac3.jpg) no-repeat scroll 50% 0%;
+
background:#183D46 url( https://static.igem.org/mediawiki/2014/7/7a/Backg.jpg) no-repeat scroll 50% 0%;
}  
}  
#bottomNav {   
#bottomNav {   
Line 79: Line 92:
#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; 
+
#team ,#teamd{
-
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;}
width: 74px;}
/* for mainarea */   
/* for mainarea */   
-
#mainarea{padding-top:264px;z-index: 0 ;margin:0 20px;}
+
#mainarea{padding-top:130px;z-index: 0 ;margin:0 20px;}
.alignleft {
.alignleft {
width: 645px;
width: 645px;
Line 123: Line 118:
margin: 19px;
margin: 19px;
font: italic 25px/34px "Times New Roman";
font: italic 25px/34px "Times New Roman";
-
border-bottom: 1px solid  #04979D;
 
-
border-top: 1px solid  #04979D;
 
}
}
#floatingbar,#minibar{
#floatingbar,#minibar{
-
  border:1px solid #F1F1F1;
+
  background: url(https://static.igem.org/mediawiki/2014/8/8e/Tmnav.png);width: 1115px;
-
height:50px;width:1115px;
+
height: 197px;
 +
font-family: Ebrima;
}
}
Line 138: Line 132:
}
}
-
#floatingbar ul li,#minibar ul li{
+
 
-
float:left;
+
-
padding-left:69px;
+
-
padding-top: 6px;
+
-
}
+
#floatingbar ul li a,#minibar ul li a{
#floatingbar ul li a,#minibar ul li a{
Line 153: Line 143:
 +
.multi-columns {
 +
clear: both;
 +
overflow: hidden;
 +
margin-bottom: 20px;
 +
}
 +
.third {
 +
float: left;
 +
padding: 0 40px;
 +
}
.floater{
.floater{
position:fixed;
position:fixed;
Line 160: Line 159:
width:960px;
width:960px;
border-top:none;
border-top:none;
-
background-color: #F1F1F1;
 
-
border:1px solid #000000;
 
color:#ccc;
color:#ccc;
display:block;
display:block;
Line 168: Line 165:
margin-right:auto;
margin-right:auto;
float:left;
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; */
 +
}
-
box-shadow: 0 0 7px rgba(0,0,0,0.4);
+
/* zheng ti yang shi  */
-
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
+
#mainarea p{padding: 0 57px;
-
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
+
font-family: "Microsoft YaHei";
-
border-radius: .214em;
+
padding-top: 10px;
-
-webkit-border-radius: .214em;
+
text-align: justify;
-
-moz-border-radius: .214em;
+
text-justify: inter-ideograph;
-
 
+
color: #04979D;
 +
font-size: 19px;}
 +
#bodyContent h1, #bodyContent h2 {
 +
padding-left: 20px;
}
}
-
 
-
 
-
 
-
button {
 
-
position: relative;
 
-
margin: 0 .5em .5em .5em;
 
-
padding: 0.5em 1.5em;
 
-
font-size: 14px;
 
-
font-weight: bold;
 
-
font-family:Arial;
 
-
color: #4f4f4f;
 
-
text-shadow: 0 1px 1px #fff;
 
-
background: #ddd;
 
-
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
 
-
background: -moz-linear-gradient(top, #ededed, #c4c4c4);
 
-
border: 1px solid #acacac;
 
-
border-top-color: #bdbdbd;
 
-
letter-spacing:-1px;
 
-
border-bottom-color: #949494;
 
-
border-radius: .214em;
 
-
-webkit-border-radius: .214em;
 
-
-moz-border-radius: .214em;
 
-
transition: all .2s ease-in-out;
 
-
-webkit-transition: all .2s ease-in-out;
 
-
-moz-transition: all .2s ease-in-out;
 
-
-o-transition: all .2s ease-in-out;
 
-
 
-
        box-shadow: inset 0 1px 0 #fff;
 
-
    -webkit-box-shadow: inset 0 1px 0 #fff;
 
-
    -moz-box-shadow: inset 0 1px 0 #fff;
 
-
    -o-box-shadow: inset 0 1px 0 #fff;
 
-
     
 
-
 
-
cursor: pointer;
 
-
}
 
-
button:hover,
 
-
button:focus {
 
-
 
-
 
-
box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
 
-
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
 
-
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
 
-
    -o-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #fff;
 
-
}
 
-
button:active {
 
-
background: #ccc;
 
-
background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));
 
-
background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);
 
-
border-color: #a6a6a6;
 
-
border-top-color: #939393;
 
-
border-bottom-color: #bcbcbc;
 
-
 
-
 
-
box-shadow: inset 0 -1px 0 #fff;
 
-
    -webkit-box-shadow: inset 0 -1px 0 #fff;
 
-
    -moz-box-shadow: inset 0 -1px 0 #fff;
 
-
    -o-box-shadow: inset 0 -1px 0 #fff;
 
-
}
 
-
button.default {
 
-
color: #1c4257;
 
-
background: #a3cde3;
 
-
background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));
 
-
background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);
 
-
border: 1px solid #759bb1;
 
-
border-top-color: #8ab0c6;
 
-
border-bottom-color: #587e93;
 
-
 
-
}
 
-
button.default:hover,
 
-
button.default:focus {
 
-
box-shadow: 0 0 7px #53a6d5;
 
-
 
-
 
-
    box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
 
-
    -webkit-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
 
-
    -moz-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
 
-
    -o-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
 
-
 
-
}
 
-
button.default:active {
 
-
background: #8abcd7;
 
-
background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));
 
-
background: -moz-linear-gradient(top, #81afc8, #b7def4);
 
-
border-color: #6e94a9;
 
-
border-top-color: #567c91;
 
-
border-bottom-color: #88aec4;
 
-
 
-
 
-
box-shadow: inset 0 -1px 1px #fff;
 
-
    -webkit-box-shadow: inset 0 -1px 1px #fff;
 
-
    -moz-box-shadow: inset 0 -1px 1px #fff;
 
-
    -o-box-shadow: inset 0 -1px 1px #fff;
 
-
 
-
 
-
}
 
-
button[disabled],
 
-
button[disabled]:active {
 
-
color: #a7a7a7;
 
-
background:  #efefef;
 
-
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
 
-
background: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);
 
-
border-color: #d4d4d4;
 
-
border-top-color: #dedede;
 
-
border-bottom-color: #c9c9c9;
 
-
cursor: default;
 
-
}
 
-
button[disabled]:hover,
 
-
button[disabled]:focus {
 
-
box-shadow: none;
 
-
-webkit-box-shadow: none;
 
-
-moz-box-shadow: none;
 
-
-o-box-shadow: none;
 
-
}
 
-
 
-
#dirbutton img { margin-top:-3px;}
 
-
<!--[if IE]>
 
-
 
-
  <style type="text/css">
 
-
  button { padding:5px; background-color:#D3D3D3;}
 
-
  .default { background-color:#9BC6DD;}
 
-
  button.default { background-color:#9BC6DD;}
 
-
 
 
-
  </style>
 
-
<![endif]-->
 

Latest revision as of 21:21, 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. minibar {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;important!}
  3. nav ul li:hover,#minibar ul li:hover{background:#F9F6E7;}
  4. nav ul li,#minibar ul li { color:#183D46; position:relative;border-bottom: #909090 1px solid;}
  5. nav ul li a,#minibar ul li a{font-size:14px;}
  6. 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: -23px; }

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

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

  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: 59px;}
  2. wetlab{margin-left:53px;}
  3. software {margin-left: 107px;}
  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: 59px;}
  2. wetlabd{margin-left:53px;}
  3. softwared {margin-left: 107px;}
  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"; }


  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 a,#minibar ul li a{
text-decoration:none;

}

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

  1. nav .home a ,#minibar .home a{

display: block; width: 83px; height: 124px; /* background: beige; */ }

/* zheng ti yang shi */

  1. mainarea p{padding: 0 57px;

font-family: "Microsoft YaHei"; padding-top: 10px; text-align: justify; text-justify: inter-ideograph; color: #04979D; font-size: 19px;}

  1. bodyContent h1, #bodyContent h2 {

padding-left: 20px; }