changeset 1587:478a487069d1

Modernized theme form styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Wed, 01 Aug 2012 02:22:24 +0530
parents 8a8fa6505945
children 48bcafd8f5ec
files MoinMoin/themes/modernized/static/css/common.css MoinMoin/themes/modernized/static/css/stylus/main.styl
diffstat 2 files changed, 90 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/modernized/static/css/common.css	Tue Jul 31 03:59:51 2012 +0530
+++ b/MoinMoin/themes/modernized/static/css/common.css	Wed Aug 01 02:22:24 2012 +0530
@@ -265,9 +265,22 @@
 .moin-disabled{color:#737373}
 .moin-rev-navigation-current{font-size:1.5em;text-transform:uppercase}
 .moin-rev-navigation-older,.moin-rev-navigation-newer{padding:0 20px 0 20px}
-.moin-form dd{margin-bottom:1em}
-.moin-form dd input{width:20em}
-.moin-form dt label.required:after{content:'*';color:#737373}
+label{display:block;font-weight:bold}
+input[type="submit"],input[type="button"],button{font-weight:bold;font-size:.75em;background:#dfdfdf;padding:4px 15px;border:1px solid #4e7da9;border-radius:6px;box-shadow:1px 1px 2px #9d9d9b;cursor:pointer;}
+input[type="submit"]:hover,input[type="button"]:hover,button:hover{box-shadow:1px 1px 2px #000}
+input[type="submit"]:active,input[type="button"]:active,button:active{position:relative;top:1px}
+input,select{padding:3px;background:#fff;border:1px solid #4e7da9;border-radius:2px}
+input[type="text"]{width:96%}
+input.blank{border-color:#4e7da9;border-width:2px}
+.moin-form dd{float:left;width:70%;margin-bottom:1em;margin-left:0;}
+.moin-form dd input{width:75%}
+.moin-form dt{clear:both;float:left;width:25%;text-align:right;margin-top:.3em;padding-right:1%;}
+.moin-form dt label.required:after{content:'*';color:#000}
+.moin-form button,.moin-form input[type="submit"]{margin-left:48%}
+form[name="delete_item"] dd input,form[name="rename_item"] dd input,form[name="destroy_item"] dd input{width:100%}
+form[name="delete_item"] dt,form[name="rename_item"] dt,form[name="destroy_item"] dt{width:20%}
+#options dd{float:none;width:38%;display:table-cell;padding:1.2em}
+#options dt{margin-left:10%;text-align:left;width:61%;margin-top:1.3em}
 #moin-usersettings a{color:#00008b}
 .moin-tab-titles{margin:0;padding:-10px 0 0;list-style:none;border-bottom:3px solid #4e7da9}
 .moin-tab-titles li{display:inline-block;margin:10px 0 -3px;padding:0 5px;border-bottom:3px solid #4e7da9}
--- a/MoinMoin/themes/modernized/static/css/stylus/main.styl	Tue Jul 31 03:59:51 2012 +0530
+++ b/MoinMoin/themes/modernized/static/css/stylus/main.styl	Wed Aug 01 02:22:24 2012 +0530
@@ -315,15 +315,81 @@
 .moin-rev-navigation-newer
     padding 0 20px 0 20px
 
-.moin-form dd
-    margin-bottom 1em
+// form
+label
+    display block
+    font-weight bold
 
-.moin-form dd input
-    width 20em
-
-.moin-form dt label.required:after
-    content '*'
-    color footer_color
+input[type="submit"],
+input[type="button"],
+button
+    font-weight bold
+    font-size .75em
+    background base_color
+    padding 4px 15px
+    border border_style
+    border-radius 6px
+    box-shadow 1px 1px 2px shadow_color
+    cursor pointer
+    &:hover
+        box-shadow 1px 1px 2px font_color
+    &:active
+        position relative
+        top 1px
+    
+input,
+select
+    padding 3px
+    background page_color
+    border border_style
+    border-radius 2px
+input[type="text"]
+    width 96%
+input.blank
+    border-color border_color
+    border-width 2px
+    
+.moin-form 
+    dd
+        float left
+        width 70%
+        margin-bottom 1em
+        margin-left 0
+        input
+            width 75%
+    dt
+        clear both
+        float left
+        width 25%
+        text-align right
+        margin-top .3em
+        padding-right 1%
+        label
+            &.required:after
+                content '*'
+                color font_color
+    button,
+    input[type="submit"]
+        margin-left 48%
+    
+form[name="delete_item"], form[name="rename_item"], form[name="destroy_item"] 
+    dd
+        input
+            width 100%
+    dt
+        width 20%
+        
+#options
+    dd
+        float none
+        width 38%
+        display table-cell
+        padding 1.2em
+    dt
+        margin-left 10%
+        text-align left
+        width 61%
+        margin-top 1.3em
 
 #moin-usersettings
     a