@@ Line 2: / Line 2: @@
 <style type="text/css">
+@import url("https://2015.igem.org/wiki/index.php?title=Team:Valencia_UPV/font-awesome.min.css?action=raw&ctype=text/css");;
-@import url("font-awesome.min.css");
-@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");
+@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");
 /* Redesigning the topmenu */
@@ Line 111: / Line 111: @@
 		margin-left: auto;
 		margin-right: auto;
 	}
@@ Line 188: / Line 189: @@
 	@media screen and (max-width: 980px) {
+#header{
+font-size: 11.5px;
+}
 		.container.\31 25\25 {
 			width: 100%;
@@ Line 214: / Line 217: @@
 	@media screen and (max-width: 840px) {
+#header{
+font-size: 11.5px;
+}
 		.container.\31 25\25 {
 			width: 100%;
@@ Line 240: / Line 245: @@
 	@media screen and (max-width: 736px) {
+#header{
+font-size: 11.5px;
+}
 		.container.\31 25\25 {
 			width: 100%;
@@ Line 266: / Line 273: @@
 	@media screen and (max-width: 480px) {
+#header{
+font-size: 11.5px;
+}
 		.container.\31 25\25 {
 			width: 100%;
@@ Line 1,843: / Line 1,852: @@
 	body {
 		background: #f5f5f5;
+text-align: justify;
 	}
@@ Line 2,082: / Line 2,092: @@
 		select:focus,
 		textarea:focus {
-			border-color: #22919f;
+			border-color: #000000; /*#22919F*/
-			box-shadow: 0 0 0 2px #22919f;
+			box-shadow: 0 0 0 2px #000000; /*#22919F*/
 		}
@@ Line 2,095: / Line 2,105: @@
 			-moz-osx-font-smoothing: grayscale;
 			-webkit-font-smoothing: antialiased;
-			font-family: FontAwesome;
+			font-family: 'Arial';
 			font-style: normal;
 			font-weight: normal;
@@ Line 2,193: / Line 2,203: @@
 		input[type="checkbox"]:focus + label:before,
 		input[type="radio"]:focus + label:before {
-			border-color: #22919f;
+			border-color: #000000; /*#22919F*/
-			box-shadow: 0 0 0 1px #22919f;
+			box-shadow: 0 0 0 1px #000000; /*#22919F*/
 		}
@@ Line 2,233: / Line 2,243: @@
 	.box {
 		background: #fff;
 		border-radius: 6px;
@@ Line 2,463: / Line 2,474: @@
 	}
+.ul_2 {list-style: disc;
+		margin: 0 0 2em 0;
+		padding-left: 1em;
+margin-left:1.5em;
+}
 		ul li {
 			padding-left: 0.5em;
@@ Line 2,845: / Line 2,862: @@
 	#header {
-		background: #22919f;
+		background: #000;
 		color: #bbb;
 		cursor: default;
@@ Line 2,966: / Line 2,983: @@
 			}
-		#header.reveal {
+		/*#header.reveal {
 			-moz-animation: reveal-header 0.5s;
 			-webkit-animation: reveal-header 0.5s;
 			-ms-animation: reveal-header 0.5s;
 			animation: reveal-header 0.5s;
-		}
+		}*/
 		#header.alt {
@@ Line 2,980: / Line 2,997: @@
 			background: none;
 			color: rgba(255, 255, 255, 0.75);
-			position: absoluted;
+			position: absoluted !important;
 		}
@@ Line 3,043: / Line 3,060: @@
 			.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
-				background: #22919f;
+				background: #000000; /*#22919F*/
 				color: #ffffff;
 			}
@@ Line 3,084: / Line 3,101: @@
 		padding: 12em 0 20em 0;
 		text-align: center;
 	}
@@ Line 3,099: / Line 3,117: @@
 			margin: 0 0 0.5em 0;
 			padding: 0;
+font-family: Helvetica, Sans-Serif;
+font-style:italic;
 		}
@@ Line 3,285: / Line 3,305: @@
 	@media screen and (max-width: 1680px) {
+#banner{
+margin-bottom: -14em;
+}
 		/* Basic */
@@ Line 3,303: / Line 3,326: @@
 	@media screen and (max-width: 1280px) {
+#banner{
+margin-bottom: -14em;
+}
 		/* Basic */
@@ Line 3,331: / Line 3,356: @@
 	@media screen and (max-width: 980px) {
+#banner{
+margin-bottom: 0em;
+}
 		/* Basic */
@@ Line 3,339: / Line 3,366: @@
 	}
 /* Narrower */
@@ Line 3,347: / Line 3,376: @@
 	@media screen and (max-width: 840px) {
+#banner{
+margin-bottom: 0em;
+}
+#header nav {
+display:none
+}
 		/* Basic */
@@ Line 3,361: / Line 3,395: @@
 				display: none;
 			}
 		/* Section/Article */
@@ Line 3,435: / Line 3,471: @@
 				display: block;
 				height: 44px;
-				left: 0;
+				left: 0em;
 				position: fixed;
-				top: 0;
+				top: 36px;
 				width: 100%;
 				z-index: 10001;
@@ Line 3,456: / Line 3,492: @@
 						-moz-osx-font-smoothing: grayscale;
 						-webkit-font-smoothing: antialiased;
-						font-family: FontAwesome;
+						font-family: "Source Sans Pro", sans-serif;
 						font-style: normal;
 						font-weight: normal;
@@ Line 3,466: / Line 3,502: @@
 						border-radius: 6px;
 						color: #fff;
-						content: '\f0c9';
+						content: 'menu'; /*'\f0c9'*/
 						display: block;
 						font-size: 16px;
 						height: 2.25em;
-						left: 0.5em;
+						left: 1.1em;
 						line-height: 2.25em;
 						position: absolute;
@@ Line 3,476: / Line 3,512: @@
 						top: 0.5em;
 						width: 3.5em;
+text-indent: 0em !important;
 					}
@@ Line 3,573: / Line 3,610: @@
 	@media screen and (max-width: 736px) {
+#banner{
+margin-bottom: 0em;
+}
+	#header nav {
+display:none
+}
 		/* Basic */
@@ Line 3,711: / Line 3,752: @@
 	@media screen and (max-width: 480px) {
+#banner{
-		/* Basic */
+margin-bottom: 0em;
+}
+	#header nav {
+display:none
+}
+	/* Basic */
 			html, body {
@@ Line 3,815: / Line 3,861: @@
 	}
+.medals-tick
+{
+margin-left: 8em;
+margin-top: 1em;
+}
+#bronze
+{
+list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png');
+}
+#silver
+{
+list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png');
+}
+#gold
+{
+list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png');
+}
+#green
+{
+list-style-image: url('https://static.igem.org/mediawiki/2014/d/d0/VUPVTick_green_mod.png');
+}
 </style>
 </html>

Difference between revisions of "Team:Valencia UPV/main.css"

Latest revision as of 15:04, 11 September 2015