X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/25645ed51a5b2bbbd0b50d66258d1aeceb4aa223..33a6b79bd78f1903011367f6a5adf2f91d160f74:/app/assets/stylesheets/common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index aac527628..c9b7046f9 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -400,11 +400,15 @@ table {
     height: 25px;
     padding: 2px 0px 2px $lineheight/4;
     box-shadow: inset #DDD 0px 1px 3px;
+
+    transition: 300ms linear;
+    -webkit-transition: 300ms linear;
+    -moz-transition: 300ms linear;
   }
 
   input[type="text"]:focus {
+    box-shadow: 0px 0px 7px #9ED485;
     outline: none;
-    border: 1px solid #000;
   }
 
   input[type="submit"] {
@@ -1104,7 +1108,8 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 .user-terms,
 .user-confirm,
 .site-copyright,
-.site-welcome {
+.site-welcome,
+.site-help {
   #content {
     max-width: 740px;
   }
@@ -2555,3 +2560,43 @@ a.button {
     border-radius: 4px;
   }
 }
+
+.site-help {
+  #content {
+    a {
+      display: inline-block;
+      width: 45%;
+      height: 200px;
+      float: left;
+      text-align: center;
+      color: #000;
+      margin: 10px;
+      padding: 10px;
+      border-radius: 10px;
+    }
+
+    h3 {
+      margin-top: 50px;
+    }
+
+    a:hover {
+      text-decoration: none;
+    }
+
+    .welcome {
+      background-color: #D6FFB9;
+    }
+
+    .learnosm {
+      background-color: #BAFCFF;
+    }
+
+    .help {
+      background-color: #FCFFB9;
+    }
+
+    .wiki {
+      background-color: #FFB9CC;
+    }
+  }
+}