- Improved tab look

This commit is contained in:
Christophe Dumez 2008-09-27 20:56:41 +00:00
parent 45b9c6335c
commit 892bb4c432
5 changed files with 43 additions and 15 deletions

BIN
src/Icons/skin/tabs.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

View file

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

View file

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

View file

@ -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 {

View file

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