changeset 1519:05e1d8630527

Foobar theme forms styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Wed, 04 Jul 2012 13:31:41 +0530
parents aceb6e8e34eb
children a9f837dee2d7
files MoinMoin/themes/foobar/static/css/common.css MoinMoin/themes/foobar/static/css/stylus/main.styl MoinMoin/themes/foobar/templates/modify_applet.html
diffstat 3 files changed, 49 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/foobar/static/css/common.css	Tue Jul 03 21:36:23 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/common.css	Wed Jul 04 13:31:41 2012 +0530
@@ -207,11 +207,18 @@
 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:#f0f0f0;border:1px solid #ccc;border-radius:2px}
-input[type="text"]{width:300px}
+input[type="text"]{width:96%}
 input.blank{border-color:#ccc;border-width:2px}
-.moin-form dd{margin-bottom:1em;}
-.moin-form dd input{width:20em}
+.moin-form dd{float:left;width:69%;margin-bottom:1em;margin-left:0;}
+.moin-form dd input{width:70%}
+.moin-form dt{clear:both;float:left;width:30%;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%}
+#moin-modify dd{margin-left:.9em;width:100%;float:none}
+#moin-modify dt{float:none;text-align:left;width:auto}
+#moin-modify input[type="submit"]{margin-left:0}
+#moin-options dd{float:none;width:38%;display:table-cell;padding:1.2em}
+#moin-options dt{margin-left:10%;text-align:left;width:61%;margin-top:1.3em}
 #moin-create-table{width:95%;margin-left:auto;margin-right:auto;}
 #moin-create-table tbody tr th{text-align:center;background:#d0d0d0;margin:2px}
 #moin-create-table tbody tr td{text-align:center;background:#f0f0f0;}
--- a/MoinMoin/themes/foobar/static/css/stylus/main.styl	Tue Jul 03 21:36:23 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/stylus/main.styl	Wed Jul 04 13:31:41 2012 +0530
@@ -225,22 +225,58 @@
     border border_style
     border-radius 2px
 input[type="text"]
-    width 300px
+    width 96%
 input.blank
     border-color border_color
     border-width 2px
     
 .moin-form 
     dd
+        float left
+        width 69%
         margin-bottom 1em
+        margin-left 0
         input
-            width 20em
+            width 70%
     dt
+        clear both
+        float left
+        width 30%
+        text-align right
+        margin-top .3em
+        padding-right 1%
         label
             &.required:after
                 content '*'
                 color font_color
+    button,
+    input[type="submit"]
+        margin-left 48%
+    
+#moin-modify
+    dd
+        margin-left 0.9em
+        width 100%
+        float none
+    dt
+        float none
+        text-align left
+        width auto
+    input[type="submit"]
+        margin-left 0
 
+#moin-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
+        
 // create table
 #moin-create-table
     width 95%
--- a/MoinMoin/themes/foobar/templates/modify_applet.html	Tue Jul 03 21:36:23 2012 +0530
+++ b/MoinMoin/themes/foobar/templates/modify_applet.html	Wed Jul 04 13:31:41 2012 +0530
@@ -2,7 +2,7 @@
 {% extends theme("local.html") %}
 {% block content %}
 <h1>{{ _("Modifying %(item_name)s", item_name=item_name) }}</h1>
-<div class="moin-form">
+<div id="moin-modify" class="moin-form">
 {{ gen.form.open(form, method='post', action='', enctype='multipart/form-data') }}
 {{ forms.render_errors(form) }}
 {% block extra_form %}{% endblock %}