some frontend changes

[edumed.git] / edumed / static / css / base.scss

diff --git a/edumed/static/css/base.scss b/edumed/static/css/base.scss
index b059890..da9312c 100644 (file)
--- a/edumed/static/css/base.scss
+++ b/edumed/static/css/base.scss
@@ -66,14 +66,14 @@ header.main {
             /*position:relative;*/
         }
         a {
-            color: $oranji;
+            color: $ciemny;
             display: block;
             vertical-align: bottom;
             font-size: .85em;
             
         }
         a:hover {
-            color: $ciemny;
+            color: $oranji;
         }
         a:before {
             display: block;
@@ -109,10 +109,9 @@ header.main {
     }
     #search {
         float: right;
-        padding: 0 10*$px;
         background-color: white;
         /* Extend padded background .*/
-        padding: 0 10*$px;
+        padding: 2px 10*$px 0;
         margin-right: -10*$px;
     }
 }
@@ -151,3 +150,63 @@ footer.main {
         }
     }
 }
+
+
+#search {
+    font-size: .8em;
+
+    input, button {
+        font-family: Dosis;
+        font-size: .9em;
+        vertical-align:bottom;
+        border: 1px solid #c9ccce;
+        padding: 0;
+        margin: 0;
+        line-height: .9em;
+    }
+    input {
+        border-right-width: 0;
+        height: 16px;
+        width: 16em;
+        padding-left: 1.3em;
+    }
+    button {
+        height: 18px;
+        width: 1.8em;
+        span {
+            position:relative;
+            top: -1px;
+        }
+    }
+
+    input::-webkit-input-placeholder {
+        text-transform: uppercase;
+    }
+    input:-moz-placeholder {
+        text-transform: uppercase;
+    }
+    input::-moz-placeholder {
+        text-transform: uppercase;
+    }
+    input::-ms-placeholder {
+        text-transform: uppercase;
+    }
+
+}
+
+
+.link-list {
+    list-style: none;
+    padding: 0;
+
+    a:before {
+        content: "→";
+        margin-right: .5em;
+    }
+    a {
+        color: $ciemny;
+    }
+    a:hover {
+        color: $oranji;
+    }
+}