"

From 2013.igem.org

Revision as of 19:39, 8 July 2013 (view source) Ggirelli (Talk | contribs) (Created page with "#tn-header-wrap, #tn-footer-wrap, #tn-content-wrap { display: block; width: 800px; text-align: center; } #tn-header-wrap, #tn-footer-wrap { width: 100%; height: 220px; }...") ← Older edit		Latest revision as of 11:58, 3 October 2013 (view source) Xli (Talk | contribs)
(15 intermediate revisions not shown)
Line 1:		Line 1:
-	#tn-header-wrap, #tn-footer-wrap, #tn-content-wrap {	+	.silhouette img {
-	display: block;	+	display: block;
-		+	width: 92%;
-	width: 800px;	+	margin-top: -22px;
-		+	margin: 0 auto;
-	text-align: center;	+	margin-bottom: 0 !important;
	}		}
-	#tn-header-wrap, #tn-footer-wrap {	+	.container {
-	width: 100%;	+	background-image: url(https://static.igem.org/mediawiki/2013/e/e7/Tn-2013-boxbg-Onda-Cherry.png);
-	height: 220px;	+	background-color: rgb(147,0,6);
		+	text-align: center;
	}		}
-	#tn-footer-wrap {	+	.container .menu {
-	background-color: #c0c0b6;	+	margin: 0 auto;
		+	width: 900px;
	}		}
-	#tn-content-wrap {	+	.container .menu a {
-	width: 100%;	+	display: inline-block;
-	height: 100%;	+
-		+	margin: 20px auto;
-	padding: 25px 0;	+	padding: 4px;
-		+	min-width: 92px;
-	vertical-align: top;	+	max-width: 110px;
		+
		+	background-color: rgba(250,250,250,.6);
		+	border: 3px solid transparent;
		+	border-radius: 5px;
		+
		+	color: rgb(147,0,6);
		+	font-family: "Boogaloo", sans-serif;
		+	font-size: 1.2em;
		+	text-align: center;
		+	text-decoration: none;
	}		}
-	#tn-content {	+	.container .menu a:hover {
-	vertical-align: top;	+	background-color: transparent;
-		+	border-color: white;
-	display: inline-block;	+	color: white;
-	margin: 0;	+	text-shadow: 0 0 2px black;
-	padding: 0;	+
-		+
-	width: 58%;	+
-		+
-	text-align: center;	+
	}		}

---

Latest revision as of 11:58, 3 October 2013

.silhouette img {

   display: block;
   width: 92%;

margin-top: -22px;

   margin: 0 auto;
   margin-bottom: 0 !important;

}

.container {

   background-image: url();
   background-color: rgb(147,0,6);
   text-align: center;

}

.container .menu {

   margin: 0 auto;
   width: 900px;

}

.container .menu a {

   display: inline-block;
   
   margin: 20px auto;
   padding: 4px;
   min-width: 92px;
   max-width: 110px;
   
   background-color: rgba(250,250,250,.6);
   border: 3px solid transparent;
   border-radius: 5px;
   
   color: rgb(147,0,6);
   font-family: "Boogaloo", sans-serif;
   font-size: 1.2em;
   text-align: center;
   text-decoration: none;

}

.container .menu a:hover {

   background-color: transparent;
   border-color: white;
   color: white;
   text-shadow: 0 0 2px black;

}