Rebranded to Tailbone.

tailbone/static/__init__.py

@@ -0,0 +1,31 @@
+#!/usr/bin/env python
+# -*- coding: utf-8  -*-
+################################################################################
+#
+#  Rattail -- Retail Software Framework
+#  Copyright © 2010-2012 Lance Edgar
+#
+#  This file is part of Rattail.
+#
+#  Rattail is free software: you can redistribute it and/or modify it under the
+#  terms of the GNU Affero General Public License as published by the Free
+#  Software Foundation, either version 3 of the License, or (at your option)
+#  any later version.
+#
+#  Rattail is distributed in the hope that it will be useful, but WITHOUT ANY
+#  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+#  FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for
+#  more details.
+#
+#  You should have received a copy of the GNU Affero General Public License
+#  along with Rattail.  If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+
+"""
+Static Assets
+"""
+
+
+def includeme(config):
+    config.add_static_view('tailbone', 'tailbone:static')

tailbone/static/css/grids.css

@@ -0,0 +1,168 @@
+
+/******************************
+ * Grid Header
+ ******************************/
+
+table.grid-header {
+    padding-bottom: 5px;
+    width: 100%;
+}
+
+
+/******************************
+ * Form (Filters etc.)
+ ******************************/
+
+table.grid-header td.form {
+    vertical-align: bottom;
+}
+
+
+/******************************
+ * Context Menu
+ ******************************/
+
+table.grid-header td.context-menu {
+    vertical-align: top;
+}
+
+table.grid-header td.context-menu ul {
+    list-style-type: none;
+    margin: 0px;
+    text-align: right;
+}
+
+table.grid-header td.context-menu ul li {
+    line-height: 2em;
+}
+
+/******************************
+ * Tools
+ ******************************/
+
+table.grid-header td.tools {
+    padding-bottom: 10px;
+    text-align: right;
+    vertical-align: bottom;
+}
+
+table.grid-header td.tools div.buttons button {
+    margin-left: 5px;
+}
+
+
+/******************************
+ * Grid
+ ******************************/
+
+div.grid {
+    clear: both;
+}
+
+div.grid table {
+    border-top: 1px solid black;
+    border-left: 1px solid black;
+    border-collapse: collapse;
+    font-size: 9pt;
+    line-height: normal;
+    white-space: nowrap;
+}
+
+div.grid.full table {
+    width: 100%;
+}
+
+div.grid table th,
+div.grid table td {
+    border-right: 1px solid black;
+    border-bottom: 1px solid black;
+    padding: 2px 3px;
+}
+
+div.grid table th.sortable a {
+    display: block;
+    padding-right: 18px;
+}
+
+div.grid table th.sorted {
+    background-position: right center;
+    background-repeat: no-repeat;
+}
+
+div.grid table th.sorted.asc {
+    background-image: url(../img/sort_arrow_up.png);
+}
+
+div.grid table th.sorted.desc {
+    background-image: url(../img/sort_arrow_down.png);
+}
+
+div.grid table tbody td {
+    text-align: left;
+}
+
+div.grid table tbody td.center {
+    text-align: center;
+}
+
+div.grid table tbody td.right {
+    float: none;
+    text-align: right;
+}
+
+div.grid table tr.odd {
+    background-color: #e0e0e0;
+}
+
+div.grid table tbody tr.hovering {
+    background-color: #bbbbbb;
+}
+
+div.grid table tbody tr td.checkbox {
+    text-align: center;
+}
+
+div.grid table tbody tr td.view,
+div.grid table tbody tr td.edit,
+div.grid table tbody tr td.delete {
+    background-repeat: no-repeat;
+    background-position: center;
+    cursor: pointer;
+    min-width: 18px;
+    text-align: center;
+    width: 18px;
+}
+
+div.grid table tbody tr td.view {
+    background-image: url(../img/view.png);
+}
+
+div.grid table tbody tr td.edit {
+    background-image: url(../img/edit.png);
+}
+
+div.grid table tbody tr td.delete {
+    background-image: url(../img/delete.png);
+}
+
+div.pager {
+    margin-bottom: 20px;
+    margin-top: 5px;
+}
+
+div.pager p {
+    font-size: 10pt;
+    margin: 0px;
+}
+
+div.pager p.showing {
+    float: left;
+}
+
+div.pager #grid-page-count {
+    font-size: 8pt;
+}
+
+div.pager p.page-links {
+    float: right;
+}