some rustic debug/profiling tools builtin tables - users page does not autosort

[plewww.git] / plekit / table / table.css

diff --git a/plekit/table/table.css b/plekit/table/table.css
index 7bf4d99..1386863 100644 (file)
--- a/plekit/table/table.css
+++ b/plekit/table/table.css
@@ -1,19 +1,27 @@
 /* $Id$ */
-table.plc_table {
+table.plekit_table {
     width: auto;
     padding: 0;
     margin: 0 auto 1.5em auto;
     border-collapse:collapse;
+/* this used to be hard-wired in the <table> tag, but looks useless now
+    cellpadding:0;
+    cellspacing:0;
+    border:0;    
+    */
 }
-table.plc_table>thead>tr, table.plc_table>tbody>tr {
+table.plekit_table>thead>tr, table.plekit_table>tbody>tr {
     border-left: 1px solid #C1DAD7; 
 }    
 /* remove border for search/pagesize area */
-table.plc_table>thead>tr.pagesize_area, table.plc_table>thead>tr.search_area {
+table.plekit_table>thead>tr.pagesize_area, table.plekit_table>thead>tr.search_area {
     border-left: 0px;
 }    
+table.plekit_table fieldset {
+    border: 0px; margin: 0px; padding: 0px;
+}    
 
-th.plc_table {
+th.plekit_table {
     font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     color: #4f6b72;
     border-right: 1px solid #C1DAD7;
@@ -23,18 +31,23 @@ th.plc_table {
     text-transform: uppercase;
     text-align: left;
     padding: 8px 12px 4px 12px;
-    background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat;
+    background: #CAE8EA url(/plekit/icons/tablesort-header.jpg) no-repeat;
     vertical-align:middle;
 }
-table.plc_table>tbody>tr>td, table.plc_table textarea, table.plc_table input [type="text"] {
+table.plekit_table>tbody>tr>td, table.plekit_table textarea, table.plekit_table input [type="text"] {
     font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     border-right: 1px solid #C1DAD7;
     border-bottom: 1px solid #C1DAD7;
 }
-table.plc_table>tbody>tr>td {
-    padding: 6px 12px 6px 12px;
+table.plekit_table>tbody>tr>td {
+/*    padding: 6px 12px 6px 12px; */
+    padding: 4px 8px 4px 8px;
     color: #4f6b72;
 }
+table.plekit_table>tbody>tr>td a {
+    font-weight:normal;
+}
+
 th.sortable,
 th.sortable-text,
 th.sortable-date,
@@ -51,14 +64,14 @@ th.sortable-sortFileSize,
 th.sortable-sortAlphaNumeric,
 th.sortable-sortEnglishDateTime {
     cursor:pointer;
-    background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat;
+    background: #CAE8EA url(/plekit/icons/tablesort-header-sortable.jpg) no-repeat;
     padding: 8px 12px 4px 16px;
 }
 th.forwardSort {
-    background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0;
+    background:#CAE8EA url(/plekit/icons/tablesort-header-down.jpg) no-repeat 0 0;
 }
 th.reverseSort {
-    background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0;
+    background:#CAE8EA url(/plekit/icons/tablesort-header-up.jpg) no-repeat 0 0;
 }
 table thead th.forwardSort a,
 table thead th.reverseSort a {
@@ -76,38 +89,41 @@ tr.alt {
    as it trys to download the image each and every time that it is used (which means a 1000 row table
    will produce 1000 http requests for the image in question) */
 tr[class="alt"]>td {
-    background: #F5FAFA url(/planetlab/icons/tablesort_td_alt.jpg) no-repeat;
+    background: #F5FAFA url(/plekit/icons/tablesort-td-alt.jpg) no-repeat;
 }
-table.plc_table>tbody>tr>td [class~="alt"] {
-    background: #edf3f3 url(/planetlab/icons/tablesort_col_alt.jpg) no-repeat !important;
+table.plekit_table>tbody>tr>td [class~="alt"] {
+    background: #edf3f3 url(/plekit/icons/tablesort-col-alt.jpg) no-repeat !important;
 }
 /* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
-table.plc_table>tbody>tr.alt>td:first-child {
-    background: #F5FAFA url(/planetlab/icons/tablesort_bullet2.gif) no-repeat;
-    font-weight:bold;
+table.bullets1>tbody>tr.alt>td:first-child {
+    background-color: #F5FAFA;
+    background-image: url(/plekit/icons/tablesort-bullet2.gif);
+    background-repeat: no-repeat;
 }
-table.plc_table>tbody>tr>td:first-child {
-    background: #fff url(/planetlab/icons/tablesort_bullet1.gif) no-repeat;
-    font-weight:bold;
+table.bullets1>tbody>tr>td:first-child {
+    background-image: url(/plekit/icons/tablesort-bullet1.gif);
+    background-repeat: no-repeat;
 }
 
 /* table decorations */
 td.search_area {
     text-align:right;
     padding-right: 30px;
+    padding-bottom: 5px;
 }
 td.pagesize_area {
     text-align:right;
     padding-right: 30px;
+    padding-bottom: 5px;
 }
 .pagesize_label, .pagesize_input {
     font-style: oblique;
     font-size: .5em;
 }
-.table_search_label{
+.search_label{
     font-weight:bold;
 }
-.table_reset {
+.reset {
     border:1px;
 }
 
@@ -162,7 +178,7 @@ ul.fdtablePaginater li div span {
     display:block;
     line-height:2em;
     border:1px solid #fff;
-    background:#fff url(/planetlab/icons/tablesort_gradient.gif) repeat-x 0 -20px;
+    background:#fff url(/plekit/icons/tablesort-gradient.gif) repeat-x 0 -20px;
 }
 ul.fdtablePaginater li a {
     cursor:pointer;
@@ -220,22 +236,31 @@ tr.invisibleRow {
 p.paginationText {
     font-style:oblique;
 }
-p.plc_table_note {
+p.table_note {
     font-style:oblique;
     font-size:0.6em;
     font-family: georgia;
     text-align: center;
 }
-span.plc_table_note_title {
+span.table_note_title {
     font-weight:bold;
     font-size:1.5em;
     font-family: georgia;
     text-align: center;
 }
 
+span.bold {
+    font-weight:bold;
+}
+
 /* for IE */
 ul.fdtablePaginater {display:inline-block;}
 mul.fdtablePaginater {display:inline;}
 ul.fdtablePaginater li {float:left;}
 ul.fdtablePaginater {text-align:center;}
-/*table.plc_table { border-bottom:1px solid #C1DAD7; }*/
+/*table.plekit_table { border-bottom:1px solid #C1DAD7; }*/
+
+.search_input:focus ,.pagesize_input:focus {
+    background-color: #8cd;
+    outline-color: #696;
+}