Deluge
diff options
Diffstat (limited to 'deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets')
21 files changed, 307 insertions, 247 deletions
diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_button.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_button.scss index 7d14febed..6524599e1 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_button.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_button.scss @@ -54,11 +54,22 @@ .#{$prefix}btn-inner { display: block; white-space: nowrap; - text-align: center; background-color: transparent; background-repeat: no-repeat; background-position: left center; } + + .#{$prefix}btn-left .#{$prefix}btn-inner { + text-align: left; + } + + .#{$prefix}btn-center .#{$prefix}btn-inner { + text-align: center; + } + + .#{$prefix}btn-right .#{$prefix}btn-inner { + text-align: right; + } } .#{$prefix}btn-disabled { @@ -167,7 +178,7 @@ } .#{$prefix}btn-arrow { - @include theme-background-image($theme-name, 'button/arrow.gif'); + background-image: theme-background-image($theme-name, 'button/arrow.gif'); display: block; } @@ -176,24 +187,24 @@ .#{$prefix}btn-split-right, .#{$prefix}btn-over .#{$prefix}btn-split-right { background: transparent no-repeat right center; - @include theme-background-image($theme-name, 'button/s-arrow.gif'); + background-image: theme-background-image($theme-name, 'button/s-arrow.gif'); padding-right: $button-split-size !important; } .#{$prefix}btn-split-bottom, .#{$prefix}btn-over .#{$prefix}btn-split-bottom { background: transparent no-repeat center bottom; - @include theme-background-image($theme-name, 'button/s-arrow-b.gif'); + background-image: theme-background-image($theme-name, 'button/s-arrow-b.gif'); padding-bottom: $button-split-size; } .#{$prefix}toolbar .#{$prefix}btn-split-right { - @include theme-background-image($theme-name, 'button/s-arrow-noline.gif'); + background-image: theme-background-image($theme-name, 'button/s-arrow-noline.gif'); padding-right: $button-toolbar-split-size !important; } .#{$prefix}toolbar .#{$prefix}btn-split-bottom { - @include theme-background-image($theme-name, 'button/s-arrow-b-noline.gif'); + background-image: theme-background-image($theme-name, 'button/s-arrow-b-noline.gif'); } .#{$prefix}btn-split { @@ -209,8 +220,8 @@ text-align: inherit; } - .#{$prefix}btn-over .#{$prefix}btn-split-right { @include theme-background-image($theme-name, 'button/s-arrow-o.gif'); } - .#{$prefix}btn-over .#{$prefix}btn-split-bottom { @include theme-background-image($theme-name, 'button/s-arrow-bo.gif'); } + .#{$prefix}btn-over .#{$prefix}btn-split-right { background-image: theme-background-image($theme-name, 'button/s-arrow-o.gif'); } + .#{$prefix}btn-over .#{$prefix}btn-split-bottom { background-image: theme-background-image($theme-name, 'button/s-arrow-bo.gif'); } @include extjs-button-ui( /* UI + Scale */ @@ -707,7 +718,7 @@ right: 0; .#{$prefix}ie6 &, - .#{$prefix}quirks & { + .#{$prefix}quirks .#{$prefix}ie & { width: $icon-size; } } @@ -727,7 +738,7 @@ right: 0; .#{$prefix}ie6 &, - .#{$prefix}quirks & { + .#{$prefix}quirks .#{$prefix}ie & { width: $icon-size; } } @@ -855,16 +866,16 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-over-corners.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-over-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-over-sides.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-over-sides.gif'); } .#{$prefix}frame-mc { background-color: $background-color-over; @if $background-gradient-over != null { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-over-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-over-bg.gif'); } } } @@ -876,16 +887,16 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-corners.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-sides.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-sides.gif'); } .#{$prefix}frame-mc { background-color: $background-color-focus; @if $background-gradient-focus != null { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-bg.gif'); } } } @@ -898,16 +909,16 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-corners.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-sides.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-sides.gif'); } .#{$prefix}frame-mc { background-color: $background-color-pressed; @if $background-gradient-pressed != null { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-bg.gif'); } } } @@ -919,16 +930,16 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-corners.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-sides.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-sides.gif'); } .#{$prefix}frame-mc { background-color: $background-color-disabled; @if $background-gradient-disabled != null { - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-bg.gif'); } } } @@ -940,7 +951,7 @@ .#{$prefix}nlg { .#{$prefix}btn-#{$ui} { background-repeat: repeat-x; - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-bg.gif'); } } } @@ -949,7 +960,7 @@ .#{$prefix}nlg { .#{$prefix}btn-#{$ui}-over { background-repeat: repeat-x; - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-over-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-over-bg.gif'); } } } @@ -958,7 +969,7 @@ .#{$prefix}nlg { .#{$prefix}btn-#{$ui}-focus { background-repeat: repeat-x; - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-focus-bg.gif'); } } } @@ -968,7 +979,7 @@ .#{$prefix}btn-#{$ui}-menu-active, .#{$prefix}btn-#{$ui}-pressed { background-repeat: repeat-x; - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-pressed-bg.gif'); } } } @@ -977,7 +988,7 @@ .#{$prefix}nlg { .#{$prefix}btn-#{$ui}-disabled { background-repeat: repeat-x; - @include theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-bg.gif'); + background-image: theme-background-image($theme-name, 'btn/btn-#{$ui}-disabled-bg.gif'); } } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_datepicker.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_datepicker.scss index 459409c93..d30dc9bb8 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_datepicker.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_datepicker.scss @@ -66,7 +66,7 @@ right: 5px; a { - @include theme-background-image($theme-name, $datepicker-next-image); + background-image: theme-background-image($theme-name, $datepicker-next-image); } } @@ -74,7 +74,7 @@ left: 5px; a { - @include theme-background-image($theme-name, $datepicker-prev-image); + background-image: theme-background-image($theme-name, $datepicker-prev-image); } } @@ -107,7 +107,7 @@ .#{$prefix}btn-split-right { background: no-repeat right center !important; - @include theme-background-image($theme-name, $datepicker-month-arrow-image); + background-image: theme-background-image($theme-name, $datepicker-month-arrow-image); padding-right: 12px; } @@ -327,12 +327,12 @@ height: 28px; button { - @include theme-background-image($theme-name, $datepicker-tool-sprite-image); + background-image: theme-background-image($theme-name, $datepicker-tool-sprite-image); height: 15px; width: 15px; padding: 0; margin: 6px 12px 5px 15px; - border: none; + border: 0; outline: 0 none; &::-moz-focus-inner { border: 0; @@ -403,7 +403,7 @@ .#{$prefix}nlg { @if $datepicker-header-background-gradient != null { .#{$prefix}datepicker-header { - @include theme-background-image($theme-name, 'datepicker/datepicker-header-bg.gif'); + background-image: theme-background-image($theme-name, 'datepicker/datepicker-header-bg.gif'); background-repeat: repeat-x; background-position: top left; } @@ -412,7 +412,7 @@ @if $datepicker-footer-background-gradient != null { .#{$prefix}datepicker-footer, .#{$prefix}monthpicker-buttons { - @include theme-background-image($theme-name, 'datepicker/datepicker-footer-bg.gif'); + background-image: theme-background-image($theme-name, 'datepicker/datepicker-footer-bg.gif'); background-repeat: repeat-x; background-position: top left; } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_drawcomponent.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_drawcomponent.scss index b32c63c0b..0e4722953 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_drawcomponent.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_drawcomponent.scss @@ -8,11 +8,7 @@ } .#{$prefix}surface tspan { - user-select: none; - -o-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - -webkit-user-select: none; + @include no-select; } .#{$prefix}vml-sprite { diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_grid.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_grid.scss index 5c5fb7f16..bd4092a46 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_grid.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_grid.scss @@ -50,6 +50,10 @@ } } + .#{$prefix}accordion-item .#{$prefix}grid-header-ct { + border: 0 none; + } + @if $include-ie or $compile-all { .#{$prefix}border-box .#{$prefix}ie9 { .#{$prefix}grid-header-ct { @@ -125,14 +129,14 @@ .#{$prefix}grid-header-ct, .#{$prefix}column-header { background: repeat-x 0 top; - @include theme-background-image($theme-name, 'grid/column-header-bg.gif'); + background-image: theme-background-image($theme-name, 'grid/column-header-bg.gif'); } .#{$prefix}column-header-over, .#{$prefix}column-header-sort-ASC, .#{$prefix}column-header-sort-DESC { background: #ebf3fd repeat-x 0 top; - @include theme-background-image($theme-name, 'grid/column-header-over-bg.gif'); + background-image: theme-background-image($theme-name, 'grid/column-header-over-bg.gif'); } } } @@ -143,7 +147,7 @@ width: $grid-header-trigger-width; background: no-repeat left center; background-color: #c3daf9; - @include theme-background-image($theme-name, 'grid/grid3-hd-btn.gif'); + background-image: theme-background-image($theme-name, 'grid/grid3-hd-btn.gif'); position: absolute; right: 0; top: 0; @@ -176,12 +180,12 @@ .#{$prefix}column-header-sort-ASC .#{$prefix}column-header-text { padding-right: 16px; background: no-repeat right 6px; - @include theme-background-image($theme-name, 'grid/sort_asc.gif'); + background-image: theme-background-image($theme-name, 'grid/sort_asc.gif'); } .#{$prefix}column-header-sort-DESC .#{$prefix}column-header-text { padding-right: 16px; background: no-repeat right 6px; - @include theme-background-image($theme-name, 'grid/sort_desc.gif'); + background-image: theme-background-image($theme-name, 'grid/sort_desc.gif'); } //grid rows @@ -192,16 +196,14 @@ padding: $grid-row-padding; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: ignore; + @include no-select; .#{$prefix}grid-cell { @if $grid-row-cell-color { color: $grid-row-cell-color; } font: $grid-row-cell-font; - + background-color: $grid-row-cell-background; border-color: $grid-row-cell-border-color; border-style: $grid-row-cell-border-style; border-width: $grid-row-cell-border-width; @@ -274,9 +276,7 @@ font: $grid-cell-font; - -moz-user-select: none; - -khtml-user-select:none; - -webkit-user-select:ignore; + @include no-select; } .#{$prefix}grid-cell-inner { @@ -335,7 +335,7 @@ } .#{$prefix}grid-dirty-cell { - @include theme-background-image($theme-name, 'grid/dirty.gif'); + background-image: theme-background-image($theme-name, 'grid/dirty.gif'); background-position: 0 0; background-repeat: no-repeat; } @@ -353,13 +353,13 @@ .#{$prefix}grid-row .#{$prefix}grid-cell-special, .#{$prefix}grid-row-over .#{$prefix}grid-cell-special { - @include theme-background-image($theme-name, 'grid/cell-special-bg.gif'); + background-image: theme-background-image($theme-name, 'grid/cell-special-bg.gif'); } .#{$prefix}grid-row-focused .#{$prefix}grid-cell-special, .#{$prefix}grid-row-selected .#{$prefix}grid-cell-special { - @include theme-background-image($theme-name, 'grid/cell-special-selected-bg.gif'); + background-image: theme-background-image($theme-name, 'grid/cell-special-selected-bg.gif'); } } } @@ -386,7 +386,7 @@ .#{$prefix}grid-row .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner, .#{$prefix}grid-row-over .#{$prefix}grid-property-name .#{$prefix}grid-cell-inner { padding-left: 12px; - @include theme-background-image($theme-name, 'grid/property-cell-bg.gif'); + background-image: theme-background-image($theme-name, 'grid/property-cell-bg.gif'); background-repeat: no-repeat; background-position: -16px 1px; } @@ -399,9 +399,7 @@ } .#{$prefix}unselectable { - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: ignore; + @include no-select; } .#{$prefix}grid-row-body-hidden { @@ -432,7 +430,7 @@ } .#{$prefix}grid-row-expander { - @include theme-background-image($theme-name, 'grid/group-collapse.gif'); + background-image: theme-background-image($theme-name, 'grid/group-collapse.gif'); background-color: transparent; width: 9px; @@ -446,7 +444,7 @@ .#{$prefix}grid-row-collapsed { .#{$prefix}grid-row-expander { - @include theme-background-image($theme-name, 'grid/group-expand.gif'); + background-image: theme-background-image($theme-name, 'grid/group-expand.gif'); } } @@ -473,11 +471,11 @@ } .col-move-top { - @include theme-background-image($theme-name, 'grid/col-move-top.gif'); + background-image: theme-background-image($theme-name, 'grid/col-move-top.gif'); } .col-move-bottom { - @include theme-background-image($theme-name, 'grid/col-move-bottom.gif'); + background-image: theme-background-image($theme-name, 'grid/col-move-bottom.gif'); } //pading toolbar @@ -510,7 +508,7 @@ .#{$prefix}grid-group-title { background: transparent no-repeat 0 -1px; - @include theme-background-image($theme-name, 'grid/group-collapse.gif'); + background-image: theme-background-image($theme-name, 'grid/group-collapse.gif'); color: $grid-grouped-title-color; font: $grid-grouped-title-font; @@ -520,7 +518,7 @@ .#{$prefix}grid-group-hd-collapsed { .#{$prefix}grid-group-title { - @include theme-background-image($theme-name, 'grid/group-expand.gif'); + background-image: theme-background-image($theme-name, 'grid/group-expand.gif'); } } @@ -529,15 +527,15 @@ } .#{$prefix}grid-group-collapsed .#{$prefix}grid-group-title { - @include theme-background-image($theme-name, 'grid/group-expand.gif'); + background-image: theme-background-image($theme-name, 'grid/group-expand.gif'); } .#{$prefix}group-by-icon { - @include theme-background-image($theme-name, 'grid/group-by.gif'); + background-image: theme-background-image($theme-name, 'grid/group-by.gif'); } .#{$prefix}show-groups-icon { - @include theme-background-image($theme-name, 'grid/group-by.gif'); + background-image: theme-background-image($theme-name, 'grid/group-by.gif'); } .#{$prefix}column-header-checkbox .#{$prefix}column-header-inner { @@ -552,7 +550,7 @@ .#{$prefix}column-header-checkbox .#{$prefix}column-header-text { height: 14px; width: 14px; - @include theme-background-image($theme-name, 'grid/unchecked.gif'); + background-image: theme-background-image($theme-name, 'grid/unchecked.gif'); background-position: -1px -1px; background-repeat: no-repeat; background-color: transparent; @@ -584,7 +582,7 @@ } .#{$prefix}grid-hd-checker-on .#{$prefix}column-header-text { - @include theme-background-image($theme-name, 'grid/checked.gif'); + background-image: theme-background-image($theme-name, 'grid/checked.gif'); } .#{$prefix}grid-row-checker { @@ -595,79 +593,79 @@ .#{$prefix}grid-row-selected .#{$prefix}grid-row-checker, .#{$prefix}grid-row-checked .#{$prefix}grid-row-checker { - @include theme-background-image($theme-name, 'grid/checked.gif'); + background-image: theme-background-image($theme-name, 'grid/checked.gif'); } //grid icons .#{$prefix}tbar-page-first { - background-image: theme-image($theme-name, 'grid/page-first.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-first.gif') !important; } .#{$prefix}tbar-loading { - background-image: theme-image($theme-name, 'grid/refresh.gif') !important; + background-image: theme-background-image($theme-name, 'grid/refresh.gif') !important; } .#{$prefix}tbar-page-last { - background-image: theme-image($theme-name, 'grid/page-last.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-last.gif') !important; } .#{$prefix}tbar-page-next { - background-image: theme-image($theme-name, 'grid/page-next.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-next.gif') !important; } .#{$prefix}tbar-page-prev { - background-image: theme-image($theme-name, 'grid/page-prev.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-prev.gif') !important; } .#{$prefix}item-disabled { .#{$prefix}tbar-loading { - background-image: theme-image($theme-name, 'grid/refresh-disabled.gif') !important; + background-image: theme-background-image($theme-name, 'grid/refresh-disabled.gif') !important; } .#{$prefix}tbar-page-first { - background-image: theme-image($theme-name, 'grid/page-first-disabled.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-first-disabled.gif') !important; } .#{$prefix}tbar-page-last { - background-image: theme-image($theme-name, 'grid/page-last-disabled.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-last-disabled.gif') !important; } .#{$prefix}tbar-page-next { - background-image: theme-image($theme-name, 'grid/page-next-disabled.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-next-disabled.gif') !important; } .#{$prefix}tbar-page-prev { - background-image: theme-image($theme-name, 'grid/page-prev-disabled.gif') !important; + background-image: theme-background-image($theme-name, 'grid/page-prev-disabled.gif') !important; } } //menu icons - .xg-hmenu-sort-asc .#{$prefix}menu-item-icon { - @include theme-background-image($theme-name, 'grid/hmenu-asc.gif'); + .#{$prefix}hmenu-sort-asc .#{$prefix}menu-item-icon { + background-image: theme-background-image($theme-name, 'grid/hmenu-asc.gif'); } - .xg-hmenu-sort-desc .#{$prefix}menu-item-icon { - @include theme-background-image($theme-name, 'grid/hmenu-desc.gif'); + .#{$prefix}hmenu-sort-desc .#{$prefix}menu-item-icon { + background-image: theme-background-image($theme-name, 'grid/hmenu-desc.gif'); } - .xg-hmenu-lock .#{$prefix}menu-item-icon { - @include theme-background-image($theme-name, 'grid/hmenu-lock.gif'); + .#{$prefix}hmenu-lock .#{$prefix}menu-item-icon { + background-image: theme-background-image($theme-name, 'grid/hmenu-lock.gif'); } - .xg-hmenu-unlock .#{$prefix}menu-item-icon { - @include theme-background-image($theme-name, 'grid/hmenu-unlock.gif'); + .#{$prefix}hmenu-unlock .#{$prefix}menu-item-icon { + background-image: theme-background-image($theme-name, 'grid/hmenu-unlock.gif'); } .#{$prefix}group-by-icon { - @include theme-background-image($theme-name, 'grid/group-by.gif'); + background-image: theme-background-image($theme-name, 'grid/group-by.gif'); } .#{$prefix}cols-icon .#{$prefix}menu-item-icon { - @include theme-background-image($theme-name, 'grid/columns.gif'); + background-image: theme-background-image($theme-name, 'grid/columns.gif'); } .#{$prefix}show-groups-icon { - @include theme-background-image($theme-name, 'grid/group-by.gif'); + background-image: theme-background-image($theme-name, 'grid/group-by.gif'); } // Drag/drop indicator styles @@ -682,7 +680,7 @@ position: absolute; top: -8px; left: -12px; - @include theme-background-image($theme-name, 'grid/dd-insert-arrow-right.png'); + background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-right.png'); height: 16px; width: 16px; } @@ -691,7 +689,7 @@ position: absolute; top: -8px; right: -11px; - @include theme-background-image($theme-name, 'grid/dd-insert-arrow-left.png'); + background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-left.png'); height: 16px; width: 16px; } @@ -699,11 +697,11 @@ .#{$prefix}ie6 { .#{$prefix}grid-drop-indicator-left { - @include theme-background-image($theme-name, 'grid/dd-insert-arrow-right.gif'); + background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-right.gif'); } .#{$prefix}grid-drop-indicator-right { - @include theme-background-image($theme-name, 'grid/dd-insert-arrow-left.gif'); + background-image: theme-background-image($theme-name, 'grid/dd-insert-arrow-left.gif'); } } @@ -720,6 +718,7 @@ .#{$prefix}form-display-field { font: $grid-row-editor-font; padding-top: 0; + padding-left: 4px; } .#{$prefix}panel-body { @@ -770,7 +769,7 @@ width: 4px; height: 4px; bottom: 0px; - @include theme-background-image($theme-name, 'panel/panel-default-framed-corners.gif'); + background-image: theme-background-image($theme-name, 'panel/panel-default-framed-corners.gif'); } &-bl { left: 0px; diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss index d03b3a03e..52153093b 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_loadmask.scss @@ -42,7 +42,7 @@ //if an icon is defined show it @if $loadmask-msg-inner-icon != null { - background-image: theme-image($theme-name, $loadmask-msg-inner-icon); + background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon); background-repeat: no-repeat; background-position: 5px center; } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_menu.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_menu.scss index d3a8e040d..cf17f050c 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_menu.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_menu.scss @@ -7,6 +7,15 @@ background: $menu-background-color !important; padding: $menu-padding; } + + .#{$prefix}menu-item .#{$prefix}form-text { + user-select: text; + -webkit-user-select: text; + -o-user-select: text; + -ie-user-select: text; + -moz-user-select: text; + -ie-user-select: text; + } .#{$prefix}menu-icon-separator { position: absolute; @@ -16,7 +25,7 @@ border-left: solid 1px $menu-separator-border-color; background-color: $menu-separator-background-color; width: 2px; - height: 100%; + height: 100%!important; overflow: hidden; } @@ -47,8 +56,8 @@ .#{$prefix}menu-item-link { display: block; - padding: 0px $menu-padding; margin: 1px; + padding: $menu-link-padding; text-decoration: none !important; line-height: 16px; cursor: default; @@ -67,29 +76,29 @@ .#{$prefix}menu-item-icon { width: 16px; height: 16px; - margin: 4px 11px 0px 2px; + position: absolute; + top: 5px; + left: 4px; background: no-repeat center center; } .#{$prefix}menu-item-text { - position: relative; font-size: ceil($font-size * .9); color: $menu-text-color; - top: -4px; } .#{$prefix}menu-item-checked { .#{$prefix}menu-item-icon { - background-image: theme-image($theme-name, $menu-icon-checked); + background-image: theme-background-image($theme-name, $menu-icon-checked); } .#{$prefix}menu-group-icon { - background-image: theme-image($theme-name, $menu-icon-group-checked); + background-image: theme-background-image($theme-name, $menu-icon-group-checked); } } .#{$prefix}menu-item-unchecked { .#{$prefix}menu-item-icon { - background-image: theme-image($theme-name, $menu-icon-unchecked); + background-image: theme-background-image($theme-name, $menu-icon-unchecked); } .#{$prefix}menu-group-icon { background-image: none; @@ -110,7 +119,8 @@ height: 9px; top: 9px; right: 0px; - background: theme-image($theme-name, $menu-icon-arrow) no-repeat center center; + background: no-repeat center center; + background-image: theme-background-image($theme-name, $menu-icon-arrow); } .#{$prefix}menu-item-indent { @@ -135,11 +145,6 @@ @if $include-ie { .#{$prefix}ie { - .#{$prefix}menu-item-link { - line-height: 17px; - padding-bottom: 1px; - } - .#{$prefix}menu-item-disabled { .#{$prefix}menu-item-icon { @include opacity(.5); @@ -147,7 +152,7 @@ .#{$prefix}menu-item-text { // IE opacity/cleartype bug workaround - background-color: $menu-background-color; + background-color: transparent; } } @@ -174,7 +179,8 @@ @if not $supports-gradients or $compile-all { .#{$prefix}nlg { .#{$prefix}menu-item-active .#{$prefix}menu-item-link { - background: $menu-item-active-background-color theme-image($theme-name, $menu-item-active-background-image) repeat-x left top; + background: $menu-item-active-background-color repeat-x left top; + background-image: theme-background-image($theme-name, $menu-item-active-background-image); } } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_panel.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_panel.scss index f338a1af8..de24a2350 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_panel.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_panel.scss @@ -83,6 +83,12 @@ display: -moz-inline-stack; display: inline-block; } + + .#{$prefix}panel-header-text-container { + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + } .#{$prefix}panel-header-text { @include no-select; @@ -263,19 +269,19 @@ @if $ui-header-background-color != null and $ui-header-background-gradient != null { @if not $supports-gradients or $compile-all { .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-top { - background-image: theme-image($theme-name, 'panel-header/panel-header-#{$ui-label}-top-bg.gif'); + background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-top-bg.gif'); } .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-bottom { - background-image: theme-image($theme-name, 'panel-header/panel-header-#{$ui-label}-bottom-bg.gif'); + background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-bottom-bg.gif'); } .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-left { - background-image: theme-image($theme-name, 'panel-header/panel-header-#{$ui-label}-left-bg.gif'); + background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-left-bg.gif'); } .#{$prefix}nlg .#{$prefix}panel-header-#{$ui-label}-right { - background-image: theme-image($theme-name, 'panel-header/panel-header-#{$ui-label}-right-bg.gif'); + background-image: theme-background-image($theme-name, 'panel-header/panel-header-#{$ui-label}-right-bg.gif'); } } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_progress-bar.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_progress-bar.scss index bbd41f647..f2df2ca82 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_progress-bar.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_progress-bar.scss @@ -108,7 +108,8 @@ .#{$prefix}nlg { .#{$prefix}progress-#{$ui-label} { .#{$prefix}progress-bar { - background: theme-image($theme-name, 'progress/progress-#{$ui-label}-bg.gif') repeat-x; + background: repeat-x; + background-image: theme-background-image($theme-name, 'progress/progress-#{$ui-label}-bg.gif'); } } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_qtip.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_qtip.scss index 2f15fadaa..ffb2a2e7b 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_qtip.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_qtip.scss @@ -141,7 +141,7 @@ .#{$prefix}form-invalid-tip-body { background: 1px 1px no-repeat; - @include theme-background-image($theme-name, 'form/exclamation.gif'); + background-image: theme-background-image($theme-name, 'form/exclamation.gif'); padding-left: 22px; li { diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_slider.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_slider.scss index ee5f09e24..bd478b6ad 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_slider.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_slider.scss @@ -21,9 +21,7 @@ font-size:1px; -moz-outline:0 none; outline:0 none; - -moz-user-select: none; - -khtml-user-select:none; - -webkit-user-select:ignore; + @include no-select; display:block; overflow:hidden; } @@ -100,21 +98,21 @@ .#{$prefix}slider-horz, .#{$prefix}slider-horz .#{$prefix}slider-end, .#{$prefix}slider-horz .#{$prefix}slider-inner { - background-image: theme-image($theme-name, 'slider/slider-bg.png'); + background-image: theme-background-image($theme-name, 'slider/slider-bg.png'); } .#{$prefix}slider-horz .#{$prefix}slider-thumb { - background-image: theme-image($theme-name, 'slider/slider-thumb.png'); + background-image: theme-background-image($theme-name, 'slider/slider-thumb.png'); } .#{$prefix}slider-vert, .#{$prefix}slider-vert .#{$prefix}slider-end, .#{$prefix}slider-vert .#{$prefix}slider-inner { - background-image: theme-image($theme-name, 'slider/slider-v-bg.png'); + background-image: theme-background-image($theme-name, 'slider/slider-v-bg.png'); } .#{$prefix}slider-vert .#{$prefix}slider-thumb { - background-image: theme-image($theme-name, 'slider/slider-v-thumb.png'); + background-image: theme-background-image($theme-name, 'slider/slider-v-thumb.png'); } @if $include-ie { @@ -122,21 +120,21 @@ .#{$prefix}slider-horz, .#{$prefix}slider-horz .#{$prefix}slider-end, .#{$prefix}slider-horz .#{$prefix}slider-inner { - background-image: theme-image($theme-name, 'slider/slider-bg.gif'); + background-image: theme-background-image($theme-name, 'slider/slider-bg.gif'); } .#{$prefix}slider-horz .#{$prefix}slider-thumb { - background-image: theme-image($theme-name, 'slider/slider-thumb.gif'); + background-image: theme-background-image($theme-name, 'slider/slider-thumb.gif'); } .#{$prefix}slider-vert, .#{$prefix}slider-vert .#{$prefix}slider-end, .#{$prefix}slider-vert .#{$prefix}slider-inner { - background-image: theme-image($theme-name, 'slider/slider-v-bg.gif'); + background-image: theme-background-image($theme-name, 'slider/slider-v-bg.gif'); } .#{$prefix}slider-vert .#{$prefix}slider-thumb { - background-image: theme-image($theme-name, 'slider/slider-v-thumb.gif'); + background-image: theme-background-image($theme-name, 'slider/slider-v-thumb.gif'); } } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tab.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tab.scss index 3b07d0ac3..860c0011f 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tab.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tab.scss @@ -89,6 +89,10 @@ } } + .#{$prefix}tab-disabled { + @include opacity(1); + } + .#{$prefix}border-box { .#{$prefix}tab-default-top { height: $tab-height + top($tabbar-top-strip-border-width); @@ -318,17 +322,25 @@ @if not $supports-gradients or $compile-all { .#{$prefix}nlg { - .#{$prefix}tab-top { background-image: theme-image($theme-name, 'tab/tab-default-top-bg.gif'); } - .#{$prefix}tab-bottom { background-image: theme-image($theme-name, 'tab/tab-default-bottom-bg.gif'); } + @if $tab-background-gradient != null { + .#{$prefix}tab-top { background-image: theme-background-image($theme-name, 'tab/tab-default-top-bg.gif'); } + .#{$prefix}tab-bottom { background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-bg.gif'); } + } - .#{$prefix}tab-top-over { background-image: theme-image($theme-name, 'tab/tab-default-top-over-bg.gif'); } - .#{$prefix}tab-bottom-over { background-image: theme-image($theme-name, 'tab/tab-default-bottom-over-bg.gif'); } + @if $tab-background-gradient-over != null { + .#{$prefix}tab-top-over { background-image: theme-background-image($theme-name, 'tab/tab-default-top-over-bg.gif'); } + .#{$prefix}tab-bottom-over { background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-over-bg.gif'); } + } - .#{$prefix}tab-top-active { background-image: theme-image($theme-name, 'tab/tab-default-top-active-bg.gif'); } - .#{$prefix}tab-bottom-active { background-image: theme-image($theme-name, 'tab/tab-default-bottom-active-bg.gif'); } + @if $tab-background-gradient-active != null { + .#{$prefix}tab-top-active { background-image: theme-background-image($theme-name, 'tab/tab-default-top-active-bg.gif'); } + .#{$prefix}tab-bottom-active { background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-active-bg.gif'); } + } - .#{$prefix}tab-top-disabled { background-image: theme-image($theme-name, 'tab/tab-default-top-disabled-bg.gif') !important; } - .#{$prefix}tab-bottom-disabled { background-image: theme-image($theme-name, 'tab/tab-default-bottom-disabled-bg.gif') !important; } + @if $tab-background-gradient-disabled != null { + .#{$prefix}tab-top-disabled { background-image: theme-background-image($theme-name, 'tab/tab-default-top-disabled-bg.gif') !important; } + .#{$prefix}tab-bottom-disabled { background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-disabled-bg.gif') !important; } + } } } @@ -345,7 +357,8 @@ font-size: 0; line-height: 0; text-indent: -999px; - background: theme-image($theme-name, $tab-closable-icon) no-repeat; + background: no-repeat; + background-image: theme-background-image($theme-name, $tab-closable-icon); @include opacity(.6); } .#{$prefix}tab-close-btn:hover { @@ -361,16 +374,18 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - background-image: theme-image($theme-name, 'tab/tab-default-top-over-corners.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-top-over-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - background-image: theme-image($theme-name, 'tab/tab-default-top-over-sides.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-top-over-sides.gif'); } - .#{$prefix}frame-mc { - background-color: $tab-base-color-over; - background-repeat: repeat-x; - background-image: theme-image($theme-name, 'tab/tab-default-top-over-bg.gif'); + @if $tab-background-gradient-over != null { + .#{$prefix}frame-mc { + background-color: $tab-base-color-over; + background-repeat: repeat-x; + background-image: theme-background-image($theme-name, 'tab/tab-default-top-over-bg.gif'); + } } } @@ -381,16 +396,18 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - background-image: theme-image($theme-name, 'tab/tab-default-bottom-over-corners.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-over-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - background-image: theme-image($theme-name, 'tab/tab-default-bottom-over-sides.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-over-sides.gif'); } - .#{$prefix}frame-mc { - background-color: $tab-base-color-over; - background-repeat: repeat-x; - background-image: theme-image($theme-name, 'tab/tab-default-bottom-over-bg.gif'); + @if $tab-background-gradient-over != null { + .#{$prefix}frame-mc { + background-color: $tab-base-color-over; + background-repeat: repeat-x; + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-over-bg.gif'); + } } } @@ -401,16 +418,18 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - background-image: theme-image($theme-name, 'tab/tab-default-top-active-corners.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-top-active-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - background-image: theme-image($theme-name, 'tab/tab-default-top-active-sides.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-top-active-sides.gif'); } - .#{$prefix}frame-mc { - background-color: $tab-base-color-active; - background-repeat: repeat-x; - background-image: theme-image($theme-name, 'tab/tab-default-top-active-bg.gif'); + @if $tab-background-gradient-active != null { + .#{$prefix}frame-mc { + background-color: $tab-base-color-active; + background-repeat: repeat-x; + background-image: theme-background-image($theme-name, 'tab/tab-default-top-active-bg.gif'); + } } } @@ -421,16 +440,18 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - background-image: theme-image($theme-name, 'tab/tab-default-bottom-active-corners.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-active-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - background-image: theme-image($theme-name, 'tab/tab-default-bottom-active-sides.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-active-sides.gif'); } - .#{$prefix}frame-mc { - background-color: $tab-base-color-active; - background-repeat: repeat-x; - background-image: theme-image($theme-name, 'tab/tab-default-bottom-active-bg.gif'); + @if $tab-background-gradient-active != null { + .#{$prefix}frame-mc { + background-color: $tab-base-color-active; + background-repeat: repeat-x; + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-active-bg.gif'); + } } } @@ -441,15 +462,17 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - background-image: theme-image($theme-name, 'tab/tab-default-top-disabled-corners.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-top-disabled-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - background-image: theme-image($theme-name, 'tab/tab-default-top-disabled-sides.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-top-disabled-sides.gif'); } - .#{$prefix}frame-mc { - background-repeat: repeat-x; - background-image: theme-image($theme-name, 'tab/tab-default-top-disabled-bg.gif'); + @if $tab-background-gradient-disabled != null { + .#{$prefix}frame-mc { + background-repeat: repeat-x; + background-image: theme-background-image($theme-name, 'tab/tab-default-top-disabled-bg.gif'); + } } } @@ -460,15 +483,17 @@ .#{$prefix}frame-br, .#{$prefix}frame-tc, .#{$prefix}frame-bc { - background-image: theme-image($theme-name, 'tab/tab-default-bottom-disabled-corners.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-disabled-corners.gif'); } .#{$prefix}frame-ml, .#{$prefix}frame-mr { - background-image: theme-image($theme-name, 'tab/tab-default-bottom-disabled-sides.gif'); + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-disabled-sides.gif'); } - .#{$prefix}frame-mc { - background-repeat: repeat-x; - background-image: theme-image($theme-name, 'tab/tab-default-bottom-disabled-bg.gif'); + @if $tab-background-gradient-disabled != null { + .#{$prefix}frame-mc { + background-repeat: repeat-x; + background-image: theme-background-image($theme-name, 'tab/tab-default-bottom-disabled-bg.gif'); + } } } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tabbar.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tabbar.scss index 519171428..211e357e1 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tabbar.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tabbar.scss @@ -10,7 +10,7 @@ } .#{$prefix}nlg .#{$prefix}tab-bar { - background-image: theme-image($theme-name, 'tab-bar/tab-bar-bg.gif'); + background-image: theme-background-image($theme-name, 'tab-bar/tab-bar-default-bg.gif'); } .#{$prefix}tab-bar-default-plain, diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_toolbar.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_toolbar.scss index c3034af62..a9a8c0169 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_toolbar.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_toolbar.scss @@ -101,7 +101,7 @@ // Background for overflow button inserted by the Menu box overflow handler within a toolbar .#{$prefix}toolbar-more-icon { - background-image: theme-image($theme-name, 'toolbar/more.gif') !important; + background-image: theme-background-image($theme-name, 'toolbar/more.gif') !important; background-position: 2px center !important; background-repeat: no-repeat; } @@ -110,7 +110,7 @@ 'default', $background-color: $toolbar-background-color, $background-gradient: $toolbar-background-gradient, - $border-color: $tabbar-border-color + $border-color: $toolbar-border-color ); //plain toolbars have no border @@ -149,7 +149,7 @@ @if $background-gradient != null { .#{$prefix}nlg { .#{$prefix}toolbar-#{$ui} { - background-image: theme-image($theme-name, 'toolbar/toolbar-#{$ui}-bg.gif') !important; + background-image: theme-background-image($theme-name, 'toolbar/toolbar-#{$ui}-bg.gif') !important; background-repeat: repeat-x; } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tree.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tree.scss index a09d06ebb..b7029d670 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tree.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/_tree.scss @@ -71,43 +71,43 @@ //elbows .#{$prefix}tree-lines { .#{$prefix}tree-elbow { - background-image: theme-image($theme-name, 'tree/elbow.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow.gif'); } .#{$prefix}tree-elbow-end { - background-image: theme-image($theme-name, 'tree/elbow-end.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-end.gif'); } .#{$prefix}tree-elbow-plus { - background-image: theme-image($theme-name, 'tree/elbow-plus.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-plus.gif'); } .#{$prefix}tree-elbow-end-plus { - background-image: theme-image($theme-name, 'tree/elbow-end-plus.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-end-plus.gif'); } .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus { - background-image: theme-image($theme-name, 'tree/elbow-minus.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-minus.gif'); } .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus { - background-image: theme-image($theme-name, 'tree/elbow-end-minus.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-end-minus.gif'); } .#{$prefix}tree-elbow-line { - background-image: theme-image($theme-name, 'tree/elbow-line.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-line.gif'); } } .#{$prefix}tree-no-lines { .#{$prefix}tree-elbow-plus, .#{$prefix}tree-elbow-end-plus { - background-image: theme-image($theme-name, 'tree/elbow-plus-nl.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-plus-nl.gif'); } .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-plus, .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-elbow-end-plus { - background-image: theme-image($theme-name, 'tree/elbow-end-minus-nl.gif'); + background-image: theme-background-image($theme-name, 'tree/elbow-end-minus-nl.gif'); } } @@ -116,7 +116,7 @@ .#{$prefix}tree-elbow-minus, .#{$prefix}tree-elbow-end-plus, .#{$prefix}tree-elbow-end-minus { - background-image: theme-image($theme-name, 'tree/arrows.gif'); + background-image: theme-background-image($theme-name, 'tree/arrows.gif'); } } @@ -136,16 +136,16 @@ .#{$prefix}tree-icon-leaf { width: $tree-elbow-width; - background-image: theme-image($theme-name, 'tree/leaf.gif'); + background-image: theme-background-image($theme-name, 'tree/leaf.gif'); } .#{$prefix}tree-icon-parent { width: $tree-elbow-width; - background-image: theme-image($theme-name, 'tree/folder.gif'); + background-image: theme-background-image($theme-name, 'tree/folder.gif'); } .#{$prefix}grid-tree-node-expanded .#{$prefix}tree-icon-parent { - background-image: theme-image($theme-name, 'tree/folder-open.gif'); + background-image: theme-background-image($theme-name, 'tree/folder-open.gif'); } .#{$prefix}grid-rowbody { @@ -155,7 +155,7 @@ .#{$prefix}tree-panel .#{$prefix}grid-cell-inner { padding: 0px; } - + .#{$prefix}tree-panel .#{$prefix}grid-row .#{$prefix}grid-cell { border: none; } @@ -164,29 +164,26 @@ height: $tree-elbow-height; line-height: $tree-elbow-height; - vertical-align: middle; cursor: pointer; + white-space: nowrap; + vertical-align: middle; img { - float: left; - } - } - - .#{$prefix}ie { - .#{$prefix}tree-panel .#{$prefix}grid-row .#{$prefix}grid-cell-inner { - white-space: normal; + margin-top: 0; + display: inline-block; + vertical-align: top; } } - .#{$prefix}tree-checkbox { - float: left; margin: 2px 3px 0 0; - display: block; + display: inline-block; + vertical-align: top; width: $form-checkbox-size; height: $form-checkbox-size; - background: theme-image($theme-name, $form-checkbox-image) no-repeat; + background: no-repeat; + background-image: theme-background-image($theme-name, $form-checkbox-image); overflow: hidden; padding: 0; @@ -196,6 +193,7 @@ border: 0; } } + @if $include-ie { /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */ .#{$prefix}nbr.#{$prefix}ie { @@ -212,6 +210,25 @@ .#{$prefix}tree-panel .#{$prefix}grid-cell-inner { border-width: 0 !important; } + + .#{$prefix}ie6 .#{$prefix}tree-panel .#{$prefix}grid-row .#{$prefix}grid-cell-inner img, + .#{$prefix}quirks .#{$prefix}ie .#{$prefix}tree-panel .#{$prefix}grid-row .#{$prefix}grid-cell-inner img { + margin-top: -1px; + vertical-align: middle; + } + .#{$prefix}strict .#{$prefix}ie7 .#{$prefix}tree-panel .#{$prefix}grid-row .#{$prefix}grid-cell-inner img { + margin-top: -3px; + vertical-align: middle; + } + .#{$prefix}ie6 .#{$prefix}tree-checkbox, + .#{$prefix}quirks .#{$prefix}ie7 .#{$prefix}tree-checkbox { + margin-top: 0; + vertical-align: middle; + } + .#{$prefix}strict .#{$prefix}ie7 .#{$prefix}tree-checkbox { + margin-top: -2px; + vertical-align: middle; + } } @if $include-ff { @@ -223,23 +240,23 @@ } .#{$prefix}tree-drop-ok-append .#{$prefix}dd-drop-icon { - background-image: theme-image($theme-name, 'tree/drop-append.gif'); + background-image: theme-background-image($theme-name, 'tree/drop-append.gif'); } .#{$prefix}tree-drop-ok-above .#{$prefix}dd-drop-icon { - background-image: theme-image($theme-name, 'tree/drop-above.gif'); + background-image: theme-background-image($theme-name, 'tree/drop-above.gif'); } .#{$prefix}tree-drop-ok-below .#{$prefix}dd-drop-icon { - background-image: theme-image($theme-name, 'tree/drop-below.gif'); + background-image: theme-background-image($theme-name, 'tree/drop-below.gif'); } .#{$prefix}tree-drop-ok-between .#{$prefix}dd-drop-icon { - background-image: theme-image($theme-name, 'tree/drop-between.gif'); + background-image: theme-background-image($theme-name, 'tree/drop-between.gif'); } .#{$prefix}grid-tree-loading .#{$prefix}tree-icon { - background-image: theme-image($theme-name, 'tree/loading.gif'); + background-image: theme-background-image($theme-name, 'tree/loading.gif'); } .#{$prefix}tree-ddindicator { diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss index 7c27892d9..977a34ad4 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_all.scss @@ -50,7 +50,8 @@ font: $form-error-msg-font; line-height: $form-error-msg-line-height; - background: theme-image($theme-name, $form-exclamation-icon) no-repeat 0 2px; + background: no-repeat 0 2px; + background-image: theme-background-image($theme-name, $form-exclamation-icon); } .#{$prefix}form-invalid-icon { @@ -63,7 +64,8 @@ left: 0; top: 0; - background: theme-image($theme-name, $form-exclamation-icon) no-repeat 2px 3px; + background: no-repeat 2px 3px; + background-image: theme-background-image($theme-name, $form-exclamation-icon); ul { /* prevent inner elements from interfering with QuickTip hovering */ diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss index 866184cce..56bec9c1e 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss @@ -10,7 +10,8 @@ width: $form-checkbox-size; height: $form-checkbox-size; - background: theme-image($theme-name, $form-checkbox-image) no-repeat; + background: no-repeat; + background-image: theme-background-image($theme-name, $form-checkbox-image); overflow: hidden; padding: 0; @@ -48,7 +49,7 @@ /* Radios */ .#{$prefix}form-radio { - background-image: theme-image($theme-name, $form-radio-image); + background-image: theme-background-image($theme-name, $form-radio-image); } /* boxLabel */ diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkboxgroup.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkboxgroup.scss index 59c2f8deb..e72053806 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkboxgroup.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_checkboxgroup.scss @@ -1,13 +1,14 @@ @mixin extjs-form-checkboxgroup { .#{$prefix}form-checkboxgroup-body { - padding: 3px 4px; + //padding: 3px 4px; } .#{$prefix}form-invalid { .#{$prefix}form-checkboxgroup-body { border: 1px solid #c30; - background: #fff theme-image($theme-name, 'grid/invalid_line.gif') repeat-x bottom; + background: #fff repeat-x bottom; + background-image: theme-background-image($theme-name, 'grid/invalid_line.gif'); padding: 2px 3px; } } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_field.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_field.scss index 533829c32..4f1df5417 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_field.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_field.scss @@ -18,7 +18,7 @@ background-color: $form-field-background-color; @if $form-field-background-image { - background-image: theme-image($theme-name, $form-field-background-image); + background-image: theme-background-image($theme-name, $form-field-background-image); } border-color: $form-field-border-color; @@ -52,7 +52,7 @@ background: repeat-x 0 0; background-color: $form-field-background-color; @if $form-field-background-image { - background-image: theme-image($theme-name, $form-field-background-image); + background-image: theme-background-image($theme-name, $form-field-background-image); } resize: none; //Disable browser resizable textarea } @@ -76,7 +76,7 @@ textarea.#{$prefix}form-invalid-field { background-color: $form-field-invalid-background-color; @if $form-field-invalid-background-image { - background-image: theme-image($theme-name, $form-field-invalid-background-image); + background-image: theme-background-image($theme-name, $form-field-invalid-background-image); background-repeat: $form-field-invalid-background-repeat; background-position: $form-field-invalid-background-position; } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_fieldset.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_fieldset.scss index 86cc6c818..c354d166a 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_fieldset.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_fieldset.scss @@ -2,7 +2,7 @@ .#{$prefix}fieldset { border: $fieldset-border; - padding: $fieldset-padding; + padding: 0 $fieldset-padding; margin-bottom: $fieldset-padding; display: block; /* preserve margins in IE */ @@ -46,10 +46,6 @@ padding: 0; } - .#{$prefix}ie .#{$prefix}fieldset-header { - margin-bottom: 10px; - } - .#{$prefix}ie9 .#{$prefix}fieldset-header { padding-top: 1px; } diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_htmleditor.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_htmleditor.scss index 633fdf992..ed4d79872 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_htmleditor.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_htmleditor.scss @@ -14,91 +14,92 @@ } .#{$prefix}html-editor-tb .#{$prefix}btn-text { - background:transparent theme-image($theme-name, 'editor/tb-sprite.gif') no-repeat; + background:transparent no-repeat; + background-image:theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-bold, .#{$prefix}menu-item img.#{$prefix}edit-bold { background-position:0 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-italic, .#{$prefix}menu-item img.#{$prefix}edit-italic { background-position:-16px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-underline, .#{$prefix}menu-item img.#{$prefix}edit-underline { background-position:-32px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-forecolor, .#{$prefix}menu-item img.#{$prefix}edit-forecolor { background-position:-160px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-backcolor, .#{$prefix}menu-item img.#{$prefix}edit-backcolor { background-position:-176px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-justifyleft, .#{$prefix}menu-item img.#{$prefix}edit-justifyleft { background-position:-112px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-justifycenter, .#{$prefix}menu-item img.#{$prefix}edit-justifycenter { background-position:-128px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-justifyright, .#{$prefix}menu-item img.#{$prefix}edit-justifyright { background-position:-144px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-insertorderedlist, .#{$prefix}menu-item img.#{$prefix}edit-insertorderedlist { background-position:-80px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-insertunorderedlist, .#{$prefix}menu-item img.#{$prefix}edit-insertunorderedlist { background-position:-96px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-increasefontsize, .#{$prefix}menu-item img.#{$prefix}edit-increasefontsize { background-position:-48px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-decreasefontsize, .#{$prefix}menu-item img.#{$prefix}edit-decreasefontsize { background-position:-64px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-sourceedit, .#{$prefix}menu-item img.#{$prefix}edit-sourceedit { background-position:-192px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tb .#{$prefix}edit-createlink, .#{$prefix}menu-item img.#{$prefix}edit-createlink { background-position: -208px 0; - background-image: theme-image($theme-name, 'editor/tb-sprite.gif'); + background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif'); } .#{$prefix}html-editor-tip .#{$prefix}tip-bd .#{$prefix}tip-bd-inner { diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_triggerfield.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_triggerfield.scss index aa85d56d8..9464acef9 100644 --- a/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_triggerfield.scss +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/widgets/form/_triggerfield.scss @@ -4,7 +4,7 @@ } .#{$prefix}form-trigger { - background-image: theme-image($theme-name, 'form/trigger.gif'); + background-image: theme-background-image($theme-name, 'form/trigger.gif'); background-position: 0 0; width: $form-trigger-width; @@ -81,22 +81,22 @@ .#{$prefix}form-arrow-trigger { .#{$prefix}form-trigger-icon { - background-image: theme-image($theme-name, 'boundlist/trigger-arrow.png'); + background-image: theme-background-image($theme-name, 'boundlist/trigger-arrow.png'); } } .#{$prefix}form-date-trigger { - background-image: theme-image($theme-name, 'form/date-trigger.gif'); + background-image: theme-background-image($theme-name, 'form/date-trigger.gif'); } $spinner-btn-height: $form-trigger-height / 2; .#{$prefix}form-trigger-wrap { .#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down { - background-image: theme-image($theme-name, 'form/spinner.gif'); + background-image: theme-background-image($theme-name, 'form/spinner.gif'); - width: $form-trigger-width; - height: $spinner-btn-height; + width: $form-trigger-width !important; + height: $spinner-btn-height !important; font-size: 0; /*for IE*/ @@ -125,8 +125,8 @@ .#{$prefix}form-trigger-wrap { .#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down { - background-image: theme-image($theme-name, 'form/spinner-small.gif'); - height: $spinner-btn-height; + background-image: theme-background-image($theme-name, 'form/spinner-small.gif'); + height: $spinner-btn-height !important; } .#{$prefix}form-spinner-down { background-position: 0 (-$spinner-btn-height); @@ -154,9 +154,9 @@ .#{$prefix}form-clear-trigger { - background-image: theme-image($theme-name, 'form/clear-trigger.gif'); + background-image: theme-background-image($theme-name, 'form/clear-trigger.gif'); } .#{$prefix}form-search-trigger { - background-image: theme-image($theme-name, 'form/search-trigger.gif'); + background-image: theme-background-image($theme-name, 'form/search-trigger.gif'); } } |