Difference between revisions of "Template:RHIT"

@@ Line 94: / Line 94: @@
 	.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+/************************************ Making Hover Images********************************************************************/
+.container {
+  position: relative;
+  width: 50%;
+}
+.image {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+.overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  transition: .5s ease;
+  background-color: #03ece4;
+}
+.container:hover .overlay {
+  opacity: 0.5;
+}
+.text {
+  color: white;
+  font-size: 20px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+}
 /**************************************************************************************************************************************************************************************************/
@@ Line 203: / Line 243: @@
-span.text-content {
-  background: rgba(255,255,255,0.7);
-  color: black;
-  font-size: 16px;
-  cursor: pointer;
-  display: table;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  vertical-align: middle;
-  top: 0;
-  width: 100%;
-  opacity: 0;
-  -webkit-transition: opacity 500ms;
-  -moz-transition: opacity 500ms;
-  -o-transition: opacity 500ms;
-  transition: opacity 500ms;
-}
-span.text-content span {
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
-}
-.igem_2018_team_content .igem_2018_team_column_wrapper a:hover span.text-content {
-  opacity: 1;
-}
-.igem_2018_team_content .igem_2018_team_column_wrapper a:hover span.text-content {
-  opacity: 1;
-}