"
Template:Team:Bielefeld-Germany/css/frontpage.css
From 2013.igem.org
(Difference between revisions)
| (40 intermediate revisions not shown) | |||
| Line 12: | Line 12: | ||
text-align: center; | text-align: center; | ||
background:white; | background:white; | ||
| - | box-shadow: | + | box-shadow:0px 0px 3px 0px black; |
} | } | ||
| Line 25: | Line 25: | ||
.view img { | .view img { | ||
display: block; | display: block; | ||
| - | position: | + | position: absolute; |
} | } | ||
.view h2 { | .view h2 { | ||
| Line 42: | Line 42: | ||
color: #fff; | color: #fff; | ||
text-align: center; | text-align: center; | ||
| - | position: | + | position: relative; |
font-size: 17px; | font-size: 17px; | ||
padding: 10px; | padding: 10px; | ||
background: rgba(0, 0, 0, 0.3); | background: rgba(0, 0, 0, 0.3); | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
| - | margin-top: | + | margin-top:0px; |
| + | z-index:10; | ||
| + | border:none; | ||
| + | } | ||
| + | |||
| + | .view .hl{ | ||
| + | position:absolute; | ||
| + | margin-top:80px; | ||
z-index:100; | z-index:100; | ||
| + | width:100%; | ||
} | } | ||
| Line 84: | Line 92: | ||
background-color: rgba(255,102,0, 0.8); | background-color: rgba(255,102,0, 0.8); | ||
transition: all 0.6s ease-in-out; | transition: all 0.6s ease-in-out; | ||
| - | transform: translateX( | + | transform: translateX(350px); |
| + | -webkit-transform: translateX(350px); | ||
} | } | ||
.view h2 { | .view h2 { | ||
transform: translateY(-100px); | transform: translateY(-100px); | ||
| + | -webkit-transform: translateY(-100px); | ||
opacity: 0; | opacity: 0; | ||
transition: all 0.4s ease-in-out; | transition: all 0.4s ease-in-out; | ||
| Line 95: | Line 105: | ||
.view p { | .view p { | ||
transform: translateX(100px); | transform: translateX(100px); | ||
| + | -webkit-transform: translateX(100px); | ||
opacity: 0; | opacity: 0; | ||
transition: all 0.4s linear; | transition: all 0.4s linear; | ||
| Line 100: | Line 111: | ||
.view a.info{ | .view a.info{ | ||
transform: translateX(100px); | transform: translateX(100px); | ||
| + | -webkit-transform: translateX(100px); | ||
opacity: 0; | opacity: 0; | ||
transition: all 0.2s ease-in-out; | transition: all 0.2s ease-in-out; | ||
| Line 109: | Line 121: | ||
opacity:0.8; | opacity:0.8; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
| Line 114: | Line 127: | ||
opacity:0.8; | opacity:0.8; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
| Line 120: | Line 134: | ||
opacity: 1; | opacity: 1; | ||
transform: translateX(000px); | transform: translateX(000px); | ||
| + | -webkit-transform: translateX(000px); | ||
} | } | ||
.view:hover h2, | .view:hover h2, | ||
| Line 126: | Line 141: | ||
opacity: 1; | opacity: 1; | ||
transform: translateY(0px); | transform: translateY(0px); | ||
| + | -webkit-transform: translateY(0px); | ||
} | } | ||
| Line 131: | Line 147: | ||
opacity:0; | opacity:0; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
Latest revision as of 17:45, 24 October 2013
