ts-admin 0.2.0

data/public/css/grid.css

@@ -0,0 +1,107 @@
+@charset "UTF-8";
+
+/**
+ * Modified version of the CSS grid (aka 1140 CSS) that can be found at http://cssgrid.net
+ * 
+ * This modified version has some extra enhancements to make it a bit easier to work with
+ * the grid. Along with these minor fixes I also renamed all grid classes to the names
+ * used by the 960 grid system as I find "grid_6" easier to write than "sixcol".
+ */
+.container
+{
+    overflow:      hidden;
+    padding-left:  1%;
+    padding-right: 1%;
+}
+
+.row
+{
+    max-width: 96%;
+    margin:    0 auto;
+    overflow:  hidden;
+    width:     100%;
+}
+
+.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, 
+.grid_10, .grid_11
+{
+    float:        left;
+    margin-right: 3.8%;
+    min-height:   1px;
+}
+
+.row .grid_1
+{
+    width: 4.85%;
+}
+
+.row .grid_2
+{
+    width: 13.45%;
+}
+
+.row .grid_3
+{
+    width: 22.05%;
+}
+
+.row .grid_4
+{
+    width: 30.75%;
+}
+
+.row .grid_5
+{
+    width: 39.45%;
+}
+
+.row .grid_6
+{
+    width: 48%;
+}
+
+.row .grid_7
+{
+    width: 56.75%;
+}
+
+.row .grid_8
+{
+    width: 65.4%;
+}
+
+.row .grid_9
+{
+    width: 74.05%;
+}
+
+.row .grid_10
+{
+    width: 82.7%;
+}
+
+.row .grid_11
+{
+    width: 91.35%;
+}
+
+.row .grid_12
+{
+    float: left;
+    width: 100%;
+}
+
+.last, .row > *:last-child
+{
+    margin-right: 0px;
+}
+
+img, object, embed
+{
+    max-width: 100%;
+}
+
+img
+{
+	height: auto;
+}

data/public/css/layout.css

@@ -0,0 +1,254 @@
+/**
+ * Stylesheet used for the layout of most elements.
+ *
+ * @author Yorick Peterse
+ * @link   http://yorickpeterse.com/
+ */
+
+#container
+{
+  margin:  20px auto;
+  width:   940px;
+}
+
+div.content
+{
+  background:    #fff;
+  border:        1px solid #ddd;
+  padding:       20px;
+}
+
+div.grid_12.content
+{
+  width: 898px;
+  margin-bottom: 20px;
+}
+
+div.grid_12.content:last-child
+{
+  margin-bottom: 0px;
+}
+
+  div.content header
+  {
+    margin-bottom: 20px;
+  }
+
+  div.content div.buttons
+  {
+    float: right;
+    padding-top: 6px;
+    width: 54px;
+    text-align: right;
+  }
+
+span.none
+{
+  font-style:italic;
+}
+
+/* Flash messages */
+div.flash
+{
+  float: left;
+  border: 1px solid #ddd;
+  padding: 10px;
+  width: 918px;
+  margin-bottom: 20px;
+  background-color: #fff;
+}
+
+div#flash_error
+{
+  color: red;
+}
+
+div#flash_info
+{
+  color: green;
+}
+
+
+/* List form */
+.list-form ul li
+{
+  list-style-type: none;
+  height: 30px;
+  width: 240px;
+}
+
+  .list-form ul li:not(:last-child) input
+  {
+    float: right;
+    display: block;
+    width: 150px;
+  }
+
+  .list-form ul li:last-child
+  {
+    text-align: center;
+  }
+
+/* Tabbed form */
+form p
+{
+  clear: both;
+  height: 10px;
+}
+
+form p label, form p input
+{
+  float: left;
+}
+
+form p label
+{
+  display: block;
+  width: 60px;
+  text-align: right;
+  padding-right: 10px;
+}
+
+/* Top part of the website, contains the title and the navigation menu */
+#top
+{
+  background:    #E33F1E;
+  height:        70px;
+  margin-bottom: 20px;
+  padding:       0px 10px;
+}
+
+  #top header h1, #top header h1 a
+  {
+    color:       #fff;
+    font-size:   38px;
+    margin:      10px 0px 0px 0px;
+    padding:     0px;
+  }
+
+  #top nav ul
+  {
+    float:        right;
+    margin-right: 15px;
+  }
+
+    #top nav ul li
+    {
+      float:           left;
+      font-size:       16px;
+      list-style-type: none;
+      margin-right:    10px;
+    }
+
+      #top nav ul li a
+      {
+        color:           #fff;
+        display:         block;
+        height:          45px;
+        padding:         25px 10px 0px 10px;
+        text-decoration: none;
+      }
+
+      #top nav ul li a:hover, #top nav ul li a.current
+      {
+        background: #D43919;
+      }
+
+      #top nav ul li a.current
+      {
+        font-weight: bold;
+      }
+
+/* Footer at the bottom of the page */
+#footer
+{
+  text-align: center;
+}
+
+  #footer p
+  {
+    font-size:     13px;
+    margin-bottom: 10px;
+  }
+
+/* Remap */
+ul.remap
+{
+  margin: 0;
+  padding: 0;
+}
+
+  ul.remap li
+  {
+    list-style-type: none;
+    width: 100%;
+    height: 23px;
+    margin-bottom: 4px;
+  }
+
+  ul.remap li:hover
+  {
+    background-color: #eee;
+  }
+
+    ul.remap li > span
+    {
+      display: block;
+      float: left;
+      width: 50px;
+      height: 24px;
+      padding-right: 10px;
+    }
+
+    ul.remap li > span:last-child
+    {
+      padding-right: 0px;
+    }
+
+    ul.remap li > span.arrow
+    {
+      text-align: center;
+      padding-top: 5px;
+      height: 19px;
+    }
+
+    ul.remap li > span.buttons
+    {
+      display: block;
+      float: left;
+      width: 38px;
+      padding-left: 10px;
+      text-align: right;
+    }
+
+    ul.remap li > span.buttons a
+    {
+      padding: 0 2px;
+    }
+
+    ul.remap li > span.url
+    {
+      display: block;
+      float: left;
+      width: 385px;
+    }
+
+      ul.remap li > span a
+      {
+        text-decoration: none;
+      }
+
+      ul.remap li > span a:hover
+      {
+        color: #444;
+      }
+
+      ul.remap li > span a span.http
+      {
+        color: red;
+      }
+
+      ul.remap li > span a span.https
+      {
+        color: green;
+      }

data/public/css/reset.css

@@ -0,0 +1,123 @@
+@charset "UTF-8";
+
+/** 
+ * http://meyerweb.com/eric/tools/css/reset/ 
+ * v2.0 | 20110126
+ * License: none (public domain)
+ */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
+strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
+form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
+canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, 
+ruby, section, summary, time, mark, audio, video 
+{
+    border:         0;
+    font-size:      100%;
+    font:           inherit;
+    margin:         0;
+    padding:        0;
+    vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
+{
+    display: block;
+}
+
+body 
+{
+    line-height: 1.3;
+}
+
+ol, ul, ol li, ul li
+{
+    list-style-type: none;
+    margin:          0px;
+    padding:         0px;
+}
+
+blockquote, q 
+{
+    quotes: none;
+}
+
+blockquote:before, blockquote:after, q:before, q:after 
+{
+    content: '';
+    content: none;
+}
+
+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%;
+}
+
+    table th
+    {
+        font-weight: bold;
+    }
+
+pre, code
+{
+    font-size:   13px;
+    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"],
+button, select
+{
+    cursor: pointer;
+}
+
+*[disabled], *[disabled="disabled"]
+{
+    cursor: not-allowed;
+}
+
+textarea
+{
+    overflow: auto;
+}
+
+acronym, abbr
+{
+    cursor: help;
+}
+
+/* Some typography related styles */
+body
+{
+    font-size: 16px;
+}
+
+h1, h2, h3, h4, h5, h6
+{
+    font-weight: bold;
+}
+
+a:hover, a:active
+{
+    outline: none;
+}
+
+strong
+{
+    font-weight: bold;
+}
+
+small
+{
+    font-size: 11px;
+}

data/public/css/text.css

@@ -0,0 +1,109 @@
+/**
+ * Stylesheet used for styling headings, links, etc.
+ *
+ * @author Yorick Peterse
+ * @link   http://yorickpeterse.com/ 
+ */
+body
+{
+    background:  url('../images/bg.png') repeat top left;
+    border-top:  5px solid #444;
+    color:       #444;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
+    font-size:   14px;
+}
+
+p
+{
+    font-size:     14px;
+    line-height:   22px;
+    margin-bottom: 20px;
+}
+
+a
+{
+    color: #444;
+}
+
+ol
+{
+    margin-left: 20px;
+}
+
+    ol li
+    {
+        list-style-type: decimal;
+    }
+
+ul
+{
+    margin-left: 18px;
+}
+
+    ul li
+    {
+        list-style-type: disc;
+    }
+
+ul, ol
+{
+    line-height:   22px;
+    margin-bottom: 20px;
+}
+
+a:hover, h1 a:hover
+{
+    color: #E33F1E;
+}
+
+h1, h2, h3, h4, h5, h6
+{
+    font-weight:   bold;
+    margin-bottom: 5px;
+}
+
+h1
+{
+    font-size: 28px;
+}
+
+h2
+{ 
+    font-size: 24px;
+}
+
+h3
+{
+    font-size: 22px;
+}
+
+h4
+{
+    font-size: 20px;
+}
+
+h5
+{
+    font-size: 18px;
+}
+
+h6
+{
+    font-size: 16px;
+}
+
+h1 a
+{
+    color:           #444;
+    text-decoration: none;
+}
+
+pre
+{
+    margin: 20px 0px;
+}
+
+code
+{
+    background: #eee;
+}