zen 0.3 → 0.4

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

@@ -0,0 +1,224 @@
+/* General layout elements. */
+#admin, #admin body
+{
+    height: 100%;
+}
+
+/* Left part */
+#sidebar
+{
+    color: #fff;
+    float: left;
+    width: 200px;
+}
+
+    #sidebar header h1
+    {
+        font-weight: bold;
+        font-size:   26px;
+        margin:      15px 0px 10px 0px;
+        text-align:  center;
+        text-shadow: 1px 1px #000;
+    }
+
+        #sidebar header h1 a
+        {
+            color:           #fff;
+            text-decoration: none;
+        }
+
+        #sidebar header h1 a:hover
+        {
+            text-decoration: underline;
+        }
+
+    #sidebar nav
+    {
+        margin-bottom: 20px;
+    }
+
+#user_navigation ul, #admin_navigation ul
+{
+    margin: 0px;
+}
+
+#user_navigation ul li, #admin_navigation ul li
+{
+    list-style-type: none;
+}
+
+#user_navigation
+{
+    padding:    0px 10px;
+    text-align: center;
+}
+
+    #user_navigation ul li
+    {
+        display:      inline-block;
+        margin-right: 5px;
+    }
+
+        #user_navigation ul li a
+        {
+            color:           #fff;
+            font-size:       12px;
+            text-decoration: none;
+        }
+
+        #user_navigation ul li a:hover
+        {
+            text-decoration: underline;
+        }
+
+#admin_navigation ul li a
+{
+    border-top:      1px solid #494949;
+    border-bottom:   1px solid #000;
+    color:           #fff;
+    display:         block;
+    font-size:       12px;
+    padding:         8px 10px;
+    text-decoration: none;
+    text-shadow:     1px 1px #000;
+
+    background-image: linear-gradient(#343434, #272727);
+    background-image: -moz-linear-gradient(#343434, #272727);
+    background-image: -webkit-linear-gradient(#343434, #272727);
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#343434',
+        EndColorStr='#272727'
+    );
+}
+
+#admin_navigation ul li a:hover
+{
+    border-right: 3px solid #e3c91e;
+
+    background-image: linear-gradient(#3e3e3e, #303030);
+    background-image: -moz-linear-gradient(#3e3e3e, #303030);
+    background-image: -webkit-linear-gradient(#3e3e3e, #303030);
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#3e3e3e',
+        EndColorStr='#303030'
+    );
+}
+
+#admin_navigation ul li.current a,
+#admin_navigation ul li a:active
+{
+    border-right: 3px solid #e3c91e;
+
+    background-image: linear-gradient(bottom, #3e3e3e, #303030);
+    background-image: -moz-linear-gradient(bottom, #3e3e3e, #303030);
+    background-image: -webkit-linear-gradient(bottom, #3e3e3e, #303030)
+
+    filter: progid:DXImageTransform.Microsoft.gradient(
+        startColorStr='#303030',
+        EndColorStr='#3e3e3e'
+    );
+}
+
+#admin_navigation ul li ul li a
+{
+    padding-left: 20px;
+}
+
+/* Right part (main content area) of the application. */
+#main
+{
+    background:  #fff;
+    margin-left: 200px;
+    min-height:  100%;
+}
+
+#login #main
+{
+    margin:     20px auto;
+    min-height: 0px;
+    width:      500px;
+}
+
+#search_form
+{
+    float:      right;
+    margin-top: 1px;
+    width:      331px;
+}
+
+    #search_form input[type="text"]
+    {
+        display:      inline-block;
+        min-width:    250px;
+        margin:       2px -5px 0px 0px;
+        width:        250px;
+    }
+
+    #search_form .button
+    {
+        height:     31px;
+        min-height: 31px;
+        margin:     2px 0px 0px 0px;
+
+        border-radius:         0px 5px 5px 0px;
+        -webkit-border-radius: 0px 5px 5px 0px;
+        -moz-border-radius:    0px 5px 5px 0px;
+
+        box-shadow:         0px 0px 1px #ddd;
+        -webkit-box-shadow: 0px 0px 1px #ddd;
+        -moz-box-shadow:    0px 0px 1px #ddd;
+    }
+
+    .internet_explorer #search_form .button
+    {
+        height:     28px;
+        min-height: 28px;
+    }
+
+    .firefox #search_form .button
+    {
+        height:     29px;
+        min-height: 29px;
+    }
+
+#main section header
+{
+    background:    #eee;
+    border-bottom: 1px solid #ccc;
+    border-top:    1px solid #fff;
+    min-height:    35px;
+    padding:       5px 15px 8px 15px;
+
+    box-shadow:         0px 0px 2px #ccc;
+    -webkit-box-shadow: 0px 0px 2px #ccc;
+    -moz-box-shadow:    0px 0px 2px #ccc;
+}
+
+    #main section header h1
+    {
+        border:  none;
+        margin:  4px 0px 0px 0px;
+        padding: 0px;
+    }
+
+        #main section header h1 .current
+        {
+            font-weight: bold;
+        }
+
+    #main section header.with_search h1
+    {
+        float: left;
+    }
+
+    #main section .body
+    {
+        padding: 15px;
+    }
+
+    #main section .body.max_width
+    {
+        max-width: 960px;
+    }

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

@@ -0,0 +1,34 @@
+.message
+{
+    border-bottom: 1px solid #000;
+    color:         #fff;
+    padding:       8px 10px 10px 10px;
+    text-align:    center;
+    text-shadow:   1px 1px #000;
+}
+
+    .message p
+    {
+        margin-bottom: 10px;
+    }
+
+    .message p:last-child
+    {
+        margin-bottom: 0px;
+    }
+
+.message.error
+{
+    background: #BD132A;
+}
+
+.message.success
+{
+    background: #ABCC6A;
+}
+
+.message.info
+{
+    background: #F7D76D;
+    color:      #000;
+}

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

@@ -49,10 +49,6 @@ blockquote:before, blockquote:after, q:before, q:after
 
 table
 {
-    /**
-     * Instead of "collapse" I'm using "separate" as that allows me to give table cells
-     * a border without having to go through a lot of trouble
-     */
     border-collapse: separate;
     border-spacing:  0;
     width:           100%;
@@ -69,11 +65,10 @@ pre, code
     font-family: monospace;
 }
 
-/**
- * These form elements usually don't trigger any special cursor and thus can confuse
- * users when these elements have custom styles (e.g. a background image).
- */
-input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"],
+input[type="submit"],
+input[type="button"],
+input[type="checkbox"],
+input[type="radio"],
 button, select
 {
     cursor: pointer;

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

@@ -0,0 +1,57 @@
+table
+{
+    text-align: left;
+    width:      100%;
+}
+
+    table thead tr th:not(.no_sort):hover
+    {
+        cursor: pointer;
+    }
+
+    table thead tr th div
+    {
+        background:   url('/admin/zen/images/icons/asc.png')
+            no-repeat right center;
+
+        user-select:         none;
+        -webkit-user-select: none;
+        -khtml-user-select:  none;
+        -moz-user-select:    none;
+        -o-user-select:      none;
+    }
+
+    table thead tr th.desc div
+    {
+        background: url('/admin/zen/images/icons/desc.png')
+            no-repeat center right;
+    }
+
+    table thead tr th.no_sort:first-child
+    {
+        width: 25px;
+    }
+
+    table thead tr th, table tbody tr td
+    {
+        border-bottom:  1px solid #ccc;
+        min-width:      20px;
+        padding:        8px 3px;
+        text-align:     left;
+        vertical-align: top;
+    }
+
+    table tbody tr:last-child td
+    {
+        border-bottom: none;
+    }
+
+    table tr:nth-child(odd) td
+    {
+        background: #f9f9f9;
+    }
+
+.datepicker tr:nth-child(odd) td
+{
+    background: #fff;
+}

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

@@ -0,0 +1,84 @@
+.tabs
+{
+    background:    #e9e9e9;
+    border-bottom: 1px solid #ccc;
+
+    box-shadow:         inset 0px 1px 3px #ddd;
+    -webkit-box-shadow: inset 0px 1px 3px #ddd;
+    -moz-box-shadow:    inset 0px 1px 3px #ddd;
+}
+
+    .tabs ul
+    {
+        margin:  0px;
+        padding: 0px 15px;
+    }
+
+    .tabs ul li
+    {
+        background-color: #ddd;
+        border-top:       1px solid #bbb;
+        border-right:     1px solid #bbb;
+        border-left:      1px solid #bbb;
+        color:            #000;
+        display:          inline-block;
+        margin:           5px 3px 0px 0px;
+
+        border-radius:         3px 3px 0px 0px;
+        -webkit-border-radius: 3px 3px 0px 0px;
+        -moz-border-radius:    3px 3px 0px 0px;
+
+        background-image: linear-gradient(#fff, #eee);
+        background-image: -webkit-linear-gradient(#fff, #eee);
+        background-image: -moz-linear-gradient(#fff, #eee);
+
+        filter: progid:DXImageTransform.Microsoft.gradient(
+            startColorStr='#ffffff',
+            EndColorStr='#eeeeee'
+        );
+    }
+
+        .tabs ul li a
+        {
+            color:   #000;
+            display: block;
+            padding: 5px 10px;
+        }
+
+        .tabs ul li a:hover
+        {
+            text-decoration: none;
+        }
+
+        .tabs ul li .icon
+        {
+            margin-left:  10px;
+            padding-left: 23px;
+        }
+
+    .tabs ul li.active
+    {
+        background:    #fff;
+        border-bottom: 1px solid #fff;
+        margin-bottom: -1px;
+
+        filter: none;
+    }
+
+    .tabs ul li:hover
+    {
+        background-image: linear-gradient(#fff, #f2f2f2);
+        background-image: -webkit-linear-gradient(#fff, #f2f2f2);
+        background-image: -moz-linear-gradient(#fff, #f2f2f2);
+
+        filter: progid:DXImageTransform.Microsoft.gradient(
+            startColorStr='#ffffff',
+            EndColorStr='#f2f2f2'
+        );
+    }
+
+    .tabs ul li.active:hover
+    {
+        background:      #fff;
+        text-decoration: none;
+    }

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

@@ -0,0 +1,74 @@
+.window
+{
+    background:    #fff;
+    border:        1px solid #aaa;
+    left:          50%;
+    min-width:     350px;
+    min-height:    100px;
+    position:      absolute;
+    top:           30px;
+    z-index:       2;
+
+    box-shadow:         0px 5px 30px #444;
+    -webkit-box-shadow: 0px 5px 30px #444;
+    -moz-box-shadow:    0px 5px 30px #444;
+}
+
+.window_overlay
+{
+    background: #000;
+    height:     100%;
+    left:       0px;
+    opacity:    0.5;
+    position:   fixed;
+    top:        0px;
+    width:      100%;
+    z-index:    1;
+}
+
+.window.move
+{
+    cursor: move;
+}
+
+.window.resize
+{
+    cursor: nwse-resize;
+}
+
+.window .header
+{
+    background:    #eee;
+    border-bottom: 1px solid #ccc;
+    border-top:    1px solid #fff;
+    min-height:    15px;
+    padding:       5px 15px 8px 15px;
+
+    box-shadow:         0px 0px 2px #ccc;
+    -webkit-box-shadow: 0px 0px 2px #ccc;
+    -moz-box-shadow:    0px 0px 2px #ccc
+}
+
+    .window .header h2
+    {
+        border:      none;
+        font-size:   16px;
+        font-weight: normal;
+        margin:      0px;
+        padding:     0px;
+        text-align:  center;
+    }
+
+    .window .body
+    {
+        max-height: 800px;
+        padding:    20px;
+        overflow:   auto;
+    }
+
+    .window .buttons
+    {
+        background: #eee;
+        border-top: 1px solid #ccc;
+        padding:    10px 20px;
+    }