changed theme for cross browser compatibility (FF, Chrome, IE, Safari). added filter row

2 files changed, 69 insertions, 25 deletions

diff --git a/public/css/style.css b/public/css/style.css
index 7595f4c..eb41f70 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,26 +1,39 @@
-.tablesorter-scroller-bar-spacer {
-  background: #eee;
-}
-.tablesorter-scroller-fixed:after {
-  content: '';
-  border-right: 1px solid #444;
-  width: 1px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 2;
-  right: 0;
-}
-.tablesorter thead tr 
-  th.physchem {
-    min-width: 60px;}
-  th.tox {
-    white-space: nowrap;}
-.tablesorter tbody tr 
-  td.physchem {
-    min-width: 60px;}
-  td.tox {
-    white-space: nowrap;}
-.tablesorter tbody tr.static td {
-  background-color: #CCFFCC;
+/* tables */
+table.tablesorter {
+	font-family:arial;
+	background-color: #CDCDCD;
+	margin:10px 0pt 15px;
+	font-size: 8pt;
+	width: 100%;
+	text-align: left;
+}
+table.tablesorter thead tr th, table.tablesorter tfoot tr th {
+	background-color: #e6EEEE;
+	border: 1px solid #FFF;
+	font-size: 8pt;
+	padding: 4px;
+}
+table.tablesorter thead tr .header {
+	background-image: url(bg.gif);
+	background-repeat: no-repeat;
+	background-position: center right;
+	cursor: pointer;
+}
+table.tablesorter tbody td {
+	color: #3D3D3D;
+	padding: 4px;
+	background-color: #FFF;
+	vertical-align: top;
+}
+table.tablesorter tbody tr.odd td {
+	background-color:#F0F0F6;
+}
+table.tablesorter thead tr .headerSortUp {
+	background-image: url(asc.gif);
+}
+table.tablesorter thead tr .headerSortDown {
+	background-image: url(desc.gif);
+}
+table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
+background-color: #8dbdd8;
 }
diff --git a/public/css/style2.css b/public/css/style2.css
new file mode 100644
index 0000000..5b0b8ae
--- /dev/null
+++ b/public/css/style2.css
@@ -0,0 +1,31 @@
+.tablesorter-scroller-bar-spacer {
+  background: #eee;
+}
+.tablesorter-scroller-fixed:after {
+  content: '';
+  border-right: 1px solid #444;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 2;
+  right: 0;
+  margin: 10px 0 15px;
+}
+.tablesorter thead tr 
+  th {
+    border: 1px solid black;}
+.tablesorter thead tr 
+  th.physchem {
+    min-width: 60px;}
+  th.tox {
+    white-space: nowrap;}
+.tablesorter tbody tr 
+  td {
+    border: 1px solid black;}
+.tablesorter tbody tr 
+  td.physchem {
+    min-width: 60px;}
+.tablesorter tbody tr.static td {
+  background-color: #CCFFCC;
+}