changeset 1479:7b1644663fc0

Foobar theme form styling *** Foobar theme form styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Fri, 22 Jun 2012 20:08:55 +0530
parents 392407f46538
children e32d276a29c7
files MoinMoin/themes/foobar/static/css/common.css MoinMoin/themes/foobar/static/css/stylus/main.styl
diffstat 2 files changed, 50 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/foobar/static/css/common.css	Fri Jun 22 09:40:44 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/common.css	Fri Jun 22 20:08:55 2012 +0530
@@ -169,6 +169,16 @@
 #moin-footer ul li,#moin-credits li{padding:.1em}
 #moin-footer-logos{float:right;}
 #moin-footer-logos ul li{display:inline}
+label{display:block;font-weight:bold}
+button{background:#d6d5d0;padding:3px 5px;border:1px solid #ccc;border-radius:2px;box-shadow:1px 1px 2px #9d9d9b;cursor:pointer;}
+button:hover{box-shadow:1px 1px 2px #000}
+input,select{padding:3px;background:#f0f0f0;border:1px solid #ccc;border-radius:2px}
+input[type="text"]{width:300px}
+input[type="submit"],input[type="button"]{background:#d6d5d0}
+input.blank{border-color:#ccc;border-width:2px}
+.moin-form dd{margin-bottom:1em;}
+.moin-form dd input{width:20em}
+.moin-form dt label.required:after{content:'*';color:#000}
 a{text-decoration:none;}
 a:link{color:#4fa8fa}
 a:visited{color:#5e84a7}
--- a/MoinMoin/themes/foobar/static/css/stylus/main.styl	Fri Jun 22 09:40:44 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/stylus/main.styl	Fri Jun 22 20:08:55 2012 +0530
@@ -163,7 +163,47 @@
     float opposite-position(dir)
     ul li
         display inline
+        
+// form
+label
+    display: block
+    font-weight: bold
 
+button
+    background base_color
+    padding 3px 5px
+    border border_style
+    border-radius 2px
+    box-shadow 1px 1px 2px shadow_color
+    cursor pointer
+    &:hover
+        box-shadow 1px 1px 2px font_color
+    
+input,
+select
+    padding: 3px
+    background: page_color
+    border: border_style
+    border-radius 2px
+input[type="text"]
+    width: 300px
+input[type="submit"],
+input[type="button"] 
+    background base_color
+input.blank
+    border-color: border_color
+    border-width: 2px
+
+.moin-form 
+    dd
+        margin-bottom: 1em
+        input
+            width: 20em
+    dt
+        label
+            &.required:after
+                content: '*'
+                color: font_color
 
 // links
 a