zen 0.3 → 0.4

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

@@ -0,0 +1,106 @@
+.button
+{
+    background-color: #E6E6E6;
+    border:           1px solid #ccc;
+    color:            #000;
+    display:          inline-block;
+    font-family:      'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-size:        13px;
+    min-height:       30px;
+    min-width:        70px;
+    margin:           0px 5px 0px 0px;
+    padding:          3px 8px;
+    text-shadow:      0px -1px 0px #fff;
+    text-align:       center;
+    text-decoration:  none;
+    vertical-align:   top;
+
+    border-radius:         3px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius:    3px;
+
+    background-image: linear-gradient(#fff, #E6E6E6);
+    background-image: -webkit-linear-gradient(#fff, #E6E6E6);
+    background-image: -moz-linear-gradient(#fff, #E6E6E6);
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#ffffff',
+        EndColorStr='#E6E6E6'
+    );
+
+    box-shadow:         0px 1px 1px #ddd;
+    -webkit-box-shadow: 0px 1px 1px #ddd;
+    -moz-box-shadow:    0px 1px 1px #ddd;
+}
+
+.firefox input.button, .firefox button.button
+{
+    padding-top: 0px;
+}
+
+a.button
+{
+    min-height:  19px;
+    padding-top: 6px;
+}
+
+.button:hover
+{
+    border-color:    #aaa;
+    color:           #000;
+    text-decoration: none;
+
+    box-shadow:         0px 1px 2px #bbb;
+    -webkit-box-shadow: 0px 1px 2px #bbb;
+    -moz-box-shadow:    0px 1px 2px #bbb;
+}
+
+.button:active
+{
+    background-image: linear-gradient(bottom, #fff, #E6E6E6);
+    background-image: -webkit-linear-gradient(bottom, #fff, #E6E6E6);
+    background-image: -moz-linear-gradient(bottom, #fff, #E6E6E6);
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#E6E6E6',
+        EndColorStr='#ffffff'
+    );
+}
+
+.button.danger
+{
+    background-color: #c42a24;
+    border-color:     #882A25;
+    color:            #fff;
+    text-shadow:      0px -1px 0px #460f0e;
+
+    background-image: linear-gradient(#f0332b, #c42a24);
+    background-image: -webkit-linear-gradient(#f0332b, #c42a24);
+    background-image: -moz-linear-gradient(#f0332b, #c42a24);
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#f0332b',
+        EndColorStr='#c42a24'
+    );
+}
+
+.button.danger:hover
+{
+    border-color: #68211d;
+
+    box-shadow:         0px 1px 2px #aaa;
+    -webkit-box-shadow: 0px 1px 2px #aaa;
+    -moz-box-shadow:    0px 1px 2px #aaa;
+}
+
+.button.danger:active
+{
+    background-image: linear-gradient(bottom, #f0332b, #c42a24);
+    background-image: -webkit-linear-gradient(bottom, #f0332b, #c42a24);
+    background-image: -moz-linear-gradient(bottom, #f0332b, #c42a24);
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#c42a24',
+        EndColorStr='#f0332b'
+    );
+}

data/lib/zen/public/admin/{css/zen → zen/css}/datepicker.css

@@ -1,32 +1,32 @@
 .datepicker
 {
-    background:    #fff;
-    border-radius: 5px;
-    border:        5px solid #ddd;
-    cursor:        move;
-    display:       block;
-    height:        295px;
-    margin-top:    5px;
-    padding:       5px;
-    position:      absolute;
-    width:         290px;
-
-    -webkit-border-radius: 5px;
-    -moz-border-radius:    5px;
+    background: #fff;
+    border:     1px solid #aaa;
+    display:    block;
+    height:     265px;
+    margin-top: 5px;
+    position:   absolute;
+    width:      300px;
+
+    box-shadow:         0px 2px 5px #ccc;
+    -webkit-box-shadow: 0px 2px 5px #ccc;
+    -moz-box-shadow:    0px 2px 5px #ccc;
 }
 
-    /* The datepicker's header */
     .datepicker .header
     {
-        background:   #eee;
-        height:       40px;
-        position:     relative;
+        background:    #eee;
+        border-bottom: 1px solid #ccc;
+        border-top:    1px solid #fff;
+        height:        30px;
+        position:      relative;
     }
+
         .datepicker .header .title
         {
             font-size:  14px;
             margin:     0px auto;
-            padding:    9px 0px 5px 0px;
+            padding:    5px 0px;
             text-align: center;
         }
 
@@ -43,7 +43,7 @@
             height:     10px;
             padding:    0px 5px 5px 3px;
             position:   absolute;
-            top:        -1px;
+            top:        -2px;
             width:      10px;
         }
 
@@ -64,18 +64,25 @@
 
     .datepicker .body
     {
-        height:    255px;
-        overflow:  hidden;
-        position:  relative;
+        height:   225px;
+        overflow: hidden;
+        position: relative;
     }
 
+        .datepicker .body .slider
+        {
+            height: 225px;
+            margin: 5px 5px 5px 10px;
+        }
+
         .datepicker .body .titles .day
         {
             font-weight: bold;
         }
 
         /* Grid showing all available days for the current month */
-        .datepicker .body .days .day, .datepicker .body .months .month,
+        .datepicker .body .days .day,
+        .datepicker .body .months .month,
         .datepicker .body .years .year
         {
             cursor:     pointer;
@@ -99,24 +106,32 @@
 
         .datepicker .body .days .selected
         {
-            border:     1px solid #ccc;
-            margin:     1px;
+            border: 1px solid #ccc;
+            margin: 1px;
         }
 
-        .datepicker .body .days .day:hover, .datepicker .body .months .month:hover,
+        .datepicker .body .days .day:hover,
+        .datepicker .body .months .month:hover,
         .datepicker .body .years .year:hover
         {
             text-decoration: underline;
         }
 
-        .datepicker .body .days .day.otherMonth
+        .datepicker .body .days .day.otherMonth, .datepicker .body .unavailable
         {
             color: #ccc;
         }
 
-        /* Field containing the form elements to edit the hours/minutes for a date */
-        .datepicker .body .time .hour, .datepicker .body .time .minutes,
-        .datepicker .body .time .separator, .datepicker .body .time .ok
+        .datepicker .body .unavailable:hover
+        {
+            cursor:          not-allowed;
+            text-decoration: none;
+        }
+
+        .datepicker .body .time .hour,
+        .datepicker .body .time .minutes,
+        .datepicker .body .time .separator,
+        .datepicker .body .time .ok
         {
             min-width:  100px;
             position:   absolute;

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

@@ -0,0 +1,69 @@
+.editor_container
+{
+    background: #eee;
+    border:     1px solid #aaa;
+    padding:    5px 18px 5px 5px;
+}
+
+.editor_container .editor_toolbar
+{
+    height:        30px;
+    margin-bottom: 5px;
+}
+
+    .editor_container .editor_toolbar:after
+    {
+        clear:       both;
+        content:     ' ';
+        display:     block;
+        font-size:   0;
+        height:      0;
+        line-height: 0;
+        visibility:  hidden;
+        width:       0;
+    }
+
+    .editor_container .editor_toolbar .button_icon
+    {
+        background-repeat: none;
+        display:           inline-block;
+        height:            16px;
+        margin:            0px 5px 0px 0px;
+        vertical-align:    top;
+        width:             16px;
+    }
+
+    .editor_container .editor_toolbar .bold .button_icon
+    {
+        background-image: url("/admin/zen/images/icons/bold.png");
+    }
+
+    .editor_container .editor_toolbar .italic .button_icon
+    {
+        background-image: url("/admin/zen/images/icons/italic.png");
+    }
+
+    .editor_container .editor_toolbar .link .button_icon
+    {
+        background-image: url("/admin/zen/images/icons/link.png");
+    }
+
+    .editor_container .editor_toolbar .ul .button_icon
+    {
+        background-image: url("/admin/zen/images/icons/ul.png");
+    }
+
+    .editor_container .editor_toolbar .ol .button_icon
+    {
+        background-image: url("/admin/zen/images/icons/ol.png");
+    }
+
+    .editor_container .editor_toolbar .preview .button_icon
+    {
+        background-image: url('/admin/zen/images/icons/preview.png');
+    }
+
+.editor_container textarea
+{
+    width: 100%;
+}

data/lib/zen/public/admin/{css/zen → zen/css}/forms.css

@@ -7,7 +7,7 @@ label
 
     label .error
     {
-        background:   url("/admin/images/zen/icons/error.png") no-repeat
+        background:   url("/admin/zen/images/icons/error.png") no-repeat
             center left;
         color:        #eb5e4a;
         display:      block;
@@ -18,34 +18,22 @@ label
 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-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
     font-size:   14px;
     line-height: 1.4;
     padding:     5px;
     min-width:   400px;
 }
 
-/* Radios and checkboxes */
-input[type="radio"], input[type="checkbox"]
-{
-    cursor:      pointer;
-    margin:      0px 5px 5px 0px;
-}
-
-.radio_wrap, .checkbox_wrap
-{
-    margin-right:  10px;
-}
-
-/* Text fields and password fields */
-input[type="text"], input[type="password"]
+textarea
 {
-    padding: 5px;
+    resize: both;
 }
 
-textarea
+input[type="radio"], input[type="checkbox"]
 {
-    width: 600px;
+    cursor: pointer;
+    margin: 0px 5px 5px 0px;
 }
 
 select
@@ -56,17 +44,6 @@ select
     width:     auto;
 }
 
-.input_wrapper
-{
-    margin-right: 10px;
-}
-
-*[disabled], *[disabled="disabled"]
-{
-    background: #f2f2f2;
-    cursor:     not-allowed;
-}
-
 fieldset
 {
     border:  1px solid #ddd;
@@ -78,3 +55,24 @@ fieldset
         font-size:   14px;
         font-weight: bold;
     }
+
+*[disabled]
+{
+    background: #f4f4f4;
+    cursor:     not-allowed;
+}
+
+.radio_wrap, .checkbox_wrap
+{
+    margin-right:  15px;
+}
+
+.input_wrapper
+{
+    margin-right: 10px;
+}
+
+form .large
+{
+    min-width: 600px;
+}

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

@@ -0,0 +1,183 @@
+body
+{
+    background:  #272727;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-size:   14px;
+}
+
+h1
+{
+    font-size: 22px;
+}
+
+h2
+{
+    font-size: 20px;
+}
+
+h3
+{
+    font-size: 18px;
+}
+
+h1, h2, h3, h4
+{
+    font-weight:   normal;
+    margin-bottom: 10px;
+}
+
+h2, h3, h4
+{
+    border-bottom:  1px solid #ccc;
+    padding-bottom: 5px;
+}
+
+p, dl, hr, ol, ul, pre, table, address, fieldset
+{
+    margin-bottom: 20px;
+}
+
+a
+{
+    color:           #0069D6;
+    text-decoration: none;
+}
+
+a:hover
+{
+    color:           #00438A;
+    text-decoration: underline;
+}
+
+ul, ol
+{
+    margin-left: 15px;
+}
+
+ul li
+{
+    list-style-type: disc;
+}
+
+ol li
+{
+    list-style-type: decimal;
+}
+
+pre
+{
+    background:  #f2f2f2;
+    border:      1px solid #ccc;
+    border-left: 5px solid #ccc;
+    font-family: monospace;
+    overflow:    auto;
+    padding:     5px 10px;
+}
+
+.clearfix:after
+{
+    clear:      both;
+    content:    '.';
+    display:    block;
+    height:     0;
+    overflow:   hidden;
+    visibility: hidden;
+}
+
+.icon
+{
+    background-repeat:   no-repeat;
+    background-position: center left;
+    display:             inline-block;
+    padding-left:        23px;
+}
+
+.icon.edit
+{
+    background-image: url('/admin/zen/images/icons/edit.png');
+}
+
+.icon.pages
+{
+    background-image: url('/admin/zen/images/icons/pages.png');
+}
+
+.icon.external
+{
+    background-image: url('/admin/zen/images/icons/external.png');
+}
+
+.icon.box
+{
+    background-image: url('/admin/zen/images/icons/box.png');
+}
+
+.icon.globe
+{
+    background-image: url('/admin/zen/images/icons/globe.png');
+}
+
+.icon.template
+{
+    background-image: url('/admin/zen/images/icons/template.png');
+}
+
+.icon.user
+{
+    background-image: url('/admin/zen/images/icons/user.png');
+}
+
+.icon.user_group
+{
+    background-image: url('/admin/zen/images/icons/user_group.png');
+}
+
+.icon.lock
+{
+    background-image: url('/admin/zen/images/icons/lock.png');
+}
+
+.icon.comment
+{
+    background-image: url('/admin/zen/images/icons/comment.png');
+}
+
+.icon.relation
+{
+    background-image: url('/admin/zen/images/icons/relation.png');
+}
+
+.icon.settings
+{
+    background-image: url('/admin/zen/images/icons/settings.png');
+}
+
+.icon.categories
+{
+    background-image: url('/admin/zen/images/icons/categories.png');
+}
+
+.label
+{
+    color:   #fff;
+    padding: 3px 8px;
+
+    border-radius:         5px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius:    5px;
+}
+
+.label.red
+{
+    background: #BD132A;
+}
+
+.label.green
+{
+    background: #ABCC6A;
+}
+
+.label.yellow
+{
+    background: #f7c052;
+}