- Made Web UI tool bar looks exactly like the Web UI one (same buttons orders and added separators)

This commit is contained in:
Christophe Dumez 2009-11-26 10:21:13 +00:00
parent 3e56cf96a3
commit ae10bc9270
4 changed files with 12 additions and 6 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 B

View file

@ -35,6 +35,7 @@
<file>Icons/skin/increase.png</file> <file>Icons/skin/increase.png</file>
<file>Icons/skin/qbittorrent32.png</file> <file>Icons/skin/qbittorrent32.png</file>
<file>Icons/skin/paused.png</file> <file>Icons/skin/paused.png</file>
<file>Icons/skin/toolbox-divider.gif</file>
<file>Icons/skin/stalledDL.png</file> <file>Icons/skin/stalledDL.png</file>
<file>Icons/skin/qb_question.png</file> <file>Icons/skin/qb_question.png</file>
<file>Icons/skin/download.png</file> <file>Icons/skin/download.png</file>

View file

@ -579,6 +579,11 @@ div.mochaToolbarWrapper.bottom {
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
} }
#mochaToolbar .divider {
background: url(../images/skin/toolbox-divider.gif) left center no-repeat;
padding: 30px 3px 0 12px;
}
#mochaToolbar { #mochaToolbar {
padding: 4px 4px 4px 4px; padding: 4px 4px 4px 4px;
background: #f0f0f0; background: #f0f0f0;

View file

@ -65,19 +65,19 @@
</ul> </ul>
</div> </div>
<div id="mochaToolbar"> <div id="mochaToolbar">
<a id="downloadButton"><img class="mochaToolButton" title="_(Download from URL)" src="images/skin/url.png"/></a>
<a id="uploadButton"><img class="mochaToolButton" title="_(Download local torrent)" src="images/skin/open.png"/></a> <a id="uploadButton"><img class="mochaToolButton" title="_(Download local torrent)" src="images/skin/open.png"/></a>
<a id="deleteButton"><img class="mochaToolButton" title="_(Delete)" src="images/skin/delete.png"/></a> <a id="downloadButton"><img class="mochaToolButton" title="_(Download from URL)" src="images/skin/url.png"/></a>
<a id="deleteButton" class="divider"><img class="mochaToolButton" title="_(Delete)" src="images/skin/delete.png"/></a>
<a id="deletePermButton"><img class="mochaToolButton" title="_(Delete from HD)" src="images/skin/delete_perm.png"/></a> <a id="deletePermButton"><img class="mochaToolButton" title="_(Delete from HD)" src="images/skin/delete_perm.png"/></a>
<a id="resumeButton"><img class="mochaToolButton" title="_(Start)" src="images/skin/play.png"/></a> <a id="resumeButton" class="divider"><img class="mochaToolButton" title="_(Start)" src="images/skin/play.png"/></a>
<a id="pauseButton"><img class="mochaToolButton" title="_(Pause)" src="images/skin/pause.png"/></a> <a id="pauseButton"><img class="mochaToolButton" title="_(Pause)" src="images/skin/pause.png"/></a>
<a id="resumeAllButton"><img class="mochaToolButton" title="_(Start All)" src="images/skin/play_all.png"/></a> <a id="resumeAllButton" class="divider"><img class="mochaToolButton" title="_(Start All)" src="images/skin/play_all.png"/></a>
<a id="pauseAllButton"><img class="mochaToolButton" title="_(Pause All)" src="images/skin/pause_all.png"/></a> <a id="pauseAllButton"><img class="mochaToolButton" title="_(Pause All)" src="images/skin/pause_all.png"/></a>
<a id="preferencesButton"><img class="mochaToolButton" title="_(Preferences)" src="images/skin/settings.png"/></a>
<span id="queueingButtons"> <span id="queueingButtons">
<a id="decreasePrioButton"><img class="mochaToolButton" title="_(Decrease priority)" src="images/skin/decrease.png"/></a> <a id="decreasePrioButton" class="divider"><img class="mochaToolButton" title="_(Decrease priority)" src="images/skin/decrease.png"/></a>
<a id="increasePrioButton"><img class="mochaToolButton" title="_(Increase priority)" src="images/skin/increase.png"/></a> <a id="increasePrioButton"><img class="mochaToolButton" title="_(Increase priority)" src="images/skin/increase.png"/></a>
</span> </span>
<a id="preferencesButton" class="divider"><img class="mochaToolButton" title="_(Preferences)" src="images/skin/settings.png"/></a>
</div> </div>
</div> </div>
<div id="pageWrapper"><span id="error_div"></span> <div id="pageWrapper"><span id="error_div"></span>