changeset 1604:199181f2de0d

Foobar theme zebra table styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Sat, 04 Aug 2012 19:10:04 +0530
parents 27827221d3ca
children bcf552954dea
files MoinMoin/themes/foobar/static/css/common.css MoinMoin/themes/foobar/static/css/stylus/main.styl
diffstat 2 files changed, 13 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/foobar/static/css/common.css	Sat Aug 04 18:32:06 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/common.css	Sat Aug 04 19:10:04 2012 +0530
@@ -227,7 +227,7 @@
 #moin-modify dl,form[name="delete_item"] dl,form[name="rename_item"] dl,form[name="destroy_item"] dl{margin: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{width:95%;margin-left:auto;margin-right:auto;border:none;}
 #moin-create-table tbody tr th{text-align:center;background:#808080;margin:2px}
 #moin-create-table tbody tr td{text-align:center;background:#f4f4f4;}
 #moin-create-table tbody tr td a{color:#1e90ff}
@@ -394,15 +394,16 @@
 hr.moin-hr4{height:7px}
 hr.moin-hr5{height:9px}
 hr.moin-hr6{height:12px}
-table{margin:.5em;border-collapse:collapse;}
+table{margin:1%;border-collapse:collapse;}
 table th,table td{padding:.3em .4em;vertical-align:middle;text-align:left}
 table th{border:1px solid #ccc;background-color:#808080;color:#fff}
 table td{border:1px solid #ccc}
-table.zebra{border:none;border-collapse:separate;border-spacing:1px;}
+table.zebra{border:1px solid #ccc;border-collapse:separate;border-spacing:1px;width:98%;border-radius:6px;}
 table.zebra thead{background-color:#808080;color:#fff}
 table.zebra tfoot{background-color:#d6d5d0}
 table.zebra tbody tr,table.zebra > tr{background-color:#d9d9d9}
 table.zebra th,table.zebra td{border:none}
+table.zebra td form input{width:100%}
 pre{font-family:monospace;white-space:pre-wrap;word-wrap:break-word;border:1px solid #ccc;background-color:#d6d5d0;margin:.5em;padding:5px;clear:both;}
 pre.comment{background-color:#2d2d2d;color:#fff;margin:0;padding:0;border:0;}
 pre.comment:before{content:url("../img/attention.png")}
--- a/MoinMoin/themes/foobar/static/css/stylus/main.styl	Sat Aug 04 18:32:06 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/stylus/main.styl	Sat Aug 04 19:10:04 2012 +0530
@@ -305,6 +305,7 @@
     width 95%
     margin-left auto
     margin-right auto
+    border none
     tbody tr 
             th
                 text-align center
@@ -936,7 +937,7 @@
 
 // tables
 table
-    margin 0.5em
+    margin 1%
     border-collapse collapse
     th, td
         padding 0.3em 0.4em
@@ -950,9 +951,11 @@
         border border_style
 
 table.zebra
-    border none
+    border border_style
     border-collapse separate
     border-spacing 1px
+    width 98%
+    border-radius 6px
     thead
         background-color table_header_color
         color heading_color
@@ -964,6 +967,10 @@
     th,
     td
         border none
+    td
+        form
+            input
+                width 100%
 
 pre
     font-family monospace