some rustic debug/profiling tools builtin tables - users page does not autosort
[plewww.git] / plekit / table / table.css
index b2f23f5..1386863 100644 (file)
@@ -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;
@@ -26,15 +34,20 @@ th.plc_table {
     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,
@@ -78,36 +91,39 @@ tr.alt {
 tr[class="alt"]>td {
     background: #F5FAFA url(/plekit/icons/tablesort-td-alt.jpg) no-repeat;
 }
-table.plc_table>tbody>tr>td [class~="alt"] {
+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(/plekit/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(/plekit/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;
 }
 
@@ -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;
+}