"

From 2014.igem.org

Revision as of 17:56, 27 September 2014 (view source) Maexlich (Talk | contribs) (using an external editor) ← Older edit		Latest revision as of 15:43, 1 October 2014 (view source) Maexlich (Talk | contribs)
(17 intermediate revisions not shown)
Line 1:		Line 1:
	#memberSelector {		#memberSelector {
-	padding: 30px 0;	+	padding-top: 30px;
-	height: 90%;	+	padding-bottom: 30px;
		+	height: 100%;
		+	margin-bottom: 10px;
	}		}
Line 14:		Line 16:
	.imageBorder {		.imageBorder {
	position:relative;		position:relative;
-	border: solid 2px #ce432e;	+	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 29:		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;
		+	}
		+
		+	.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; }