- Improved tab look

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>

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">

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 {

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">