init repo

OfficeWeb/3rdparty/touch/resources/sass/android.scss

@@ -0,0 +1,39 @@
+// Let's start with the basics
+$base-color: #333;
+$active-color: #ff8100;
+$base-gradient: 'flat';
+
+// Buttons
+$button-gradient: 'bevel';
+
+// Lists
+$list-bg-color: #eee;
+$list-color: #333;
+$list-pressed-color: #ddd;
+$list-active-gradient: 'recessed';
+$list-header-bg-color: #999;
+$list-header-gradient: 'bevel';
+
+// Tabs
+$tabs_dark_color: #000;
+
+@import 'sencha-touch/default/all';
+
+@include sencha-panel;
+@include sencha-buttons;
+@include sencha-sheet;
+@include sencha-picker;
+@include sencha-tabs;
+@include sencha-toolbar;
+@include sencha-toolbar-forms;
+@include sencha-carousel;
+@include sencha-indexbar;
+@include sencha-list;
+@include sencha-list-paging;
+@include sencha-list-pullrefresh;
+@include sencha-layout;
+@include sencha-form;
+@include sencha-msgbox;
+@include sencha-loading-spinner;
+@include sencha-draw;
+@include sencha-charts;

OfficeWeb/3rdparty/touch/resources/sass/apple.scss

@@ -0,0 +1,41 @@
+// Let's start with the basics
+$base-color: #7c92ae;
+$base-gradient: 'glossy';
+
+// Lists
+$list-active-gradient: 'bevel';
+$list-header-bg-color: transparentize(saturate($base-color, 10%), .25);
+$list-header-gradient: 'matte';
+
+// Tabs
+$tabs-dark: #111;
+
+@import 'sencha-touch/default/all';
+
+@include sencha-panel;
+@include sencha-buttons;
+@include sencha-sheet;
+@include sencha-picker;
+@include sencha-tabs;
+@include sencha-toolbar;
+@include sencha-toolbar-forms;
+@include sencha-carousel;
+@include sencha-indexbar;
+@include sencha-list;
+@include sencha-list-paging;
+@include sencha-list-pullrefresh;
+@include sencha-layout;
+@include sencha-form;
+@include sencha-msgbox;
+@include sencha-loading-spinner;
+@include sencha-draw;
+@include sencha-charts;
+
+.x-toolbar-light .x-title {
+    color: #fff;
+    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
+}
+
+.x-button-back .x-button-label {
+    color: #fff;
+}

OfficeWeb/3rdparty/touch/resources/sass/bb6.scss

@@ -0,0 +1,68 @@
+$include-highlights: false;
+$include-border-radius: false;
+
+// Let's start with the basics
+$base-color:  #393F45;
+$active-color:  #06f;
+$base-gradient: 'none';
+
+// Lists
+$list_pressed_color: #09f;
+$list_bg_color: #111;
+$list_color: #eee;
+$list_header_bg_color: #aaa;
+$basic-slider: true;
+
+@import 'sencha-touch/default/all';
+
+@include sencha-panel;
+@include sencha-buttons;
+@include sencha-sheet;
+@include sencha-picker;
+@include sencha-tabs;
+@include sencha-toolbar;
+@include sencha-toolbar-forms;
+@include sencha-carousel;
+@include sencha-indexbar;
+@include sencha-list;
+@include sencha-list-paging;
+@include sencha-list-pullrefresh;
+@include sencha-layout;
+@include sencha-form;
+@include sencha-msgbox;
+@include sencha-loading-spinner;
+@include sencha-draw;
+@include sencha-charts;
+
+.x-indexbar-item {
+    color: #FFF;
+}
+
+.x-scrollbar-dark {
+  background-color: rgba(255, 255, 255, .6);
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+//fixing back/forward buttons in BB.
+$shadow-width: .065em; // Space between tip and its shadow
+$overlap-width: .2em; // how far the mask is clipped
+
+$mask-height: $button-height;
+$mask-width: $mask-height/2.5;
+$mask-offset: $button-radius - $overlap-width - $button-stroke-weight + $shadow-width - .22em;
+
+.x-button-forward, .x-button-back {
+    &:before, &:after {
+        @include insertion($mask-width, $mask-height, -$button-stroke-weight, auto);
+        z-index: 2;
+        -webkit-mask: $mask-offset 0 theme_image($theme-name, "tip_left.png") no-repeat;
+        -webkit-mask-size: $mask-width $mask-height;
+        overflow: hidden;
+    }
+}
+
+.x-button-forward, .x-toolbar .x-button-forward {
+    &:before, &:after {
+        -webkit-mask: -$mask-offset 0 theme_image($theme-name, "tip_right.png") no-repeat;
+    }
+  }

OfficeWeb/3rdparty/touch/resources/sass/config-debug.rb

@@ -0,0 +1,11 @@
+# Get the directory that this configuration file exists in
+dir = File.dirname(__FILE__)
+
+# Load the sencha-touch framework automatically.
+load File.join(dir, '..', 'themes')
+
+# Compass configurations
+sass_path    = dir
+css_path     = File.join(dir, "..", "css-debug")
+environment  = :development
+output_style = :expanded

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

@@ -0,0 +1,11 @@
+# Get the directory that this configuration file exists in
+dir = File.dirname(__FILE__)
+
+# Load the sencha-touch framework automatically.
+load File.join(dir, '..', 'themes')
+
+# Compass configurations
+sass_path    = dir
+css_path     = File.join(dir, "..", "css")
+environment  = :production
+output_style = :compressed

OfficeWeb/3rdparty/touch/resources/sass/sencha-touch.scss

@@ -0,0 +1,20 @@
+@import 'sencha-touch/default/all';
+
+@include sencha-panel;
+@include sencha-buttons;
+@include sencha-sheet;
+@include sencha-picker;
+@include sencha-tabs;
+@include sencha-toolbar;
+@include sencha-toolbar-forms;
+@include sencha-indexbar;
+@include sencha-list;
+@include sencha-list-paging;
+@include sencha-list-pullrefresh;
+@include sencha-layout;
+@include sencha-carousel;
+@include sencha-form;
+@include sencha-msgbox;
+@include sencha-loading-spinner;
+@include sencha-draw;
+@include sencha-charts;

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

@@ -0,0 +1,10 @@
+# This file registers the sencha-touch framework with compass
+# It's a magic name that compass knows how to find.
+dir = File.dirname(__FILE__)
+require File.join(dir, 'lib', 'theme_images.rb')
+
+# Include compass-recipes
+require File.join(File.dirname(__FILE__), 'vendor', 'compass-recipes', 'config')
+
+Compass::BrowserSupport.add_support('repeating-linear-gradient', 'webkit', 'moz', 'o', 'ms')
+Compass::Frameworks.register 'sencha-touch', dir