init repo

OfficeWeb/3rdparty/extjs/resources/sass/config.rb

@@ -0,0 +1,22 @@
+# $ext_path: This should be the path of where the ExtJS SDK is installed
+# Generally this will be in a lib/extjs folder in your applications root
+# <root>/lib/extjs
+$ext_path = "../../"
+
+# sass_path: the directory your Sass files are in. THIS file should also be in the Sass folder
+# Generally this will be in a resources/sass folder
+# <root>/resources/sass
+sass_path = File.dirname(__FILE__)
+
+# css_path: the directory you want your CSS files to be.
+# Generally this is a folder in the parent directory of your Sass files
+# <root>/resources/css
+css_path = File.join(sass_path, "..", "css")
+
+# output_style: The output style for your compiled CSS
+# nested, expanded, compact, compressed
+# More information can be found here http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style
+output_style = :compressed
+
+# We need to load in the Ext4 themes folder, which includes all it's default styling, images, variables and mixins
+load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')

OfficeWeb/3rdparty/extjs/resources/sass/ext-all-access.scss

@@ -0,0 +1,219 @@
+$theme-name: 'access';
+
+body {
+    background: #000;
+}
+
+$base-color: #3f4757;
+$orange: #ed9200;
+$color: #fff;
+$font-size: 15px;
+$css-shadow-background-color: #000000;
+$include-shadow-images: false;
+
+//panel
+$panel-header-background-color: #3a4155;
+$panel-header-color: #fff;
+$panel-body-background-color: #232d38;
+$panel-body-color: #fff;
+//$panel-header-font-size: 14px;
+$panel-border-color: #18181a;
+$panel-header-inner-border: false;
+
+$border-layout-ct-background: #3f4757;
+
+//framed panel
+$panel-frame-border-radius: 3px;
+$frame-base-color: #232d38;
+$panel-frame-background-color: #3f4757;
+
+//window
+$window-background-color: #3f4757;
+$window-body-background-color: #1f2833;
+$window-body-color: #fff;
+$window-body-border-color: #18181a;
+$window-inner-border-color: #414b5c;
+$window-header-color: #fff;
+
+//loadmask
+$loadmask-msg-background-color: #3f4757;
+$loadmask-msg-border-color: #222233;
+$loadmask-msg-inner-border-color: #555566;
+$loadmask-msg-inner-background-color: #232d38;
+$loadmask-msg-inner-color: #fff;
+$loadmask-msg-inner-padding: 5px 10px;
+$loadmask-msg-inner-icon: null;
+
+//toolbar
+$toolbar-border-color: $window-body-border-color;
+$toolbar-background-color: #3a3e4f;
+$toolbar-text-color: #fff;
+
+$toolbar-separator-color: #1b1b29 !default;
+$toolbar-separator-highlight-color: #5d5d6e !default;
+
+//buttons
+$button-default-base-color: #2a3142;
+$button-default-base-color-over: $orange;
+$button-default-base-color-pressed: #da7b19;
+$button-default-color: #fff;
+
+$button-toolbar-border-color-over: #d97e27;
+$button-toolbar-border-color-pressed: #c86e19;
+$button-toolbar-background-color-over: $orange;
+$button-toolbar-background-color-pressed: #db7b1f;
+$button-toolbar-background-gradient: null;
+$button-toolbar-background-gradient-over: null;
+$button-toolbar-background-gradient-focus: null;
+$button-toolbar-background-gradient-pressed: null;
+$button-toolbar-background-gradient-disabled: null;
+$button-toolbar-color: #fff !default;
+$button-toolbar-color-over: #fff !default;
+$button-toolbar-color-pressed: #fff !default;
+
+//forms
+$form-field-height: 26px;
+$form-toolbar-field-height: 24px;
+//$form-field-font-size: 15px;
+$form-field-border-width: 2px;
+$form-field-border-color: #737b8c;
+$form-field-background-color: #34383f;
+$form-field-color: #fff;
+$form-checkbox-size: 19px;
+
+$form-field-focus-border-color: #ff9c33;
+
+$form-field-invalid-background-color: #15171A;
+$form-field-invalid-border-color: #C30;
+
+$form-trigger-width: 20px;
+$form-trigger-border-bottom-width: 2px;
+$form-trigger-border-bottom-color: $form-field-border-color;
+$form-trigger-border-bottom-color-over: $form-field-focus-border-color;
+$form-trigger-border-bottom-color-focus: $form-field-border-color;
+$form-trigger-border-bottom-color-focus-over: $form-field-focus-border-color;
+$form-trigger-border-bottom-color-pressed: #c76e12;
+
+//htmleditor
+$html-editor-border-color: #737b8c;
+
+//fieldsets
+$fieldset-header-color: #fff;
+$fieldset-border-color: #727c8c;
+
+//tabs
+$tab-base-color: #616f8c;
+$tab-base-color-over: lighten(#616f8c, 5);
+$tab-base-color-active: $orange;
+
+$tab-height: 27px;
+
+$tab-color: #fff;
+$tab-color-active: $tab-color;
+
+$tab-inner-border: false;
+$tab-border-color: #2e3746;
+$tab-border-color-active: #74400e;
+
+$tab-background-gradient: null;
+$tab-background-gradient-over: null;
+$tab-background-gradient-active: null;
+$tab-background-gradient-disabled: null;
+
+$tab-closable-icon: 'tabs/tab-close.gif';
+$tab-closable-background-position: top right;
+$tab-closable-width: 16px;
+
+$tabbar-strip-background-color: $orange;
+
+//grid
+$grid-header-background-color: #373c4b;
+$grid-header-over-background-color: #496085;
+$grid-header-background-gradient: 'glossy';
+$grid-header-over-background-gradient: 'glossy';
+$grid-header-color: #fff;
+
+$grid-row-wrap-border-color: #101010;
+
+$grid-row-cell-color: #fff;
+
+$grid-row-cell-background: #1f2933;
+
+$grid-row-cell-alt-background: #1a232b;
+
+$grid-row-cell-over-background-color: #7e552f;
+$grid-row-cell-over-border-color: #101010;
+
+$grid-row-cell-selected-background-color: #e48627;
+$grid-row-cell-selected-border-color: #101010;
+
+$grid-row-cell-over-background-gradient: 'flat';
+$grid-row-cell-focus-background-gradient: 'flat';
+
+//layout
+$accordion-header-color: #fff;
+$accordion-header-background-color: #5c6b82;
+
+//progress bar
+$progress-border-color: #18181a;
+$progress-background-color: #232d38;
+$progress-text-color-back: #aaa;
+$progress-bar-background-color: $orange;
+
+//btn group
+$btn-group-background-color: #393d4e;
+$btn-group-header-background-color: #676772;
+$btn-group-border-color: #606068;
+$btn-group-inner-border-color: #757478;
+$btn-group-header-color: #D2D2D2;
+
+//datepicker
+$datepicker-background-color: #21252e;
+$datepicker-border-color: #798294;
+$datepicker-today-item-border-color: #9999aa;
+
+$datepicker-header-background-color: #5c6980;
+
+$datepicker-th-background-color: #3a4051;
+$datepicker-th-color: #fff;
+$datepicker-th-border-bottom-color: #535b5c;
+
+$datepicker-td-height: 21px;
+
+$datepicker-item-color: #fff;
+$datepicker-item-hover-background-color: #7e5530;
+$datepicker-selected-item-border-color: #864900;
+$datepicker-selected-item-background-color: #e5872c;
+
+$datepicker-monthpicker-height: 172px;
+
+$datepicker-monthpicker-item-color: #fff;
+$datepicker-monthpicker-item-border: 0 none;
+$datepicker-monthpicker-item-selected-background-color: $datepicker-selected-item-background-color;
+
+// boundlist
+$boundlist-background-color: #404551;
+$boundlist-border-color: #222732;
+$boundlist-border-width: 2px;
+
+$boundlist-item-border-width: 0;
+$boundlist-item-over-background-color: #e5872c;
+$boundlist-item-selected-background-color: #e5872c; 
+
+//tips
+$tip-base-color: #5e6986;
+$tip-border-color: #122d5e;
+$tip-body-color: #000;
+
+//menu
+$menu-background-color: #414551;
+$menu-text-color: #fff;
+
+$menu-item-active-background-color: $orange;
+$menu-item-active-border-color: darken($orange, 5);
+
+$menu-separator-border-color: #222233;
+$menu-separator-background-color: #666666;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-all-gray.scss

@@ -0,0 +1,118 @@
+$theme-name: 'gray';
+$base-color: #ccc;
+
+//panel
+$panel-header-background-gradient: color-stops(#F0F0F0, #D7D7D7);
+$panel-border-color: #D0D0D0;
+$panel-header-color: #333;
+
+$panel-frame-background-color: #f1f1f1;
+
+//window
+$window-background-color: #e8e8e8;
+$window-header-color: #333;
+
+//menu
+$menu-item-active-background-color: darken(#f3f3f3, 5);
+$menu-item-active-border-color: #9d9d9d;
+
+//datepicker
+$datepicker-header-background-color: #6f6f6f;
+$datepicker-border-color: #585858;
+$datepicker-th-background-color: #e9e9e9;
+$datepicker-selected-item-background-color: #d8d8d8;
+$datepicker-item-hover-background-color: transparent;
+
+//progress bar
+$progress-border-color: #8e8e8e;
+$progress-background-color: #f1f1f1;
+$progress-bar-background-color: #ababab;
+
+//tips
+$tip-base-color: $base-color;
+
+//grid
+$grid-header-over-border-color: darken($base-color, 3);
+
+//toolbar
+$toolbar-background-gradient: color-stops(#e6e6e6, #efefef);
+$toolbar-separator-color: #aca899;
+$toolbar-text-color: #000;
+
+//btn group
+$btn-group-background-color: #f0f0f0;
+$btn-group-header-background-color: #dfdfdf;
+$btn-group-border-color: #d0d0d0;
+$btn-group-header-color: #666;
+
+//form
+$fieldset-header-color: #333;
+
+$boundlist-border-color: #b5b8c8;
+
+//acordion
+$accordion-header-background-color: #e5e5e5;
+
+//tabs
+$tab-base-color: #eaeaea;
+$tab-color-active: #333333;
+
+$tab-background-gradient: color-stops(#dcdcdc, #eaeaea);
+$tab-background-gradient-over: 'tab-over' !default;
+$tab-background-gradient-active: color-stops(#ffffff, #eaeaea);
+$tab-background-gradient-disabled: 'tab-disabled' !default;
+
+//buttons
+$button-default-base-color: #f8f8f8;
+$button-default-base-color-over: #f3f3f3;
+$button-default-base-color-focus: $button-default-base-color-over;
+$button-default-base-color-pressed: #d6d6d6;
+$button-default-base-color-disabled: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%) !default; //F7F7F7
+
+$button-default-border-color: #bbbbbb;
+$button-default-border-color-over: #9d9d9d;
+$button-default-border-color-focus: $button-default-border-color-over;
+$button-default-border-color-pressed: $button-default-border-color-over;
+$button-default-border-color-disabled: adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%) !default;
+
+$button-default-background-gradient: 'matte';
+$button-default-background-gradient-over: 'matte';
+$button-default-background-gradient-focus: 'matte';
+$button-default-background-gradient-pressed: 'matte-reverse';
+$button-default-background-gradient-disabled: 'matte';
+
+$button-default-background-gradient-color-stops: null;
+$button-default-background-gradient-color-stops-over: null;
+$button-default-background-gradient-color-stops-focus: null;
+$button-default-background-gradient-color-stops-pressed: null;
+$button-default-background-gradient-color-stops-disabled: null;
+
+
+$button-toolbar-base-color: $button-default-base-color;
+
+$button-toolbar-border-color: transparent !default;
+$button-toolbar-border-color-over: $button-default-border-color-over;
+$button-toolbar-border-color-focus: $button-default-border-color-focus;
+$button-toolbar-border-color-pressed: $button-default-border-color-pressed;
+$button-toolbar-border-color-disabled: $button-default-border-color-disabled;
+
+$button-toolbar-background-color: transparent !default;
+$button-toolbar-background-color-over: $button-default-base-color-over;
+$button-toolbar-background-color-focus: $button-default-base-color-focus;
+$button-toolbar-background-color-pressed: $button-default-base-color-pressed;
+$button-toolbar-background-color-disabled: transparent;
+
+$button-toolbar-background-gradient: null;
+$button-toolbar-background-gradient-over: 'matte';
+$button-toolbar-background-gradient-focus: 'matte';
+$button-toolbar-background-gradient-pressed: 'matte-reverse';
+$button-toolbar-background-gradient-disabled: null;
+
+$button-toolbar-background-gradient-color-stops: null;
+$button-toolbar-background-gradient-color-stops-over: null;
+$button-toolbar-background-gradient-color-stops-focus: null;
+$button-toolbar-background-gradient-color-stops-pressed: null;
+$button-toolbar-background-gradient-color-stops-disabled: null;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-all-scoped.scss

@@ -0,0 +1,5 @@
+$scope-reset-css: true;
+$compile-all: true;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-all.scss

@@ -0,0 +1,2 @@
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-ie-scoped.scss

@@ -0,0 +1,16 @@
+$prefix: 'x-';
+
+$scope-reset-css: true;
+
+$include-ie: true;
+$include-ff: false;
+$include-chrome: false;
+$include-safari: false;
+$include-opera: false;
+
+$compile-all: false;
+$supports-border-radius: false;
+$supports-gradients: false;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-ie.scss

@@ -0,0 +1,14 @@
+$prefix: 'x-';
+
+$include-ie: true;
+$include-ff: false;
+$include-chrome: false;
+$include-safari: false;
+$include-opera: false;
+
+$compile-all: false;
+$supports-border-radius: false;
+$supports-gradients: false;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-sandbox.scss

@@ -0,0 +1,4 @@
+$prefix: 'x4-';
+$scope-reset-css: true;
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-standard-scoped.scss

@@ -0,0 +1,16 @@
+$prefix: 'x-';
+
+$scope-reset-css: true;
+
+$include-ff: true;
+$include-chrome: true;
+$include-safari: true;
+$include-opera: true;
+$include-ie: false;
+
+$compile-all: false;
+$supports-border-radius: true;
+$supports-gradients: false;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/sass/ext-standard.scss

@@ -0,0 +1,14 @@
+$prefix: 'x-';
+
+$include-ff: true;
+$include-chrome: true;
+$include-safari: true;
+$include-opera: true;
+$include-ie: false;
+
+$compile-all: false;
+$supports-border-radius: true;
+$supports-gradients: false;
+
+@import 'compass';
+@import 'ext4/default/all';

OfficeWeb/3rdparty/extjs/resources/themes/compass_init.rb

@@ -0,0 +1,6 @@
+# include the utils rb file which has extra functionality for the ext theme
+dir = File.dirname(__FILE__)
+require File.join(dir, 'lib', 'utils.rb')
+
+# register ext4 as a compass framework
+Compass::Frameworks.register 'ext4', dir