From f5581ed22bf41a92217bc06856e1860ed67aaeaf Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: Apr 11 2017 09:54:15 +0000
Subject: Merge #633 `Update the style of start.fedoraproject.org`


---

diff --git a/start.fedoraproject.org/static/css/app.css b/start.fedoraproject.org/static/css/app.css
index 760d9f6..ed865bc 100644
--- a/start.fedoraproject.org/static/css/app.css
+++ b/start.fedoraproject.org/static/css/app.css
@@ -6,10 +6,10 @@
 }
 
 .grey {
-	background-color: #58595b;
+	background-color: #DEDEDE;
 	margin: 0 auto;
 	width: 100%;
-	color: #fff;
+	color: #555;
 }
 
 .product-header {
@@ -17,7 +17,7 @@
 }
 
 .bluebox {
-	background-color: #3c6eb4;
+  background-color: #3c6eb4;
   height: 85px;
 }
 
@@ -37,7 +37,7 @@
 /* Header doc */
 
 .border {
-  border-right: 2px solid #ccc;
+  border-right: 2px solid rgba(255, 255, 255, 0.4);
 }
 
 .bluebox h3 {
@@ -46,12 +46,12 @@
 }
 
 .bluebox a {
-	color: #ccc;
+	color: #fff;
 	text-decoration: none;
 }
 
 .bluebox a:hover {
-	color: #fff;
+	color: #eee;
 	text-decoration: none;
 }
 
@@ -100,7 +100,7 @@ a:focus.title {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
-  margin-right: 60px;
+  margin-right: 30px;
   margin-bottom: -15px;
   padding: 5px 10px;
 }
@@ -130,12 +130,14 @@ p.month {
 }
 
 .comments {
-  background-color: #294172;
-  color: #fff;
-  padding: 5px 10px;
+  color: #555;
+  padding: 5px;
   width: 60px;
   float: right;
   font-size: 16px;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  moz-border-radius: 5px;
 }
 
 .comment-icon {
@@ -225,10 +227,6 @@ li.right {
 /* special classes for small screens */
 
 @media (max-width: 767px) {
-  .border {
-  	border-bottom: 2px solid #ccc;
-    border-right: none;
-  }
 
   .white img {
 	width: 700px;
@@ -256,4 +254,3 @@ li.right {
   }
 }
 /* end small screens classes */
-