webui: input field styles added

711cfc84 · Dányi Bence · 44f13676 · 711cfc84
Commit 711cfc84 authored Feb 08, 2013 by Dányi Bence
Show whitespace changes
Inline Side-by-side

Showing with 28 additions and 0 deletions

one/static/base.less
+28 -0

No files found.
--- a/one/static/base.less
+++ b/one/static/base.less
@@ -138,3 +138,31 @@ div.system-message p.system-message-title
 small {
  font-size: 0.8em;
 }
+
+input {
+    border-radius: 2px;
+    border: 1px solid #777;
+    padding: 2px;
+    margin: 1px 5px;
+    background: rgba(0,0,0,0.1);
+    font-family: 'Titillium Web', sans-serif;
+    outline: none;
+    box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 0 5px rgba(0,0,0,0.2);
+    &:hover{
+        border: 1px solid #666;
+        box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 0 5px rgba(255,255,0,0.5);
+    };
+    &:focus{
+        border: 1px solid #555;
+        box-shadow: inset 0 0 10px rgba(0,0,0,0.2), 0 0 10px rgba(255,255,0,0.8);
+    }
+}
+
+input[type=submit], input[type=button]{
+    border: 1px solid #777;
+    cursor: pointer;
+    box-shadow: 0 0 5px rgba(0,0,0,0.2);
+    &:hover{
+        background: rgba(0,0,0,0.2);
+    };
+}