zen 0.2.7 → 0.2.8

data/lib/zen/public/admin/css/zen/buttons.css

@@ -15,8 +15,10 @@
 
     .button a, .button input[type="submit"], .button button
     {
-        background:      #ddd;
-        background:      #ddd -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#eee));
+        background: #ddd;
+        background: #ddd -webkit-gradient(linear, left bottom, left top,
+            from(#ddd), to(#eee));
+
         background:      #ddd -moz-linear-gradient(bottom, top, #ddd, #eee);
         border:          none;
         border-top:      1px solid #fff;
@@ -35,16 +37,18 @@
 
     .button a
     {
-        padding: 5px;
+        padding: 3px 5px;
     }
-    
+
     .button input[type="submit"]
     {
-        padding: 5px 4px 6px 4px;
+        padding: 5px 6px 6px 6px;
     }
-    
+
     .button a:active, .button input[type="submit"]:active, .button button:active
     {
-        background: #eee -webkit-gradient(linear, left bottom, left top, from(#eee), to(#ddd));
+        background: #eee -webkit-gradient(linear, left bottom, left top,
+            from(#eee), to(#ddd));
+
         background: #eee -moz-linear-gradient(bottom, top, #eee, #ddd);
     }

data/lib/zen/public/admin/css/zen/datepicker.css

@@ -14,7 +14,7 @@
     border:        5px solid #ddd;
     cursor:        move;
     display:       block;
-    height:        255px;
+    height:        285px;
     margin-top:    5px;
     padding:       5px;
     position:      absolute;
@@ -35,7 +35,7 @@
         {
             font-size:  14px;
             margin:     0px auto;
-            padding:    12px 0px 5px 0px;
+            padding:    10px 0px 5px 0px;
             text-align: center;
         }
         .datepicker .header .title:hover
@@ -43,13 +43,13 @@
             text-decoration: underline;
         }
 
-        .datepicker .header .previous, .datepicker .header .next 
+        .datepicker .header .previous, .datepicker .header .next
         {
             cursor:     pointer;
             display:    block;
             font-size:  24px;
             height:     10px;
-            padding:    5px 5px 5px 3px;
+            padding:    2px 5px 5px 3px;
             position:   absolute;
             top:        -1px;
             width:      10px;
@@ -59,7 +59,7 @@
         {
             left:  5px;
         }
-        
+
         .datepicker .header .next
         {
             right: 5px;
@@ -72,7 +72,7 @@
 
     .datepicker .body
     {
-        height:    215px;
+        height:    255px;
         overflow:  hidden;
         position:  relative;
     }

data/lib/zen/public/admin/css/zen/forms.css

@@ -9,7 +9,7 @@
 form label
 {
     display:       block;
-    margin-bottom: 10px;
+    margin-bottom: 5px;
 }
 
     form label .error
@@ -26,6 +26,7 @@ input[type="text"], input[type="password"], textarea, input[type="email"]
     border:      1px solid #ccc;
     font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
     font-size:   14px;
+    line-height: 1.4;
     padding:     5px;
     min-width:   400px;
 }

data/lib/zen/public/admin/css/zen/general.css

@@ -12,6 +12,7 @@ body
     background:  #eee;
     font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
     font-size:   13px;
+    line-height: 1.6;
 }
 
 /* Headings */
@@ -47,11 +48,11 @@ h6
 
 h1, h2, h3, h4, h5, h6
 {
-    margin-bottom: 15px;
+    margin-bottom: 10px;
 }
 
 /* General */
-p,dl,hr,ol,ul,pre,table,address,fieldset 
+p, dl, hr, ol, ul, pre, table, address, fieldset 
 {
     margin-bottom: 20px;
 }
@@ -71,20 +72,24 @@ hr
 
 a, a:active, a:visited
 {
-    color:#607890;
+    color: #607890;
 }
 
 a:hover
 {
-    color:#036;
+    color: #036;
 }
 
-/**
- * Icons and other re-usable images.
- *
- * @author Yorick Peterse
- * @since  0.1
- */
+/* Code blocks */
+pre
+{
+    background: #444;
+    color:      #fff;
+    overflow:   auto;
+    padding:    10px;
+}
+
+/* Icons and other re-usable images. */
 .icon_edit,.icon_delete,.icon_add, .icon_success, .icon_error, .icon_info, .icon_view
 {
     margin-right: 10px;

data/lib/zen/public/admin/css/zen/layout.css

@@ -36,7 +36,7 @@
     {
         color:            #fff;
         display:          block;
-        margin:           3px 10px;
+        margin:           1px 10px;
         padding:          3px 3px 5px 3px;
         text-decoration:  none;
         text-align:       center;
@@ -82,8 +82,8 @@
                 }
 
 /**
- * Main area of the admin panel. The content stretches across the entire screen and there
- * are no silly sidebars.
+ * Main area of the admin panel. The content stretches across the entire screen
+ * and there are no silly sidebars.
  */
 #container
 {
@@ -92,7 +92,7 @@
     border:        5px solid #ddd;
     margin-top:    20px;
     min-height:    100px;
-  
+
     -webkit-border-radius: 5px;
     -moz-border-radius:    5px;
 }
@@ -107,32 +107,63 @@
     margin: 20px auto;
     width:  500px;
 }
-  
+
 /**
  * Bottom part of the admin panel containing the footer
  */
 #main_footer
 {
-    margin-top: 20px;
+    font-size:  12px;
+    margin-top: 10px;
     text-align: center;
 }
 
     #main_footer p
     {
-      margin-bottom: 8px;
-      margin:        0 auto 8px auto;
-      width:         300px;
+        text-align: center;
     }
-    
-    #main_footer ul
+
+/* CSS rules for the pagination system */
+.pager
+{
+    float: right;
+}
+
+    .pager a
     {
-        list-style-type: none;
-        margin:          0 auto;
-        width:           300px;
+        background: #ddd;
+        background: #ddd -webkit-gradient(linear, left bottom, left top,
+            from(#ddd), to(#eee));
+
+        background:      #ddd -moz-linear-gradient(bottom, top, #ddd, #eee);
+        border:          1px solid #bbb;
+        color:           #000!important;
+        display:         inline-block!important;
+        font-size:       13px;
+        font-family:     'Helvetica Neue', Helvetica, Arial, sans-serif;
+        margin-left:     10px;
+        min-width:       20px;
+        padding:         3px 5px;
+        text-decoration: none;
+        text-shadow:     1px 1px #fff;
+        text-align:      center;
+    }
+
+    .pager a.current
+    {
+        font-weight: bold;
+        padding:     2px 5px 4px 5px;
+    }
+
+    .pager a:active
+    {
+        background: #eee -webkit-gradient(linear, left bottom, left top,
+            from(#eee), to(#ddd));
+
+        background: #eee -moz-linear-gradient(bottom, top, #eee, #ddd);
+    }
+
+    .pager span
+    {
+        display: none;
     }
-        #main_footer ul li
-        {
-            float:      left;
-            margin:     0px 8px;
-            text-align: center;
-        }

data/lib/zen/public/admin/css/zen/tables.css

@@ -1,11 +1,5 @@
 @charset "UTF-8";
 
-/**
-* Tables
-*
-* @author Yorick Peterse
-* @since  0.1
-*/
 table
 {
     border:          1px solid #aaa;
@@ -16,12 +10,15 @@ table
 
     table thead
     {
-        background:      #ddd;
+        background: #ddd;
     }
 
         table thead tr th
         {
-            background:    #ddd -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#eee));
+            background: #ddd -webkit-gradient(
+                linear, left bottom, left top,from(#ddd), to(#eee)
+            );
+
             background:    #ddd -moz-linear-gradient(bottom, top, #ddd, #eee);
             border-top:    1px solid #fff;
             border-right:  1px solid #aaa;
@@ -34,17 +31,48 @@ table
             border-right:  none;
         }
 
+        /* Styles used to indicate the sort order of a column */
+        table thead tr th div
+        {
+            background:   url('../../images/zen/icons/asc.png')
+                no-repeat center right;
+
+            cursor:        pointer;
+            margin-right:  -5px;
+            padding-right: 30px;
+
+            /* VENDOR PREFIXES, AWESOME! */
+            user-select:         none;
+            -webkit-user-select: none;
+            -khtml-user-select:  none;
+            -moz-user-select:    none;
+            -o-user-select:      none;
+        }
+
+        table thead tr th.desc
+        {
+            background: #ddd;
+        }
+
+            table thead tr th.desc div
+            {
+                background:   url('../../images/zen/icons/desc.png')
+                    no-repeat center right!important;
+            }
+
         table thead tr th, table tbody tr td
         {
-            padding: 4px 10px 2px 10px;
+            padding:        2px 10px;
+            vertical-align: middle;
         }
 
-        .table thead tr th:first-child, .table tbody tr td:first-child
+        table thead tr th:first-child, table tbody tr td:first-child
         {
             width: 15px;
         }
 
-        .table thead tr th:first-child input[type="checkbox"], .table tbody tr td:first-child input[type="checkbox"]
+        table thead tr th:first-child input[type="checkbox"],
+        table tbody tr td:first-child input[type="checkbox"]
         {
             margin-top: 3px;
         }

data/lib/zen/public/admin/css/zen/tabs.css

@@ -14,7 +14,8 @@
 }
     .tabs ul
     {
-        background:      #ddd -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#eee));
+        background:      #ddd -webkit-gradient(linear, left bottom, left top, 
+            from(#ddd), to(#eee));
         background:      #ddd -moz-linear-gradient(bottom, top, #ddd, #eee);
         border-top:      1px solid #fff;
         height:          29px;
@@ -37,17 +38,18 @@
         }
         .tabs ul li.active a
         {
-            background:        #eee -webkit-gradient(linear, left bottom, left top, from(#eee), to(#ddd));
+            background:        #eee -webkit-gradient(linear, left bottom, 
+                left top, from(#eee), to(#ddd));
             background:        #eee -moz-linear-gradient(bottom, top, #eee, #ddd);
             border-bottom:     1px solid #aaa;
-            height:            19px;
+            height:            20px;
         }
             .tabs ul li a
             {
                 color:           #000;
                 display:         block;
                 height:          20px;
-                padding:         6px 15px 4px 15px;
+                padding:         4px 15px 5px 15px;
                 text-decoration: none;
                 text-shadow:     0px 1px #fff;
             }

data/lib/zen/public/admin/css/zen/window.css

@@ -6,14 +6,13 @@
  */
 .window
 {
-    background:     #fff;
-    border:         1px solid #aaa;
-    left:           50%;
-    min-width:      350px;
-    min-height:     100px;
-    position:       absolute;
-    padding-bottom: 10px;
-    top:            80px;
+    background:  #fff;
+    border:      1px solid #aaa;
+    left:        50%;
+    min-width:   350px;
+    min-height:  100px;
+    position:    absolute;
+    top:         80px;
 }
 
 .window.move
@@ -35,7 +34,8 @@
 
     .window header
     {
-        background:    #ddd -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#eee));
+        background:    #ddd -webkit-gradient(linear, left bottom, left top, 
+            from(#ddd), to(#eee));
         background:    #ddd -moz-linear-gradient(bottom, top, #ddd, #eee);
         border-top:    1px solid #fff;
         border-bottom: 1px solid #aaa;
@@ -51,7 +51,7 @@
             padding:     0px;
             text-shadow: 0px 1px #fff;
             text-align:  center;
-            width:       96%;
+            width:       97%;
         }
 
         .window header .close
@@ -65,7 +65,7 @@
 
     .window .body, .window .buttons
     {
-        padding: 10px;
+        padding: 20px;
     }
 
     .window .buttons

data/lib/zen/public/admin/js/vendor/datepicker.js

@@ -7,10 +7,7 @@ requires: [Core/Element.Dimensions, Core/Fx.Tween, Core/Fx.Transitions]
 provides: Picker
 ...
 */
-
-
 var Picker = new Class({
-
 	Implements: [Options, Events],
 
 	options: {/*
@@ -299,10 +296,7 @@ requires: [Picker, Core/Element.Event]
 provides: Picker.Attach
 ...
 */
-
-
 Picker.Attach = new Class({
-
 	Extends: Picker,
 
 	options: {/*
@@ -437,8 +431,6 @@ requires: [More/Locale]
 provides: Locale.en-US.DatePicker
 ...
 */
-
-
 Locale.define('en-US', 'DatePicker', {
 	select_a_time: 'Select a time',
 	use_mouse_wheel: 'Use the mouse wheel to quickly change value',
@@ -454,8 +446,6 @@ requires: [Picker, Picker.Attach, Locale.en-US.DatePicker, More/Locale, More/Dat
 provides: Picker.Date
 ...
 */
-
-
 (function(){
 
 this.DatePicker = Picker.Date = new Class({
@@ -764,7 +754,6 @@ this.DatePicker = Picker.Date = new Class({
 
 });
 
-
 // Renderers only output elements and calculate the limits!
 
 var renderers = {