Add help page

[rails.git] / app / assets / stylesheets / common.css.scss

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 6320a7d89e58c0af6241041c7a6adbd25db5cc89..c9b7046f97158cf4f9bed5b4d43fc21567f53bb1 100644 (file)
--- 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"] {
@@ -573,7 +577,7 @@ a.donate {
   img {
     vertical-align: top;
     border-radius: 2px 0 0 2px;
-    padding-right: 5px;
+    margin-right: 5px;
   }
 
   #inboxanchor {
@@ -959,7 +963,6 @@ a.donate {
 .sidebar_heading {
   position: relative;
   padding: $lineheight/2 $lineheight;
-  z-index: 9999;
   background: $offwhite;
   border-bottom: 1px solid #ccc;
   h4 {
@@ -1015,7 +1018,10 @@ a.donate {
 
   .search_details {
     display: block;
+    float: right;
     text-align: right;
+    margin-top: 0.2em;
+    margin-left: 0.5em;
   }
 }
 
@@ -1102,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;
   }
@@ -2553,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;
+    }
+  }
+}