web: update to extjs 3.4.0

There are numerous fixes to the framework between 3.1.1 and 3.4.0 and
since there are no obvious bugs introduced it's only sensible to pull
the update in to the stable branch

deluge/ui/web/css/deluge.css

@@ -201,7 +201,7 @@ dl.singleline dd {
 }
 
 .x-connected {
-	background-image: transparent !important;
+	background-image: none !important;
 }
 
 /* Styles for renderered progress bars */

deluge/ui/web/css/ext-all-notheme.css

@@ -1,10 +1,17 @@
 /*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.4.0
+ * Copyright(c) 2006-2011 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
  */
-html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
+html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
+
+.ext-forced-border-box, .ext-forced-border-box * {
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+.ext-el-mask {
     z-index: 100;
     position: absolute;
     top:0;
@@ -68,6 +75,16 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
     display:none !important;
 }
 
+.x-hide-nosize,
+.x-hide-nosize *    /* Emulate display:none for children */
+ {
+   height:0px!important;
+   width:0px!important;
+   visibility:hidden!important;
+   border:none!important;
+   zoom:1;
+}
+
 .x-hide-visibility {
     visibility:hidden !important;
 }
@@ -97,6 +114,7 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
     zoom: 1;
     background-color: transparent;
     -moz-outline: none;
+    outline: none;
 }
 
 .x-item-disabled {
@@ -110,6 +128,10 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
     cursor: default !important;
 }
 
+.x-form-radio-group .x-item-disabled {
+    filter: none;
+}
+
 .x-splitbar-proxy {
     position: absolute;
     visibility: hidden;
@@ -219,7 +241,7 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
 .x-shadow .xsmc {
     float: left;
     height: 100%;
-    background: transparent;
+    background-color: transparent;
 }
 
 .x-shadow .xst, .x-shadow .xsb {
@@ -637,9 +659,28 @@ ul.x-tab-strip li.x-tab-edge {
 /*
  * Horrible hack for IE8 in quirks mode
  */
-.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
+.ext-ie8 .x-tab-strip li {
+    position: relative;
+}
+.ext-border-box .ext-ie8 .x-tab-strip-top .x-tab-right {
     top: 1px;
 }
+.ext-ie8 .x-tab-strip-top {
+    padding-top: 1;
+}
+.ext-border-box .ext-ie8 .x-tab-strip-top {
+    padding-top: 0;
+}
+.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    top:3px;
+}
+.ext-border-box .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    top:4px;
+}
+.ext-ie8 .x-tab-strip-bottom .x-tab-right{
+    top:0;
+}
+
 
 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
     padding-bottom:5px;
@@ -700,14 +741,15 @@ ul.x-tab-strip li.x-tab-edge {
 }
 
 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
-	background: no-repeat bottom left;
-}
-
-.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
 	background: no-repeat bottom right;
 }
 
+.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+	background: no-repeat bottom left;
+}
+
 .x-tab-strip-bottom .x-tab-left {
+    margin-right: 3px;
     padding:0 10px;
 }
 
@@ -864,6 +906,26 @@ textarea.x-form-field {
     line-height:18px;
 }
 
+.x-quirks .ext-ie9 .x-form-text {
+    height: 22px;
+    padding-top: 3px;
+    padding-bottom: 0px;
+}
+
+/* Ugly hacks for the bogus 1px margin bug in IE9 quirks */
+.x-quirks .ext-ie9 .x-input-wrapper .x-form-text,
+.x-quirks .ext-ie9 .x-form-field-trigger-wrap .x-form-text {
+    margin-top: -1px;
+    margin-bottom: -1px;
+}
+.x-quirks .ext-ie9 .x-input-wrapper .x-form-element {
+    margin-bottom: -1px;
+}
+
+.ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
+    top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
+}
+
 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
     margin:-1px 0; /* ie bogus margin bug */
 }
@@ -876,15 +938,21 @@ textarea.x-form-field {
     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
 }
 
+/*
 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
-	margin-bottom: 1px;
+    margin-bottom: 1px;
 }
+*/
 
 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
     padding-top:2px; /* FF won't center the text vertically */
     padding-bottom:0;
 }
 
+.ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
+    margin: 0 !important; /* clear ie bogus margin bug fix */
+}
+
 textarea {
     resize: none;  /* Disable browser resizable textarea */
 }
@@ -904,7 +972,7 @@ textarea {
 /* 2.0.2 style */
 .x-form-check-wrap {
     line-height:18px;
-    height: 22px;
+    height: auto;
 }
 
 .ext-ie .x-form-check-wrap input {
@@ -947,10 +1015,6 @@ textarea {
     cursor:pointer;
 }
 
-.ext-webkit .x-form-field-wrap .x-form-trigger{
-    right:0;
-}
-
 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
     position:static;
     top:auto;
@@ -960,10 +1024,15 @@ textarea {
 .x-form-field-wrap {
     position:relative;
     left:0;top:0;
+    text-align: left;
     zoom:1;
     white-space: nowrap;
 }
 
+.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
+    right: 0; /* IE8 Strict mode trigger bug */
+}
+
 .x-form-field-wrap .x-form-trigger-over{
     background-position:-17px 0;
 }
@@ -1004,21 +1073,17 @@ textarea {
 
 /* field focus style */
 .x-form-focus, textarea.x-form-focus{
-	border: 1px solid;
+    border: 1px solid;
 }
 
 /* invalid fields */
 .x-form-invalid, textarea.x-form-invalid{
-	background:repeat-x bottom;
-	border: 1px solid;
-}
-
-.ext-webkit .x-form-invalid{
-	border: 1px solid;
+    background:repeat-x bottom;
+    border: 1px solid;
 }
 
 .x-form-inner-invalid, textarea.x-form-inner-invalid{
-	background:repeat-x bottom;
+    background:repeat-x bottom;
 }
 
 /* editors */
@@ -1030,11 +1095,11 @@ textarea {
 
 .x-form-grow-sizer {
     left: -10000px;
-	padding: 8px 3px;
+    padding: 8px 3px;
     position: absolute;
     visibility:hidden;
     top: -10000px;
-	white-space: pre-wrap;
+    white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
@@ -1149,6 +1214,10 @@ textarea {
 
 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
 
+.ext-strict .ext-webkit .x-small-editor .x-form-text{
+    height:14px !important;
+}
+
 .x-form-clear {
     clear:both;
     height:0;
@@ -1165,7 +1234,7 @@ textarea {
 }
 
 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
-   margin-top: 3px; 
+   margin-top: 3px;
 }
 
 .x-form-cb-label {
@@ -1209,59 +1278,59 @@ textarea {
 
 /* buttons */
 .x-form .x-form-btns-ct .x-btn{
-	float:right;
-	clear:none;
+    float:right;
+    clear:none;
 }
 
 .x-form .x-form-btns-ct .x-form-btns td {
-	border:0;
-	padding:0;
+    border:0;
+    padding:0;
 }
 
 .x-form .x-form-btns-ct .x-form-btns-right table{
-	float:right;
-	clear:none;
+    float:right;
+    clear:none;
 }
 
 .x-form .x-form-btns-ct .x-form-btns-left table{
-	float:left;
-	clear:none;
+    float:left;
+    clear:none;
 }
 
 .x-form .x-form-btns-ct .x-form-btns-center{
-	text-align:center; /*ie*/
+    text-align:center; /*ie*/
 }
 
 .x-form .x-form-btns-ct .x-form-btns-center table{
-	margin:0 auto; /*everyone else*/
+    margin:0 auto; /*everyone else*/
 }
 
 .x-form .x-form-btns-ct table td.x-form-btn-td{
-	padding:3px;
+    padding:3px;
 }
 
 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
-	background-position:0 -147px;
+    background-position:0 -147px;
 }
 
 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
-	background-position:0 -168px;
+    background-position:0 -168px;
 }
 
 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
-	background-position:0 -189px;
+    background-position:0 -189px;
 }
 
 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
-	background-position:0 -126px;
+    background-position:0 -126px;
 }
 
 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
-	background-position:0 -84px;
+    background-position:0 -84px;
 }
 
 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
-	background-position:0 -63px;
+    background-position:0 -63px;
 }
 
 .x-form-invalid-icon {
@@ -1286,12 +1355,16 @@ textarea {
 /* make top of checkbox/tools visible in webkit */
 .ext-webkit .x-fieldset-header {
     padding-top: 1px;
-}        
+}
 
 .ext-ie .x-fieldset legend {
     margin-bottom:10px;
 }
 
+.ext-strict .ext-ie9 .x-fieldset legend.x-fieldset-header {
+    padding-top: 1px;
+}
+
 .ext-ie .x-fieldset {
     padding-top: 0;
     padding-bottom:10px;
@@ -1315,8 +1388,8 @@ fieldset.x-panel-collapsed {
     border-width: 1px 1px 0 1px !important;
     border-left-color: transparent;
     border-right-color: transparent;
-}      
-  
+}
+
 .ext-ie6 fieldset.x-panel-collapsed{
     padding-bottom:0 !important;
     border-width: 1px 0 0 0 !important;
@@ -1343,7 +1416,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
     margin-left:-3px;
 }
 
-/* IE legend positioing bug */
+/* IE legend positioning bug */
 .ext-ie .x-fieldset-noborder legend {
     position: relative;
     margin-bottom:23px;
@@ -1352,14 +1425,20 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
     position: absolute;
     left:16px;
 }
-        
+
 .ext-gecko .x-window-body .x-form-item {
     -moz-outline: none;
+    outline: none;
     overflow: auto;
 }
 
+.ext-mac.ext-gecko .x-window-body .x-form-item {
+    overflow:hidden;
+}
+
 .ext-gecko .x-form-item {
     -moz-outline: none;
+    outline: none;
 }
 
 .x-hide-label label.x-form-item-label {
@@ -1386,8 +1465,6 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 .x-fieldset-body {
     overflow:hidden;
 }
-
-
 .x-btn{
 	cursor:pointer;
 	white-space: nowrap;
@@ -1395,7 +1472,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 
 .x-btn button{
     border:0 none;
-    background:transparent;
+    background-color:transparent;
     padding-left:3px;
     padding-right:3px;
     cursor:pointer;
@@ -1410,7 +1487,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
     width:1px;
 }
 
-.ext-gecko .x-btn button {
+.ext-gecko .x-btn button, .ext-webkit .x-btn button {
     padding-left:0;
     padding-right:0;
 }
@@ -1727,7 +1804,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 /* height adjustment class */
 .x-btn-as-arrow .x-btn-mc em {
     display:block;
-    background:transparent;
+    background-color:transparent;
 	padding-bottom:14px;
 }
 
@@ -1786,7 +1863,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 }
 
 .x-btn-group-mc .x-btn-group-body {
-    background:transparent;
+    background-color:transparent;
     border: 0 none;
 }
 
@@ -2011,7 +2088,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 
 .x-toolbar-more em.x-btn-arrow {
     display:inline;
-    background:transparent;
+    background-color:transparent;
 	padding-right:0;
 }
 
@@ -2090,6 +2167,7 @@ div.x-toolbar-no-items {
 
 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
     -moz-outline: none;
+    outline: none;
 	-moz-user-focus: normal;
 }
 
@@ -2132,6 +2210,16 @@ div.x-toolbar-no-items {
     white-space: nowrap;
 }
 
+/* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
+.x-action-col-cell .x-grid3-cell-inner {
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+.x-action-col-icon {
+    cursor: pointer;
+}
+
 .x-grid3-hd-inner {
     position:relative;
 	cursor:inherit;
@@ -2409,7 +2497,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 .x-grid3-col-dd {
     border:0 none;
     padding:0;
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-dd-drag-ghost .x-grid3-dd-wrap {
@@ -2502,10 +2590,18 @@ a.x-grid3-hd-btn:hover {
 }
 
 .x-grid3-hd-checker {
+    background-position:2px 1px;
+}
+
+.ext-border-box .x-grid3-hd-checker {
     background-position:2px 3px;
 }
 
 .x-grid3-hd-checker-on .x-grid3-hd-checker {
+    background-position:-23px 1px;
+}
+
+.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
     background-position:-23px 3px;
 }
 
@@ -2611,17 +2707,83 @@ a.x-grid3-hd-btn:hover {
     position: static;
 }
 
-
 .ext-ie6 .x-grid3-header {
     position: relative;
 }
 
+/* Fix WebKit bug in Grids */
+.ext-webkit .x-grid-panel .x-panel-bwrap{
+    -webkit-user-select:none;
+}
+.ext-webkit .x-tbar-page-number{
+    -webkit-user-select:ignore;
+}
+/* end*/
+
 /* column lines */
 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
     padding-right:0;
     border-right:1px solid;
 }
-.x-dd-drag-proxy{
+.x-pivotgrid .x-grid3-header-offset table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.x-pivotgrid .x-grid3-header-offset table td {
+    padding: 4px 3px 4px 5px;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 11px;
+    line-height: 13px;
+    font-family: tahoma;
+}
+
+.x-pivotgrid .x-grid3-row-headers {
+    display: block;
+    float: left;
+}
+
+.x-pivotgrid .x-grid3-row-headers table {
+    height: 100%;
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.x-pivotgrid .x-grid3-row-headers table td {
+    height: 18px;
+    padding: 2px 7px 0 0;
+    text-align: right;
+    text-overflow: ellipsis;
+    font-size: 11px;
+    font-family: tahoma;
+}
+
+.ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
+    height: 21px;
+}
+
+.x-grid3-header-title {
+    top: 0%;
+    left: 0%;
+    position: absolute;
+    text-align: center;
+    vertical-align: middle;
+    font-family: tahoma;
+    font-size: 11px;
+    padding: auto 1px;
+    display: table-cell;
+}
+
+.x-grid3-header-title span {
+    position: absolute;
+    top: 50%;
+    left: 0%;
+    width: 100%;
+    margin-top: -6px;
+}.x-dd-drag-proxy{
 	position:absolute;
 	left:0;
     top:0;
@@ -2746,20 +2908,20 @@ input.x-tree-node-cb {
 
 /* No line styles */
 .x-tree-no-lines .x-tree-elbow{
-	background:transparent;
+	background-color:transparent;
 }
 
 .x-tree-no-lines .x-tree-elbow-end{
-	background:transparent;
+	background-color:transparent;
 }
 
 .x-tree-no-lines .x-tree-elbow-line{
-	background:transparent;
+	background-color:transparent;
 }
 
 /* Arrows */
 .x-tree-arrows .x-tree-elbow{
-	background:transparent;
+	background-color:transparent;
 }
 
 .x-tree-arrows .x-tree-elbow-plus{
@@ -2771,7 +2933,7 @@ input.x-tree-node-cb {
 }
 
 .x-tree-arrows .x-tree-elbow-end{
-	background:transparent;
+	background-color:transparent;
 }
 
 .x-tree-arrows .x-tree-elbow-end-plus{
@@ -2783,7 +2945,7 @@ input.x-tree-node-cb {
 }
 
 .x-tree-arrows .x-tree-elbow-line{
-	background:transparent;
+	background-color:transparent;
 }
 
 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
@@ -2844,7 +3006,7 @@ input.x-tree-node-cb {
 }
 
 .x-tree-node .x-tree-node-inline-icon{
-	background:transparent;
+	background-color:transparent;
 }
 
 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
@@ -3156,7 +3318,7 @@ td.x-date-mp-sep {
 	top: 0;
     left:0;
     visibility: hidden;
-	z-index: 20000;
+	z-index: 20002;
     border:0 none;
 }
 
@@ -3318,7 +3480,7 @@ td.x-date-mp-sep {
 
 .x-menu-list{
     padding: 2px;
-	background:transparent;
+	background-color:transparent;
 	border:0 none;
     overflow:hidden;
     overflow-y: hidden;
@@ -3440,7 +3602,7 @@ a.x-menu-item {
 }
 
 .x-menu-group-item .x-menu-item-icon{
-	background: transparent;
+	background-color: transparent;
 }
 
 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
@@ -3475,6 +3637,24 @@ a.x-menu-item {
    padding:0 !important;
 }
 
+/*
+ * fixes separator visibility problem in IE 6
+ */
+.ext-strict .ext-ie6 .x-menu-sep-li {
+    padding: 3px 4px;
+}
+.ext-strict .ext-ie6 .x-menu-sep {
+    margin: 0;
+    height: 1px;
+}
+
+/*
+ * Fixes an issue with "fat" separators in webkit
+ */
+.ext-webkit .x-menu-sep{
+    height: 1px;
+}
+
 /*
  * Ugly mess to remove the white border under the picker
  */
@@ -3517,8 +3697,7 @@ a.x-menu-item {
 
 .x-menu-list-item-indent{
     padding-left: 27px;
-}
-/*
+}/*
  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
   <div class="x-box-blue">
         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
@@ -3674,7 +3853,7 @@ a.x-menu-item {
 .x-panel-tl .x-panel-header {
     padding:5px 0 4px 0;
     border:0 none;
-    background:transparent;
+    background:transparent no-repeat;
 }
 
 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
@@ -3747,7 +3926,7 @@ a.x-menu-item {
 }
 
 .x-panel-mc .x-panel-body {
-    background:transparent;
+    background-color:transparent;
     border: 0 none;
 }
 
@@ -3885,6 +4064,22 @@ a.x-menu-item {
     background-position:-15px -90px;
 }
 
+.x-tool-prev {
+    background-position:0 -105px;
+}
+
+.x-tool-prev-over {
+    background-position:-15px -105px;
+}
+
+.x-tool-next {
+    background-position:0 -120px;
+}
+
+.x-tool-next-over {
+    background-position:-15px -120px;
+}
+
 .x-tool-pin {
     background-position:0 -135px;
 }
@@ -3917,14 +4112,6 @@ a.x-menu-item {
     background-position:-15px -180px;
 }
 
-.x-tool-up {
-    background-position:0 -210px;
-}
-
-.x-tool-up-over {
-    background-position:-15px -210px;
-}
-
 .x-tool-down {
     background-position:0 -195px;
 }
@@ -3933,6 +4120,14 @@ a.x-menu-item {
     background-position:-15px -195px;
 }
 
+.x-tool-up {
+    background-position:0 -210px;
+}
+
+.x-tool-up-over {
+    background-position:-15px -210px;
+}
+
 .x-tool-refresh {
     background-position:0 -225px;
 }
@@ -3941,14 +4136,6 @@ a.x-menu-item {
     background-position:-15px -225px;
 }
 
-.x-tool-minus {
-    background-position:0 -255px;
-}
-
-.x-tool-minus-over {
-    background-position:-15px -255px;
-}
-
 .x-tool-plus {
     background-position:0 -240px;
 }
@@ -3957,6 +4144,14 @@ a.x-menu-item {
     background-position:-15px -240px;
 }
 
+.x-tool-minus {
+    background-position:0 -255px;
+}
+
+.x-tool-minus-over {
+    background-position:-15px -255px;
+}
+
 .x-tool-search {
     background-position:0 -270px;
 }
@@ -3989,6 +4184,38 @@ a.x-menu-item {
     background-position:-15px -315px;
 }
 
+.x-tool-expand {
+    background-position:0 -330px;
+}
+
+.x-tool-expand-over {
+    background-position:-15px -330px;
+}
+
+.x-tool-collapse {
+    background-position:0 -345px;
+}
+
+.x-tool-collapse-over {
+    background-position:-15px -345px;
+}
+
+.x-tool-resize {
+    background-position:0 -360px;
+}
+
+.x-tool-resize-over {
+    background-position:-15px -360px;
+}
+
+.x-tool-move {
+    background-position:0 -375px;
+}
+
+.x-tool-move-over {
+    background-position:-15px -375px;
+}
+
 /* Ghosting */
 .x-panel-ghost {
     z-index:12000;
@@ -4187,7 +4414,7 @@ a.x-menu-item {
 .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
 .x-panel-reset .x-panel-body center          { text-align: center }
 .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
-.x-panel-reset .x-panel-body :focus          { outline: thin dotted invert }
+.x-panel-reset .x-panel-body :focus          { outline: invert dotted thin }
 
 /* Begin bidirectionality settings (do not change) */
 .x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
@@ -4196,7 +4423,7 @@ a.x-menu-item {
     zoom:1;
 }
 
-.x-window .x-resizable-handle {
+.x-window .x-window-handle {
     opacity:0;
     -moz-opacity:0;
     filter:alpha(opacity=0);
@@ -4342,7 +4569,7 @@ a.x-menu-item {
 }
 
 .x-window-body {
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-panel-ghost .x-window-tl {
@@ -4357,7 +4584,7 @@ a.x-menu-item {
     overflow:hidden;
 }
 
-.x-window-maximized .x-resizable-handle {
+.x-window-maximized .x-window-handle {
     display:none;
 }
 
@@ -4619,7 +4846,7 @@ body.ext-ie6.x-body-masked .x-window select {
 
 .x-tool-expand-east, .x-tool-expand-west {
     float:none;
-    margin:3px auto;
+    margin:3px 2px;
 }
 
 .x-accordion-hd .x-tool-toggle {
@@ -4783,14 +5010,14 @@ body.ext-ie6.x-body-masked .x-window select {
     border:0 none;
     width:5px !important;
     padding:0;
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-layout-cmini-north, .x-layout-cmini-south {
     border:0 none;
     height:5px !important;
     padding:0;
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-viewport, .x-viewport body {
@@ -5085,12 +5312,9 @@ body.ext-ie6.x-body-masked .x-window select {
     height:32px;
 }
 
-.ext-ie .x-window-dlg .ext-mb-icon {
-    width:44px; /* 3px IE margin issue */
-}
-
 .x-window-dlg .x-dlg-icon .ext-mb-content{
-    zoom: 1; margin-left: 47px;
+    zoom: 1; 
+    margin-left: 47px;
 }
 
 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
@@ -5099,4 +5323,4 @@ body.ext-ie6.x-body-masked .x-window select {
 
 .ext-gecko2 .ext-mb-fix-cursor {
     overflow:auto;
-}
+}

deluge/ui/web/css/ext-extensions-debug.css

@@ -137,3 +137,125 @@
 .x-form-uxspinner .x-form-field-wrap {
 	height: 24px;
 }
+
+/*!
+ * Ext JS Library 3.4.0
+ * Copyright(c) 2006-2011 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
+ */
+/* StatusBar - structure */
+.x-statusbar .x-status-text {
+    cursor: default;
+/*
+    height: 21px;
+    line-height: 21px;
+    padding: 0 4px;
+*/
+}
+.x-statusbar .x-status-busy {
+    padding-left: 25px !important;
+    background: transparent no-repeat 3px 2px;
+}
+
+.x-toolbar div.xtb-text
+
+.x-statusbar .x-status-text-panel {
+    border-top: 1px solid;
+    border-right: 1px solid;
+    border-bottom: 1px solid;
+    border-left: 1px solid;
+    padding: 2px 8px 2px 5px;
+}
+
+/* StatusBar word processor example styles */
+
+#word-status .x-status-text-panel .spacer {
+    width: 60px;
+    font-size:0;
+    line-height:0;
+}
+#word-status .x-status-busy {
+    padding-left: 25px !important;
+    background: transparent no-repeat 3px 2px;
+}
+#word-status .x-status-saved {
+    padding-left: 25px !important;
+    background: transparent no-repeat 3px 2px;
+}
+
+/* StatusBar form validation example styles */
+
+.x-statusbar .x-status-error {
+    cursor: pointer;
+    padding-left: 25px !important;
+    background: transparent no-repeat 3px 2px;
+}
+.x-statusbar .x-status-valid {
+    padding-left: 25px !important;
+    background: transparent no-repeat 3px 2px;
+}
+.x-status-error-list {
+    font: 11px tahoma,arial,verdana,sans-serif;
+    position: absolute;
+    z-index: 9999;
+    border-top: 1px solid;
+    border-right: 1px solid;
+    border-bottom: 1px solid;
+    border-left: 1px solid;
+    padding: 5px 10px;
+}
+.x-status-error-list li {
+    cursor: pointer;
+    list-style: disc;
+    margin-left: 10px;
+}
+.x-status-error-list li a {
+    text-decoration: none;
+}
+.x-status-error-list li a:hover {
+    text-decoration: underline;
+}
+
+
+/* *********************************************************** */
+/* *********************************************************** */
+/* *********************************************************** */
+
+
+/* StatusBar - visual */
+
+.x-statusbar .x-status-busy {
+    background-image: url(../images/loading.gif);
+}
+.x-statusbar .x-status-text-panel {
+    border-color: #99bbe8 #fff #fff #99bbe8;
+}
+
+/* StatusBar word processor example styles */
+
+#word-status .x-status-text {
+    color: #777;
+}
+#word-status .x-status-busy {
+    background-image: url(../images/saving.gif);
+}
+#word-status .x-status-saved {
+    background-image: url(../images/saved.png);
+}
+
+/* StatusBar form validation example styles */
+
+.x-statusbar .x-status-error {
+    color: #C33;
+    background-image: url(../images/exclamation.gif);
+}
+.x-statusbar .x-status-valid {
+    background-image: url(../images/accept.png);
+}
+.x-status-error-list {
+    border-color: #C33;
+}
+.x-status-error-list li a {
+    color: #15428B;
+}

deluge/ui/web/js/deluge-all/Statusbar.js

@@ -1,6 +1,6 @@
 /*!
  * Deluge.Statusbar.js
- * 
+ *
  * Copyright (c) Damien Churchill 2009-2010 <damoxc@gmail.com>
  *
  * This program is free software; you can redistribute it and/or modify
@@ -40,14 +40,14 @@ Deluge.Statusbar = Ext.extend(Ext.ux.StatusBar, {
 		}, config);
 		Deluge.Statusbar.superclass.constructor.call(this, config);
 	},
-	
+
 	initComponent: function() {
 		Deluge.Statusbar.superclass.initComponent.call(this);
-		
+
 		deluge.events.on('connect', this.onConnect, this);
 		deluge.events.on('disconnect', this.onDisconnect, this);
 	},
-	
+
 	createButtons: function() {
 		this.buttons = this.add({
 			id: 'statusbar-connections',
@@ -221,7 +221,7 @@ Deluge.Statusbar = Ext.extend(Ext.ux.StatusBar, {
 		});
 		this.created = true;
 	},
-	
+
 	onConnect: function() {
 		this.setStatus({
 			iconCls: 'x-connected',
@@ -246,12 +246,12 @@ Deluge.Statusbar = Ext.extend(Ext.ux.StatusBar, {
 		});
 		this.doLayout();
 	},
-	
+
 	update: function(stats) {
 		if (!stats) return;
-		
+
 		function addSpeed(val) {return val + ' KiB/s'}
-		
+
 		var updateStat = function(name, config) {
 			var item = this.items.get('statusbar-' + name);
 			if (config.limit.value > 0) {
@@ -266,7 +266,7 @@ Deluge.Statusbar = Ext.extend(Ext.ux.StatusBar, {
 			if (!item.menu) return;
 			item.menu.setValue(config.limit.value);
 		}.createDelegate(this);
-		
+
 		updateStat('connections', {
 			value: {value: stats.num_connections},
 			limit: {value: stats.max_num_connections},

deluge/ui/web/js/deluge-all/TorrentGrid.js

@@ -1,6 +1,6 @@
 /*!
  * Deluge.TorrentGrid.js
- * 
+ *
  * Copyright (c) Damien Churchill 2009-2010 <damoxc@gmail.com>
  *
  * This program is free software; you can redistribute it and/or modify
@@ -47,7 +47,7 @@
 		value = new Number(value);
 		var progress = value;
 		var text = r.data['state'] + ' ' + value.toFixed(2) + '%';
-		var width = new Number(this.style.match(/\w+:\s*(\d+)\w+/)[1]);
+		var width = new Number(p.style.match(/\w+:\s*(\d+)\w+/)[1]);
 		return Deluge.progressBar(value, width - 8, text);
 	}
 	function seedsRenderer(value, p, r) {
@@ -70,7 +70,7 @@
 	function trackerRenderer(value, p, r) {
 		return String.format('<div style="background: url(' + deluge.config.base + 'tracker/{0}) no-repeat; padding-left: 20px;">{0}</div>', value);
 	}
-	
+
 	function etaSorter(eta) {
 		return eta * -1;
 	}
@@ -93,9 +93,9 @@
 
 		columns: [{
 			id:'queue',
-			header: _('#'), 
-			width: 30, 
-			sortable: true, 
+			header: _('#'),
+			width: 30,
+			sortable: true,
 			renderer: queueRenderer,
 			dataIndex: 'queue'
 		}, {
@@ -113,8 +113,8 @@
 			dataIndex: 'total_size'
 		}, {
 			header: _('Progress'),
-			width: 150, 
-			sortable: true, 
+			width: 150,
+			sortable: true,
 			renderer: torrentProgressRenderer,
 			dataIndex: 'progress'
 		}, {

deluge/ui/web/js/ext-extensions/StatusBar.js

@@ -1,8 +1,8 @@
 /*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.4.0
+ * Copyright(c) 2006-2011 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
  */
 /**
  * @class Ext.ux.StatusBar
@@ -208,18 +208,7 @@ sb.setStatus({
             this.insert(0, this.statusEl);
             this.insert(1, '->');
         }
-
-//         this.statusEl = td.createChild({
-//             cls: 'x-status-text ' + (this.iconCls || this.defaultIconCls || ''),
-//             html: this.text || this.defaultText || ''
-//         });
-//         this.statusEl.unselectable();
-
-//         this.spacerEl = td.insertSibling({
-//             tag: 'td',
-//             style: 'width:100%',
-//             cn: [{cls:'ytb-spacer'}]
-//         }, right ? 'before' : 'after');
+        this.doLayout();
     },
 
     /**

deluge/ui/web/themes/images/yourtheme/README.txt

@@ -0,0 +1,2 @@
+2010-03-16 jwr:
+The image directory, "yourtheme", is an exact copy of the "default" image directory. Remember to update your file paths in "css/yourtheme.css" if you make changes or add your own custom images for your custom theme.