Update

Author: accgit

.gitignore

@@ -0,0 +1 @@
+/nbproject/private/

src/css/style.tables.css

@@ -2,18 +2,87 @@
 /*
     style tables
 */
+table {
+    border-collapse: collapse;
+}
+
 table td,
 table th {
-    padding: 5px;
+    padding: 5px 8px;
 }
 
-table tr:nth-child(even) { background-color: white; }
-table tr:nth-child(odd) { background-color: #f4f4f4; }
-
 table th:first-child,
 table td:first-child {
-    padding-left: 20px;
+    padding-left: 8px;
+}
+
+/*
+    default
+*/
+table tr.default:nth-child(even) {
+    background-color: white;
+}
+
+table tr.default:nth-child(odd)  {
+    background-color: #f4f4f4;
+}
+
+/*
+    primary
+*/
+table tr.primary th {
+    border-color: #7cbae2;
+}
+
+table tr.primary td {
+    border-color: #7cbae2;
+           color: #1f4259;
+}
+
+table tr.primary:nth-child(even) td {
+    background-color: #a0d3f4;
+}
+
+table tr.primary:nth-child(odd) td  {
+    background-color: #89c8f1;
 }
 
-table tr.tr.hover:hover { background-color: #e0e0e0; }
-table tr.tr.hover span { color: #2976c6; }
+/*
+    success
+*/
+table tr.success th {
+    border-color: #80c75f;
+}
+
+table tr.success td {
+    border-color: #80c75f;
+           color: #315620;
+}
+
+table tr.success:nth-child(even) td {
+    background-color: #aaea8d;
+}
+
+table tr.success:nth-child(odd) td  {
+    background-color: #8edc6b;
+}
+
+/*
+    danger
+*/
+table tr.danger th {
+    border-color: #d46a6a;
+}
+
+table tr.danger td {
+    border-color: #d46a6a;
+           color: #542121;
+}
+
+table tr.danger:nth-child(even) td {
+    background-color: #f19f9f;
+}
+
+table tr.danger:nth-child(odd) td  {
+    background-color: #e37b7b;
+}

src/index.html

@@ -136,8 +136,8 @@
 
 		<!-- content -->
 		<div class="content">
-			<h4>Dashboard</h4>
 			<div class="content-box">
+				<h4>Dashboard</h4>
 			    	<form>
 					<fieldset>
 						<legend>Form style</legend>
@@ -167,7 +167,7 @@ <h4>Table style</h4>
 						<th>Email</th>
 						<th>Action</th>
 					</tr>
-					<tr class="tr hover">
+					<tr class="default">
 						<td>1</td>
 						<td>Root</td>
 						<td>root@domain.com</td>
@@ -177,7 +177,7 @@ <h4>Table style</h4>
 							<a href="#root" class="action-button detail"><i class="fa fa-search"></i></a>
 						</td>
 					</tr>
-					<tr class="tr hover">
+					<tr class="default">
 						<td>2</td>
 						<td>Admin</td>
 						<td>admin@domain.com</td>
@@ -187,7 +187,7 @@ <h4>Table style</h4>
 							<a href="#admin" class="action-button detail"><i class="fa fa-search"></i></a>
 						</td>
 					</tr>
-					<tr class="tr hover">
+					<tr class="default">
 						<td>3</td>
 						<td>User</td>
 						<td>user@domain.com</td>