Revision as of 18:01, 22 July 2017

@@ Line 108: / Line 108: @@
 /**************************************************************** MENU ***************************************************************/
 	/* Wrapper for the menu */
-	.igem_2017_content_wrapper .column  {
-		padding: 10px 0px;
+/***************************************************** CONTENT OF THE PAGE ****************************************************/
+	/* Wrapper for the content */
+	.igem_2017_content_wrapper {
+		width: 81%;
+		margin: 2%;
+		display:block;
 		float:left;
+		background-color:white;
+		font-family:Tahoma, Geneva, sans-serif;
 	}
-	/* class for a full width column */
-	.column .full_size {
-		width:100%;
-	}
-	/* styling for images in a full width column*/
+/********************************* HTML STYLING  *********************************/
-	.column.full_size img {
-		width:97%;
-		padding: 10px 15px;
-	}
-	/* class for a half width column */
+	/* styling for the titles h1 h2 */
-	.column.half_size {
+	.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
-		width: 50%;
+		padding:5px 15px;
+		border-bottom: 0px;
+		color: #3399ff;
 	}
-	/* styling for images in a half width column*/
-	.column.half_size img {
-		width: 94.5%;
-		padding: 10px 15px;
-	}
-/********************************* SUPPORT CLASSES ********************************/
-	/* class that clears content below*/
+	/* styling for the titles  h3 h4 h5 h6*/
-	.igem_2017_content_wrapper .clear {
+	.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
-		clear:both;
+		padding:5px 15px;
-	}
+		border-bottom:0px;
+		color: #000000;
-	/* adds extra spacing when clearing content */
-	.igem_2017_content_wrapper  .clear.extra_space {
-		height: 30px;
 	}
-	/* highlight class, makes content slightly smaller */
+	/* font and text */
-	.igem_2017_content_wrapper .highlight {
+	.igem_2017_content_wrapper p {
-		margin: 0px 15px;
+		padding: 0px 15px;
-		padding: 15px 0px;
+		font-size: 13px;
 	}
+	/* Links */
-	/* highlight class, adds a gray background */
+	.igem_2017_content_wrapper a {
-	.igem_2017_content_wrapper .highlight.gray {
+		font-weight: bold;
-		background-color: #f2f2f2;
+		text-decoration: underline;
+		text-decoration-color: #3399ff;
+		color:  #3399ff;
+		-webkit-transition: all 0.4s ease;
+		 -moz-transition: all 0.4s ease;
+		-ms-transition: all 0.4s ease;
+		-o-transition: all 0.4s ease;
+		transition: all 0.4s ease;
 	}
-	/* highlight with decoration blue line on top */
+	/* hover for the links */
-	.igem_2017_content_wrapper .highlight.blue_top {
+	.igem_2017_content_wrapper a:hover {
-    	border-top: 4px solid #3399ff;
+		text-decoration:none;
+		color:#000000;
 	}
-	/* highlight with a full blue border decoration */
+	/* non numbered lists */
-	.igem_2017_content_wrapper .highlight.blue_border {
+	.igem_2017_content_wrapper ul {
-    	border: 4px solid  #3399ff;
+		padding:0px 20px;
+		font-size: 13px;
+		font-family:Tahoma, Geneva, sans-serif;
 	}
+	/* numbered lists */
-	/* button class */
+	.igem_2017_content_wrapper ol {
-	.igem_2017_content_wrapper .button{
+		padding:0px;
-		max-width: 35%;
+		font-size: 13px;
- 		margin: 30px auto;
+		font-family:Tahoma, Geneva, sans-serif;
-		padding: 12px 10px;
-     	background-color: #3399ff;
-    	text-align: center;
-   		color: #ffffff;
-		-webkit-transition: all 0.4s ease;
-		-moz-transition: all 0.4s ease;
-		-ms-transition: all 0.4s ease;
-		-o-transition: all 0.4s ease; transition: all 0.4s ease;
 	}
-	/* styling for button on hover */
+	/* Table */
-	.igem_2017_content_wrapper .button:hover{
+	.igem_2017_content_wrapper table {
-		background-color: #3399ff;
+		width: 97%;
-    	color: #000000;
+		margin:15px 10px;
+		border: 1px solid #d3d3d3;
+		border-collapse: collapse;
 	}
+	/* table cells */
+	.igem_2017_content_wrapper  td {
+		padding: 10px;
-/***************************************************** RESPONSIVE STYLING ****************************************************/
+		vertical-align: text-top;
+		border: 1px solid #d3d3d3;
-	/* IF THE SCREEN IS LESS THAN 1200PX */
+		border-collapse: collapse;
-	@media only screen and (max-width: 1200px) {
-		#content {width:100%; }
-		.igem_2017_menu_wrapper {width:15%; right:0;}
-		.highlight {padding:10px 0px;}
-		.igem_2017_menu_wrapper #display_menu_control { display:none; }
-		#menu_content { display:block;}
-		.menu_button.direct_to_page {padding-left: 17px;}
 	}
-	/* IF THE SCREEN IS LESS THAN 800PX */
+	/* table headers */
-	@media only screen and (max-width: 800px) {
+	.igem_2017_content_wrapper th {
+		padding: 10px;
- 		.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+		vertical-align: text-top;
-		.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+		border: 1px solid #d3d3d3;
-		.column.half_size  {width:100%; }
+		border-collapse: collapse;
-		.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+		background-color:#f2f2f2;
-		.highlight {padding:15px 5px;}
-		.igem_2017_menu_wrapper #display_menu_control { display:block; }
-		#menu_content { display:none;}
-		.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
-		.menu_bottom_padding {display:none;}
-		.menu_button.direct_to_page { padding-left: 36px; }
 	}
-	/* special class that the system uses to make sure the team wants a page to be evaluated */
-	.judges-will-not-evaluate {
-    	width: 96.6%;
-  		margin: 5px 15px;
-  		display: block;
-		border: 4px solid #3399ff;
-    	font-weight: bold;
-	}

Difference between revisions of "Template:CCU Taiwan"

Revision as of 18:01, 22 July 2017

CCU_Taiwan