Jeremy Newman : clean up table styles, add some bootstrap overrides.

[Jeremy Newman]

Module: appdb
Branch: master
Commit: 2aa8c7b5df8c3cc115fdfe049f6a3acd826e374f
URL:    http://source.winehq.org/git/appdb.git/?a=commit;h=2aa8c7b5df8c3cc115fdfe049...

Author: Jeremy Newman <jnewman(a)codeweavers.com>
Date:   Thu Nov 17 09:26:53 2016 -0600

clean up table styles, add some bootstrap overrides.

---

 styles.css | 98 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 89 insertions(+), 9 deletions(-)

diff --git a/styles.css b/styles.css
index e895532..d00d51f 100644
--- a/styles.css
+++ b/styles.css
@@ -9,6 +9,10 @@
   =====================================================================================================================
 */
 
+HTML {
+    height: 100%;
+}
+
 /* Body Document Defaults */
 BODY {
     background-color: #000000 !important;
@@ -22,7 +26,7 @@ BODY {
 
 /*
   =====================================================================================================================
-   bootstrap tweaks
+   bootstrap tweaks, bs is awesome, but there are a few tweaks needed.
   =====================================================================================================================
 */
 
@@ -32,6 +36,27 @@ PRE {
   border: none; border-radius: none;
 }
 
+/* make a form control inline */
+input.form-control-inline {
+    display: inline;
+    width: 100%;
+}
+select.form-control-inline {
+    display: inline;
+    width: auto;
+}
+
+/* thin buttons, good for inline */
+.btn-skinny {
+    padding-top: 0.15em !important;
+    padding-bottom: 0.15em !important;
+}
+
+/* fix button text on a tags */
+a.btn, a.btn:visited {
+    color: inherit;
+}
+
 /*
   =====================================================================================================================
    PAGE LAYOUT
@@ -300,9 +325,13 @@ P.newstitle A:hover { color: #FF6666; text-decoration: none; }
 DIV.newsblock       { margin: 0 5px 25px 10px; padding: 0; }
 
 /* stuff */
-img                 { border: 0; }
 .clear              { clear: both; }
 
+/* IMG options */
+IMG                 { border: 0; text-decoration: none !important; }
+IMG.absmiddle       { vertical-align: top; }
+IMG.fill-width      { width: 100%; }
+
 /* Link Colors */
 A                   { color: #A50D0D; }
 A:visited           { color: #FF0000; }
@@ -458,7 +487,42 @@ table {
     border-spacing: 0.25em;
     border-collapse: separate;
 }
-table td { padding: 0.25em; }
+table td {
+    padding: 0.25em;
+}
+
+/* wine hq table style */
+table.whq-table {
+    border-spacing: 0.25em;
+    border-collapse: separate;
+}
+table.whq-table-full {
+    width: 100%;
+}
+table.winehq td {
+    padding: 0.25em;
+}
+table.whq-table thead tr td {
+    background-color: #95493A;
+    border: 1px solid #732010;
+    font-weight: bold;
+    color: #ffffff;
+}
+table.whq-table thead tr td a {
+    color: #ffffff;
+}
+table.whq-table thead tr td:first-child {
+    border-top-left-radius: 5px;
+}
+table.whq-table thead tr td:last-child {
+    border-top-right-radius: 5px;
+}
+table.whq-table tbody tr td {
+    background-color: #ffffff;
+}
+table.whq-table tbody tr:nth-child(odd) td {
+    background-color: #ddd;
+}
 
 /* box */
 .box-title {
@@ -503,7 +567,19 @@ TD.button { background-color: #BDDAE5 }
 TD.button2 { background-color: #ABB2D5; }
 
 /* misc table styles */
-.rowtitle { background-color: black; color: white; font-weight: bold; }
+table tr.rowtitle td {
+    background-color: #95493A;
+    border: 1px solid #732010;
+    font-weight: bold;
+    color: #ffffff;
+    padding: 0.25em;
+}
+table tr.rowtitle td:first-child  {
+    border-top-left-radius: 5px;
+}
+table tr.rowtitle td:last-child {
+    border-top-right-radius: 5px;
+}
 
 /* misc backgrounds from color name */
 .white { background-color: #FFFFFF; }
@@ -620,10 +696,14 @@ div.session_note { border: 1px solid; margin-bottom: 5px;}
 /* classes for the main page */
 div.rating_header { padding: 8px; }
 div.rating_title { padding-bottom: 4px; font-weight: bold; font-size: 160%; }
-div.topx_style { padding:7px; margin:6px; border:2px solid; }
-div.imgarea { text-align:center;    text-align:center;
-    margin-top:0px;
-    margin-bottom:0px;
-    padding:0px;}
+div.topx_style {
+    padding: 7px;
+    margin: 6px;
+    border: 2px solid #999999;
+    border-radius: 5px;
+}
+div.imgarea {
+    text-align:center;
+}
 
 /* done */
\ No newline at end of file