Merge pull request #4521 from buinsky/WebUI

WebUI: Move some styles into css
This commit is contained in:
sledgehammer999 2016-01-10 06:19:29 -06:00
commit 9b4a0d3dee
4 changed files with 22 additions and 6 deletions

View file

@ -131,13 +131,13 @@
<table style="position: absolute; right: 5px;"> <table style="position: absolute; right: 5px;">
<tr> <tr>
<td id="DHTNodes"></td> <td id="DHTNodes"></td>
<td style="width: 2px;margin:0;"><img src="images/skin/toolbox-divider.gif" alt="" style="height: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: -2px;"/></td> <td class="statusBarSeparator"></td>
<td><img id="connectionStatus" alt="Connection Status" src="images/skin/firewalled.png" /></td> <td><img id="connectionStatus" alt="Connection Status" src="images/skin/firewalled.png" /></td>
<td style="width: 2px;margin:0;"><img src="images/skin/toolbox-divider.gif" alt="" style="height: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: -2px;"/></td> <td class="statusBarSeparator"></td>
<td style="cursor:pointer;"><img id="alternativeSpeedLimits" alt="QBT_TR(Alternative speed limits)QBT_TR" src="images/slow_off.png" /></td> <td style="cursor:pointer;"><img id="alternativeSpeedLimits" alt="QBT_TR(Alternative speed limits)QBT_TR" src="images/slow_off.png" /></td>
<td style="width: 2px;margin:0;"><img src="images/skin/toolbox-divider.gif" alt="" style="height: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: -2px;"/></td> <td class="statusBarSeparator"></td>
<td style="cursor:pointer; min-width: 200px"><img src="images/skin/download.png" alt="" style="padding-right: 5px; margin-bottom: -4px;"><span id="DlInfos"></span></td> <td style="cursor:pointer; min-width: 200px"><img src="images/skin/download.png" alt="" style="padding-right: 5px; margin-bottom: -4px;"><span id="DlInfos"></span></td>
<td style="width: 2px;margin:0;"><img src="images/skin/toolbox-divider.gif" alt="" style="height: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: -2px;"/></td> <td class="statusBarSeparator"></td>
<td style="cursor:pointer; min-width: 200px"><img src="images/skin/seeding.png" alt="" style="padding-right: 5px; margin-bottom: -3px;"><span id="UpInfos"></span></td></tr> <td style="cursor:pointer; min-width: 200px"><img src="images/skin/seeding.png" alt="" style="padding-right: 5px; margin-bottom: -3px;"><span id="UpInfos"></span></td></tr>
</table> </table>
</div> </div>

View file

@ -66,7 +66,6 @@
color: #fff; color: #fff;
} }
#torrentsTable tr:hover,
#torrentsTable tr:hover, #torrentsTable tr:hover,
#properties #torrentFiles tr.over, #properties #torrentFiles tr.over,
#properties #trackers tr.over, #properties #trackers tr.over,

View file

@ -383,6 +383,15 @@ td.generalLabel {
margin-bottom: -3px; margin-bottom: -3px;
} }
.torrentTable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.torrentTable th { .torrentTable th {
padding: 5px 10px; padding: 5px 10px;
} }
@ -455,3 +464,11 @@ td.generalLabel {
.combo_priority { .combo_priority {
font-size: 1em; font-size: 1em;
} }
td.statusBarSeparator {
width: 22px;
background-image: url('../images/skin/toolbox-divider.gif');
background-repeat: no-repeat;
background-position: center 1px;
background-size: 2px 18px;
}

View file

@ -1,4 +1,4 @@
<table class="torrentTable" cellpadding="0" cellspacing="0" style="-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> <table class="torrentTable" cellpadding="0" cellspacing="0">
<thead> <thead>
<tr id="torrentsTableHeader"> <tr id="torrentsTableHeader">
</tr> </tr>