Team:Heidelberg/css/teampage

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
#memberSelector {
#memberSelector {
-
padding: 40px 0;
+
padding-top: 30px;
-
height: 90%;
+
padding-bottom: 30px;
 +
height: 100%;
 +
margin-bottom: 10px;
}
}
Line 16: Line 18:
border: solid 3px #ce432e;
border: solid 3px #ce432e;
margin-bottom: 25px;
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 30: Line 42:
.arrow-next {
.arrow-next {
-
bottom: 0px;
+
bottom: 5px;
}
}
.arrow-prev {
.arrow-prev {
-
top: 0px;
+
top: 5px;
}
}
#FilterButtons {
#FilterButtons {
-
display: inline-block;
+
display: none;
padding-bottom: 5px;
padding-bottom: 5px;
-
}
 
-
 
-
h1,h2,h3 {
 
-
color: #ce432e;
 
}
}

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