init repo

This commit is contained in:
nikolay ivanov
2014-07-05 18:22:49 +00:00
commit a8be6b9e72
17348 changed files with 9229832 additions and 0 deletions

View File

@@ -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')

View File

@@ -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';

View File

@@ -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';

View File

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

View File

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

View File

@@ -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';

View File

@@ -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';

View File

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

View File

@@ -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';

View File

@@ -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';