diff options
Diffstat (limited to 'deluge/ui/web/resources/themes/stylesheets/ext4/default/core/_core.scss')
-rw-r--r-- | deluge/ui/web/resources/themes/stylesheets/ext4/default/core/_core.scss | 317 |
1 files changed, 317 insertions, 0 deletions
diff --git a/deluge/ui/web/resources/themes/stylesheets/ext4/default/core/_core.scss b/deluge/ui/web/resources/themes/stylesheets/ext4/default/core/_core.scss new file mode 100644 index 000000000..68f1fba50 --- /dev/null +++ b/deluge/ui/web/resources/themes/stylesheets/ext4/default/core/_core.scss @@ -0,0 +1,317 @@ +.#{$prefix}body { + color: $color; + font-size: $font-size; + font-family: $font-family; +} + +.#{$prefix}clear { + overflow: hidden; + clear: both; + height: 0; + width: 0; + font-size: 0; + line-height: 0; +} + +.#{$prefix}layer { + position: absolute; + overflow: hidden; + zoom: 1; +} + +.#{$prefix}shim { + position: absolute; + left: 0; + top: 0; + overflow: hidden; + @include opacity(0); +} + +.#{$prefix}hide-display { + display: none !important; +} + +.#{$prefix}hide-visibility { + visibility:hidden !important; +} + +.#{$prefix}item-disabled { + @include opacity(0.4); +} + +.#{$prefix}ie6 .#{$prefix}item-disabled { + filter:none; +} + +.#{$prefix}hidden, +.#{$prefix}hide-offsets { + display: block !important; + position: absolute!important; + left: -10000px!important; + top: -10000px!important; +} + +.#{$prefix}hide-nosize { + height: 0!important; + width: 0!important; +} + +.#{$prefix}masked-relative { + position: relative; +} + +@if $include-ie { + .#{$prefix}ie6 .#{$prefix}masked select, + .#{$prefix}ie6.#{$prefix}body-masked select { + visibility: hidden !important; + } +} + +// Styles for the three schemes for showing shadows under an element: CSS3, IE blur transform, or 9 point framing with images. +.#{$prefix}css-shadow { + position: absolute; + @include border-radius($window-border-radius); +} + +.#{$prefix}ie-shadow { + background-color:#777; + display: none; + position: absolute; + overflow: hidden; + zoom: 1; +} + +.#{$prefix}frame-shadow { + display: none; + position: absolute; + overflow: hidden; +} + +.#{$prefix}frame-shadow * { + overflow: hidden; +} + +.#{$prefix}frame-shadow * { + padding: 0; + border: 0; + margin: 0; + clear: none; + zoom: 1; +} + +/* top bottom */ +.#{$prefix}frame-shadow .xstc, +.#{$prefix}frame-shadow .xsbc { + height: 6px; + float: left; +} + +.#{$prefix}frame-shadow .xsc { + width: 100%; +} + +.#{$prefix}frame-shadow .xsml { + background: transparent repeat-y 0 0; +} + +.#{$prefix}frame-shadow .xsmr { + background: transparent repeat-y -6px 0; +} + +.#{$prefix}frame-shadow .xstl { + background: transparent no-repeat 0 0; +} + +.#{$prefix}frame-shadow .xstc { + background: transparent repeat-x 0 -30px; +} + +.#{$prefix}frame-shadow .xstr { + background: transparent repeat-x 0 -18px; +} + +.#{$prefix}frame-shadow .xsbl { + background: transparent no-repeat 0 -12px; +} + +.#{$prefix}frame-shadow .xsbc { + background: transparent repeat-x 0 -36px; +} + +.#{$prefix}frame-shadow .xsbr { + background: transparent repeat-x 0 -6px; +} +.#{$prefix}frame-shadow .xstl, +.#{$prefix}frame-shadow .xstc, +.#{$prefix}frame-shadow .xstr, +.#{$prefix}frame-shadow .xsbl, +.#{$prefix}frame-shadow .xsbc, +.#{$prefix}frame-shadow .xsbr { + width: 6px; + height: 6px; + float: left; + + @if $include-shadow-images { + @include theme-background-image($theme-name, 'shared/shadow.png'); + } +} + +.#{$prefix}frame-shadow .xsml, +.#{$prefix}frame-shadow .xsmr { + width: 6px; + float: left; + height: 100%; + + @if $include-shadow-images { + @include theme-background-image($theme-name, 'shared/shadow-lr.png'); + } +} + +.#{$prefix}frame-shadow .xsmc { + float: left; + height: 100%; + + @if $include-shadow-images { + @include theme-background-image($theme-name, 'shared/shadow-c.png'); + } +} + +.#{$prefix}frame-shadow .xst, +.#{$prefix}frame-shadow .xsb { + height: 6px; + overflow: hidden; + width: 100%; +} + +//box wrap - Ext.get("foo").boxWrap(); +.x-box-tl { + background: transparent no-repeat 0 0; + zoom:1; +} + +.x-box-tc { + height: 8px; + background: transparent repeat-x 0 0; + overflow: hidden; +} + +.x-box-tr { + background: transparent no-repeat right -8px; +} + +.x-box-ml { + background: transparent repeat-y 0; + padding-left: 4px; + overflow: hidden; + zoom:1; +} + +.x-box-mc { + background: repeat-x 0 -16px; + padding: 4px 10px; +} + +.x-box-mc h3 { + margin: 0 0 4px 0; + zoom:1; +} + +.x-box-mr { + background: transparent repeat-y right; + padding-right: 4px; + overflow: hidden; +} + +.x-box-bl { + background: transparent no-repeat 0 -16px; + zoom:1; +} + +.x-box-bc { + background: transparent repeat-x 0 -8px; + height: 8px; + overflow: hidden; +} + +.x-box-br { + background: transparent no-repeat right -24px; +} + +.x-box-tl, .x-box-bl { + padding-left: 8px; + overflow: hidden; +} + +.x-box-tr, .x-box-br { + padding-right: 8px; + overflow: hidden; +} + +.x-box-tl { + @include theme-background-image($theme-name, 'box/corners.gif'); +} + +.x-box-tc { + @include theme-background-image($theme-name, 'box/tb.gif'); +} + +.x-box-tr { + @include theme-background-image($theme-name, 'box/corners.gif'); +} + +.x-box-ml { + @include theme-background-image($theme-name, 'box/l.gif'); +} + +.x-box-mc { + background-color: #eee; + @include theme-background-image($theme-name, 'box/tb.gif'); + font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; + color: #393939; + font-size: 15px; +} + +.x-box-mc h3 { + font-size: 18px; + font-weight: bold; +} + +.x-box-mr { + @include theme-background-image($theme-name, 'box/r.gif'); +} + +.x-box-bl { + @include theme-background-image($theme-name, 'box/corners.gif'); +} + +.x-box-bc { + @include theme-background-image($theme-name, 'box/tb.gif'); +} + +.x-box-br { + @include theme-background-image($theme-name, 'box/corners.gif'); +} + +.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr { + @include theme-background-image($theme-name, 'box/corners-blue.gif'); +} + +.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc { + @include theme-background-image($theme-name, 'box/tb-blue.gif'); +} + +.x-box-blue .x-box-mc { + background-color: #c3daf9; +} + +.x-box-blue .x-box-mc h3 { + color: #17385b; +} + +.x-box-blue .x-box-ml { + @include theme-background-image($theme-name, 'box/l-blue.gif'); +} + +.x-box-blue .x-box-mr { + @include theme-background-image($theme-name, 'box/r-blue.gif'); +} |