Difference between revisions of "Team:TU Delft/Team"
| Line 3: | Line 3: | ||
<html> | <html> | ||
| + | <style> | ||
| + | *, | ||
| + | *:after, | ||
| + | *:before { | ||
| + | -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | .media { | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .media__image { display: block; } | ||
| + | |||
| + | .media__body { | ||
| + | background: rgba(41, 128, 185, 0.7); | ||
| + | bottom: 0; | ||
| + | color: white; | ||
| + | font-size: 1em; | ||
| + | left: 0; | ||
| + | opacity: 0; | ||
| + | overflow: hidden; | ||
| + | padding: 3.75em 3em; | ||
| + | position: absolute; | ||
| + | text-align: center; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | -webkit-transition: 0.6s; | ||
| + | transition: 0.6s; | ||
| + | } | ||
| + | |||
| + | .media__body:hover { opacity: 1; } | ||
| + | |||
| + | .media__body:after, | ||
| + | .media__body:before { | ||
| + | border: 1px solid rgba(255, 255, 255, 0.7); | ||
| + | bottom: 1em; | ||
| + | content: ''; | ||
| + | left: 1em; | ||
| + | opacity: 0; | ||
| + | position: absolute; | ||
| + | right: 1em; | ||
| + | top: 1em; | ||
| + | -webkit-transform: scale(1.5); | ||
| + | -ms-transform: scale(1.5); | ||
| + | transform: scale(1.5); | ||
| + | -webkit-transition: 0.6s 0.2s; | ||
| + | transition: 0.6s 0.2s; | ||
| + | } | ||
| + | |||
| + | .media__body:before { | ||
| + | border-bottom: none; | ||
| + | border-top: none; | ||
| + | left: 2em; | ||
| + | right: 2em; | ||
| + | } | ||
| + | |||
| + | .media__body:after { | ||
| + | border-left: none; | ||
| + | border-right: none; | ||
| + | bottom: 2em; | ||
| + | top: 2em; | ||
| + | } | ||
| + | |||
| + | .media__body:hover:after, | ||
| + | .media__body:hover:before { | ||
| + | -webkit-transform: scale(1); | ||
| + | -ms-transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .media__body h2 { margin-top: 0; } | ||
| + | |||
| + | .media__body p { margin-bottom: 1.5em; } | ||
| + | |||
| + | .media:nth-child(2) .media__body { background: rgba(146, 41, 185, 0.7); } | ||
| + | |||
| + | .media:nth-child(3) .media__body { background: rgba(185, 41, 128, 0.7); } | ||
| + | |||
| + | .media:nth-child(4) .media__body { background: rgba(185, 50, 41, 0.7); } | ||
| + | |||
| + | .media:nth-child(5) .media__body { background: rgba(185, 146, 41, 0.7); } | ||
| + | |||
| + | .media:nth-child(6) .media__body { background: rgba(128, 185, 41, 0.7); } | ||
| + | |||
| + | </style> | ||
<head> | <head> | ||
<title> The 2015 TU Delft iGEM Team</title> | <title> The 2015 TU Delft iGEM Team</title> | ||
Revision as of 19:42, 9 July 2015
Image Title
Description
Image Title
Description