Apply blue color theme #2

Author: jak-ing

hackhpi_assets/style-2017.css

@@ -1,4 +1,44 @@
+.text-colored {
+    color: #318737;
+}
+
+a {
+    color: #61a236;
+}
+
+header {
+    background: #61a236;
+}
+
+header.triangle:after {
+    border-color: #318737 transparent transparent transparent;
+}
+
+header .bg-overlay-gradient {
+    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a8148+0,82b823+100 */
+    background: #0a8148; /* Old browsers */
+    background: -moz-linear-gradient(45deg, #0a8148 0%, #82b823 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(45deg, #0a8148 0%,#82b823 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(45deg, #0a8148 0%,#82b823 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a8148', endColorstr='#82b823',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+    width:100%;
+    height:100%;
+    position:absolute;
+    z-index:10;
+    top:0px;
+    left:0px;
+    opacity:0.9;
+}
+
 header .logo {
     background:url(logo-2017.png) no-repeat center center;
     background-size: contain;
 }
+
+footer {
+    background: #0a8153;
+}
+
+nav#main-nav.fixed {
+    background: #318737;
+}

hackhpi_assets/style.css

@@ -21,7 +21,7 @@ body {
 }
 
 .text-colored {
-	color:#318737;
+	color:rgb(117, 173, 225);
 }
 
 h1 {
@@ -67,7 +67,7 @@ h5 {
 }
 
 a {
-	color:#61a236;
+	color:rgb(117, 173, 225);
 	text-decoration: none;
 }
 
@@ -92,7 +92,7 @@ a:hover {
 }
 
 header.triangle:after {
-	border-color: #318737 transparent transparent transparent;
+	border-color: rgb(75, 134, 199) transparent transparent transparent;
 }
 
 
@@ -130,7 +130,7 @@ nav#main-nav {
 }
 
 nav#main-nav.fixed {
-	background:#318737;
+	background:rgb(24, 103, 189);
 	position:fixed;
 	top:0px;
 }
@@ -206,7 +206,7 @@ nav#main-nav .container ul li a.live:before {
 
 header {
 	color:#fff;
-	background:#61a236;
+	background:rgb(117, 173, 225);
 	position: relative;
 }
 
@@ -282,10 +282,10 @@ header .container {
 
 header .bg-overlay-gradient {
 	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a8148+0,82b823+100 */
-	background: #0a8148; /* Old browsers */
-	background: -moz-linear-gradient(45deg, #0a8148 0%, #82b823 100%); /* FF3.6-15 */
-	background: -webkit-linear-gradient(45deg, #0a8148 0%,#82b823 100%); /* Chrome10-25,Safari5.1-6 */
-	background: linear-gradient(45deg, #0a8148 0%,#82b823 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+	background: rgb(24, 103, 189); /* Old browsers */
+	background: -moz-linear-gradient(45deg, rgb(24, 103, 189) 0%, rgb(117, 173, 225) 100%); /* FF3.6-15 */
+	background: -webkit-linear-gradient(45deg, rgb(24, 103, 189) 0%, rgb(117, 173, 225) 100%); /* Chrome10-25,Safari5.1-6 */
+	background: linear-gradient(45deg, rgb(24, 103, 189) 0%, rgb(117, 173, 225) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a8148', endColorstr='#82b823',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 	width:100%;
 	height:100%;
@@ -485,7 +485,7 @@ section .row > div > * + *,
 
 .btn {
 	padding:0px 25px 0px 25px;
-	background:#61a236;
+	background:rgb(117, 173, 225);
 	color:#fff;
 	font-size:18px;
 	border-radius:4px;
@@ -535,7 +535,7 @@ section .row > div > * + *,
 }
 
 footer {
-	background:#0a8153;
+	background: rgb(24, 103, 189);
 	color:#fff;
 	padding:50px 0px;
 	font-size:18px;

index.html

@@ -311,7 +311,7 @@ <h1>Ticket Application Form</h1>
 				<div class="col-md-12">
 					<p>Last year there were a lot of people complaining that the ticket batches were gone to fast and so they couldn't join the hackathon even if they would have loved to do so. That's why we decided to change it this year: We're not releasing ticket batches but you can signup using the form below and we will send you a personalized invitation.</p>
 
-<h3>Apply for your ticket:</h3>				</div>
+<h3 class="text-colored">Apply for your ticket:</h3>				</div>
 			</div>
 		</div>
 		<div class="row">