optimized for speed - OK for nodes, but 4000+ persons is still one second per keystro...
[plewww.git] / plekit / table / table.css
index 7bf4d99..34bc799 100644 (file)
@@ -1,19 +1,19 @@
 /* $Id$ */
-table.plc_table {
+table.plekit_table {
     width: auto;
     padding: 0;
     margin: 0 auto 1.5em auto;
     border-collapse:collapse;
 }
-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;
 }    
 
-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,15 +23,15 @@ 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 {
+table.plekit_table>tbody>tr>td {
     padding: 6px 12px 6px 12px;
     color: #4f6b72;
 }
@@ -51,14 +51,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,18 +76,18 @@ 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;
+table.plekit_table>tbody>tr.alt>td:first-child {
+    background: #F5FAFA url(/plekit/icons/tablesort-bullet2.gif) no-repeat;
     font-weight:bold;
 }
-table.plc_table>tbody>tr>td:first-child {
-    background: #fff url(/planetlab/icons/tablesort_bullet1.gif) no-repeat;
+table.plekit_table>tbody>tr>td:first-child {
+    background: #fff url(/plekit/icons/tablesort-bullet1.gif) no-repeat;
     font-weight:bold;
 }
 
@@ -162,7 +162,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,13 +220,13 @@ tr.invisibleRow {
 p.paginationText {
     font-style:oblique;
 }
-p.plc_table_note {
+p.plekit_table_note {
     font-style:oblique;
     font-size:0.6em;
     font-family: georgia;
     text-align: center;
 }
-span.plc_table_note_title {
+span.plekit_table_note_title {
     font-weight:bold;
     font-size:1.5em;
     font-family: georgia;
@@ -238,4 +238,8 @@ 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; }*/
+
+.table_search_input:focus {
+    background-color: #888;
+}