Team:HUST-China/template/reset
From 2013.igem.org
(Difference between revisions)
HUST Oshyn (Talk | contribs) |
HUST Oshyn (Talk | contribs) |
||
(10 intermediate revisions not shown) | |||
Line 52: | Line 52: | ||
position: relative; | position: relative; | ||
} | } | ||
- | h1{ text-shadow: | + | 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; | ||
- | + | 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: | + | padding:20px 0 30px; |
} | } | ||
#up{ | #up{ | ||
Line 131: | Line 131: | ||
.block-left{ | .block-left{ | ||
width:350px; | width:350px; | ||
- | + | float: left; | |
text-align: center; | text-align: center; | ||
+ | margin-bottom: 15px; | ||
} | } | ||
.block-right{ | .block-right{ | ||
width:350px; | width:350px; | ||
- | margin- | + | float: right; |
+ | margin-bottom: 15px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 208: | 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 226: | Line 249: | ||
margin-left:-640px; | margin-left:-640px; | ||
width:1280px; | width:1280px; | ||
- | height: | + | height:200px; |
overflow:hidden; | overflow:hidden; | ||
} | } | ||
Line 237: | Line 260: | ||
margin:0 auto; | margin:0 auto; | ||
width:100%; | width:100%; | ||
- | height: | + | height:135px; |
visibility:hidden; | visibility:hidden; | ||
} | } | ||
Line 320: | Line 343: | ||
margin:0 auto; | margin:0 auto; | ||
width:1280px; | width:1280px; | ||
- | height: | + | height:200px; |
} | } | ||
.showcase-ones img{ | .showcase-ones img{ | ||
width:1280px; | width:1280px; | ||
- | height: | + | height:200px; |
} | } | ||
#showcase-current{ | #showcase-current{ |
Latest revision as of 15:18, 26 October 2013