From: olivier <>
Date: Tue, 1 May 2007 14:19:16 +0000 (+0000)
Subject: updated css, new stylesheet for the admin
X-Git-Tag: 1.1~969
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=445c6235a37ddd8ba16129ea1294fad63337761b;p=telemeta.git

updated css, new stylesheet for the admin
---

diff --git a/telemeta/css/admin.css b/telemeta/css/admin.css
new file mode 100644
index 00000000..b4b23180
--- /dev/null
+++ b/telemeta/css/admin.css
@@ -0,0 +1,35 @@
+/* Shamelessly stolen from trac's admin.css... */
+
+.tabs {
+ border: 1px solid black;
+ border-color: gray black black gray;
+ margin: 2em 0;
+ padding: .5em 0 0;
+ float: left;
+ width: 12em;
+}
+.tabs ul { list-style: none; margin: 0 0 .5em; padding: 0 }
+.tabs li { margin: 0; padding: 0.1em .5em }
+.tabs li li { margin: 0 -0.5em; padding-left: 1.5em }
+.tabs li li.active { background: #ccb; }
+.tabs :link, .tabs :visited { border: none; display: block }
+.tabs :link:hover, .tabs :visited:hover { background: transparent }
+
+.tabcontents {
+ padding: 0.4em 2em;
+ margin-left: 12em;
+ min-height: 300px;
+}
+p.help { color: #666; font-size: 90%; margin: 1em .5em .5em }
+
+form.addnew { clear: right; float: right; margin: -2em 0 4em; width: 33% }
+form.mod { margin-top: 1em; }
+form.mod .field { margin: .5em 0; }
+form .field em { color: #888; font-size: smaller }
+form .field .disabled em { color: #d7d7d7 }
+
+table.listing { clear: none; width: 64% }
+table.listing .sel, table.listing .default { text-align: center; width: 1% }
+
+
+
diff --git a/telemeta/css/style.css b/telemeta/css/style.css
index ba66ca38..fab852ea 100644
--- a/telemeta/css/style.css
+++ b/telemeta/css/style.css
@@ -8,12 +8,15 @@ body {
     border-bottom: solid 1px black;
     font-weight: bold;
     padding-bottom: 0.8em;
-    padding-top: 1em;
+    padding-top: 0.2em;
 }
 #header a {
     color: black;
     text-decoration: none;
 }
+#header a img {
+    border: none;
+}
 
 /*
 label {
@@ -31,13 +34,13 @@ input {
     clear: right;
 }
 
-#menu a:link, #menu a:visited {
+a:link, a:visited {
     border-bottom:1px dotted #BBBBBB;
     color:#BB0000;
     text-decoration:none;
 }
 
-#menu a:link:hover, #menu a:visited:hover {
+a:link:hover, a:visited:hover {
     background-color:#EEEEEE;
     color:#555555;
 }
@@ -58,3 +61,94 @@ input {
 
 #quick_search_pattern {
 }
+
+
+/* Styles for tabular listings (stolen from trac) */
+table.listing {
+ clear: both;
+ border-bottom: 1px solid #d7d7d7;
+ border-collapse: collapse;
+ border-spacing: 0;
+ margin-top: 1em;
+ width: 100%;
+}
+table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
+table.listing thead { background: #f7f7f0 }
+table.listing thead th {
+ border: 1px solid #d7d7d7;
+ border-bottom-color: #999;
+ font-size: 11px;
+ font-weight: bold;
+ padding: 2px .5em;
+ vertical-align: bottom;
+}
+table.listing thead th :link:hover, table.listing thead th :visited:hover {
+ background-color: transparent;
+}
+table.listing thead th a { border: none; padding-right: 12px }
+table.listing th.asc a, table.listing th.desc a { font-weight: bold }
+table.listing th.asc a, table.listing th.desc a {
+ background-position: 100% 50%;
+ background-repeat: no-repeat;
+}
+table.listing th.asc a { background-image: url(../asc.png) }
+table.listing th.desc a { background-image: url(../desc.png) }
+table.listing tbody td, table.listing tbody th {
+ border: 1px dotted #ddd;
+ padding: .33em .5em;
+ vertical-align: top;
+}
+table.listing tbody td a:hover, table.listing tbody th a:hover {
+ background-color: transparent;
+}
+table.listing tbody tr { border-top: 1px solid #ddd }
+table.listing tbody tr.even { background-color: #fcfcfc }
+table.listing tbody tr.odd { background-color: #f7f7f7 }
+table.listing tbody tr:hover { background: #eed !important }
+
+/*
+#content {
+    position: relative;
+} 
+*/
+/* Forms */
+input, textarea, select { margin: 2px }
+input, select { vertical-align: middle }
+input[type=button], input[type=submit], input[type=reset] {
+ background: #eee;
+ color: #222;
+ border: 1px outset #ccc;
+ padding: .1em .5em;
+}
+input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
+ background: #ccb;
+}
+input[type=button][disabled], input[type=submit][disabled],
+input[type=reset][disabled] {
+ background: #f6f6f6;
+ border-style: solid;
+ color: #999;
+}
+input[type=text], input.textwidget, textarea { border: 1px solid #d7d7d7 }
+input[type=text], input.textwidget { padding: .25em .5em }
+input[type=text]:focus, input.textwidget:focus, textarea:focus {
+ border: 1px solid #886;
+}
+option { border-bottom: 1px dotted #d7d7d7 }
+fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
+fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
+* html fieldset.iefix { width: 98% }
+fieldset.iefix p { margin: 0 }
+legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
+label.disabled { color: #d7d7d7 }
+.buttons { margin: .5em .5em .5em 0 }
+.buttons form, .buttons form div { display: inline }
+.buttons input { margin: 1em .5em .1em 0 }
+.inlinebuttons input { 
+ font-size: 70%;
+ border-width: 1px;
+ border-style: dotted;
+ margin: 0;
+ padding: 0.1em;
+ background: none;
+}