Team:Heidelberg/css/teampage

From 2014.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
#memberSelector {
#memberSelector {
-
overflow-y: scroll;
+
padding-top: 30px;
 +
padding-bottom: 30px;
 +
height: 100%;
 +
margin-bottom: 10px;
}
}
.team-overlay {
.team-overlay {
position: absolute;
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;
}
}

Latest revision as of 15:43, 1 October 2014

  1. 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; }

  1. 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; }

  1. FilterButtons {

display: none; padding-bottom: 5px; }

.thumbnail.active { background-color: #ce432e; }

.thumbnail:hover { background-color: #ce432e; }

.thumbnail { padding: 2px; }