Graphical changes, essentially colors

front/src/css/about.css

@@ -6,5 +6,8 @@
   margin: 2em;
 }
 .about a {
-  color: #FFF;
+  color: #fff;
+}
+.sponsor {
+  color: #ffa319;
 }

front/src/css/dashboard.css

@@ -114,14 +114,14 @@
   color: inherit;
 }
 .summary .notations .criteria .table > a:hover > div {
-  background: #EBD8E2;
+  background: #d8ebe0;
   cursor: pointer;
 }
 .summary .notations .criteria .table > a:hover > div.info {
   background: #FFF;
 }
 .summary .notations .criteria .table > a:hover > div.info svg {
-  fill: #EBD8E2;
+  fill: #d8ebe0;
 }
 .summary .notations .criteria .grade {
   width: 10%;

front/src/css/index.css

@@ -20,7 +20,7 @@
   background: #e74c3c;
 }
 .launchBtn.disabled {
-  background: #deaca6;
+  background: #f1bd70;
 }
 .launchBtn.disabled:focus {
   color: #ddd;
@@ -90,6 +90,8 @@
   border-radius: 1em;
   border: 2px solid #ffa319;
   white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
   z-index: 2;
 }
 .settingsTooltip:hover div {
@@ -154,7 +156,7 @@
   width: 50%;
   margin: 6em auto 0;
   font-size: 0.9em;
-  color: #413;
+  color: #8abfaf;
 }
 .features > div {
   width: 33.3%;
@@ -169,7 +171,6 @@ input.url {
   height: 2em;
   border: 0 solid;
   border-radius: 0.5em;
-  box-shadow: 0.1em 0.2em 0 0 #5e2846;
   outline: none;
 }
 input[type=submit]:hover {

front/src/css/main.css

@@ -4,7 +4,7 @@ html {
 body {
   margin: 0 auto;
   max-width: 1280px;
-  background: #9c4274;
+  background: #212240;
   color: #fff;
   font-size: 16px;
   text-align: center;
@@ -20,11 +20,8 @@ button {
 input[type=submit] {
   cursor: pointer;
 }
-h1 span {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  color: #ffa319;
+h1 {
+  font-weight: 200;
 }
 .resultsMenu {
   margin-top: 2em;
@@ -35,7 +32,7 @@ h1 span {
   width: 8em;
   height: 7em;
   color: #fff;
-  border: 3px solid #fff;
+  border: 2px solid #fff;
   border-radius: 0.5em;
   cursor: pointer;
   text-decoration: none;
@@ -45,12 +42,8 @@ h1 span {
 }
 .resultsMenu .menuItem.back,
 .resultsMenu .menuItem.restart {
-  color: #413;
-  border-color: #413;
-}
-.resultsMenu .menuItem.back svg,
-.resultsMenu .menuItem.restart svg {
-  fill: #413;
+  color: #fff;
+  border-color: #fff;
 }
 .resultsMenu .menuItem div {
   padding-top: 0.5em;
@@ -259,7 +252,7 @@ a.linkButton {
 }
 .footer {
   padding: 3em;
-  color: #413;
+  color: #fff;
 }
 .footer a {
   color: inherit;
@@ -273,3 +266,6 @@ a.linkButton {
 .footer .sponsor {
   font-size: 0.9em;
 }
+.homeSponsor {
+  color: #ffa319;
+}

front/src/css/rule.css

@@ -80,7 +80,7 @@
   word-break: break-all;
 }
 .rule .offendersTable > div > div:hover {
-  background: #EBD8E2;
+  background: #d8ebe0;
 }
 .rule .notFound {
   font-size: 1em;