Artem Egorkine avatar Artem Egorkine committed 42c5c37

Commens form (and forms in general) styled.

Comments (0)

Files changed (1)

shared/keep-it-simple.less

 
 @side_color: #7ba857;
 
+.border3d() {
+    border-width: 1px;
+    border-style: solid;
+    border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
+}
+
 body {
     font: 11px/165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
     color: #666666;
     }
 }
 
+// form elements
+
+form {
+    border: 1px solid @darker_border;
+    background: @lighter;
+    padding: 2em;
+    margin: 0.5em;
+
+    dt {
+        padding-bottom: 0.5em;
+    }
+    dd {
+        padding: 0;
+        padding-bottom: 1em;
+        margin-bottom: 1em;
+        border-bottom: 1px solid @darker_border;
+    }
+
+    input, select, textarea {
+        .border3d();
+        width: 98%;
+
+        padding: 5px;
+        font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
+
+        &:focus {
+            background: #effae6;
+        }
+    }
+
+    div.actions {
+        padding-top: 1em;
+        margin-top: 1em;
+        border-top: 1px solid @darker_border;
+    }
+
+    div.actions input { // submit & reset buttons
+        width: auto;
+
+        font: bold 12px Arial, Sans-serif;
+        color: #fff;
+
+        height: 2.5em;
+        background: #9ccf5f;
+        border-width: 1px;
+        border-style: solid;
+        border-color: #B6DE8F #8DB836 #8DB836 #B6DE8F;
+    }
+
+    ul.errors {
+        margin: 0;
+        padding: 0;
+
+        li {
+            list-style: none;
+            padding-top: 0.5em;
+
+            color: #000;
+        }
+    }
+}
 
 // Header ------------------------------------------------------
 
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.