diff --git a/app/assets/stylesheets/common/000_vars.css.scss b/app/assets/stylesheets/common/000_vars.css.scss index 1e2a3173c..c8e6dbffd 100644 --- a/app/assets/stylesheets/common/000_vars.css.scss +++ b/app/assets/stylesheets/common/000_vars.css.scss @@ -1,5 +1,8 @@ $link_color: #006FFA; $link_hover_color: #9093FF; +$border_color: #CCC; +$highlight_color: #F0F0F0; +$reverse_highlight_color: #FFFDF6; $h1_size: 2em; $h2_size: 1.5em; $h3_size: 1.16667em; diff --git a/app/assets/stylesheets/common/tables.css.scss b/app/assets/stylesheets/common/tables.css.scss index 913c85bbd..f8ba822e0 100644 --- a/app/assets/stylesheets/common/tables.css.scss +++ b/app/assets/stylesheets/common/tables.css.scss @@ -1,26 +1,38 @@ +@import "000_vars.css.scss"; + table.striped { p { margin: 0; } td, th { - padding: 2px 4px; + padding: 4px 6px; } tbody { + tr { + border-bottom: 1px solid $border_color; + } + tr:hover { - background-color: #FFE; + background-color: $reverse_highlight_color; } } thead { + tr { + border-bottom: 2px solid #666; + } + th { font-weight: bold; text-align: left; + color: #333; + padding: 8px 6px; } } tr.even { - background-color: #EEE; + background-color: #FAFAFA; } } diff --git a/app/assets/stylesheets/specific/moderator_dashboard.css.scss b/app/assets/stylesheets/specific/moderator_dashboard.css.scss index 402d9da0e..c4efab3f1 100644 --- a/app/assets/stylesheets/specific/moderator_dashboard.css.scss +++ b/app/assets/stylesheets/specific/moderator_dashboard.css.scss @@ -28,6 +28,7 @@ div#c-moderator-dashboards { } caption { + font-size: 1.1em; font-weight: bold; text-align: left; }