Changeset 4647 for waeup

Timestamp:

3 Jan 2010, 16:57:35 (15 years ago)

Author:

uli

Message:

CSS to make datatables created by YUI look more like the default HTML
tables.

File:

• waeup/branches/ulif-layout/src/waeup/browser/static/purple.css (modified) (1 diff)

waeup/branches/ulif-layout/src/waeup/browser/static/purple.css

@@ -31 +31 @@
 /* Fixes to let tables appear correctly... */
 table, tr, th, td {font-family: arial,sans-serif;}
-tr.odd {background-color: #fff;}
-tr.even {background-color: #eee;}
+
+/* Odd and even table rows */
+tr.even,
+.yui-skin-sam tr.yui-dt-even {
+  background-color: #fff;
+}
+tr.odd,
+.yui-skin-sam tr.yui-dt-odd {
+  background-color: #eee;
+}
+
+/* unselected paginator page numbers */
+.yui-skin-sam .yui-pg-pages a.yui-pg-page {
+  background-color: #fff;
+  color: #000;
+  text-decoration: none;
+  bo/rder: 1px solid #000;
+  padding-left: 5px;
+}
+
+/* selected paginator page, hover for unselected pages */
+.yui-skin-sam .yui-pg-pages a.yui-pg-page:hover,
+.yui-skin-sam span.yui-pg-page {
+  background-color: #000;
+  color: #fff;
+}
+
+/* paginator prev, next, etc. links */
+.yui-skin-sam .yui-dt .yui-dt-paginator a.yui-pg-first,
+.yui-skin-sam .yui-dt .yui-dt-paginator a.yui-pg-previous,
+.yui-skin-sam .yui-dt .yui-dt-paginator a.yui-pg-last,
+.yui-skin-sam .yui-dt .yui-dt-paginator a.yui-pg-next {
+  color: #000;
+  text-decoration: none;
+  background-color: #fff;
+}
+
+/* Header row */
+th .yui-dt-liner {
+  color: #fff;
+  background: #000 url();
+}
+
+/* Header cells text, when not selected */
+.yui-skin-sam .yui-dt th, .yui-skin-sam .yui-dt th a {
+  font-weight: bold;
+  color: #fff;
+}
+
+/* Sortable header cells, when selected */
+.yui-skin-sam th.yui-dt-desc .yui-dt-liner .yui-dt-sortable,
+.yui-skin-sam th.yui-dt-asc .yui-dt-liner .yui-dt-sortable {
+  color: #000;
+}
+