Alexandre Julliard : Switch to the new sidebar design.

[Alexandre Julliard]

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

Author: Alexandre Julliard 
Date:   Thu May  3 11:23:21 2018 +0200

Switch to the new sidebar design.

Signed-off-by: Alexandre Julliard

---

images/side_menu_bg.png                       | Bin 226 -> 0 bytes
 images/side_menu_bot.png                      | Bin 564 -> 0 bytes
 images/side_menu_top.png                      | Bin 3287 -> 0 bytes
 styles.css                                    |  53 ++++++++++++++------------
 template/en/default/global/menu_end.html.tmpl |   1 -
 5 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/images/side_menu_bg.png b/images/side_menu_bg.png
deleted file mode 100644
index c8cbcc0..0000000
Binary files a/images/side_menu_bg.png and /dev/null differ
diff --git a/images/side_menu_bot.png b/images/side_menu_bot.png
deleted file mode 100644
index 8bc9b5d..0000000
Binary files a/images/side_menu_bot.png and /dev/null differ
diff --git a/images/side_menu_top.png b/images/side_menu_top.png
deleted file mode 100644
index 047c4c0..0000000
Binary files a/images/side_menu_top.png and /dev/null differ
diff --git a/styles.css b/styles.css
index 25e4ae3..86bc79f 100644
--- a/styles.css
+++ b/styles.css
@@ -95,42 +95,47 @@ BODY                {
                      z-index: 6;
                      top: 200px;
                      left: 0px;
-                     margin: 0px;
-                     padding: 0px;
-                     width: 156px;
                     }
 #sidebar UL         {
+                     line-height: 1.5em;
                      list-style: none;
-                     width: 156px;
                      padding: 0;
-                     margin: 0 0 10px 0;
+                     margin: 0;
                     }
 #sidebar LI         {
-                     width: 156px;
-                     margin: 0;
-                     padding: 5px 0 0 0;
-                     background-image: url('images/side_menu_bg.png');
-                     background-repeat: repeat-y;
                      font-size: 10px;
                      color: white;
-                    }
-#sidebar LI P       { margin: 0; padding: 0 15px 5px 15px; }
-#sidebar LI.top     {
-                     height: 33px;
                      margin: 0;
                      padding: 0;
-                     background-image: url('images/side_menu_top.png');
-                     background-repeat: no-repeat;
-                     font-weight: bold;
-                     font-size: 10px;
                     }
-#sidebar LI.top P   { margin: 0; padding: 10px 0 0 5px; }
-#sidebar LI.bot     {
-                     height: 16px;
-                     margin: 0;
+#sidebar p          { margin: 5px 5px 5px 10px; }
+#sidebar > ul       {
+                     border: none;
+                     margin: 0 0 1em 0 !important;
                      padding: 0;
-                     background-image: url('images/side_menu_bot.png');
-                     background-repeat: no-repeat;
+                     float: none;
+                     width: 160px;
+                     overflow: hidden;
+                     background: rgba(149,73,58,0.98);
+                     background: linear-gradient(to right, rgba(149,73,58,0.7) 0%,
+                                 rgba(149,73,58,0.95) 10%,
+                                 rgba(149,73,58,1) 80%,
+                                 rgba(126,44,29,1) 97%,
+                                 rgba(110,29,14,1) 99%,
+                                 rgba(110,29,14,1) 100%);
+                     border: 2px solid #6e1d0e;
+                     border-left: none;
+                     border-top-right-radius: 5px;
+                     border-bottom-right-radius: 5px;
+                    }
+#sidebar > ul > li.top {
+                     background: #732010;
+                     margin: 0;
+                     padding: 0.3em 1em 0.3em 0;
+                     font-size: 91%;
+                     font-weight: bold;
+                     white-space: nowrap;
+                     border-top-right-radius: 5px;
                     }
 #sidebar A          { font-size: 10px; color: white; text-decoration: none; }
 #sidebar A:hover    { font-size: 10px; text-decoration: underline; }
diff --git a/template/en/default/global/menu_end.html.tmpl b/template/en/default/global/menu_end.html.tmpl
index b945697..1f0984b 100644
--- a/template/en/default/global/menu_end.html.tmpl
+++ b/template/en/default/global/menu_end.html.tmpl
@@ -1,3 +1,2 @@
-        <li class="bot"></li>
     </ul>