Improved appearance of admin screens

TurboGears · Feb 25, 2010 · 4623308 · 4623308
1 parent 55d95ca
commit 4623308
Show file tree

Hide file tree

Showing 6 changed files with 64 additions and 0 deletions.
diff --git a/devtools/commands/quickstart_mako/master.mak b/devtools/commands/quickstart_mako/master.mak
@@ -5,6 +5,7 @@
     ${self.meta()}
     <title>${self.title()}</title>
     <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/style.css')}" />
+    <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/admin.css')}" />
 </head>
 <body class="${self.body_class()}">
   ${self.header()}

diff --git a/devtools/templates/turbogears/+package+/public/css/admin.css b/devtools/templates/turbogears/+package+/public/css/admin.css
@@ -0,0 +1,62 @@
+.admin_grid{
+    margin-top: 1em;
+    width: 400px;
+}
+.admin_grid img{
+    border: 0;
+    vertical-align: middle;
+}
+
+a.add_link, a.edit_link{
+    background-repeat: no-repeat;
+    padding-left: 20px;
+}
+a.add_link{
+    background-image: url('/images/add.png');
+}
+a.edit_link{
+    background-image: url('/images/pencil.png');
+}
+
+/* admin list view */
+.crud_table .grid {
+    border-collapse: collapse;
+    border: 1px solid #ccc;
+}
+.crud_table .grid .odd{
+    background-color: #eee;
+}
+.crud_table .grid th{
+    background: url("/images/menubg.png") no-repeat scroll -20px top transparent;
+    color: #fff;
+    font-weight: normal;
+    text-transform: capitalize;
+}
+.crud_table .grid td a{
+    color: #286571;
+}
+.crud_table .grid td.col_0 div{
+    float: left;
+}
+.crud_table .grid td.col_0 .edit_link, .crud_table .grid td.col_0 .delete-button{
+    display:block;
+    height:17px;
+    width:20px;
+    padding:0;
+    text-indent:-400px;
+    background-repeat: no-repeat;
+}
+.crud_table .grid td.col_0 .delete-button{
+    font-size: inherit;
+    background-image: url('/images/delete.png');
+    cursor: pointer;
+}
+
+/* admin add/edit view */
+.crud_edit label, .crud_add label{
+    font-size: 12px;
+}
+.crud_edit input, .crud_add input,
+.crud_edit select, .crud_add select{
+    width: 15em;
+}
diff --git a/devtools/templates/turbogears/+package+/public/images/add.png b/devtools/templates/turbogears/+package+/public/images/add.png
diff --git a/devtools/templates/turbogears/+package+/public/images/delete.png b/devtools/templates/turbogears/+package+/public/images/delete.png
diff --git a/devtools/templates/turbogears/+package+/public/images/pencil.png b/devtools/templates/turbogears/+package+/public/images/pencil.png
diff --git a/devtools/templates/turbogears/+package+/templates/master.html b/devtools/templates/turbogears/+package+/templates/master.html
@@ -12,6 +12,7 @@
     <title py:replace="''">Your title goes here</title>
     <meta py:replace="select('*')"/>
     <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/style.css')}" />
+    <link rel="stylesheet" type="text/css" media="screen" href="${tg.url('/css/admin.css')}" />
 </head>
 
 <body py:match="body" py:attrs="select('@*')">