From 973518694e543744488ca327d2e6402f028183c8 Mon Sep 17 00:00:00 2001
From: ngosang <diegodelasheras@gmail.com>
Date: Sat, 20 Jun 2015 18:14:46 +0200
Subject: [PATCH] [Web UI] Tabs indentation replaced with spaces

---
 src/webui/www/public/css/style.css | 422 +++++++++++++++--------------
 1 file changed, 215 insertions(+), 207 deletions(-)

diff --git a/src/webui/www/public/css/style.css b/src/webui/www/public/css/style.css
index 05eadaf23..7d3f87f27 100644
--- a/src/webui/www/public/css/style.css
+++ b/src/webui/www/public/css/style.css
@@ -8,400 +8,408 @@ a img,:link img,:visited img { border: none; }
 /* Structure */
 
 body {
-	margin: 0;
-	text-align: left;
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 12px;
-	line-height: 18px;
-	color: #555;	
+    margin: 0;
+    text-align: left;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    line-height: 18px;
+    color: #555;
 }
 
 .aside {
-	width: 300px;
+    width: 300px;
 }
 
 .invisible {
-	display: none;
+    display: none;
 }
 
 /* Typography */
-	
+
 h2, h3, h4 {
-	margin: 0;
-	padding: 0 0 5px 0;
-	font-size: 12px;
-	font-weight: bold;
-	color: #333;	
+    margin: 0;
+    padding: 0 0 5px 0;
+    font-size: 12px;
+    font-weight: bold;
+    color: #333;
 }
-	
+
 h2 {
-	font-size: 14px;
-	color: #555;
-	font-weight: bold;	
+    font-size: 14px;
+    color: #555;
+    font-weight: bold;
 }
-	
+
 #mochaPage h3 {
-	display: block;
-	font-size: 12px;
-	padding: 6px 0 6px 0;
-	margin: 0 0 8px 0;
-	border-bottom: 1px solid #bbb;
+    display: block;
+    font-size: 12px;
+    padding: 6px 0 6px 0;
+    margin: 0 0 8px 0;
+    border-bottom: 1px solid #bbb;
 }
 
 #error_div {
-	color: #f00;
-	font-weight: bold;
+    color: #f00;
+    font-weight: bold;
 }
 
 h4 {
-	font-size: 11px;
+    font-size: 11px;
 }
-	
+
 a {
-	color: #e60;
-	text-decoration: none;
-	cursor: pointer;
+    color: #e60;
+    text-decoration: none;
+    cursor: pointer;
 }
 
 a:hover {
-	text-decoration: none;
+    text-decoration: none;
 }
-	
+
 p {
-	margin: 0;
-	padding: 0 0 9px 0;
+    margin: 0;
+    padding: 0 0 9px 0;
 }
-	
+
 /* List Elements */
 
 ul {
-	list-style: outside;
-	margin: 0 0 9px 16px;
+    list-style: outside;
+    margin: 0 0 9px 16px;
 }
 
 dt {
-	font-weight: bold;
-	}
-	
+    font-weight: bold;
+}
+
 dd {
-	padding: 0 0 9px 0;
-}	
+    padding: 0 0 9px 0;
+}
 
 /* Code */
-	
+
 pre {
-	background-color: #f6f6f6;
-	color: #006600;
-	display: block;
-	font-family: 'Courier New', Courier, monospace;
-	font-size: 11px;
-	max-height: 250px;
-	overflow: auto;
-	margin: 0 0 10px 0;
-	padding: 10px;
-	border: 1px solid #d1d7dc;	
-	}
-	
+    background-color: #f6f6f6;
+    color: #006600;
+    display: block;
+    font-family: 'Courier New', Courier, monospace;
+    font-size: 11px;
+    max-height: 250px;
+    overflow: auto;
+    margin: 0 0 10px 0;
+    padding: 10px;
+    border: 1px solid #d1d7dc;
+    }
+
 /* Dividers */
 
 hr {
-	background-color: #ddd;
-	color: #ccc;
-	height: 1px;
-	border: 0px;
+    background-color: #ddd;
+    color: #ccc;
+    height: 1px;
+    border: 0px;
 }
 
 .vcenter {
-	vertical-align: middle;
+    vertical-align: middle;
 }
 
 #urls {
-	width:90%;
-	height:100%;
+    width:90%;
+    height:100%;
 }
 
 #trackersUrls {
-	width:90%;
-	height:100%;
+    width:90%;
+    height:100%;
 }
 
 #Filters ul {
-	list-style-type: none;
+    list-style-type: none;
 }
 
 #Filters ul li {
-	margin-left: -16px;
+    margin-left: -16px;
 }
 
 #Filters ul img {
-	padding: 2px 4px;
-	vertical-align: middle;
-	width: 16px;
-	height: 16px;
+    padding: 2px 4px;
+    vertical-align: middle;
+    width: 16px;
+    height: 16px;
 }
 
 .selectedFilter {
-	background-color: #354158;
-	color: #000;
+    background-color: #354158;
+    color: #000;
 }
 
 #properties {
-	background-color: #e5e5e5;
+    background-color: #e5e5e5;
 }
 
 a.propButton {
-	border: 1px solid rgb(85, 81, 91);
-	/*border-radius: 3px;*/
-	padding: 2px;
-	margin-left: 3px;
-	margin-right: 3px;
+    border: 1px solid rgb(85, 81, 91);
+    /*border-radius: 3px;*/
+    padding: 2px;
+    margin-left: 3px;
+    margin-right: 3px;
 }
 
 a.propButton img {
-	margin-bottom: -4px;
+    margin-bottom: -4px;
 }
 
 /* context menu specific */
-#contextmenu	{ border:1px solid #999; padding:0; background:#eee; list-style-type:none; display:none;}
-#contextmenu .separator	{ border-top:1px solid #999; }
-#contextmenu li	{ margin:0; padding:0;}
+
+#contextmenu { border:1px solid #999; padding:0; background:#eee; list-style-type:none; display:none;}
+#contextmenu .separator { border-top:1px solid #999; }
+#contextmenu li { margin:0; padding:0;}
 #contextmenu li a { display:block; padding:5px 10px 5px 5px; font-size:12px; text-decoration:none; font-family:tahoma,arial,sans-serif; color:#000; }
-#contextmenu li a:hover	{ background-color:#ddd; }
+#contextmenu li a:hover { background-color:#ddd; }
 #contextmenu li a.disabled { color:#ccc; font-style:italic; }
 #contextmenu li a.disabled:hover { background-color:#eee; }
 #contextmenu li ul {
-	padding: 0;
-	border:1px solid #999; padding:0; background:#eee;
-	list-style-type:none;
-	position: absolute;
-	left: -999em;
-	z-index: 8000;
-	margin: -29px 0 0 100%;
-	width: 164px;
+    padding: 0;
+    border:1px solid #999; padding:0; background:#eee;
+    list-style-type:none;
+    position: absolute;
+    left: -999em;
+    z-index: 8000;
+    margin: -29px 0 0 100%;
+    width: 164px;
 }
 #contextmenu li ul li a {
-	position: relative;
+    position: relative;
 }
 #contextmenu li a.arrow-right, #contextmenu li a:hover.arrow-right {
-	background-image: url(../images/skin/arrow-right.gif);
-	background-repeat: no-repeat;
-	background-position: right center;	
-} 
+    background-image: url(../images/skin/arrow-right.gif);
+    background-repeat: no-repeat;
+    background-position: right center;
+}
 #contextmenu li:hover ul,
 #contextmenu li.ieHover ul,
 #contextmenu li li.ieHover ul,
 #contextmenu li li li.ieHover ul,
 #contextmenu li li:hover ul,
 #contextmenu li li li:hover ul { /* lists nested under hovered list items */
-	left: auto;
+    left: auto;
 }
 
 #contextmenu li img {
-  width: 16px;
-  height: 16px;
-  margin-bottom: -4px;
-  -ms-interpolation-mode : bicubic;
+    width: 16px;
+    height: 16px;
+    margin-bottom: -4px;
+    -ms-interpolation-mode : bicubic;
 }
 
 /* Sliders */
 
 .slider {
-	clear: both;
-	position: relative;
-	font-size: 12px;
-	font-weight: bold;
-	width: 400px;
-	margin-bottom: 15px;	
+    clear: both;
+    position: relative;
+    font-size: 12px;
+    font-weight: bold;
+    width: 400px;
+    margin-bottom: 15px;
 }
 
 .sliderWrapper {
-	position: relative;
-	font-size: 1px;
-	line-height: 1px;
-	height: 9px;
-	width: 422px;
+    position: relative;
+    font-size: 1px;
+    line-height: 1px;
+    height: 9px;
+    width: 422px;
 }
 
 .sliderarea {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 7px;
-	width: 420px;
-	font-size: 1px;
-	line-height: 1px;
-	background: #f2f2f2 url(../images/skin/slider-area.gif) repeat-x;
-	border: 1px solid #a3a3a3;
-	border-bottom: 1px solid #ccc;
-	border-left: 1px solid #ccc;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-}
- 
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 7px;
+    width: 420px;
+    font-size: 1px;
+    line-height: 1px;
+    background: #f2f2f2 url(../images/skin/slider-area.gif) repeat-x;
+    border: 1px solid #a3a3a3;
+    border-bottom: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
 .sliderknob {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 9px;
-	width: 19px;
-	font-size: 1px;
-	line-height: 1px;	
-	background: url(../images/skin/knob.gif) no-repeat;
-	cursor: pointer;
-	overflow: hidden;
-	z-index: 2;
-}
-	
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 9px;
+    width: 19px;
+    font-size: 1px;
+    line-height: 1px;
+    background: url(../images/skin/knob.gif) no-repeat;
+    cursor: pointer;
+    overflow: hidden;
+    z-index: 2;
+}
+
 .update {
-	padding-bottom: 5px;	
+    padding-bottom: 5px;
 }
 
 .mochaToolButton {
-	margin-right: 10px;
+    margin-right: 10px;
 }
 
 /* Mocha Customization */
 #mochaToolbar {
-	margin-top: 5px;
+    margin-top: 5px;
 }
 
 #mochaToolbar .divider {
-	background-image: url(../images/skin/toolbox-divider.gif);
-	background-repeat: no-repeat;
-        background-position: left center;
-        padding-left: 14px;
-	padding-top: 15px;
+    background-image: url(../images/skin/toolbox-divider.gif);
+    background-repeat: no-repeat;
+    background-position: left center;
+    padding-left: 14px;
+    padding-top: 15px;
 }
 
 .MyMenuIcon {
-  margin-left: -18px;
-  margin-bottom: -3px;
-  padding-right: 5px;
+    margin-left: -18px;
+    margin-bottom: -3px;
+    padding-right: 5px;
 }
 
 /* Tri-state checkbox */
+
 label.tristate {
-	background: url(../images/3-state-checkbox.gif) 0 0 no-repeat;
-	display: block;
-	float: left;
-	height: 13px;
-	margin: .15em 8px 5px 0px;
-	overflow: hidden;
-	text-indent: -999em;
-	width: 13px;
-}
-label.checked { background-position: 0 -13px; }
-label.partial { background-position: 0 -26px; }
+    background: url(../images/3-state-checkbox.gif) 0 0 no-repeat;
+    display: block;
+    float: left;
+    height: 13px;
+    margin: .15em 8px 5px 0px;
+    overflow: hidden;
+    text-indent: -999em;
+    width: 13px;
+}
+
+label.checked {
+    background-position: 0 -13px;
+}
+
+label.partial {
+    background-position: 0 -26px;
+}
 
 fieldset.settings {
-	border: solid 1px black;
-	border-radius: 8px;
-	-webkit-border-radius: 8px;
-	-moz-border-radius: 8px;
-	padding: 4px 4px 4px 10px;
+    border: solid 1px black;
+    border-radius: 8px;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    padding: 4px 4px 4px 10px;
 }
 
 fieldset.settings legend {
-  margin-left: 8px;
-	padding: 4px;
-  font-weight: bold;
+    margin-left: 8px;
+    padding: 4px;
+    font-weight: bold;
 }
 
 fieldset.settings label {
-  padding: 2px;
+    padding: 2px;
 }
 
 fieldset.settings .leftLabelSmall {
-  width: 5em;
-  float: left;
-  text-align: right;
-  margin-right: 0.5em;
-  display: block;
+    width: 5em;
+    float: left;
+    text-align: right;
+    margin-right: 0.5em;
+    display: block;
 }
 
 fieldset.settings .leftLabelLarge {
-  width: 14em;
-  float: left;
-  text-align: right;
-  margin-right: 0.5em;
-  display: block;
+    width: 14em;
+    float: left;
+    text-align: right;
+    margin-right: 0.5em;
+    display: block;
 }
 
 div.formRow {
-  clear: left;
-  display: block;
+    clear: left;
+    display: block;
 }
 
 ul.filterList {
-  margin: 0 0 0 16px;
-  padding-left: 0;
+    margin: 0 0 0 16px;
+    padding-left: 0;
 }
 
 ul.filterList a {
-	display: block;
+    display: block;
 }
 
 ul.filterList li:hover {
-	background-color: #e60;
+    background-color: #e60;
 }
 
 ul.filterList li:hover a {
-	color: white;
+    color: white;
 }
 
 #filesTable {
-	line-height: 20px;
+    line-height: 20px;
 }
 
 #trackersTable {
-	line-height: 25px;
+    line-height: 25px;
 }
 
 #addTrackersPlus {
-	width: 16px;
-	cursor: pointer;
-	margin-bottom: -3px;
+    width: 16px;
+    cursor: pointer;
+    margin-bottom: -3px;
 }
 
 .torrentTable th {
-	padding: 5px 10px;
+    padding: 5px 10px;
 }
 
 .torrentTable td {
-	padding: 0px 3px;
+    padding: 0px 3px;
 }
 
 .torrentTable thead tr {
-	background-color: #eee;
+    background-color: #eee;
 }
 
 #prop_general {
-	padding: 2px;
+    padding: 2px;
 }
 
 #watched_folders_tab {
-	border-collapse: collapse;
+    border-collapse: collapse;
 }
 
 #watched_folders_tab td, #watched_folders_tab th {
-	padding: 2px 4px;
-	border: 1px solid black;
+    padding: 2px 4px;
+    border: 1px solid black;
 }
 
 /*
  * Workaround to prevent the transfer list from
- * disappearing when zooming in the browser. 
+ * disappearing when zooming in the browser.
  */
 #filtersColumn_handle {
-	margin-left: -1px;
+    margin-left: -1px;
 }
 
 #error_div {
-	float: left;
-	font-size: 14px;
+    float: left;
+    font-size: 14px;
 }
 
 .combo_priority {
-	font-size: 1em;
+    font-size: 1em;
 }