changeset 1590:3ca29b69d4be

Modernized theme history page styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Thu, 02 Aug 2012 02:01:21 +0530
parents 51f75e39d8b3
children 924a3d927018
files MoinMoin/themes/modernized/static/css/common.css MoinMoin/themes/modernized/static/css/stylus/main.styl
diffstat 2 files changed, 48 insertions(+), 23 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/modernized/static/css/common.css	Wed Aug 01 03:05:08 2012 +0530
+++ b/MoinMoin/themes/modernized/static/css/common.css	Thu Aug 02 02:01:21 2012 +0530
@@ -242,13 +242,13 @@
 .monospaced{font-family:monospace}
 table{margin:.5em;border-collapse:collapse}
 th,td{padding:.3em .4em;vertical-align:middle;text-align:left}
-th{border:1px solid #4e7da9;background-color:#708090}
+th{border:1px solid #4e7da9;background-color:#708090;text-align:center;color:#d8dfe9}
 td{border:1px solid #4e7da9}
 td p{margin:0;padding:0}
-table.zebra{border:none;border-collapse:separate;border-spacing:1px}
+table.zebra{border-collapse:separate;border-spacing:1px}
 .zebra thead{background-color:#708090}
 .zebra tfoot{background-color:#dfdfdf}
-.zebra th,.zebra td{border:none}
+.zebra td{border:none}
 .zebra tbody tr,.zebra > tr{background-color:#eef1f6}
 .zebra tbody tr:nth-child(odd),.zebra > tr:nth-child(odd){background-color:#d8dfe9}
 div.moin-table-of-contents{border:1px solid #4e7da9;color:#000;background:#fff;font-size:80%;margin:.5em 0 .75em 1em;padding:.5em .75em .5em .5em;text-indent:-1em;max-width:35%;text-align:left;float:right;clear:both;box-shadow:3px 3px 6px #9d9d9b;border-radius:15px}
@@ -312,6 +312,11 @@
 .moin-hist-rev input{float:left}
 .moin-hist-rev{margin:0}
 #moin-global-history,#moin-page-history{font-size:75%}
+#moin-page-history table{border:1px solid #4e7da9;border-radius:5px;}
+#moin-page-history table thead{border-top-left-radius:5px;border-top-right-radius:5px;}
+#moin-page-history table thead tr th{text-align:center;}
+#moin-page-history table thead tr th input[type="Submit"]{padding:4px 10px;box-shadow:1px 1px 2px #9d9d9b;cursor:pointer;font-size:1em;}
+#moin-page-history table thead tr th input[type="Submit"]:hover{box-shadow:1px 1px 2px #000}
 .moin-wordbreak{word-break:break-all;word-wrap:break-word}
 .moin-history-time{width:10%}
 .moin-history-contenttype{width:18%}
@@ -319,11 +324,11 @@
 .moin-history-comment{width:30%}
 .moin-action{width:2%}
 .moin-action a:hover{text-decoration:none}
-.moin-history-container{border:1px solid #4e7da9;margin:2em 0}
-.moin-history-container-header{background:#708090;margin:0;padding:4px;color:#fff;border-bottom:1px solid #4e7da9}
+.moin-history-container{border:1px solid #4e7da9;margin:2em 2em;border-top-left-radius:5px;border-top-right-radius:5px}
+.moin-history-container-header{background:#708090;margin:0;padding:4px;color:#fff;border-bottom:1px solid #4e7da9;border-top-left-radius:5px;border-top-right-radius:5px;}
 .moin-history-container-header h2{display:inline;border:none}
 .moin-history-container-header a.bookmark-link{margin-left:10px;color:#fff}
-.moin-history-container-body{margin:0;padding:0;font-size:14px}
+.moin-history-container-body{margin:0;padding:0;font-size:1.2em;}
 .moin-history-container-body table{margin:0;width:100%}
 .moin-history-save:before{content:url("../img/moin-edit.png")}
 .moin-history-trash:before{content:url("../img/moin-deleted.png")}
--- a/MoinMoin/themes/modernized/static/css/stylus/main.styl	Wed Aug 01 03:05:08 2012 +0530
+++ b/MoinMoin/themes/modernized/static/css/stylus/main.styl	Thu Aug 02 02:01:21 2012 +0530
@@ -219,6 +219,8 @@
 th
     border border_style
     background-color header_bg_color
+    text-align center
+    color table_row_color
 
 td
     border border_style
@@ -228,17 +230,16 @@
     padding 0
 
 table.zebra
-    border none
     border-collapse separate
     border-spacing 1px
 
 .zebra thead
     background-color header_bg_color
-
+   
 .zebra tfoot
     background-color base_color
 
-.zebra th, .zebra td
+.zebra td
     border none
 
 .zebra tbody tr, .zebra > tr
@@ -536,6 +537,24 @@
 #moin-global-history,
 #moin-page-history
     font-size 75%
+    
+#moin-page-history
+    table
+        border border_style
+        border-radius 5px
+        thead 
+            border-top-left-radius 5px
+            border-top-right-radius 5px
+            tr th
+                    text-align center
+                    input[type="Submit"]
+                        padding 4px 10px
+                        box-shadow 1px 1px 2px shadow_color
+                        cursor pointer
+                        font-size 1em
+                        &:hover
+                            box-shadow 1px 1px 2px font_color
+
 
 .moin-wordbreak
     word-break break-all
@@ -561,7 +580,9 @@
 
 .moin-history-container
     border border_style
-    margin 2em 0
+    margin 2em 2em
+    border-top-left-radius 5px
+    border-top-right-radius 5px
 
 .moin-history-container-header
     background header_bg_color
@@ -569,23 +590,22 @@
     padding 4px
     color heading_color
     border-bottom border_style
-
-.moin-history-container-header h2
-    display inline
-    border none
-
-.moin-history-container-header a.bookmark-link
-    margin-left 10px
-    color heading_color
+    border-top-left-radius 5px
+    border-top-right-radius 5px
+    h2
+        display inline
+        border none
+    a.bookmark-link
+        margin-left 10px
+        color heading_color
 
 .moin-history-container-body
     margin 0
     padding 0
-    font-size 14px
-
-.moin-history-container-body table
-    margin 0
-    width 100%
+    font-size 1.2em
+    table
+        margin 0
+        width 100%
 
 .moin-history-save:before
     content url('../img/moin-edit.png')