init repo

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_dragdrop.scss

@@ -0,0 +1,76 @@
+@mixin extjs-dragdrop {
+    .#{$prefix}dd-drag-proxy {
+        
+    }
+    
+    .#{$prefix}dd-drag-repair {
+        .#{$prefix}dd-drag-ghost {
+            @include opacity(.6);
+        }
+
+        .#{$prefix}dd-drop-icon {
+            display: none;
+        }
+    }
+
+    .#{$prefix}dd-drag-ghost {
+        @include opacity(.85);
+        
+        padding: 5px;
+        padding-left: 20px;
+        
+        white-space: nowrap;
+        
+        color: #000;
+        font: normal ceil($font-size * .9) $font-family;
+        
+        border: 1px solid;
+        border-color: #ddd #bbb #bbb #ddd;
+        
+        background-color: #fff;
+    }
+
+    .#{$prefix}dd-drop-icon {
+        position: absolute;
+        top: 3px;
+        left: 3px;
+        
+        display: block;
+        
+        width: 16px;
+        height: 16px;
+        
+        background-color: transparent;
+        background-position:  center;
+        background-repeat:  no-repeat;
+        
+        z-index: 1;
+    }
+
+    .#{$prefix}view-selector {
+        position: absolute;
+        left: 0;
+        top: 0;
+        
+        width: 0;
+        
+        background-color: #c3daf9;
+        border: 1px dotted #3399bb;
+            
+        @include opacity(.5);
+        
+        zoom: 1;
+    }
+    
+    .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
+        background-image: theme-background-image($theme-name, 'dd/drop-no.gif');
+    }
+
+    .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
+        background-image: theme-background-image($theme-name, 'dd/drop-yes.gif');
+    }
+
+    .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
+        background-image: theme-background-image($theme-name, 'dd/drop-add.gif');
+    }
+}

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_focus.scss

@@ -0,0 +1,37 @@
+.#{$prefix}focus-element {
+    position: absolute;
+    top: -10px;
+    left: -10px;
+    width: 0px;
+    height: 0px;
+}
+
+.#{$prefix}focus-frame {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    z-index: 100000000;
+    width: 0px;
+    height: 0px;
+}
+
+.#{$prefix}focus-frame-top,
+.#{$prefix}focus-frame-bottom,
+.#{$prefix}focus-frame-left,
+.#{$prefix}focus-frame-right {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+.#{$prefix}focus-frame-top,
+.#{$prefix}focus-frame-bottom {
+    border-top: $focus-frame-style $focus-frame-width $focus-frame-color;
+    height: $focus-frame-width;
+}
+
+.#{$prefix}focus-frame-left,
+.#{$prefix}focus-frame-right {
+    border-left: $focus-frame-style $focus-frame-width $focus-frame-color;
+    width: $focus-frame-width;
+}

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_messagebox.scss

@@ -0,0 +1,50 @@
+@mixin extjs-messagebox {
+    .#{$prefix}message-box .#{$prefix}window-body {
+        background-color: $window-background-color;
+        border: none;
+    }
+
+    .#{$prefix}message-box .ext-mb-textarea {
+        margin-top: 4px;
+    }
+
+    .#{$prefix}message-box .#{$prefix}progress-wrap {
+        margin-top: 4px;
+    }
+
+    .#{$prefix}message-box .ext-mb-icon {
+        width: 47px;
+        height: 32px;
+    }
+
+    .#{$prefix}message-box .ext-mb-info,
+    .#{$prefix}message-box .ext-mb-warning,
+    .#{$prefix}message-box .ext-mb-question,
+    .#{$prefix}message-box .ext-mb-error {
+        background: transparent no-repeat top left;
+    }
+
+    .ext-gecko2 .ext-mb-fix-cursor {
+        overflow: auto;
+    }
+
+    .#{$prefix}message-box .#{$prefix}msg-box-wait {
+        background-image: theme-background-image($theme-name, 'shared/blue-loading.gif');
+    }
+
+    .#{$prefix}message-box .ext-mb-info {
+        background-image: theme-background-image($theme-name, 'shared/icon-info.gif');
+    }
+
+    .#{$prefix}message-box .ext-mb-warning {
+        background-image: theme-background-image($theme-name, 'shared/icon-warning.gif');
+    }
+
+    .#{$prefix}message-box .ext-mb-question {
+        background-image: theme-background-image($theme-name, 'shared/icon-question.gif');
+    }
+
+    .#{$prefix}message-box .ext-mb-error {
+        background-image: theme-background-image($theme-name, 'shared/icon-error.gif');
+    }
+}

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_resizable.scss

@@ -0,0 +1,222 @@
+@mixin extjs-resizable {
+    .#{$prefix}resizable-handle {
+        position: absolute;
+        
+        z-index: 100;
+        
+        font-size: 1px;
+        line-height: 6px;
+        
+        overflow: hidden;
+            
+        zoom: 1;
+        
+        @include opacity(0);
+        
+        background-color: #fff;
+    }
+
+    .#{$prefix}resizable-handle-east {
+        width: 6px;
+        height: 100%;
+        
+        right: 0;
+        top: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-east {
+            cursor: e-resize;
+        }
+    }
+    
+    .#{$prefix}resizable-handle-south {
+        width: 100%;
+        height: 6px;
+        
+        left: 0;
+        bottom: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-south {
+            cursor: s-resize;
+        }
+    }
+    
+    .#{$prefix}resizable-handle-west {
+        width: 6px;
+        height: 100%;
+        
+        left: 0;
+        top: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-west {
+            cursor: w-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-north {
+        width: 100%;
+        height: 6px;
+        
+        left: 0;
+        top: 0;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-north {
+            cursor: n-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-southeast {
+        width: 6px;
+        height: 6px;
+        
+        right: 0;
+        bottom: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-southeast {
+            cursor: se-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-northwest {
+        width: 6px;
+        height: 6px;
+        
+        left: 0;
+        top: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-northwest {
+            cursor: nw-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-northeast {
+        width: 6px;
+        height: 6px;
+        
+        right: 0;
+        top: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-northeast {
+            cursor: ne-resize;
+        }
+    }
+
+    .#{$prefix}resizable-handle-southwest {
+        width: 6px;
+        height: 6px;
+        
+        left: 0;
+        bottom: 0;
+        
+        z-index: 101;
+    }
+    
+    .#{$prefix}resizable-over {
+        .#{$prefix}resizable-handle-southwest {
+            cursor: sw-resize;
+        }
+    }
+    
+    /*IE rounding error*/
+    .#{$prefix}ie {
+        .#{$prefix}resizable-handle-east {
+            margin-right: -1px; /*IE rounding error*/
+        }
+        
+        .#{$prefix}resizable-handle-south {
+            margin-bottom: -1px;
+        }
+    }
+
+    .#{$prefix}resizable-over .#{$prefix}resizable-handle, .#{$prefix}resizable-pinned .#{$prefix}resizable-handle{
+        @include opacity(1);
+    }
+
+    .#{$prefix}window .#{$prefix}window-handle {
+        @include opacity(0);
+    }
+
+    .#{$prefix}window-collapsed .#{$prefix}window-handle {
+        display: none;
+    }
+
+    .#{$prefix}resizable-proxy {
+        border: 1px dashed #3b5a82;
+        position: absolute;
+        left: 0;
+        top: 0;
+        overflow: hidden;
+        z-index: 50000;
+    }
+
+    .#{$prefix}resizable-overlay {
+        position: absolute;
+        left: 0;
+        top: 0;
+        
+        width: 100%;
+        height: 100%;
+        
+        display: none;
+        
+        z-index: 200000;
+        
+        background-color: #fff;
+            
+        @include opacity(0);
+    }
+    
+    .#{$prefix}resizable-over,
+    .#{$prefix}resizable-pinned {
+        .#{$prefix}resizable-handle-east,
+        .#{$prefix}resizable-handle-west {
+                background-position: left;
+                background-image: theme-background-image($theme-name, 'sizer/e-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-south,
+        .#{$prefix}resizable-handle-north {
+            background-position: top;
+            background-image: theme-background-image($theme-name, 'sizer/s-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-southeast {
+            background-position: top left;
+            background-image: theme-background-image($theme-name, 'sizer/se-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-northwest {
+            background-position: bottom right;
+            background-image: theme-background-image($theme-name, 'sizer/nw-handle.gif');
+        }
+        
+        .#{$prefix}resizable-handle-northeast {
+            background-position: bottom left;
+            background-image: theme-background-image($theme-name, 'sizer/ne-handle.gif');
+        }
+
+        .#{$prefix}resizable-handle-southwest {
+            background-position: top right;
+            background-image: theme-background-image($theme-name, 'sizer/sw-handle.gif');
+        }
+    }
+}

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_scroller.scss

@@ -0,0 +1,55 @@
+@mixin extjs-scroller {
+    .#{$prefix}horizontal-scroller-present .#{$prefix}grid-body {
+        border-bottom-width: 0px;
+    }
+        
+    .#{$prefix}vertical-scroller-present .#{$prefix}grid-body {
+        border-right-width: 0px;
+    }
+
+    .#{$prefix}scroller {
+        overflow: hidden;
+    }
+    
+    .#{$prefix}scroller-vertical {
+        border: 1px solid $panel-border-color;
+        border-top-color: $grid-header-background-color;
+    }
+    
+    .#{$prefix}scroller-horizontal {
+        border: 1px solid $panel-border-color;
+    }
+
+    .#{$prefix}vertical-scroller-present .#{$prefix}scroller-horizontal {
+        border-right-width: 0px;
+    }
+    
+    .#{$prefix}scroller-ct {
+        overflow: hidden;
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        border: none;
+        left: 0px;
+        top: 0px;
+
+        /*
+        In IE9 (only), the border-box style causes the scroller-ct to be 0px in the
+        perpendicular dimension and breaks the scroll as well as offsets it by the left
+        offset that we use to try and keep some size on this element. This works on all
+        browsers (including IE9).
+        */
+        box-sizing: content-box !important;
+        -ms-box-sizing: content-box !important;
+        -moz-box-sizing: content-box !important;
+        -webkit-box-sizing: content-box !important;
+    }
+    
+    .#{$prefix}scroller-vertical .#{$prefix}scroller-ct {
+        overflow-y: scroll;
+    }
+    
+    .#{$prefix}scroller-horizontal .#{$prefix}scroller-ct {
+        overflow-x: scroll;
+    }
+}

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_splitter.scss

@@ -0,0 +1,106 @@
+@mixin extjs-splitter {
+    .#{$prefix}splitter {
+        .#{$prefix}collapse-el {
+            position: absolute;
+
+            cursor: pointer;
+
+            background-color: transparent;
+            background-repeat: no-repeat !important;
+        }
+    }
+
+    .#{$prefix}layout-split-left,
+    .#{$prefix}layout-split-right {
+        top: 50%;
+
+        margin-top: -17px;
+
+        width: 5px;
+        height: 35px;
+    }
+
+    .#{$prefix}layout-split-top,
+    .#{$prefix}layout-split-bottom {
+        left: 50%;
+
+        width: 35px;
+        height: 5px;
+
+        margin-left: -17px;
+    }
+
+    .#{$prefix}layout-split-left {
+        background: no-repeat top right;
+        background-image: theme-background-image($theme-name, 'util/splitter/mini-left.gif');
+    }
+
+    .#{$prefix}layout-split-right {
+        background: no-repeat top left;
+        background-image: theme-background-image($theme-name, 'util/splitter/mini-right.gif');
+    }
+
+    .#{$prefix}layout-split-top {
+        background: no-repeat top left;
+        background-image: theme-background-image($theme-name, 'util/splitter/mini-top.gif');
+    }
+
+    .#{$prefix}layout-split-bottom {
+        background: no-repeat top left;
+        background-image: theme-background-image($theme-name, 'util/splitter/mini-bottom.gif');
+    }
+
+    .#{$prefix}splitter-collapsed {
+        .#{$prefix}layout-split-left {
+            background: no-repeat top left;
+            background-image: theme-background-image($theme-name, 'util/splitter/mini-right.gif');
+        }
+
+        .#{$prefix}layout-split-right {
+            background: no-repeat top right;
+            background-image: theme-background-image($theme-name, 'util/splitter/mini-left.gif');
+        }
+
+        .#{$prefix}layout-split-top {
+            background: no-repeat top left;
+            background-image: theme-background-image($theme-name, 'util/splitter/mini-bottom.gif');
+        }
+
+        .#{$prefix}layout-split-bottom {
+            background: no-repeat top left;
+            background-image: theme-background-image($theme-name, 'util/splitter/mini-top.gif');
+        }
+    }
+
+    .#{$prefix}splitter-horizontal {
+        cursor: e-resize;
+        cursor: row-resize;
+        font-size:1px;
+    }
+    .#{$prefix}splitter-vertical {
+        cursor: e-resize;
+        cursor: col-resize;
+        font-size:1px;
+    }
+    .#{$prefix}splitter-collapsed {
+        cursor: default;
+    }
+
+    .#{$prefix}splitter-active {
+        z-index: 4;
+        font-size:1px;
+        background-color: rgb(180, 180, 180);
+        @include opacity(0.8);
+    }
+    .#{$prefix}splitter-active {
+        .#{$prefix}collapse-el {
+            @include opacity(0.3);
+        }
+    }
+
+    .#{$prefix}proxy-el {
+        position: absolute;
+        background: rgb(180, 180, 180);
+        @include opacity(0.8);
+    }
+}

OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/util/_tool.scss

@@ -0,0 +1,295 @@
+@mixin extjs-tool {
+    .#{$prefix}tool {
+        height: $tool-size;
+
+        img {
+            overflow: hidden;
+
+            width: $tool-size;
+            height: $tool-size;
+
+            cursor: pointer;
+
+            background-color: transparent;
+            background-repeat: no-repeat;
+            background-image: theme-background-image($theme-name, 'tools/tool-sprites.gif');
+
+            margin: 0;
+        }
+    }
+
+    .#{$prefix}panel-header-horizontal,
+    .#{$prefix}window-header-horizontal {
+        .#{$prefix}tool {
+                margin-left: 2px;
+        }
+    }
+
+    .#{$prefix}panel-header-vertical,
+    .#{$prefix}window-header-vertical {
+        .#{$prefix}tool {
+                margin-bottom: 2px;
+        }
+    }
+
+.#{$prefix}tool-placeholder {
+        visibility: hidden;
+    }
+
+    .#{$prefix}tool-toggle {
+        background-position: 0 -60px;
+    }
+
+    .#{$prefix}tool-over {
+        .#{$prefix}tool-toggle {
+            background-position: -15px -60px;
+        }
+    }
+
+    .#{$prefix}panel-collapsed,
+    .#{$prefix}fieldset-collapsed {
+        .#{$prefix}tool-toggle {
+            background-position: 0 -75px;
+        }
+
+        .#{$prefix}tool-over {
+            .#{$prefix}tool-toggle {
+                background-position: -15px -75px;
+            }
+        }
+    }
+
+    .#{$prefix}tool-close {
+        background-position: 0 0;
+    }
+    
+    .#{$prefix}tool-minimize {
+        background-position: 0 -15px;
+    }
+    
+    .#{$prefix}tool-maximize {
+        background-position: 0 -30px;
+    }
+    
+    .#{$prefix}tool-restore {
+        background-position: 0 -45px;
+    }
+    
+    .#{$prefix}tool-gear {
+        background-position: 0 -90px;
+    }
+    
+    .#{$prefix}tool-prev {
+        background-position: 0 -105px;
+    }
+    
+    .#{$prefix}tool-next {
+        background-position: 0 -120px;
+    }
+    
+    .#{$prefix}tool-pin {
+        background-position: 0 -135px;
+    }
+
+    .#{$prefix}tool-unpin {
+        background-position: 0 -150px;
+    }
+
+    .#{$prefix}tool-right {
+        background-position: 0 -165px;
+    }
+
+    .#{$prefix}tool-left {
+        background-position: 0 -180px;
+    }
+    
+    .#{$prefix}tool-help {
+        background-position: 0 -300px;
+    }
+
+    .#{$prefix}tool-save {
+        background-position: 0 -285px;
+    }
+
+    .#{$prefix}tool-search {
+        background-position: 0 -270px;
+    }
+
+    .#{$prefix}tool-minus {
+        background-position: 0 -255px;
+    }
+
+    .#{$prefix}tool-plus {
+        background-position: 0 -240px;
+    }
+
+    .#{$prefix}tool-refresh {
+        background-position: 0 -225px;
+    }
+
+    .#{$prefix}tool-up {
+        background-position: 0 -210px;
+    }
+
+    .#{$prefix}tool-down {
+        background-position: 0 -195px;
+    }
+    
+    .#{$prefix}tool-move {
+        background-position: 0 -375px;
+    }
+
+    .#{$prefix}tool-resize {
+        background-position: 0 -360px;
+    }
+    
+    .#{$prefix}tool-collapse {
+        background-position: 0 -345px;
+    }
+
+    .#{$prefix}tool-expand {
+        background-position: 0 -330px;
+    }
+
+    .#{$prefix}tool-print {
+        background-position: 0 -315px;
+    }
+
+    .#{$prefix}tool-expand-bottom,
+    .#{$prefix}tool-collapse-bottom {
+        background-position: 0 -195px;
+    }
+
+    .#{$prefix}tool-expand-top,
+    .#{$prefix}tool-collapse-top {
+        background-position: 0 -210px;
+    }
+
+    .#{$prefix}tool-expand-left,
+    .#{$prefix}tool-collapse-left {
+        background-position: 0 -180px;
+    }
+
+    .#{$prefix}tool-expand-right,
+    .#{$prefix}tool-collapse-right {
+        background-position: 0 -165px;
+    }
+
+    .#{$prefix}tool-over {
+        .#{$prefix}tool-close {
+            background-position: -15px 0;
+        }
+
+        .#{$prefix}tool-minimize {
+            background-position: -15px -15px;
+        }
+    
+        .#{$prefix}tool-maximize {
+            background-position: -15px -30px;
+        }
+
+        .#{$prefix}tool-restore {
+            background-position: -15px -45px;
+        }
+    
+        .#{$prefix}tool-gear {
+            background-position: -15px -90px;
+        }
+    
+        .#{$prefix}tool-prev {
+            background-position: -15px -105px;
+        }
+    
+        .#{$prefix}tool-next {
+            background-position: -15px -120px;
+        }
+    
+        .#{$prefix}tool-pin {
+            background-position: -15px -135px;
+        }
+    
+        .#{$prefix}tool-unpin {
+            background-position: -15px -150px;
+        }
+    
+        .#{$prefix}tool-right {
+            background-position: -15px -165px;
+        }
+    
+        .#{$prefix}tool-left {
+            background-position: -15px -180px;
+        }
+
+        .#{$prefix}tool-down {
+            background-position: -15px -195px;
+        }
+    
+        .#{$prefix}tool-up {
+            background-position: -15px -210px;
+        }
+    
+        .#{$prefix}tool-refresh {
+            background-position: -15px -225px;
+        }
+    
+        .#{$prefix}tool-plus {
+            background-position: -15px -240px;
+        }
+
+        .#{$prefix}tool-minus {
+            background-position: -15px -255px;
+        }
+
+        .#{$prefix}tool-search {
+            background-position: -15px -270px;
+        }
+
+        .#{$prefix}tool-save {
+            background-position: -15px -285px;
+        }
+
+        .#{$prefix}tool-help {
+            background-position: -15px -300px;
+        }
+
+        .#{$prefix}tool-print {
+            background-position: -15px -315px;
+        }
+
+        .#{$prefix}tool-expand {
+            background-position: -15px -330px;
+        }
+
+        .#{$prefix}tool-collapse {
+            background-position: -15px -345px;
+        }
+    
+        .#{$prefix}tool-resize {
+            background-position: -15px -360px;
+        }
+    
+        .#{$prefix}tool-move {
+            background-position: -15px -375px;
+        }
+        
+        .#{$prefix}tool-expand-bottom,
+        .#{$prefix}tool-collapse-bottom {
+            background-position: -15px -195px;
+        }
+    
+        .#{$prefix}tool-expand-top,
+        .#{$prefix}tool-collapse-top {
+            background-position: -15px -210px;
+        }
+    
+        .#{$prefix}tool-expand-left,
+        .#{$prefix}tool-collapse-left {
+            background-position: -15px -180px;
+        }
+    
+        .#{$prefix}tool-expand-right,
+        .#{$prefix}tool-collapse-right {
+            background-position: -15px -165px;
+        }
+    }
+}