Team:NYMU-Taipei/hp.css
From 2014.igem.org
(Difference between revisions)
(25 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
.hp-div{ | .hp-div{ | ||
- | + | margin-left:1px; | |
+ | position:relative; | ||
} | } | ||
- | + | .hp-div>div.hptitle{ | |
- | .hp-div | + | position: absolute; |
- | + | width: 100%; | |
- | + | height: 30px; | |
+ | background: rgba(29, 29, 29, 0.7); | ||
+ | bottom: 0px; | ||
} | } | ||
- | .hp-div | + | .hp-div>div.sub-div{ |
- | width: | + | opacity:0; |
- | + | position: absolute; | |
+ | top: 10px; | ||
+ | width: 90%; | ||
+ | background: rgba(6,6,6,0.65); | ||
+ | margin: 0 auto; | ||
+ | left:5%; | ||
} | } | ||
- | .hp-div | + | .hp-div>div.sub-div a{ |
- | + | color: rgb(110, 244, 255); | |
- | + | font-size: 15px; | |
} | } | ||
- | .hp-div | + | .hp-div>div.sub-div ul{ |
- | + | list-style-image: url('/wiki/images/1/1e/NYMU14_HPdot.png'); | |
- | + | ||
} | } | ||
- | .hp-div | + | .hp-div>div.hptitle>p{ |
- | + | line-height: 30px; | |
- | + | color: white; | |
+ | text-align: center; | ||
} | } | ||
- | .hp- | + | .hp-div1{ |
- | width: | + | width: 341px; |
- | height: | + | height: 217px; |
+ | background: url('/wiki/images/4/44/NYMU14_hp_1.jpg'); | ||
+ | background-size: cover; | ||
} | } | ||
- | .hp- | + | .hp-div2{ |
- | width: | + | width: 341px; |
- | height: | + | height: 217px; |
+ | background: url('/wiki/images/e/e4/NYMU14_hp_2.jpg'); | ||
+ | background-size: cover; | ||
} | } | ||
- | .hp- | + | .hp-div3{ |
- | width: | + | width: 341px; |
- | height: | + | height: 186px; |
+ | background: url('/wiki/images/d/d3/NYMU14_hp_3.jpg'); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .hp-div4{ | ||
+ | width: 341px; | ||
+ | height: 248px; | ||
+ | background: url('/wiki/images/0/00/NYMU14_hp_4.jpg'); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .hp-div5{ | ||
+ | width: 155px; | ||
+ | height: 124px; | ||
+ | background: url('/wiki/images/c/cb/NYMU14_hp_5.jpg'); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .hp-div6{ | ||
+ | width: 124px; | ||
+ | height: 124px; | ||
+ | background: url('/wiki/images/e/e7/NYMU14_hp_6.jpg'); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .hp-div7{ | ||
+ | width: 279px; | ||
+ | height: 186px; | ||
+ | background: url('/wiki/images/9/98/NYMU14_hp_8.jpg'); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .hp-div8{ | ||
+ | width: 279px; | ||
+ | height: 124px; | ||
+ | background: url('/wiki/images/4/49/NYMU14_hp_7.jpg'); | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .hp ul{ | ||
+ | font-size: 16px; | ||
+ | width: 800px; | ||
+ | padding-left: 60px; | ||
+ | } | ||
+ | .back2hp{ | ||
+ | height: 40px; | ||
+ | background: rgb(139, 172, 195); | ||
+ | display: inline-block; | ||
+ | padding: 10px; | ||
+ | position: relative; | ||
+ | left: 750px; | ||
+ | margin: 10px; | ||
+ | border-radius: 10px; | ||
+ | cursor: pointer; | ||
+ | border:outset 2px; | ||
+ | } | ||
+ | .back2hp>a>p{ | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | .back2hp>a{ | ||
+ | height:40px; | ||
+ | } | ||
+ | .back2hp>a:hover{ | ||
+ | text-decoration:none; | ||
} | } |
Latest revision as of 13:13, 15 October 2014
.hp-div{
margin-left:1px; position:relative;
} .hp-div>div.hptitle{
position: absolute; width: 100%; height: 30px; background: rgba(29, 29, 29, 0.7); bottom: 0px;
} .hp-div>div.sub-div{
opacity:0; position: absolute; top: 10px; width: 90%; background: rgba(6,6,6,0.65); margin: 0 auto; left:5%;
} .hp-div>div.sub-div a{
color: rgb(110, 244, 255); font-size: 15px;
} .hp-div>div.sub-div ul{
list-style-image: url('/wiki/images/1/1e/NYMU14_HPdot.png');
} .hp-div>div.hptitle>p{
line-height: 30px; color: white; text-align: center;
} .hp-div1{
width: 341px; height: 217px; background: url('/wiki/images/4/44/NYMU14_hp_1.jpg'); background-size: cover;
} .hp-div2{
width: 341px; height: 217px; background: url('/wiki/images/e/e4/NYMU14_hp_2.jpg'); background-size: cover;
} .hp-div3{
width: 341px; height: 186px; background: url('/wiki/images/d/d3/NYMU14_hp_3.jpg'); background-size: cover;
} .hp-div4{
width: 341px; height: 248px; background: url('/wiki/images/0/00/NYMU14_hp_4.jpg'); background-size: cover;
} .hp-div5{
width: 155px; height: 124px; background: url('/wiki/images/c/cb/NYMU14_hp_5.jpg'); background-size: cover;
} .hp-div6{
width: 124px; height: 124px; background: url('/wiki/images/e/e7/NYMU14_hp_6.jpg'); background-size: cover;
} .hp-div7{
width: 279px; height: 186px; background: url('/wiki/images/9/98/NYMU14_hp_8.jpg'); background-size: cover;
} .hp-div8{
width: 279px; height: 124px; background: url('/wiki/images/4/49/NYMU14_hp_7.jpg'); background-size: cover;
} .hp ul{
font-size: 16px; width: 800px; padding-left: 60px;
} .back2hp{
height: 40px; background: rgb(139, 172, 195); display: inline-block; padding: 10px; position: relative; left: 750px; margin: 10px; border-radius: 10px; cursor: pointer; border:outset 2px;
} .back2hp>a>p{
line-height: 40px;
} .back2hp>a{
height:40px;
} .back2hp>a:hover{
text-decoration:none;
}