Team:Calgary/Sandbox

From 2012.igem.org

(Difference between revisions)

Revision as of 17:48, 19 June 2012

Header

This is not a paragraph.

This is a test for font-family. Watch "Jeopardy!", Alex Trebek's fun TV quiz game.

Proposed method of codependence. Two plasmids in two separate strains will produce ligands that repress the riboswitch controlling each other's death genes.

@@ Line 28: / Line 28: @@
 	border: none;
 }
+/*IMPORTANT: used to stop iPhones from scrolling horizontally due to overflow*/
 body, #globalWrapper, #content, #footer-box{
 	overflow-x: hidden;
 }
-/*Hi-res and normal smartphone device styles*/
+/*Base styles*/
 p{
 	font-family: Arial, sans-serif;
@@ Line 43: / Line 43: @@
 	font-family: Georgia;
 }
-#box{
-	width: 100%;
-	height: 20px;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
-	background: -webkit-gradient(linear, left top, right bottom, from(#333), to(#efefef)); /* for webkit browsers */
-	background: -moz-linear-gradient(left,  #ccc,  #000); /* for firefox 3.6+ */
-}
-div#top-section, div#footer-box, div#footer, div#content, div#f-list, ul#f-list{
-	width: 95%;
-}
-#footer li{
-	display: block;
-}
-.left-menu li a, .right-menu a{
-	font-size: 1em;
-	padding-bottom: 5px;
-	padding-top: 10px;
-}
-.right-menu{
-	position: relative;
-	margin-top: 14px;
-}
 #content{
 	margin-top: 10px;
 }
+/*Smartphone-specific styles*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+only screen and (-o-min-device-pixel-ratio: 3/2),
+only screen and (min--moz-device-pixel-ratio: 1.5),
+only screen and (min-device-pixel-ratio: 1.5),
+only screen and (max-device-width: 480px){
+	div#top-section, div#footer-box, div#footer, div#content, div#f-list, ul#f-list{
+		width: 95%;
+	}
+	#footer li{
+		display: block;
+	}
+	.left-menu li a, .right-menu a{
+		font-size: 1em;
+		padding-bottom: 5px;
+		padding-top: 10px;
+	}
+	.right-menu{
+		position: relative;
+		margin-top: 14px;
+	}
+}
 /*Desktop styles*/