Alexandre Julliard : Switch to the new tabs design.

[Alexandre Julliard]

Module: bugzilla
Branch: master
Commit: 14cd90e1396a1c0b85e686c9c89ab5784e938cd5
URL:    https://source.winehq.org/git/bugzilla.git/?a=commit;h=14cd90e1396a1c0b85e68...

Author: Alexandre Julliard 
Date:   Wed May  2 21:30:37 2018 +0200

Switch to the new tabs design.

Signed-off-by: Alexandre Julliard

---

images/tab_h.png | Bin 584 -> 0 bytes
 images/tab_s.png | Bin 614 -> 0 bytes
 images/tab_u.png | Bin 616 -> 0 bytes
 styles.css       |  25 +++++++++++--------------
 4 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/images/tab_h.png b/images/tab_h.png
deleted file mode 100644
index 59620cd..0000000
Binary files a/images/tab_h.png and /dev/null differ
diff --git a/images/tab_s.png b/images/tab_s.png
deleted file mode 100644
index 54d367b..0000000
Binary files a/images/tab_s.png and /dev/null differ
diff --git a/images/tab_u.png b/images/tab_u.png
deleted file mode 100644
index ff84b7a..0000000
Binary files a/images/tab_u.png and /dev/null differ
diff --git a/styles.css b/styles.css
index 409a4e9..25e4ae3 100644
--- a/styles.css
+++ b/styles.css
@@ -59,13 +59,10 @@ BODY                {

/* top tabs */
 #tabs               {
-                     position: absolute;
-                     z-index: 6;
-                     top: 0px;
-                     right: 10px;
-                     margin: 0px;
-                     padding: 0px;
+                     float: right;
+                     margin-right: 1em;
                     }
+#tabs .tabs-menu    { display: none; }
 #tabs UL            {
                      list-style: none;
                      padding: 0;
@@ -73,22 +70,22 @@ BODY                {
                     }
 #tabs LI            {
                      float: left;
-                     width: 112px;
                      height: 28px;
                      margin: 0px 2px 0px 2px;
                      padding: 0;
                      text-align: center;
-                     background-image: url('images/tab_u.png');
-                     background-repeat: no-repeat;
+                     background-color: #848484;
+                     border-bottom-right-radius: 6px;
+                     border-bottom-left-radius: 6px;
                     }
-#tabs LI.s          { background-image: url('images/tab_s.png'); }
+#tabs LI.s          { background-color: #cf3939; }
 #tabs LI.s A        { font-weight: bold; }
-#tabs LI:hover      { background-image: url('images/tab_h.png'); }
-#tabs A             {
+#tabs LI:hover      { background-color: #832c2c; }
+#tabs LI A          {
                      display: block;
-                     width: 108px;
+                     min-width: 110px;
                      height: 23px;
-                     padding-top: 3px;
+                     padding: 3px 5px 3px 5px;
                      font-size: 16px; color: white; text-decoration: none;
                     }