"
Template:Team:Bielefeld-Germany/css/frontpage.css
From 2013.igem.org
(Difference between revisions)
| (30 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 47: | Line 47: | ||
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: | + | .view .hl{ |
| + | position:absolute; | ||
| + | margin-top:80px; | ||
| + | z-index:100; | ||
| + | width:100%; | ||
| + | } | ||
.view p { | .view p { | ||
| Line 88: | 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 99: | 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 104: | 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 113: | Line 121: | ||
opacity:0.8; | opacity:0.8; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
| Line 118: | Line 127: | ||
opacity:0.8; | opacity:0.8; | ||
transform: translateX(-300px); | transform: translateX(-300px); | ||
| + | -webkit-transform: translateX(-300px); | ||
} | } | ||
| Line 124: | Line 134: | ||
opacity: 1; | opacity: 1; | ||
transform: translateX(000px); | transform: translateX(000px); | ||
| + | -webkit-transform: translateX(000px); | ||
} | } | ||
.view:hover h2, | .view:hover h2, | ||
| Line 130: | Line 141: | ||
opacity: 1; | opacity: 1; | ||
transform: translateY(0px); | transform: translateY(0px); | ||
| + | -webkit-transform: translateY(0px); | ||
} | } | ||
| Line 135: | 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
