Team:HUST-China/template/reset

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 52: Line 52:
position: relative;
position: relative;
}
}
-
h1{ text-shadow: 1px 1px 1px #ccc;}
+
h1{ text-shadow: 3px 3px 3px #ccc;}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Lucida,Arial, Helvetica,‘Corben’, Georgia, Times, serif;
font-family: Verdana, Lucida,Arial, Helvetica,‘Corben’, Georgia, Times, serif;
Line 102: Line 102:
.container{
.container{
background: url(https://static.igem.org/mediawiki/2013/c/c9/HUST-1.png) repeat 0 0;
background: url(https://static.igem.org/mediawiki/2013/c/c9/HUST-1.png) repeat 0 0;
-
margin:15px 0 15px 20;
+
box-shadow: 5px 0px 10px 5px rgba(0,0,0,.6),-5px 0 10px 5px rgba(0,0,0,.6);
}
}
.footer{
.footer{
text-align:center;
text-align:center;
color:#333;
color:#333;
-
padding:60px 0 30px;
+
padding:20px 0 30px;
}
}
#up{
#up{
Line 210: Line 210:
}
}
 +
/**Home page background block**/
 +
#abstract,#oscillator,#propionate,#future-work,#protocol,#modeling,#human-practice{
 +
  -moz-transition:background-color 0.25s ease-in 0.1s;
 +
  -webkit-transition:background-color 0.25s ease-in 0.1s;
 +
  -o-transition:background-color 0.25s ease-in 0.1s;
 +
  transition:background-color 0.25s ease-in 0.1s;
 +
}
 +
#abstract{background:rgba(105, 226, 89, .7);}
 +
#abstract:hover{background:rgba(146, 230, 135, .7);}
 +
#oscillator{background:rgba(248, 222, 79,.7);}
 +
#oscillator:hover{background:rgba(250, 230, 122, .7);}
 +
#propionate{background:rgba(86, 193, 241,.7);}
 +
#propionate:hover{background:rgba(170, 219, 241, .7);}
 +
#future-work{background:rgba(66, 221, 66,.7);}
 +
#future-work:hover{background:rgba(158, 245, 158,.7);}
 +
#protocol{background:rgba(199, 187, 55,.7);}
 +
#protocol:hover{background:rgba(213, 203, 97, .7);}
 +
#human-practice {background:rgba(188, 130, 221,.7);}
 +
#human-practice:hover{background:rgba(204, 168, 224, .7);}
 +
#modeling{background:rgba(236, 215, 63,.7);}
 +
#modeling:hover{background:rgba(238, 225, 128, .7);}
Line 228: Line 249:
margin-left:-640px;
margin-left:-640px;
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
overflow:hidden;
overflow:hidden;
}
}
Line 239: Line 260:
margin:0 auto;
margin:0 auto;
width:100%;
width:100%;
-
height:335px;
+
height:135px;
visibility:hidden;
visibility:hidden;
}
}
Line 322: Line 343:
margin:0 auto;
margin:0 auto;
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
}
}
.showcase-ones img{
.showcase-ones img{
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
}
}
#showcase-current{
#showcase-current{

Latest revision as of 15:18, 26 October 2013