"

From 2014.igem.org

Revision as of 23:09, 13 August 2014 (view source) TafMac (Talk | contribs) ← Older edit		Latest revision as of 19:02, 16 August 2014 (view source) TafMac (Talk | contribs)
(15 intermediate revisions not shown)
Line 1:		Line 1:
-	#content body {	+	body {
	font-family: 'Roboto', serif;		font-family: 'Roboto', serif;
	}		}
-	#content h1.main,p.demos {	+	h1.main,p.demos {
	-webkit-animation-delay: 5s;		-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;		-moz-animation-delay: 5s;
Line 8:		Line 8:
	animation-delay: 5s;		animation-delay: 5s;
	}		}
-	#content .top-bit{	+	.top-bit{
	width: 100%;		width: 100%;
-	line-height: 0px;	+	line-height: 35px;
-	padding: 50px;	+	padding-bottom: 0px;
	padding-right: 90px;		padding-right: 90px;
	padding-left: 90px;		padding-left: 90px;
	text-align: center;		text-align: center;
-	position: relative;	+	position: static;
	display: block;		display: block;
		+	float: center;
	}		}
-	#content .top-bit h1{	+	.top-bit h1{
	float: left;		float: left;
	color: #3D007A;		color: #3D007A;
	/*text-transform: uppercase;*/		/*text-transform: uppercase;*/
	/*padding: 100px;*/		/*padding: 100px;*/
-	/*display: block;*/	+	display: inline-block;
-	}	+
-	#content .top-bit h3{	+
-	float: left;	+
-	color: #FF9900;	+
-	/*text-transform: uppercase;*/	+
-	/*padding: 100px;*/	+
-	/*display: block;*/	+
	}		}
-	#content .top-bit a{	+	.top-bit a{
	float: right;		float: right;
	/*font-size: 2em;*/		/*font-size: 2em;*/
Line 39:		Line 33:
	/*display: block;*/		/*display: block;*/
	color: #000000;		color: #000000;
-	border-bottom: 2px solid;	+	/*border-bottom: 2px solid;*/
	margin-right: 50px;		margin-right: 50px;
	}		}
-	#content .overall-bit{	+
		+	.top-bit a:hover{
		+	border-bottom: 2px solid;
		+	}
		+	.overall-bit{
	width: 100%;		width: 100%;
-	line-height: 0px;	+	line-height: 90px;
	padding: 10px;		padding: 10px;
	color: #000000;		color: #000000;
Line 51:		Line 49:
	/*display: block;*/		/*display: block;*/
	}		}
-	#content .bottom-bit{
-	float: right;
-	margin-right: 13%;
-	width: 20%;
-	text-transform: uppercase;
-	box-shadow: 4px 6px 7px rgba(0,0,0,0.5);
-	/*padding: 10px;*/
-	/*background-color: #330066;*/
-	color: white;
-	text-align: center;
-	z-index: 100;
		+	@media screen and (max-height: 30.5em) {
		+	.top-bit h1 { float: center;}
		+	.top-bit a { float:center; }
	}		}

---

Latest revision as of 19:02, 16 August 2014

body { font-family: 'Roboto', serif; } h1.main,p.demos { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; animation-delay: 5s; } .top-bit{ width: 100%; line-height: 35px; padding-bottom: 0px; padding-right: 90px; padding-left: 90px; text-align: center; position: static; display: block;

       float: center;

}

.top-bit h1{ float: left; color: #3D007A; /*text-transform: uppercase;*/ /*padding: 100px;*/ display: inline-block; } .top-bit a{ float: right; /*font-size: 2em;*/ /*padding: 0px 40px;*/ /*display: block;*/ color: #000000; /*border-bottom: 2px solid;*/ margin-right: 50px; }

.top-bit a:hover{ border-bottom: 2px solid; } .overall-bit{ width: 100%; line-height: 90px; padding: 10px; color: #000000; text-align: center; position: relative; /*display: block;*/ }

@media screen and (max-height: 30.5em) {

.top-bit h1 { float: center;} 

.top-bit a { float:center; } }