From 892bb4c432168de6045d2366603afa8b8730929b Mon Sep 17 00:00:00 2001
From: Christophe Dumez <chris@qbittorrent.org>
Date: Sat, 27 Sep 2008 20:56:41 +0000
Subject: [PATCH] - Improved tab look

---
 src/Icons/skin/tabs.gif      | Bin 0 -> 2060 bytes
 src/icons.qrc                |   1 +
 src/update_qrc_files.py      |   2 +-
 src/webui/css/mootabs1.2.css |  49 +++++++++++++++++++++++++++--------
 src/webui/index.html         |   6 ++---
 5 files changed, 43 insertions(+), 15 deletions(-)
 create mode 100644 src/Icons/skin/tabs.gif

diff --git a/src/Icons/skin/tabs.gif b/src/Icons/skin/tabs.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c8b5b0c6439d0cca7c57645ec33bb400a79eca75
GIT binary patch
literal 2060
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
C)N*M6

literal 0
HcmV?d00001

diff --git a/src/icons.qrc b/src/icons.qrc
index 98c0bdc54..1fff315fe 100644
--- a/src/icons.qrc
+++ b/src/icons.qrc
@@ -102,6 +102,7 @@
   <file>Icons/skin/seeding.png</file>
   <file>Icons/skin/settings.png</file>
   <file>Icons/skin/stalled.png</file>
+  <file>Icons/skin/tabs.gif</file>
   <file>Icons/skin/url.png</file>
 </qresource>
 </RCC>
\ No newline at end of file
diff --git a/src/update_qrc_files.py b/src/update_qrc_files.py
index 974feae50..fe6fae412 100755
--- a/src/update_qrc_files.py
+++ b/src/update_qrc_files.py
@@ -71,7 +71,7 @@ for root, dirs, files in os.walk('Icons'):
   if 'skin_unused' in dirs:
     dirs.remove('skin_unused')
   for file in files:
-    if splitext(file)[-1] in ('.png', '.jpg'):
+    if splitext(file)[-1] in ('.png', '.jpg', '.gif'):
       icons_list.append(join(root, file))
 
 output = '''<!DOCTYPE RCC><RCC version="1.0">
diff --git a/src/webui/css/mootabs1.2.css b/src/webui/css/mootabs1.2.css
index 4abf3f59f..51bf719c3 100644
--- a/src/webui/css/mootabs1.2.css
+++ b/src/webui/css/mootabs1.2.css
@@ -1,24 +1,51 @@
 
+.toolbarTabs {	
+	padding: 0 5px 2px 2px;
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: left -70px;
+	overflow: visible;
+}
+
 .mootabs_title {
-	list-style-image: none;
-	list-style-type: none;
-	margin: 0px;
-	padding: 0px;
-	height: 24px;
+  padding-top: 1px;
+	list-style:	none;
+	margin: 0;
+	padding: 0;
+	line-height: 16px;
+	font-size: 11px;
 }
 
 .mootabs_title li {
+	display: block;
 	float: left;
-	background-color: #ddd;
-	padding: 2px 8px 2px 8px;
-	margin-right: 2px;
-	cursor: pointer;
-	height: 24px;
+	margin:	0 0 5px 0;
+	cursor: pointer;	
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: left -35px;
 	
 }
 
 .mootabs_title li.active {
-	background-color: #f1f1f1;
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: left 0;
+}
+
+.mootabs_title li a {
+	display: block;
+	margin-left: 8px;
+	padding: 6px 16px 5px 10px;
+	text-align: center;
+	font-weight: normal;
+	color: #141414;
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: right -35px;	
+}
+
+.mootabs_title li.active a {
+	color: #141414;
+	font-weight: bold;	
+	background: url(../images/skin/tabs.gif) repeat-x;
+	background-position: right 0;
 }
 
 .mootabs_panel {
diff --git a/src/webui/index.html b/src/webui/index.html
index 72bd04abf..207e04097 100644
--- a/src/webui/index.html
+++ b/src/webui/index.html
@@ -65,10 +65,10 @@
 			</div>
 		</div>
 								
-		<div id="myTabs">
+		<div id="myTabs" class="toolbarTabs">
 			<ul class="mootabs_title">
-				<li title="Tab1">Downloads</li>
-				<li title="Tab2">Uploads</li>
+				<li title="Tab1"><a>Downloads</a></li>
+				<li title="Tab2"><a>Uploads</a></li>
 			</ul>
 						<div id="mochaPageWrapper">
 					<div id="mochaPage">