[Toaster] [PATCH] Set .error styles for tables

[Barros Pena, Belen]

Override the default styles of Twitter Bootstrap for table rows
with the .error class applied, and ensure that table cells and
anchor tags inherit the .error styles when their table row has
that class applied.

Signed-off-by: Belen Barros <belen.barros.pena at intel.com>
---
 .../lib/toaster/toastergui/static/css/default.css  |   29
++++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css
b/bitbake/lib/toaster/toastergui/static/css/default.css
index 53c5004..cc93478 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -1,14 +1,5 @@
 .block-centered { margin: auto; display: block;}
-.error, .red { color: #b94a48;}
 
-.error:hover {color:#943A38;text-decoration:none;}
-
-.success, 
-.green { color: /*#4EAC4B*/#468847;}
-
-.success:hover {color:#347132;text-decoration: underline;}
-td > .success:hover {text-decoration: underline;}
-.warning, .yellow { color: #c09853;}
 .overflow-hidden { overflow: hidden;}
 .large { font-size: x-large; font-weight: normal; line-height: 30px;}
 .max-width { width: 100%;}
@@ -103,12 +94,26 @@ tr.selected {background-color: yellow;}
 .dropdown-menu {padding: 10px;}
 .modal-footer .btn {float: left;}
 
-a.error:hover, a.error:focus {color:#943A38;text-decoration:underline;}
+/* override default Twitter Boostrap styles for anchor tags inside tables
*/
+td a {color: #333333;}
+td a:hover {color: #000000;text-decoration: underline;}
+
+/* override default Twitter Bootstrap styles for tr.error */
+.table tbody tr.error > td { background-color:#FFFFFF; }
+.table-hover tbody tr.error:hover > td { background-color: #F5F5F5; }
+
+/* set .error styles */
+.error, .red, tr.error a { color:#B94A48; }
+a.error:hover, a.error:focus, tr.error a:hover
{color:#943A38;text-decoration:underline;}
+
+.success, .green { color: /*#4EAC4B*/#468847;}
+
+.success:hover {color:#347132;text-decoration: underline;}
+td > .success:hover {text-decoration: underline;}
+.warning, .yellow { color: #c09853;}
 a.warning {background-color: transparent;}
 a.warning:hover, a.warning:focus
{color:#B38942;text-decoration:underline;}
 .clickable_row:hover {background-color: #FAFAFA;cursor: pointer;}
-td a {color: #333333;}
-td a:hover {color: #000000;text-decoration: underline;}
 
 .get-help {color:#CCCCCC;}
 .get-help:hover {color:#999999;cursor:pointer;}
-- 
1.7.9.5