Difference between revisions of "Template:Example2"

@@ Line 84: / Line 84: @@
 </script>
@@ Line 96: / Line 99: @@
 	#home_logo, #sideMenu { display:none; }
 	#sideMenu, #top_title, .patrollink  {display:none;}
-	#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
+	#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 	body {background-color:white; }
 	#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
@@ Line 108: / Line 111: @@
 		width: 15%;
 		height:100vh;
 		position:fixed;
+		right:0%;
 		padding:0px;
 		float:right;
+		border-left: 1px solid #d3d3d3;
 		background-color:#dddddd;
 		text-align:left;
-		right:0%;
+		font-family:Tahoma, Geneva, sans-serif;
 		overflow-y: auto;
 		overflow-x: hidden;
-		border-left: 1px solid #d3d3d3;
-		font-family:Tahoma, Geneva, sans-serif;
 	}
@@ Line 136: / Line 139: @@
 	.igem_2017_menu_wrapper .menu_button {
 		width: 100%;
-		border-bottom: 1px solid #d3d3d3;
 		padding: 10px 0px 10px 15px;
-		font-weight: bold;
+		float:left;
+		border-bottom: 1px solid #d3d3d3;
 		font-size: 12px;
+		font-weight: bold;
 		color: #5e5f5f;
-		float:left;
 		cursor: pointer;
 	}
@@ Line 153: / Line 156: @@
 	.menu_button.direct_to_page {
-		padding-left:  36px;
+		padding-left: 36px;
 	}
@@ Line 174: / Line 177: @@
 	/* styling for the menu buttons on hover */
 	.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
-		color:#ffffff;
 		background-color: #3399ff;
 		text-decoration: none;
+		color:#ffffff;
 	}
@@ Line 189: / Line 192: @@
 	.igem_2017_menu_wrapper .submenu_button {
 		width: 100%;
-		border-bottom: 1px solid #d3d3d3;
 		padding: 10px 0px 10px 34px;
+		float:left;
+		background-color:#f2f2f2;
+		border-bottom: 1px solid #d3d3d3;
 		font-size: 12px;
 		color: #5e5f5f;
-		float:left;
-		background-color:#f2f2f2;
 		cursor: pointer;
 	}
@@ Line 215: / Line 218: @@
 	.igem_2017_content_wrapper {
 		width: 81%;
+		margin: 2%;
+		display:block;
 		float:left;
 		background-color:white;
-		margin: 2%;
-		display:block;
 		font-family:Tahoma, Geneva, sans-serif;
 	}
@@ Line 228: / Line 231: @@
 	.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 		padding:5px 15px;
-		border-bottom:0px;
+		border-bottom: 0px;
-		color:  #3399ff;
+		color: #3399ff;
 	}
@@ Line 263: / Line 266: @@
 	.igem_2017_content_wrapper a:hover {
 		text-decoration:none;
-		 color:#000000;
+		color:#000000;
 	}
@@ Line 321: / Line 324: @@
 	/* styling for images in a full width column*/
 	.column.full_size img {
-		padding: 10px 15px;
 		width:97%;
+		padding: 10px 15px;
 	}
@@ Line 331: / Line 334: @@
 	/* styling for images in a half width column*/
 	.column.half_size img {
-		padding: 10px 15px;
 		width: 94.5%;
+		padding: 10px 15px;
 	}
@@ Line 354: / Line 357: @@
 	/* highlight class, makes content slightly smaller */
 	.igem_2017_content_wrapper .highlight {
-		padding: 15px 0px;
 		margin: 0px 15px;
+		padding: 15px 0px;
 	}
@@ Line 366: / Line 369: @@
 	/* highlight with decoration blue line on top */
 	.igem_2017_content_wrapper .highlight.blue_top {
-    		border-top: 4px solid #3399ff;
+    	border-top: 4px solid #3399ff;
 	}
 	/* highlight with a full blue border decoration */
 	.igem_2017_content_wrapper .highlight.blue_border {
-    		border: 4px solid  #3399ff;
+    	border: 4px solid  #3399ff;
 	}
@@ Line 378: / Line 381: @@
 	.igem_2017_content_wrapper .button{
 		max-width: 35%;
+ 		margin: 30px auto;
+		padding: 12px 10px;
       	background-color: #3399ff;
-    	padding: 12px 10px;
      	text-align: center;
-   		margin: 30px auto;
     		color: #ffffff;
 		-webkit-transition: all 0.4s ease;
@@ Line 391: / Line 394: @@
 	/* styling for button on hover */
 	.igem_2017_content_wrapper .button:hover{
+		background-color: #3399ff;
      	color: #000000;
-    	background-color: #3399ff;
 	}
@@ Line 417: / Line 420: @@
 		.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 		.column.half_size  {width:100%; }
-		.column.full_size img, .column.half_size img { padding: 10px 0px; width: 100%;}
+		.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 		.highlight {padding:15px 5px;}
 		.igem_2017_menu_wrapper #display_menu_control { display:block; }
@@ Line 428: / Line 431: @@
 	/* special class that the system uses to make sure the team wants a page to be evaluated */
 	.judges-will-not-evaluate {
-  		border: 4px solid #3399ff;
+    	width: 96.6%;
-  		display: block;
    		margin: 5px 15px;
-   		width: 96.6%;
+  		display: block;
+		border: 4px solid #3399ff;
      	font-weight: bold;
 	}