Merge pull request #4521 from buinsky/WebUI

WebUI: Move some styles into css

src/webui/www/private/index.html

@@ -131,13 +131,13 @@
             <table style="position: absolute; right: 5px;">
                 <tr>
                     <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 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="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="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>
             </table>
         </div>

src/webui/www/public/css/dynamicTable.css

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

src/webui/www/public/css/style.css

@@ -383,6 +383,15 @@ td.generalLabel {
     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 {
     padding: 5px 10px;
 }
@@ -455,3 +464,11 @@ td.generalLabel {
 .combo_priority {
     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;
+}

src/webui/www/public/transferlist.html

@@ -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>
         <tr id="torrentsTableHeader">
         </tr>