"
Team:Heidelberg/css/teampage
From 2014.igem.org
(Difference between revisions)
(using an external editor) |
|||
| (23 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
#memberSelector { | #memberSelector { | ||
| - | padding: 30px | + | padding-top: 30px; |
| + | padding-bottom: 30px; | ||
| + | height: 100%; | ||
| + | margin-bottom: 10px; | ||
} | } | ||
| Line 13: | Line 16: | ||
.imageBorder { | .imageBorder { | ||
position:relative; | position:relative; | ||
| + | border: solid 3px #ce432e; | ||
| + | margin-bottom: 25px; | ||
| + | } | ||
| + | |||
| + | .border { | ||
| + | border: solid 3px #ce432e; | ||
} | } | ||
#memberImageOverlay { | #memberImageOverlay { | ||
position: absolute; | position: absolute; | ||
| + | } | ||
| + | |||
| + | .icon { | ||
| + | -webkit-filter: drop-shadow(5px 5px 5px #222); | ||
| + | filter: drop-shadow(5px 5px 5px #222); | ||
| + | padding-top: 20px; | ||
} | } | ||
| Line 27: | Line 42: | ||
.arrow-next { | .arrow-next { | ||
| - | bottom: | + | bottom: 5px; |
} | } | ||
.arrow-prev { | .arrow-prev { | ||
| - | top: | + | top: 5px; |
| + | } | ||
| + | |||
| + | #FilterButtons { | ||
| + | display: none; | ||
| + | padding-bottom: 5px; | ||
| + | } | ||
| + | |||
| + | .thumbnail.active { | ||
| + | background-color: #ce432e; | ||
| + | } | ||
| + | |||
| + | .thumbnail:hover { | ||
| + | background-color: #ce432e; | ||
| + | } | ||
| + | |||
| + | .thumbnail { | ||
| + | padding: 2px; | ||
} | } | ||
Latest revision as of 15:43, 1 October 2014
- memberSelector {
padding-top: 30px; padding-bottom: 30px; height: 100%; margin-bottom: 10px; }
.team-overlay { position: absolute; }
.memberview { opacity: 0; }
.imageBorder { position:relative; border: solid 3px #ce432e; margin-bottom: 25px; }
.border { border: solid 3px #ce432e; }
- memberImageOverlay {
position: absolute; }
.icon { -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); padding-top: 20px; }
.arrow { position: absolute; display: block; left:50%; margin-left: -20px; }
.arrow-next { bottom: 5px; }
.arrow-prev { top: 5px; }
- FilterButtons {
display: none; padding-bottom: 5px; }
.thumbnail.active { background-color: #ce432e; }
.thumbnail:hover { background-color: #ce432e; }
.thumbnail { padding: 2px; }
