diff --git a/platform/commonUI/general/bundle.json b/platform/commonUI/general/bundle.json
index 46ccc4d9da..ca98296be4 100644
--- a/platform/commonUI/general/bundle.json
+++ b/platform/commonUI/general/bundle.json
@@ -12,6 +12,10 @@
"key": "action-button",
"templateUrl": "templates/controls/action-button.html"
},
+ {
+ "key": "input-filter",
+ "templateUrl": "templates/controls/input-filter.html"
+ },
{
"key": "indicator",
"templateUrl": "templates/indicator.html"
@@ -116,4 +120,4 @@
}
]
}
-}
\ No newline at end of file
+}
diff --git a/platform/commonUI/general/res/config.rb b/platform/commonUI/general/res/config.rb
new file mode 100755
index 0000000000..a5def82481
--- /dev/null
+++ b/platform/commonUI/general/res/config.rb
@@ -0,0 +1,26 @@
+# Require any additional compass plugins here.
+# require "compass-growl"
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# :expanded, :compressed, :nested
+output_style = :nested
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass vfn_platform/static/sass scss && rm -rf sass && mv scss sass
diff --git a/platform/commonUI/general/res/css/forms.css b/platform/commonUI/general/res/css/forms.css
index bfcc0e5d9c..96de3a91ec 100644
--- a/platform/commonUI/general/res/css/forms.css
+++ b/platform/commonUI/general/res/css/forms.css
@@ -144,7 +144,7 @@ input[type="text"] {
/* line 11, ../sass/forms/_mixins.scss */
input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
- /* line 6, ../sass/forms/_text-input.scss */
+ /* line 11, ../sass/forms/_text-input.scss */
input[type="text"].numeric {
text-align: right; }
@@ -274,60 +274,3 @@ input[type="text"] {
/* line 32, ../sass/forms/_datetime.scss */
.complex.datetime .time.sm input {
width: 40px; }
-
-/* line 2, ../sass/forms/_filter.scss */
-.filter input.filter {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- background: #666666;
- border: none;
- border-bottom: 1px solid #999999;
- color: #cccccc;
- outline: none;
- padding: 0 3px;
- background: #3b3b3b;
- border-bottom: 1px solid #4d4d4d; }
- /* line 11, ../sass/forms/_mixins.scss */
- .filter input.filter.error {
- background: rgba(255, 0, 0, 0.5); }
-/* line 5, ../sass/forms/_filter.scss */
-.filter .icon.ui-symbol {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- display: inline-block;
- font-size: 1.3em;
- height: 22px;
- line-height: 22px;
- padding: 0px 5px;
- vertical-align: middle; }
- /* line 13, ../sass/forms/_filter.scss */
- .filter .icon.ui-symbol:hover {
- background: rgba(255, 255, 255, 0.1); }
-
-/* line 20, ../sass/forms/_filter.scss */
-.top-bar input.filter {
- font-size: .8em;
- height: 35px;
- line-height: 35px;
- margin-right: 5px;
- margin-top: -5px;
- padding-left: 10px;
- padding-right: 10px; }
-/* line 31, ../sass/forms/_filter.scss */
-.top-bar .icon-filter {
- font-size: 1.4em; }
diff --git a/platform/commonUI/general/res/css/items.css b/platform/commonUI/general/res/css/items.css
index 2213cfea60..1ffb4b4d63 100644
--- a/platform/commonUI/general/res/css/items.css
+++ b/platform/commonUI/general/res/css/items.css
@@ -3,7 +3,10 @@
overflow: hidden;
*zoom: 1;
overflow-y: auto; }
- /* line 5, ../sass/items/_item.scss */
+ /* line 4, ../sass/items/_item.scss */
+ .items-holder .contents {
+ top: 0; }
+ /* line 6, ../sass/items/_item.scss */
.items-holder .item.grid-item {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#595959, #4d4d4d);
@@ -39,56 +42,56 @@
background-image: -moz-linear-gradient(#737373, #595959);
background-image: -o-linear-gradient(#737373, #595959);
background-image: linear-gradient(#737373, #595959); }
- /* line 18, ../sass/items/_item.scss */
+ /* line 19, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type {
color: #0099cc !important; }
- /* line 21, ../sass/items/_item.scss */
+ /* line 22, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-open {
display: block; }
- /* line 26, ../sass/items/_item.scss */
+ /* line 27, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs {
bottom: auto;
height: 20px;
line-height: 20px;
z-index: 5; }
- /* line 31, ../sass/items/_item.scss */
+ /* line 32, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left, .items-holder .item.grid-item .bar.top-bar.abs .right {
width: auto; }
- /* line 33, ../sass/items/_item.scss */
+ /* line 34, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left .icon, .items-holder .item.grid-item .bar.top-bar.abs .right .icon {
margin-left: 5px; }
- /* line 38, ../sass/items/_item.scss */
+ /* line 39, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar.abs {
top: auto;
height: 40px;
padding: 5px; }
- /* line 44, ../sass/items/_item.scss */
+ /* line 45, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main {
z-index: 1; }
- /* line 52, ../sass/items/_item.scss */
+ /* line 53, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type {
color: #737373;
text-align: center;
font-size: 7em;
line-height: 180px; }
- /* line 58, ../sass/items/_item.scss */
+ /* line 59, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open {
display: none;
font-size: 5em;
line-height: 180px;
left: auto;
width: 30px; }
- /* line 66, ../sass/items/_item.scss */
+ /* line 67, ../sass/items/_item.scss */
.items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
color: #cccccc;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
- /* line 74, ../sass/items/_item.scss */
+ /* line 75, ../sass/items/_item.scss */
.items-holder .item.grid-item .details {
font-size: 0.8em; }
- /* line 77, ../sass/items/_item.scss */
+ /* line 78, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
background-image: -webkit-linear-gradient(#00bfff, #00ace6);
@@ -122,15 +125,15 @@
background-image: -moz-linear-gradient(#66d9ff, #00bfff);
background-image: -o-linear-gradient(#66d9ff, #00bfff);
background-image: linear-gradient(#66d9ff, #00bfff); }
- /* line 82, ../sass/items/_item.scss */
+ /* line 83, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
color: #80dfff; }
- /* line 83, ../sass/items/_item.scss */
+ /* line 84, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; }
- /* line 84, ../sass/items/_item.scss */
+ /* line 85, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .title {
color: white; }
- /* line 86, ../sass/items/_item.scss */
+ /* line 87, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; }
diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css
index 7865432448..1b5826e412 100644
--- a/platform/commonUI/general/res/css/theme-espresso.css
+++ b/platform/commonUI/general/res/css/theme-espresso.css
@@ -1,5 +1,5 @@
/* CONSTANTS */
-/* line 17, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@@ -13,249 +13,248 @@ article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font: inherit;
- font-size: 100%;
- vertical-align: baseline; }
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ font-size: 100%;
+ vertical-align: baseline; }
-/* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 22, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
- line-height: 1; }
+ line-height: 1; }
-/* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 24, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
- list-style: none; }
+ list-style: none; }
-/* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 26, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
- border-collapse: collapse;
- border-spacing: 0; }
+ border-collapse: collapse;
+ border-spacing: 0; }
-/* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 28, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
- text-align: left;
- font-weight: normal;
- vertical-align: middle; }
+ text-align: left;
+ font-weight: normal;
+ vertical-align: middle; }
-/* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 30, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
- quotes: none; }
-/* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
-q:before, q:after, blockquote:before, blockquote:after {
+ quotes: none; }
+ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+ q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
-/* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 32, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
- border: none; }
+ border: none; }
-/* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+/* line 116, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
- display: block; }
+ display: block; }
/* line 2, ../sass/_effects.scss */
.disabled,
a.disabled {
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
- opacity: 0.3;
- pointer-events: none !important;
- cursor: default !important; }
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
+ opacity: 0.3;
+ pointer-events: none !important;
+ cursor: default !important; }
/* line 8, ../sass/_effects.scss */
.incised {
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
- border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
+ box-shadow: inset rgba(0, 0, 0, 0.8) 0 1px 5px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
/* line 13, ../sass/_effects.scss */
.outline {
- border: 1px solid #666666; }
+ border: 1px solid #666666; }
/* line 17, ../sass/_effects.scss */
.test {
- background-color: rgba(255, 204, 0, 0.2); }
+ background-color: rgba(255, 204, 0, 0.2); }
@font-face {
- /*
- * Use http://www.fontsquirrel.com/tools/webfont-generator to gen fonts
- * Use Advanced mode, be sure to check Fix Vertical Metrics
- */
- font-family: 'symbolsfont';
- src: url("../fonts/symbols/wtdsymbols.eot");
- src: url("../fonts/symbols/wtdsymbols.eot?#iefix") format("embedded-opentype"), url("../fonts/symbols/wtdsymbols.woff") format("woff"), url("../fonts/symbols/wtdsymbols.woff2") format("woff2"), url("../fonts/symbols/wtdsymbols.ttf") format("truetype"), url("../fonts/symbols/wtdsymbols.svg#armataregular") format("svg");
- font-weight: normal;
- font-style: normal; }
+ /*
+ * Use https://www.web-font-generator.com/ to gen fonts
+ */
+ font-family: 'symbolsfont';
+ src: url("../fonts/symbols/wtdsymbols.eot");
+ src: url("../fonts/symbols/wtdsymbols.eot?#iefix") format("embedded-opentype"), url("../fonts/symbols/wtdsymbols.woff") format("woff"), url("../fonts/symbols/wtdsymbols.woff2") format("woff2"), url("../fonts/symbols/wtdsymbols.ttf") format("truetype"), url("../fonts/symbols/wtdsymbols.svg#armataregular") format("svg");
+ font-weight: normal;
+ font-style: normal; }
-/* line 17, ../sass/_global.scss */
+/* line 16, ../sass/_global.scss */
a {
- color: #ccc;
- cursor: pointer;
- text-decoration: none; }
-/* line 21, ../sass/_global.scss */
-a:hover {
+ color: #ccc;
+ cursor: pointer;
+ text-decoration: none; }
+ /* line 20, ../sass/_global.scss */
+ a:hover {
color: #fff; }
-/* line 26, ../sass/_global.scss */
+/* line 25, ../sass/_global.scss */
body, html {
- background-color: #333333;
- color: #999999;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 100%;
- margin: 5px;
- overflow: hidden; }
+ background-color: #333333;
+ color: #999999;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 100%;
+ margin: 5px;
+ overflow: hidden; }
-/* line 35, ../sass/_global.scss */
+/* line 34, ../sass/_global.scss */
em {
- color: rgba(255, 255, 255, 0.2);
- font-style: normal; }
+ color: rgba(255, 255, 255, 0.2);
+ font-style: normal; }
-/* line 40, ../sass/_global.scss */
+/* line 39, ../sass/_global.scss */
input, textarea {
- font-family: Helvetica, Arial, sans-serif; }
+ font-family: Helvetica, Arial, sans-serif; }
-/* line 44, ../sass/_global.scss */
+/* line 43, ../sass/_global.scss */
h1, h2, h3 {
- margin: 0; }
+ margin: 0; }
-/* line 48, ../sass/_global.scss */
+/* line 47, ../sass/_global.scss */
h1 {
- font-size: 1.7em;
- font-weight: normal;
- margin-bottom: 20px; }
+ font-size: 1.7em;
+ font-weight: normal;
+ margin-bottom: 20px; }
-/* line 54, ../sass/_global.scss */
+/* line 53, ../sass/_global.scss */
span {
- box-sizing: border-box; }
+ box-sizing: border-box; }
-/* line 58, ../sass/_global.scss */
+/* line 57, ../sass/_global.scss */
.abs {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- height: auto;
- width: auto; }
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: auto;
+ width: auto; }
-/* line 68, ../sass/_global.scss */
+/* line 67, ../sass/_global.scss */
.code {
- font-family: "Lucida Console", monospace;
- font-size: 0.7em;
- line-height: 150%;
- white-space: pre; }
+ font-family: "Lucida Console", monospace;
+ font-size: 0.7em;
+ line-height: 150%;
+ white-space: pre; }
-/* line 75, ../sass/_global.scss */
+/* line 74, ../sass/_global.scss */
.centered {
- text-align: center; }
+ text-align: center; }
-/* line 79, ../sass/_global.scss */
+/* line 78, ../sass/_global.scss */
.colorKey {
- color: #0099cc; }
+ color: #0099cc; }
-/* line 83, ../sass/_global.scss */
+/* line 82, ../sass/_global.scss */
.ds {
- -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
- -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
- box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
+ -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
+ box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
-/* line 88, ../sass/_global.scss */
+/* line 87, ../sass/_global.scss */
.hide,
.hidden {
- display: none !important; }
+ display: none !important; }
/* line 1, ../sass/_fonts.scss */
.ui-symbol {
- font-family: 'symbolsfont'; }
+ font-family: 'symbolsfont'; }
/* line 13, ../sass/user-environ/_layout.scss */
.browse-area,
.edit-area,
.editor {
- -webkit-border-radius: 4.5px;
- -moz-border-radius: 4.5px;
- -ms-border-radius: 4.5px;
- -o-border-radius: 4.5px;
- border-radius: 4.5px;
- position: absolute; }
+ -webkit-border-radius: 4.5px;
+ -moz-border-radius: 4.5px;
+ -ms-border-radius: 4.5px;
+ -o-border-radius: 4.5px;
+ border-radius: 4.5px;
+ position: absolute; }
/* line 24, ../sass/user-environ/_layout.scss */
.user-environ .browse-area,
.user-environ .edit-area,
.user-environ .editor {
- top: 45px;
- right: 5px;
- bottom: 30px;
- left: 5px; }
+ top: 45px;
+ right: 5px;
+ bottom: 30px;
+ left: 5px; }
/* line 33, ../sass/user-environ/_layout.scss */
.user-environ .edit-area .tool-bar {
- bottom: auto;
- height: 35px;
- line-height: 33px; }
+ bottom: auto;
+ height: 35px;
+ line-height: 33px; }
/* line 38, ../sass/user-environ/_layout.scss */
.user-environ .edit-area .work-area {
- top: 45px; }
+ top: 45px; }
/* line 43, ../sass/user-environ/_layout.scss */
.user-environ .bottom-bar {
- top: auto;
- right: 5px;
- bottom: 5px;
- left: 5px;
- height: 20px; }
-/* line 49, ../sass/user-environ/_layout.scss */
-.user-environ .bottom-bar .status-holder {
+ top: auto;
+ right: 5px;
+ bottom: 5px;
+ left: 5px;
+ height: 20px; }
+ /* line 49, ../sass/user-environ/_layout.scss */
+ .user-environ .bottom-bar .status-holder {
right: 100px; }
-/* line 52, ../sass/user-environ/_layout.scss */
-.user-environ .bottom-bar .app-logo {
+ /* line 52, ../sass/user-environ/_layout.scss */
+ .user-environ .bottom-bar .app-logo {
left: auto;
width: 95px; }
/* line 60, ../sass/user-environ/_layout.scss */
.contents {
- box-sizing: border-box;
- position: absolute;
- top: 5px;
- right: 5px;
- bottom: 5px;
- left: 5px; }
-/* line 68, ../sass/user-environ/_layout.scss */
-.contents.nomargin {
+ box-sizing: border-box;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ bottom: 5px;
+ left: 5px; }
+ /* line 68, ../sass/user-environ/_layout.scss */
+ .contents.nomargin {
right: 0px;
bottom: 0px;
left: 0px; }
/* line 77, ../sass/user-environ/_layout.scss */
.bar .icon.major {
- margin-right: 5px; }
+ margin-right: 5px; }
/* line 80, ../sass/user-environ/_layout.scss */
.bar.abs {
- text-wrap: none;
- white-space: nowrap; }
-/* line 84, ../sass/user-environ/_layout.scss */
-.bar.abs.left,
-.bar.abs .left {
+ text-wrap: none;
+ white-space: nowrap; }
+ /* line 84, ../sass/user-environ/_layout.scss */
+ .bar.abs.left,
+ .bar.abs .left {
width: 45%;
right: auto; }
-/* line 89, ../sass/user-environ/_layout.scss */
-.bar.abs.right,
-.bar.abs .right {
+ /* line 89, ../sass/user-environ/_layout.scss */
+ .bar.abs.right,
+ .bar.abs .right {
width: 45%;
left: auto;
right: 0;
text-align: right; }
-/* line 94, ../sass/user-environ/_layout.scss */
-.bar.abs.right .icon.major,
-.bar.abs .right .icon.major {
- margin-left: 15px; }
+ /* line 94, ../sass/user-environ/_layout.scss */
+ .bar.abs.right .icon.major,
+ .bar.abs .right .icon.major {
+ margin-left: 15px; }
/* line 104, ../sass/user-environ/_layout.scss */
.cols {
- overflow: hidden;
- *zoom: 1; }
-/* line 106, ../sass/user-environ/_layout.scss */
-.cols .col {
+ overflow: hidden;
+ *zoom: 1; }
+ /* line 106, ../sass/user-environ/_layout.scss */
+ .cols .col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -265,131 +264,131 @@ span {
margin-left: 1.5%;
padding-left: 5px;
position: relative; }
-/* line 114, ../sass/user-environ/_layout.scss */
-.cols .col:first-child {
- margin-left: 0;
- padding-left: 0; }
-/* line 121, ../sass/user-environ/_layout.scss */
-.cols.cols-2 .col-1 {
+ /* line 114, ../sass/user-environ/_layout.scss */
+ .cols .col:first-child {
+ margin-left: 0;
+ padding-left: 0; }
+ /* line 121, ../sass/user-environ/_layout.scss */
+ .cols.cols-2 .col-1 {
min-width: 250px;
width: 48.5%; }
-/* line 127, ../sass/user-environ/_layout.scss */
-.cols.cols-16 .col-1 {
+ /* line 127, ../sass/user-environ/_layout.scss */
+ .cols.cols-16 .col-1 {
min-width: 31.25px;
width: 4.75%; }
-/* line 130, ../sass/user-environ/_layout.scss */
-.cols.cols-16 .col-2 {
+ /* line 130, ../sass/user-environ/_layout.scss */
+ .cols.cols-16 .col-2 {
min-width: 62.5px;
width: 11%; }
-/* line 133, ../sass/user-environ/_layout.scss */
-.cols.cols-16 .col-7 {
+ /* line 133, ../sass/user-environ/_layout.scss */
+ .cols.cols-16 .col-7 {
min-width: 218.75px;
width: 42.25%; }
-/* line 139, ../sass/user-environ/_layout.scss */
-.cols.cols-32 .col-2 {
+ /* line 139, ../sass/user-environ/_layout.scss */
+ .cols.cols-32 .col-2 {
min-width: 31.25px;
width: 4.75%; }
-/* line 142, ../sass/user-environ/_layout.scss */
-.cols.cols-32 .col-15 {
+ /* line 142, ../sass/user-environ/_layout.scss */
+ .cols.cols-32 .col-15 {
min-width: 234.375px;
width: 45.375%; }
/* line 148, ../sass/user-environ/_layout.scss */
.pane {
- position: absolute; }
-/* line 151, ../sass/user-environ/_layout.scss */
-.pane.treeview .create-btn-holder {
+ position: absolute; }
+ /* line 151, ../sass/user-environ/_layout.scss */
+ .pane.treeview .create-btn-holder {
bottom: auto;
height: 35px; }
-/* line 154, ../sass/user-environ/_layout.scss */
-.pane.treeview .tree-holder {
+ /* line 154, ../sass/user-environ/_layout.scss */
+ .pane.treeview .tree-holder {
overflow: auto;
top: 40px; }
-/* line 163, ../sass/user-environ/_layout.scss */
-.pane.items .object-holder {
+ /* line 163, ../sass/user-environ/_layout.scss */
+ .pane.items .object-holder {
top: 40px; }
-/* line 168, ../sass/user-environ/_layout.scss */
-.pane.edit-main .object-holder {
+ /* line 168, ../sass/user-environ/_layout.scss */
+ .pane.edit-main .object-holder {
top: 0; }
-/* line 174, ../sass/user-environ/_layout.scss */
-.pane .object-holder {
+ /* line 174, ../sass/user-environ/_layout.scss */
+ .pane .object-holder {
overflow: auto; }
/* line 182, ../sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane {
- margin-top: 5px; }
-/* line 184, ../sass/user-environ/_layout.scss */
-.split-layout.horizontal > .pane:first-child {
+ margin-top: 5px; }
+ /* line 184, ../sass/user-environ/_layout.scss */
+ .split-layout.horizontal > .pane:first-child {
margin-top: 0; }
/* line 191, ../sass/user-environ/_layout.scss */
.split-layout.vertical > .pane {
- margin-left: 5px; }
-/* line 193, ../sass/user-environ/_layout.scss */
-.split-layout.vertical > .pane > .holder {
+ margin-left: 5px; }
+ /* line 193, ../sass/user-environ/_layout.scss */
+ .split-layout.vertical > .pane > .holder {
left: 0;
right: 0; }
-/* line 197, ../sass/user-environ/_layout.scss */
-.split-layout.vertical > .pane:first-child {
+ /* line 197, ../sass/user-environ/_layout.scss */
+ .split-layout.vertical > .pane:first-child {
margin-left: 0; }
-/* line 199, ../sass/user-environ/_layout.scss */
-.split-layout.vertical > .pane:first-child .holder {
- right: 5px; }
+ /* line 199, ../sass/user-environ/_layout.scss */
+ .split-layout.vertical > .pane:first-child .holder {
+ right: 5px; }
/* line 208, ../sass/user-environ/_layout.scss */
.vscroll {
- overflow-y: auto; }
+ overflow-y: auto; }
/* line 1, ../sass/_badges.scss */
.badge {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd233), color-stop(100%, #ffc700));
- background-image: -webkit-linear-gradient(#ffd233, #ffc700);
- background-image: -moz-linear-gradient(#ffd233, #ffc700);
- background-image: -o-linear-gradient(#ffd233, #ffc700);
- background-image: linear-gradient(#ffd233, #ffc700);
- color: #333333;
- display: inline-block;
- text-align: center; }
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd233), color-stop(100%, #ffc700));
+ background-image: -webkit-linear-gradient(#ffd233, #ffc700);
+ background-image: -moz-linear-gradient(#ffd233, #ffc700);
+ background-image: -o-linear-gradient(#ffd233, #ffc700);
+ background-image: linear-gradient(#ffd233, #ffc700);
+ color: #333333;
+ display: inline-block;
+ text-align: center; }
/* line 8, ../sass/_badges.scss */
.top-bar .badge {
- -webkit-border-radius: 4.5px;
- -moz-border-radius: 4.5px;
- -ms-border-radius: 4.5px;
- -o-border-radius: 4.5px;
- border-radius: 4.5px;
- font-size: 1.4em;
- height: 35px;
- line-height: 35px;
- margin-right: 5px;
- width: 35px;
- vertical-align: middle; }
+ -webkit-border-radius: 4.5px;
+ -moz-border-radius: 4.5px;
+ -ms-border-radius: 4.5px;
+ -o-border-radius: 4.5px;
+ border-radius: 4.5px;
+ font-size: 1.4em;
+ height: 35px;
+ line-height: 35px;
+ margin-right: 5px;
+ width: 35px;
+ vertical-align: middle; }
/* line 33, ../sass/_badges.scss */
.super-menu .badge {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #0099cc));
- background-image: -webkit-linear-gradient(#00bfff, #0099cc);
- background-image: -moz-linear-gradient(#00bfff, #0099cc);
- background-image: -o-linear-gradient(#00bfff, #0099cc);
- background-image: linear-gradient(#00bfff, #0099cc);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- padding: 2px 7px; }
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #0099cc));
+ background-image: -webkit-linear-gradient(#00bfff, #0099cc);
+ background-image: -moz-linear-gradient(#00bfff, #0099cc);
+ background-image: -o-linear-gradient(#00bfff, #0099cc);
+ background-image: linear-gradient(#00bfff, #0099cc);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ padding: 2px 7px; }
/* line 1, ../sass/_icons.scss */
.triangle {
- width: 0;
- height: 0;
- border-top: 5px solid transparent;
- border-left: 5px solid #0099cc;
- border-bottom: 5px solid transparent; }
-/* line 5, ../sass/_icons.scss */
-.triangle.triangle-down {
+ width: 0;
+ height: 0;
+ border-top: 5px solid transparent;
+ border-left: 5px solid #0099cc;
+ border-bottom: 5px solid transparent; }
+ /* line 5, ../sass/_icons.scss */
+ .triangle.triangle-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
@@ -398,164 +397,164 @@ span {
/* line 12, ../sass/_icons.scss */
.ui-symbol.icon {
- color: #0099cc;
- text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
-/* line 15, ../sass/_icons.scss */
-.ui-symbol.icon.alert {
+ color: #0099cc;
+ text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
+ /* line 15, ../sass/_icons.scss */
+ .ui-symbol.icon.alert {
color: #ff3c00; }
-/* line 17, ../sass/_icons.scss */
-.ui-symbol.icon.alert:hover {
- color: #ff8a66; }
-/* line 21, ../sass/_icons.scss */
-.ui-symbol.icon.major {
+ /* line 17, ../sass/_icons.scss */
+ .ui-symbol.icon.alert:hover {
+ color: #ff8a66; }
+ /* line 21, ../sass/_icons.scss */
+ .ui-symbol.icon.major {
font-size: 1.65em; }
/* line 33, ../sass/_icons.scss */
.bar .icon {
- display: inline-block; }
+ display: inline-block; }
/* line 37, ../sass/_icons.scss */
.invoke-menu {
- color: #0099cc;
- display: inline-block;
- font-size: 1rem;
- vertical-align: middle; }
-/* line 123, ../sass/_mixins.scss */
-.invoke-menu:hover {
+ color: #0099cc;
+ display: inline-block;
+ font-size: 1rem;
+ vertical-align: middle; }
+ /* line 123, ../sass/_mixins.scss */
+ .invoke-menu:hover {
color: #33ccff; }
/* line 45, ../sass/_icons.scss */
.btn-menu .invoke-menu,
.icon.major .invoke-menu {
- margin-left: 5px; }
+ margin-left: 5px; }
/* line 49, ../sass/_icons.scss */
.icon-buttons-main .invoke-menu {
- color: #666666; }
-/* line 123, ../sass/_mixins.scss */
-.icon-buttons-main .invoke-menu:hover {
+ color: #666666; }
+ /* line 123, ../sass/_mixins.scss */
+ .icon-buttons-main .invoke-menu:hover {
color: #999999; }
/* line 57, ../sass/_icons.scss */
.object-header .type-icon {
- color: #ffc700; }
+ color: #ffc700; }
/* line 64, ../sass/_icons.scss */
.menu .type-icon,
.tree-item .type-icon,
.icon-btn .menu.dropdown .icon,
.super-menu.menu.dropdown .icon {
- font-size: 1.395rem;
- line-height: 1.695rem;
- position: absolute; }
+ font-size: 1.395rem;
+ line-height: 1.695rem;
+ position: absolute; }
/* line 1, ../sass/lists/_tabular.scss */
.w1 {
- background: #4d4d4d;
- padding-top: 20px;
- position: relative; }
+ background: #4d4d4d;
+ padding-top: 20px;
+ position: relative; }
/* line 6, ../sass/lists/_tabular.scss */
.w2 {
- background: #1a1a1a;
- overflow-y: auto; }
+ background: #1a1a1a;
+ overflow-y: auto; }
/* line 11, ../sass/lists/_tabular.scss */
.tabular {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border-spacing: 0;
- border-collapse: collapse;
- display: table;
- font-size: 0.8em;
- width: 100%; }
-/* line 18, ../sass/lists/_tabular.scss */
-.tabular .tr {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-spacing: 0;
+ border-collapse: collapse;
+ display: table;
+ font-size: 0.8em;
+ width: 100%; }
+ /* line 18, ../sass/lists/_tabular.scss */
+ .tabular .tr {
display: table-row; }
-/* line 20, ../sass/lists/_tabular.scss */
-.tabular .tr:first-child .td {
- border-top: none; }
-/* line 23, ../sass/lists/_tabular.scss */
-.tabular .tr:hover {
- background: rgba(255, 255, 255, 0.1); }
-/* line 26, ../sass/lists/_tabular.scss */
-.tabular .tr.header {
- display: table-header-group; }
-/* line 28, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th {
- border: none;
- color: transparent;
- height: 0px;
- line-height: 0;
- padding: 0 5px;
- white-space: nowrap;
- vertical-align: middle; }
-/* line 36, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th:first-child em {
- border-left: none; }
-/* line 40, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th.sort em:after {
- display: inline-block;
- font-family: symbolsfont;
- margin-left: 5px; }
-/* line 45, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th.sort.asc em:after {
- content: '0'; }
-/* line 46, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th.sort.desc em:after {
- content: '1'; }
-/* line 48, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th em {
- border-left: 1px solid rgba(255, 255, 255, 0.1);
- color: #b3b3b3;
- cursor: pointer;
- display: block;
- font-style: normal;
- font-weight: bold;
- height: 20px;
- line-height: 20px;
- margin-left: -5px;
- padding: 0 5px;
- position: absolute;
- top: 0;
- vertical-align: middle; }
-/* line 63, ../sass/lists/_tabular.scss */
-.tabular .tr.header .th em:hover {
- color: #e6e6e6; }
-/* line 69, ../sass/lists/_tabular.scss */
-.tabular .tr .th, .tabular .tr .td {
- display: table-cell; }
-/* line 72, ../sass/lists/_tabular.scss */
-.tabular .tr .td {
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- padding: 2px 5px; }
-/* line 75, ../sass/lists/_tabular.scss */
-.tabular .tr .td.numeric {
- text-align: right; }
+ /* line 20, ../sass/lists/_tabular.scss */
+ .tabular .tr:first-child .td {
+ border-top: none; }
+ /* line 23, ../sass/lists/_tabular.scss */
+ .tabular .tr:hover {
+ background: rgba(255, 255, 255, 0.1); }
+ /* line 26, ../sass/lists/_tabular.scss */
+ .tabular .tr.header {
+ display: table-header-group; }
+ /* line 28, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th {
+ border: none;
+ color: transparent;
+ height: 0px;
+ line-height: 0;
+ padding: 0 5px;
+ white-space: nowrap;
+ vertical-align: middle; }
+ /* line 36, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th:first-child em {
+ border-left: none; }
+ /* line 40, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th.sort em:after {
+ display: inline-block;
+ font-family: symbolsfont;
+ margin-left: 5px; }
+ /* line 45, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th.sort.asc em:after {
+ content: '0'; }
+ /* line 46, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th.sort.desc em:after {
+ content: '1'; }
+ /* line 48, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th em {
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
+ color: #b3b3b3;
+ cursor: pointer;
+ display: block;
+ font-style: normal;
+ font-weight: bold;
+ height: 20px;
+ line-height: 20px;
+ margin-left: -5px;
+ padding: 0 5px;
+ position: absolute;
+ top: 0;
+ vertical-align: middle; }
+ /* line 63, ../sass/lists/_tabular.scss */
+ .tabular .tr.header .th em:hover {
+ color: #e6e6e6; }
+ /* line 69, ../sass/lists/_tabular.scss */
+ .tabular .tr .th, .tabular .tr .td {
+ display: table-cell; }
+ /* line 72, ../sass/lists/_tabular.scss */
+ .tabular .tr .td {
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ padding: 2px 5px; }
+ /* line 75, ../sass/lists/_tabular.scss */
+ .tabular .tr .td.numeric {
+ text-align: right; }
/*********************************** TYPE STYLES */
/* line 4, ../sass/controls/_buttons.scss */
.t-btn {
- cursor: pointer; }
+ cursor: pointer; }
/*********************************** STYLE STYLES */
/* line 10, ../sass/controls/_buttons.scss */
.s-btn, .s-icon-btn {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
- line-height: 1.2em;
- padding: 0 10px;
- text-decoration: none; }
-/* line 18, ../sass/controls/_buttons.scss */
-.s-btn.s-very-subtle, .s-very-subtle.s-icon-btn {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
+ line-height: 1.2em;
+ padding: 0 10px;
+ text-decoration: none; }
+ /* line 18, ../sass/controls/_buttons.scss */
+ .s-btn.s-very-subtle, .s-very-subtle.s-icon-btn {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
@@ -575,32 +574,32 @@ span {
border-top: 1px solid #666666;
color: #999999;
display: inline-block; }
-/* line 37, ../sass/_mixins.scss */
-.s-btn.s-very-subtle:hover, .s-very-subtle.s-icon-btn:hover {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
- background-image: -webkit-linear-gradient(#666666, #595959);
- background-image: -moz-linear-gradient(#666666, #595959);
- background-image: -o-linear-gradient(#666666, #595959);
- background-image: linear-gradient(#666666, #595959); }
+ /* line 37, ../sass/_mixins.scss */
+ .s-btn.s-very-subtle:hover, .s-very-subtle.s-icon-btn:hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
+ background-image: -webkit-linear-gradient(#666666, #595959);
+ background-image: -moz-linear-gradient(#666666, #595959);
+ background-image: -o-linear-gradient(#666666, #595959);
+ background-image: linear-gradient(#666666, #595959); }
/* line 23, ../sass/controls/_buttons.scss */
.s-icon-btn {
- font-size: 1.2em; }
-/* line 26, ../sass/controls/_buttons.scss */
-.s-icon-btn .icon {
+ font-size: 1.2em; }
+ /* line 26, ../sass/controls/_buttons.scss */
+ .s-icon-btn .icon {
color: #0099cc; }
-/* line 30, ../sass/controls/_buttons.scss */
-.s-icon-btn:not(.disabled):hover .icon {
+ /* line 30, ../sass/controls/_buttons.scss */
+ .s-icon-btn:not(.disabled):hover .icon {
color: #33ccff; }
-/* line 34, ../sass/controls/_buttons.scss */
-.s-icon-btn.labeled {
+ /* line 34, ../sass/controls/_buttons.scss */
+ .s-icon-btn.labeled {
padding: 0 5px; }
-/* line 36, ../sass/controls/_buttons.scss */
-.s-icon-btn.labeled .icon {
- font-size: 1.5em; }
-/* line 39, ../sass/controls/_buttons.scss */
-.s-icon-btn.labeled .title-label {
- margin-left: 5px; }
+ /* line 36, ../sass/controls/_buttons.scss */
+ .s-icon-btn.labeled .icon {
+ font-size: 1.5em; }
+ /* line 39, ../sass/controls/_buttons.scss */
+ .s-icon-btn.labeled .title-label {
+ margin-left: 5px; }
/*********************************** LAYOUT STYLES */
/* line 50, ../sass/controls/_buttons.scss */
@@ -608,42 +607,42 @@ span.l-btn,
span.l-btn span,
a.l-btn,
a.l-btn span {
- display: inline-block; }
+ display: inline-block; }
/* line 3, ../sass/controls/_controls.scss */
.control.view-control .icon {
- display: inline-block;
- margin: -1px 5px 1px 2px;
- vertical-align: middle; }
-/* line 7, ../sass/controls/_controls.scss */
-.control.view-control .icon.triangle-down {
+ display: inline-block;
+ margin: -1px 5px 1px 2px;
+ vertical-align: middle; }
+ /* line 7, ../sass/controls/_controls.scss */
+ .control.view-control .icon.triangle-down {
margin: 2px 2px -2px 0px; }
/* line 12, ../sass/controls/_controls.scss */
.control.view-control .label {
- display: inline-block;
- font-size: 11px;
- vertical-align: middle; }
+ display: inline-block;
+ font-size: 11px;
+ vertical-align: middle; }
/* line 18, ../sass/controls/_controls.scss */
.control.view-control .toggle {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- display: inline-block;
- padding: 1px 6px 4px 4px; }
-/* line 22, ../sass/controls/_controls.scss */
-.control.view-control .toggle:hover {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ display: inline-block;
+ padding: 1px 6px 4px 4px; }
+ /* line 22, ../sass/controls/_controls.scss */
+ .control.view-control .toggle:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 29, ../sass/controls/_controls.scss */
.accordion {
- margin-top: 5px; }
-/* line 32, ../sass/controls/_controls.scss */
-.accordion:first-child {
+ margin-top: 5px; }
+ /* line 32, ../sass/controls/_controls.scss */
+ .accordion:first-child {
margin-top: 0; }
-/* line 35, ../sass/controls/_controls.scss */
-.accordion .accordion-head {
+ /* line 35, ../sass/controls/_controls.scss */
+ .accordion .accordion-head {
-webkit-border-radius: 2.25px;
-moz-border-radius: 2.25px;
-ms-border-radius: 2.25px;
@@ -666,24 +665,24 @@ a.l-btn span {
width: auto;
height: 18px;
text-transform: uppercase; }
-/* line 49, ../sass/controls/_controls.scss */
-.accordion .accordion-head:hover {
- background: rgba(153, 153, 153, 0.4); }
-/* line 52, ../sass/controls/_controls.scss */
-.accordion .accordion-head:after {
- content: "^";
- display: block;
- font-family: 'symbolsfont';
- font-size: 1.2em;
- position: absolute;
- right: 5px;
- text-transform: none;
- top: 0; }
-/* line 62, ../sass/controls/_controls.scss */
-.accordion .accordion-head:not(.expanded):after {
- content: "v"; }
-/* line 66, ../sass/controls/_controls.scss */
-.accordion .accordion-contents {
+ /* line 49, ../sass/controls/_controls.scss */
+ .accordion .accordion-head:hover {
+ background: rgba(153, 153, 153, 0.4); }
+ /* line 52, ../sass/controls/_controls.scss */
+ .accordion .accordion-head:after {
+ content: "^";
+ display: block;
+ font-family: 'symbolsfont';
+ font-size: 1.2em;
+ position: absolute;
+ right: 5px;
+ text-transform: none;
+ top: 0; }
+ /* line 62, ../sass/controls/_controls.scss */
+ .accordion .accordion-head:not(.expanded):after {
+ content: "v"; }
+ /* line 66, ../sass/controls/_controls.scss */
+ .accordion .accordion-contents {
position: absolute;
top: 23px;
right: 0;
@@ -694,31 +693,31 @@ a.l-btn span {
/* line 74, ../sass/controls/_controls.scss */
.btn {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
- padding: 0 10px;
- text-decoration: none; }
-/* line 84, ../sass/controls/_controls.scss */
-.btn.create-btn {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
+ padding: 0 10px;
+ text-decoration: none; }
+ /* line 84, ../sass/controls/_controls.scss */
+ .btn.create-btn {
height: 35px;
line-height: 35px;
font-size: 1.1em;
padding: 0 15px 0 10px; }
-/* line 90, ../sass/controls/_controls.scss */
-.btn.create-btn .menu {
- margin-left: -10px; }
-/* line 93, ../sass/controls/_controls.scss */
-.btn.create-btn .ui-symbol.major {
- font-size: 1.1em; }
-/* line 97, ../sass/controls/_controls.scss */
-.btn.major {
+ /* line 90, ../sass/controls/_controls.scss */
+ .btn.create-btn .menu {
+ margin-left: -10px; }
+ /* line 93, ../sass/controls/_controls.scss */
+ .btn.create-btn .ui-symbol.major {
+ font-size: 1.1em; }
+ /* line 97, ../sass/controls/_controls.scss */
+ .btn.major {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
background-image: -webkit-linear-gradient(#00bfff, #00ace6);
background-image: -moz-linear-gradient(#00bfff, #00ace6);
@@ -744,58 +743,58 @@ a.l-btn span {
background-image: -o-linear-gradient(#33ccff, #0099cc);
background-image: linear-gradient(#33ccff, #0099cc);
color: #ccf2ff; }
-/* line 90, ../sass/_mixins.scss */
-.btn.major:not(.disabled):hover {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff));
- background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
- background-image: -moz-linear-gradient(#66d9ff, #00bfff);
- background-image: -o-linear-gradient(#66d9ff, #00bfff);
- background-image: linear-gradient(#66d9ff, #00bfff); }
-/* line 102, ../sass/controls/_controls.scss */
-.btn.major:hover {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
- background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
- background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
- background-image: -o-linear-gradient(#1ac6ff, #00bfff);
- background-image: linear-gradient(#1ac6ff, #00bfff);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid #4dd2ff;
- color: #999999;
- display: inline-block;
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4dd2ff), color-stop(100%, #00ace6));
- background-image: -webkit-linear-gradient(#4dd2ff, #00ace6);
- background-image: -moz-linear-gradient(#4dd2ff, #00ace6);
- background-image: -o-linear-gradient(#4dd2ff, #00ace6);
- background-image: linear-gradient(#4dd2ff, #00ace6);
- color: #ccf2ff; }
-/* line 90, ../sass/_mixins.scss */
-.btn.major:hover:not(.disabled):hover {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80dfff), color-stop(100%, #1ac6ff));
- background-image: -webkit-linear-gradient(#80dfff, #1ac6ff);
- background-image: -moz-linear-gradient(#80dfff, #1ac6ff);
- background-image: -o-linear-gradient(#80dfff, #1ac6ff);
- background-image: linear-gradient(#80dfff, #1ac6ff); }
-/* line 106, ../sass/controls/_controls.scss */
-.btn.major .invoke-menu {
- color: #ccf2ff; }
-/* line 110, ../sass/controls/_controls.scss */
-.btn.normal {
+ /* line 90, ../sass/_mixins.scss */
+ .btn.major:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff));
+ background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
+ background-image: -moz-linear-gradient(#66d9ff, #00bfff);
+ background-image: -o-linear-gradient(#66d9ff, #00bfff);
+ background-image: linear-gradient(#66d9ff, #00bfff); }
+ /* line 102, ../sass/controls/_controls.scss */
+ .btn.major:hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
+ background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
+ background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
+ background-image: -o-linear-gradient(#1ac6ff, #00bfff);
+ background-image: linear-gradient(#1ac6ff, #00bfff);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid #4dd2ff;
+ color: #999999;
+ display: inline-block;
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4dd2ff), color-stop(100%, #00ace6));
+ background-image: -webkit-linear-gradient(#4dd2ff, #00ace6);
+ background-image: -moz-linear-gradient(#4dd2ff, #00ace6);
+ background-image: -o-linear-gradient(#4dd2ff, #00ace6);
+ background-image: linear-gradient(#4dd2ff, #00ace6);
+ color: #ccf2ff; }
+ /* line 90, ../sass/_mixins.scss */
+ .btn.major:hover:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80dfff), color-stop(100%, #1ac6ff));
+ background-image: -webkit-linear-gradient(#80dfff, #1ac6ff);
+ background-image: -moz-linear-gradient(#80dfff, #1ac6ff);
+ background-image: -o-linear-gradient(#80dfff, #1ac6ff);
+ background-image: linear-gradient(#80dfff, #1ac6ff); }
+ /* line 106, ../sass/controls/_controls.scss */
+ .btn.major .invoke-menu {
+ color: #ccf2ff; }
+ /* line 110, ../sass/controls/_controls.scss */
+ .btn.normal {
padding: 5px 7px; }
-/* line 114, ../sass/controls/_controls.scss */
-.btn.outline:hover {
+ /* line 114, ../sass/controls/_controls.scss */
+ .btn.outline:hover {
background: rgba(255, 255, 255, 0.1); }
-/* line 118, ../sass/controls/_controls.scss */
-.btn.subtle {
+ /* line 118, ../sass/controls/_controls.scss */
+ .btn.subtle {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #808080), color-stop(100%, #737373));
background-image: -webkit-linear-gradient(#808080, #737373);
background-image: -moz-linear-gradient(#808080, #737373);
@@ -815,15 +814,15 @@ a.l-btn span {
border-top: 1px solid #999999;
color: #cccccc;
display: inline-block; }
-/* line 82, ../sass/_mixins.scss */
-.btn.subtle:not(.disabled):hover {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #808080));
- background-image: -webkit-linear-gradient(#999999, #808080);
- background-image: -moz-linear-gradient(#999999, #808080);
- background-image: -o-linear-gradient(#999999, #808080);
- background-image: linear-gradient(#999999, #808080); }
-/* line 122, ../sass/controls/_controls.scss */
-.btn.very-subtle {
+ /* line 82, ../sass/_mixins.scss */
+ .btn.subtle:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #808080));
+ background-image: -webkit-linear-gradient(#999999, #808080);
+ background-image: -moz-linear-gradient(#999999, #808080);
+ background-image: -o-linear-gradient(#999999, #808080);
+ background-image: linear-gradient(#999999, #808080); }
+ /* line 122, ../sass/controls/_controls.scss */
+ .btn.very-subtle {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040);
@@ -843,15 +842,15 @@ a.l-btn span {
border-top: 1px solid #666666;
color: #b3b3b3;
display: inline-block; }
-/* line 82, ../sass/_mixins.scss */
-.btn.very-subtle:not(.disabled):hover {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
- background-image: -webkit-linear-gradient(#666666, #4d4d4d);
- background-image: -moz-linear-gradient(#666666, #4d4d4d);
- background-image: -o-linear-gradient(#666666, #4d4d4d);
- background-image: linear-gradient(#666666, #4d4d4d); }
-/* line 125, ../sass/controls/_controls.scss */
-.btn.lg {
+ /* line 82, ../sass/_mixins.scss */
+ .btn.very-subtle:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
+ background-image: -webkit-linear-gradient(#666666, #4d4d4d);
+ background-image: -moz-linear-gradient(#666666, #4d4d4d);
+ background-image: -o-linear-gradient(#666666, #4d4d4d);
+ background-image: linear-gradient(#666666, #4d4d4d); }
+ /* line 125, ../sass/controls/_controls.scss */
+ .btn.lg {
-webkit-border-radius: 4.5px;
-moz-border-radius: 4.5px;
-ms-border-radius: 4.5px;
@@ -859,40 +858,40 @@ a.l-btn span {
border-radius: 4.5px;
font-size: 1.2em;
padding: 7px 25px; }
-/* line 131, ../sass/controls/_controls.scss */
-.btn.icon-btn .icon {
+ /* line 131, ../sass/controls/_controls.scss */
+ .btn.icon-btn .icon {
color: #0099cc; }
-/* line 135, ../sass/controls/_controls.scss */
-.btn.icon-btn:not(.disabled):hover .icon {
+ /* line 135, ../sass/controls/_controls.scss */
+ .btn.icon-btn:not(.disabled):hover .icon {
color: #33ccff; }
/* line 145, ../sass/controls/_controls.scss */
.btn-bar .btn,
.btn-bar .btn-set,
.btn-bar .t-btn {
- display: inline-block;
- margin-left: 5px; }
+ display: inline-block;
+ margin-left: 5px; }
/* line 157, ../sass/controls/_controls.scss */
.control-group {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border-left: 1px solid #4d4d4d;
- padding: 0 5px;
- position: relative; }
-/* line 164, ../sass/controls/_controls.scss */
-.control-group:first-child {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-left: 1px solid #4d4d4d;
+ padding: 0 5px;
+ position: relative; }
+ /* line 164, ../sass/controls/_controls.scss */
+ .control-group:first-child {
border-left: none;
padding-left: 0; }
/* line 170, ../sass/controls/_controls.scss */
.btn-set {
- display: inline-block;
- position: relative; }
-/* line 175, ../sass/controls/_controls.scss */
-.btn-set .btn,
-.btn-set .t-btn {
+ display: inline-block;
+ position: relative; }
+ /* line 175, ../sass/controls/_controls.scss */
+ .btn-set .btn,
+ .btn-set .t-btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
@@ -900,25 +899,25 @@ a.l-btn span {
border-radius: 0;
border-left: 1px solid #666666;
margin-left: 0; }
-/* line 179, ../sass/controls/_controls.scss */
-.btn-set .btn:first-child,
-.btn-set .t-btn:first-child {
- border-left: none;
- -moz-border-radius-topleft: 3px;
- -webkit-border-top-left-radius: 3px;
- border-top-left-radius: 3px;
- -moz-border-radius-bottomleft: 3px;
- -webkit-border-bottom-left-radius: 3px;
- border-bottom-left-radius: 3px; }
-/* line 183, ../sass/controls/_controls.scss */
-.btn-set .btn:last-child,
-.btn-set .t-btn:last-child {
- -moz-border-radius-topright: 3px;
- -webkit-border-top-right-radius: 3px;
- border-top-right-radius: 3px;
- -moz-border-radius-bottomright: 3px;
- -webkit-border-bottom-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ /* line 179, ../sass/controls/_controls.scss */
+ .btn-set .btn:first-child,
+ .btn-set .t-btn:first-child {
+ border-left: none;
+ -moz-border-radius-topleft: 3px;
+ -webkit-border-top-left-radius: 3px;
+ border-top-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ border-bottom-left-radius: 3px; }
+ /* line 183, ../sass/controls/_controls.scss */
+ .btn-set .btn:last-child,
+ .btn-set .t-btn:last-child {
+ -moz-border-radius-topright: 3px;
+ -webkit-border-top-right-radius: 3px;
+ border-top-right-radius: 3px;
+ -moz-border-radius-bottomright: 3px;
+ -webkit-border-bottom-right-radius: 3px;
+ border-bottom-right-radius: 3px; }
/* line 194, ../sass/controls/_controls.scss */
.object-browse-bar .btn,
@@ -927,189 +926,189 @@ a.l-btn span {
.top-bar .buttons-main .t-btn,
.tool-bar .btn,
.tool-bar .t-btn {
- display: inline-block;
- font-size: 12.6px;
- height: 28px;
- line-height: 28px; }
-/* line 200, ../sass/controls/_controls.scss */
-.object-browse-bar .btn .icon:not(.invoke-menu),
-.object-browse-bar .t-btn .icon:not(.invoke-menu),
-.top-bar .buttons-main .btn .icon:not(.invoke-menu),
-.top-bar .buttons-main .t-btn .icon:not(.invoke-menu),
-.tool-bar .btn .icon:not(.invoke-menu),
-.tool-bar .t-btn .icon:not(.invoke-menu) {
+ display: inline-block;
+ font-size: 12.6px;
+ height: 28px;
+ line-height: 28px; }
+ /* line 200, ../sass/controls/_controls.scss */
+ .object-browse-bar .btn .icon:not(.invoke-menu),
+ .object-browse-bar .t-btn .icon:not(.invoke-menu),
+ .top-bar .buttons-main .btn .icon:not(.invoke-menu),
+ .top-bar .buttons-main .t-btn .icon:not(.invoke-menu),
+ .tool-bar .btn .icon:not(.invoke-menu),
+ .tool-bar .t-btn .icon:not(.invoke-menu) {
font-size: 150%;
vertical-align: middle; }
/* line 208, ../sass/controls/_controls.scss */
label.checkbox.custom {
- cursor: pointer;
- display: inline-block;
- line-height: 14px;
- margin-right: 20px;
- padding-left: 19px;
- position: relative; }
-/* line 218, ../sass/controls/_controls.scss */
-label.checkbox.custom em {
+ cursor: pointer;
+ display: inline-block;
+ line-height: 14px;
+ margin-right: 20px;
+ padding-left: 19px;
+ position: relative; }
+ /* line 218, ../sass/controls/_controls.scss */
+ label.checkbox.custom em {
color: #999999;
display: inline-block;
height: 14px;
min-width: 14px; }
-/* line 223, ../sass/controls/_controls.scss */
-label.checkbox.custom em:before {
- -webkit-border-radius: 2.25px;
- -moz-border-radius: 2.25px;
- -ms-border-radius: 2.25px;
- -o-border-radius: 2.25px;
- border-radius: 2.25px;
- background: #666666;
- border-bottom: 1px solid gray;
- box-sizing: border-box;
- content: " ";
- font-family: 'symbolsfont';
- font-size: 0.8em;
- display: inline-block;
- margin-right: 5px;
- height: 14px;
- width: 14px;
- left: 0;
- top: 0;
- position: absolute;
- text-align: center; }
-/* line 241, ../sass/controls/_controls.scss */
-label.checkbox.custom.no-text {
+ /* line 223, ../sass/controls/_controls.scss */
+ label.checkbox.custom em:before {
+ -webkit-border-radius: 2.25px;
+ -moz-border-radius: 2.25px;
+ -ms-border-radius: 2.25px;
+ -o-border-radius: 2.25px;
+ border-radius: 2.25px;
+ background: #666666;
+ border-bottom: 1px solid gray;
+ box-sizing: border-box;
+ content: " ";
+ font-family: 'symbolsfont';
+ font-size: 0.8em;
+ display: inline-block;
+ margin-right: 5px;
+ height: 14px;
+ width: 14px;
+ left: 0;
+ top: 0;
+ position: absolute;
+ text-align: center; }
+ /* line 241, ../sass/controls/_controls.scss */
+ label.checkbox.custom.no-text {
overflow: hidden;
margin-right: 0;
padding-left: 0;
height: 14px;
width: 14px; }
-/* line 247, ../sass/controls/_controls.scss */
-label.checkbox.custom.no-text em {
- overflow: hidden; }
-/* line 251, ../sass/controls/_controls.scss */
-label.checkbox.custom input {
+ /* line 247, ../sass/controls/_controls.scss */
+ label.checkbox.custom.no-text em {
+ overflow: hidden; }
+ /* line 251, ../sass/controls/_controls.scss */
+ label.checkbox.custom input {
display: none; }
-/* line 253, ../sass/controls/_controls.scss */
-label.checkbox.custom input:checked ~ em:before {
- background: #0099cc;
- color: #ccf2ff;
- content: "2"; }
+ /* line 253, ../sass/controls/_controls.scss */
+ label.checkbox.custom input:checked ~ em:before {
+ background: #0099cc;
+ color: #ccf2ff;
+ content: "2"; }
/* line 261, ../sass/controls/_controls.scss */
.input-labeled {
- margin-left: 5px; }
-/* line 263, ../sass/controls/_controls.scss */
-.input-labeled label {
+ margin-left: 5px; }
+ /* line 263, ../sass/controls/_controls.scss */
+ .input-labeled label {
display: inline-block;
margin-right: 3px; }
-/* line 267, ../sass/controls/_controls.scss */
-.input-labeled.inline {
+ /* line 267, ../sass/controls/_controls.scss */
+ .input-labeled.inline {
display: inline-block; }
-/* line 270, ../sass/controls/_controls.scss */
-.input-labeled:first-child {
+ /* line 270, ../sass/controls/_controls.scss */
+ .input-labeled:first-child {
margin-left: 0; }
/* line 275, ../sass/controls/_controls.scss */
.btn-menu label.checkbox.custom {
- margin-left: 5px; }
+ margin-left: 5px; }
/* line 280, ../sass/controls/_controls.scss */
.item .checkbox.checked label {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- border-bottom: none; }
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ border-bottom: none; }
/* line 286, ../sass/controls/_controls.scss */
.btn-menu {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
- background-image: -webkit-linear-gradient(#4d4d4d, #404040);
- background-image: -moz-linear-gradient(#4d4d4d, #404040);
- background-image: -o-linear-gradient(#4d4d4d, #404040);
- background-image: linear-gradient(#4d4d4d, #404040);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid #666666;
- color: #999999;
- display: inline-block;
- height: 20px;
- line-height: 20px; }
-/* line 82, ../sass/_mixins.scss */
-.btn-menu:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
+ background-image: -webkit-linear-gradient(#4d4d4d, #404040);
+ background-image: -moz-linear-gradient(#4d4d4d, #404040);
+ background-image: -o-linear-gradient(#4d4d4d, #404040);
+ background-image: linear-gradient(#4d4d4d, #404040);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid #666666;
+ color: #999999;
+ display: inline-block;
+ height: 20px;
+ line-height: 20px; }
+ /* line 82, ../sass/_mixins.scss */
+ .btn-menu:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
-/* line 293, ../sass/controls/_controls.scss */
-.btn-menu.dropdown {
+ /* line 293, ../sass/controls/_controls.scss */
+ .btn-menu.dropdown {
padding-right: 7px; }
-/* line 298, ../sass/controls/_controls.scss */
-.btn-menu:not(.disabled):hover {
+ /* line 298, ../sass/controls/_controls.scss */
+ .btn-menu:not(.disabled):hover {
color: #cccccc; }
-/* line 302, ../sass/controls/_controls.scss */
-.btn-menu.btn-invoke-menu {
+ /* line 302, ../sass/controls/_controls.scss */
+ .btn-menu.btn-invoke-menu {
color: #0099cc;
padding: 0 5px; }
-/* line 306, ../sass/controls/_controls.scss */
-.btn-menu.btn-invoke-menu:hover {
- color: deepskyblue; }
-/* line 311, ../sass/controls/_controls.scss */
-.btn-menu .type-icon {
+ /* line 306, ../sass/controls/_controls.scss */
+ .btn-menu.btn-invoke-menu:hover {
+ color: deepskyblue; }
+ /* line 311, ../sass/controls/_controls.scss */
+ .btn-menu .type-icon {
margin-right: 5px; }
-/* line 314, ../sass/controls/_controls.scss */
-.btn-menu .menu {
+ /* line 314, ../sass/controls/_controls.scss */
+ .btn-menu .menu {
text-align: left; }
-/* line 317, ../sass/controls/_controls.scss */
-.btn-menu .menu .ui-symbol.icon {
- width: 12px; }
+ /* line 317, ../sass/controls/_controls.scss */
+ .btn-menu .menu .ui-symbol.icon {
+ width: 12px; }
/* line 323, ../sass/controls/_controls.scss */
.top-bar .btn-menu {
- height: 35px;
- line-height: 35px;
- padding-right: 10px; }
-/* line 331, ../sass/controls/_controls.scss */
-.top-bar .btn-menu.browse-btn {
+ height: 35px;
+ line-height: 35px;
+ padding-right: 10px; }
+ /* line 331, ../sass/controls/_controls.scss */
+ .top-bar .btn-menu.browse-btn {
margin-right: 5px;
padding-left: 35px; }
-/* line 334, ../sass/controls/_controls.scss */
-.top-bar .btn-menu.browse-btn .badge {
- -webkit-border-radius: 4.5px;
- -moz-border-radius: 4.5px;
- -ms-border-radius: 4.5px;
- -o-border-radius: 4.5px;
- border-radius: 4.5px;
- display: block;
- font-size: 1em;
- line-height: 25px;
- position: absolute;
- top: 5px;
- left: 5px;
- bottom: 5px;
- right: auto;
- width: 25px;
- height: auto; }
+ /* line 334, ../sass/controls/_controls.scss */
+ .top-bar .btn-menu.browse-btn .badge {
+ -webkit-border-radius: 4.5px;
+ -moz-border-radius: 4.5px;
+ -ms-border-radius: 4.5px;
+ -o-border-radius: 4.5px;
+ border-radius: 4.5px;
+ display: block;
+ font-size: 1em;
+ line-height: 25px;
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ bottom: 5px;
+ right: auto;
+ width: 25px;
+ height: auto; }
/******************************************************** OBJECT-HEADER */
/* line 351, ../sass/controls/_controls.scss */
.object-header {
- display: inline-block;
- font-size: 1em; }
-/* line 354, ../sass/controls/_controls.scss */
-.object-header .title {
+ display: inline-block;
+ font-size: 1em; }
+ /* line 354, ../sass/controls/_controls.scss */
+ .object-header .title {
color: white; }
-/* line 357, ../sass/controls/_controls.scss */
-.object-header .type-icon {
+ /* line 357, ../sass/controls/_controls.scss */
+ .object-header .type-icon {
font-size: 1.5em;
margin-right: 5px;
vertical-align: middle; }
@@ -1117,98 +1116,98 @@ label.checkbox.custom input:checked ~ em:before {
/* line 366, ../sass/controls/_controls.scss */
.top-bar .object-header,
.object-browse-bar .object-header {
- font-size: 1.2em; }
-/* line 368, ../sass/controls/_controls.scss */
-.top-bar .object-header span,
-.object-browse-bar .object-header span {
+ font-size: 1.2em; }
+ /* line 368, ../sass/controls/_controls.scss */
+ .top-bar .object-header span,
+ .object-browse-bar .object-header span {
display: inline-block;
margin-right: 5px; }
/******************************************************** VIEW-CONTROLS */
/* line 377, ../sass/controls/_controls.scss */
.view-controls .view-type {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- box-sizing: border-box;
- display: inline-block;
- margin-left: 5px;
- height: 20px;
- line-height: 20px;
- padding-left: 5px;
- padding-right: 5px; }
-/* line 388, ../sass/controls/_controls.scss */
-.view-controls .view-type.cur {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ box-sizing: border-box;
+ display: inline-block;
+ margin-left: 5px;
+ height: 20px;
+ line-height: 20px;
+ padding-left: 5px;
+ padding-right: 5px; }
+ /* line 388, ../sass/controls/_controls.scss */
+ .view-controls .view-type.cur {
background: #666666; }
/* line 393, ../sass/controls/_controls.scss */
.edit-mode .top-bar .control-set.edit-view-controls {
- margin-right: 50px; }
+ margin-right: 50px; }
/******************************************************** SLIDERS */
/* line 404, ../sass/controls/_controls.scss */
.slider .slot {
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- -ms-border-radius: 2px;
- -o-border-radius: 2px;
- border-radius: 2px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
- background-color: rgba(0, 0, 0, 0.4);
- border-bottom: 1px solid rgba(77, 77, 77, 0.4);
- border-right: 1px solid rgba(77, 77, 77, 0.4);
- height: 50%;
- width: auto;
- position: absolute;
- top: 25%;
- right: 0;
- bottom: auto;
- left: 0; }
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
+ box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
+ background-color: rgba(0, 0, 0, 0.4);
+ border-bottom: 1px solid rgba(77, 77, 77, 0.4);
+ border-right: 1px solid rgba(77, 77, 77, 0.4);
+ height: 50%;
+ width: auto;
+ position: absolute;
+ top: 25%;
+ right: 0;
+ bottom: auto;
+ left: 0; }
/* line 415, ../sass/controls/_controls.scss */
.slider .knob {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
- background-image: -webkit-linear-gradient(#4d4d4d, #404040);
- background-image: -moz-linear-gradient(#4d4d4d, #404040);
- background-image: -o-linear-gradient(#4d4d4d, #404040);
- background-image: linear-gradient(#4d4d4d, #404040);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid #666666;
- color: #999999;
- display: inline-block;
- cursor: ew-resize;
- position: absolute;
- height: 100%;
- width: 12px;
- top: 0;
- auto: 0;
- bottom: auto;
- left: auto; }
-/* line 82, ../sass/_mixins.scss */
-.slider .knob:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
+ background-image: -webkit-linear-gradient(#4d4d4d, #404040);
+ background-image: -moz-linear-gradient(#4d4d4d, #404040);
+ background-image: -o-linear-gradient(#4d4d4d, #404040);
+ background-image: linear-gradient(#4d4d4d, #404040);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid #666666;
+ color: #999999;
+ display: inline-block;
+ cursor: ew-resize;
+ position: absolute;
+ height: 100%;
+ width: 12px;
+ top: 0;
+ auto: 0;
+ bottom: auto;
+ left: auto; }
+ /* line 82, ../sass/_mixins.scss */
+ .slider .knob:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
-/* line 54, ../sass/_mixins.scss */
-.slider .knob:before {
+ /* line 54, ../sass/_mixins.scss */
+ .slider .knob:before {
content: '';
display: block;
height: auto;
@@ -1218,70 +1217,70 @@ label.checkbox.custom input:checked ~ em:before {
left: 2px;
bottom: 5px;
top: 5px; }
-/* line 75, ../sass/_mixins.scss */
-.slider .knob:not(.disabled):hover:before {
+ /* line 75, ../sass/_mixins.scss */
+ .slider .knob:not(.disabled):hover:before {
border-color: rgba(0, 153, 204, 0.9); }
-/* line 426, ../sass/controls/_controls.scss */
-.slider .knob:before {
+ /* line 426, ../sass/controls/_controls.scss */
+ .slider .knob:before {
top: 1px;
bottom: 3px;
left: 5px; }
/* line 433, ../sass/controls/_controls.scss */
.slider .range {
- background: rgba(0, 153, 204, 0.6);
- cursor: ew-resize;
- position: absolute;
- top: 0;
- right: auto;
- bottom: 0;
- left: auto;
- height: auto;
- width: auto; }
-/* line 443, ../sass/controls/_controls.scss */
-.slider .range:hover {
+ background: rgba(0, 153, 204, 0.6);
+ cursor: ew-resize;
+ position: absolute;
+ top: 0;
+ right: auto;
+ bottom: 0;
+ left: auto;
+ height: auto;
+ width: auto; }
+ /* line 443, ../sass/controls/_controls.scss */
+ .slider .range:hover {
background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */
/* line 451, ../sass/controls/_controls.scss */
::-webkit-scrollbar {
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- -ms-border-radius: 2px;
- -o-border-radius: 2px;
- border-radius: 2px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
- background-color: rgba(0, 0, 0, 0.4);
- border-bottom: 1px solid rgba(77, 77, 77, 0.4);
- border-right: 1px solid rgba(77, 77, 77, 0.4);
- height: 10px;
- width: 10px; }
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
+ box-shadow: inset rgba(0, 0, 0, 0.7) 0 1px 5px;
+ background-color: rgba(0, 0, 0, 0.4);
+ border-bottom: 1px solid rgba(77, 77, 77, 0.4);
+ border-right: 1px solid rgba(77, 77, 77, 0.4);
+ height: 10px;
+ width: 10px; }
/* line 457, ../sass/controls/_controls.scss */
::-webkit-scrollbar-thumb {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #666666), color-stop(100%, #595959));
- background-image: -webkit-linear-gradient(#666666, #595959 20px);
- background-image: -moz-linear-gradient(#666666, #595959 20px);
- background-image: -o-linear-gradient(#666666, #595959 20px);
- background-image: linear-gradient(#666666, #595959 20px);
- -webkit-border-radius: 1px;
- -moz-border-radius: 1px;
- -ms-border-radius: 1px;
- -o-border-radius: 1px;
- border-radius: 1px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid gray; }
-/* line 464, ../sass/controls/_controls.scss */
-::-webkit-scrollbar-thumb:hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #666666), color-stop(100%, #595959));
+ background-image: -webkit-linear-gradient(#666666, #595959 20px);
+ background-image: -moz-linear-gradient(#666666, #595959 20px);
+ background-image: -o-linear-gradient(#666666, #595959 20px);
+ background-image: linear-gradient(#666666, #595959 20px);
+ -webkit-border-radius: 1px;
+ -moz-border-radius: 1px;
+ -ms-border-radius: 1px;
+ -o-border-radius: 1px;
+ border-radius: 1px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid gray; }
+ /* line 464, ../sass/controls/_controls.scss */
+ ::-webkit-scrollbar-thumb:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #808080), color-stop(100%, #737373));
background-image: -webkit-linear-gradient(#808080, #737373 20px);
background-image: -moz-linear-gradient(#808080, #737373 20px);
@@ -1290,23 +1289,23 @@ label.checkbox.custom input:checked ~ em:before {
/* line 469, ../sass/controls/_controls.scss */
::-webkit-scrollbar-corner {
- background: rgba(0, 0, 0, 0.4); }
+ background: rgba(0, 0, 0, 0.4); }
/* line 2, ../sass/controls/_lists.scss */
.checkbox-list label.checkbox.custom {
- display: block;
- margin-bottom: 5px; }
+ display: block;
+ margin-bottom: 5px; }
/* line 6, ../sass/controls/_lists.scss */
.checkbox-list li {
- margin-bottom: 5px; }
+ margin-bottom: 5px; }
/******************************************************** MENUS */
/* line 2, ../sass/controls/_menus.scss */
.menu-element {
- cursor: pointer;
- position: relative; }
-/* line 8, ../sass/controls/_menus.scss */
-.menu-element .menu {
+ cursor: pointer;
+ position: relative; }
+ /* line 8, ../sass/controls/_menus.scss */
+ .menu-element .menu {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
@@ -1336,203 +1335,203 @@ label.checkbox.custom input:checked ~ em:before {
padding: 3px 0;
position: absolute;
z-index: 10; }
-/* line 16, ../sass/controls/_menus.scss */
-.menu-element .menu ul {
- margin: 0;
- padding: 0; }
-/* line 131, ../sass/_mixins.scss */
-.menu-element .menu ul li {
- list-style-type: none;
- margin: 0;
- padding: 0; }
-/* line 18, ../sass/controls/_menus.scss */
-.menu-element .menu ul li {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border-top: 1px solid #737373;
- line-height: 1.5rem;
- padding: 3px 10px 3px 32px;
- white-space: nowrap; }
-/* line 25, ../sass/controls/_menus.scss */
-.menu-element .menu ul li:first-child {
- border: none; }
-/* line 28, ../sass/controls/_menus.scss */
-.menu-element .menu ul li:hover {
- background: #737373; }
-/* line 30, ../sass/controls/_menus.scss */
-.menu-element .menu ul li:hover a {
- color: white; }
-/* line 33, ../sass/controls/_menus.scss */
-.menu-element .menu ul li:hover .icon {
- color: #33ccff; }
-/* line 37, ../sass/controls/_menus.scss */
-.menu-element .menu ul li a {
- color: #d9d9d9;
- display: block; }
-/* line 41, ../sass/controls/_menus.scss */
-.menu-element .menu ul li .type-icon {
- left: 10px; }
-/* line 47, ../sass/controls/_menus.scss */
-.menu-element .super-menu {
+ /* line 16, ../sass/controls/_menus.scss */
+ .menu-element .menu ul {
+ margin: 0;
+ padding: 0; }
+ /* line 131, ../sass/_mixins.scss */
+ .menu-element .menu ul li {
+ list-style-type: none;
+ margin: 0;
+ padding: 0; }
+ /* line 18, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 1px solid #737373;
+ line-height: 1.5rem;
+ padding: 3px 10px 3px 32px;
+ white-space: nowrap; }
+ /* line 25, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li:first-child {
+ border: none; }
+ /* line 28, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li:hover {
+ background: #737373; }
+ /* line 30, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li:hover a {
+ color: white; }
+ /* line 33, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li:hover .icon {
+ color: #33ccff; }
+ /* line 37, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li a {
+ color: #d9d9d9;
+ display: block; }
+ /* line 41, ../sass/controls/_menus.scss */
+ .menu-element .menu ul li .type-icon {
+ left: 10px; }
+ /* line 47, ../sass/controls/_menus.scss */
+ .menu-element .super-menu {
width: 400px;
height: 420px; }
-/* line 54, ../sass/controls/_menus.scss */
-.menu-element .super-menu .contents {
- overflow: none; }
-/* line 55, ../sass/controls/_menus.scss */
-.menu-element .super-menu .pane {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
-/* line 57, ../sass/controls/_menus.scss */
-.menu-element .super-menu .pane.left {
- border-right: 1px solid rgba(255, 255, 255, 0.2);
- left: 0;
- padding-right: 5px;
- right: auto;
- width: 220.0px;
- overflow-x: hidden;
- overflow-y: auto; }
-/* line 67, ../sass/controls/_menus.scss */
-.menu-element .super-menu .pane.left ul li {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- border-top: none; }
-/* line 73, ../sass/controls/_menus.scss */
-.menu-element .super-menu .pane.left ul li:hover {
- background: #737373; }
-/* line 76, ../sass/controls/_menus.scss */
-.menu-element .super-menu .pane.left ul li .icon {
- text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
- left: 5px; }
-/* line 83, ../sass/controls/_menus.scss */
-.menu-element .super-menu .pane.right {
- left: 220.0px;
- right: 0;
- padding: 15px;
- width: auto; }
-/* line 94, ../sass/controls/_menus.scss */
-.menu-element .menu-item-description .desc-area.icon {
+ /* line 54, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .contents {
+ overflow: none; }
+ /* line 55, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .pane {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box; }
+ /* line 57, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .pane.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.2);
+ left: 0;
+ padding-right: 5px;
+ right: auto;
+ width: 220.0px;
+ overflow-x: hidden;
+ overflow-y: auto; }
+ /* line 67, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .pane.left ul li {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border-top: none; }
+ /* line 73, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .pane.left ul li:hover {
+ background: #737373; }
+ /* line 76, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .pane.left ul li .icon {
+ text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;
+ left: 5px; }
+ /* line 83, ../sass/controls/_menus.scss */
+ .menu-element .super-menu .pane.right {
+ left: 220.0px;
+ right: 0;
+ padding: 15px;
+ width: auto; }
+ /* line 94, ../sass/controls/_menus.scss */
+ .menu-element .menu-item-description .desc-area.icon {
position: relative;
color: #8c8c8c;
font-size: 8em;
left: 0;
height: 150px;
line-height: 150px; }
-/* line 107, ../sass/controls/_menus.scss */
-.menu-element .menu-item-description .desc-area.description {
+ /* line 107, ../sass/controls/_menus.scss */
+ .menu-element .menu-item-description .desc-area.description {
color: #8c8c8c;
font-size: 0.8em; }
-/* line 111, ../sass/controls/_menus.scss */
-.menu-element .menu-item-description .desc-area.title {
+ /* line 111, ../sass/controls/_menus.scss */
+ .menu-element .menu-item-description .desc-area.title {
color: #d9d9d9;
font-size: 1.2em;
margin-bottom: 1rem; }
-/* line 118, ../sass/controls/_menus.scss */
-.menu-element .context-menu {
+ /* line 118, ../sass/controls/_menus.scss */
+ .menu-element .context-menu {
font-size: 0.80rem;
pointer-events: auto; }
-/* line 124, ../sass/controls/_menus.scss */
-.menu-element .context-menu.menu {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c8c8c), color-stop(100%, #808080));
- background-image: -webkit-linear-gradient(#8c8c8c, #808080);
- background-image: -moz-linear-gradient(#8c8c8c, #808080);
- background-image: -o-linear-gradient(#8c8c8c, #808080);
- background-image: linear-gradient(#8c8c8c, #808080);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid #a6a6a6;
- color: #999999;
- display: inline-block; }
-/* line 126, ../sass/controls/_menus.scss */
-.menu-element .context-menu.menu ul li {
- padding-left: 30px; }
-/* line 128, ../sass/controls/_menus.scss */
-.menu-element .context-menu.menu ul li a {
- color: white; }
-/* line 129, ../sass/controls/_menus.scss */
-.menu-element .context-menu.menu ul li .icon {
- color: #1ac6ff; }
-/* line 132, ../sass/controls/_menus.scss */
-.menu-element .context-menu.menu ul li .type-icon {
- left: 5px; }
-/* line 135, ../sass/controls/_menus.scss */
-.menu-element .context-menu.menu ul li:hover .icon {
- color: #33ccff; }
+ /* line 124, ../sass/controls/_menus.scss */
+ .menu-element .context-menu.menu {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c8c8c), color-stop(100%, #808080));
+ background-image: -webkit-linear-gradient(#8c8c8c, #808080);
+ background-image: -moz-linear-gradient(#8c8c8c, #808080);
+ background-image: -o-linear-gradient(#8c8c8c, #808080);
+ background-image: linear-gradient(#8c8c8c, #808080);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid #a6a6a6;
+ color: #999999;
+ display: inline-block; }
+ /* line 126, ../sass/controls/_menus.scss */
+ .menu-element .context-menu.menu ul li {
+ padding-left: 30px; }
+ /* line 128, ../sass/controls/_menus.scss */
+ .menu-element .context-menu.menu ul li a {
+ color: white; }
+ /* line 129, ../sass/controls/_menus.scss */
+ .menu-element .context-menu.menu ul li .icon {
+ color: #1ac6ff; }
+ /* line 132, ../sass/controls/_menus.scss */
+ .menu-element .context-menu.menu ul li .type-icon {
+ left: 5px; }
+ /* line 135, ../sass/controls/_menus.scss */
+ .menu-element .context-menu.menu ul li:hover .icon {
+ color: #33ccff; }
/* line 143, ../sass/controls/_menus.scss */
.context-menu-holder {
- pointer-events: none;
- position: absolute;
- height: 200px;
- width: 170px;
- z-index: 59; }
-/* line 149, ../sass/controls/_menus.scss */
-.context-menu-holder .context-menu-wrapper {
+ pointer-events: none;
+ position: absolute;
+ height: 200px;
+ width: 170px;
+ z-index: 59; }
+ /* line 149, ../sass/controls/_menus.scss */
+ .context-menu-holder .context-menu-wrapper {
position: absolute;
height: 100%;
width: 100%; }
-/* line 156, ../sass/controls/_menus.scss */
-.context-menu-holder.go-left .context-menu {
+ /* line 156, ../sass/controls/_menus.scss */
+ .context-menu-holder.go-left .context-menu {
right: 0; }
-/* line 157, ../sass/controls/_menus.scss */
-.context-menu-holder.go-up .context-menu {
+ /* line 157, ../sass/controls/_menus.scss */
+ .context-menu-holder.go-up .context-menu {
bottom: 0; }
/* line 161, ../sass/controls/_menus.scss */
.btn-bar.right .menu,
.menus-to-left .menu {
- left: auto;
- right: 0;
- width: auto; }
+ left: auto;
+ right: 0;
+ width: auto; }
/* line 2, ../sass/forms/_elems.scss */
.form .section-header {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- background: rgba(255, 255, 255, 0.1);
- font-size: 0.8em;
- margin-top: 5px;
- padding: 5px; }
-/* line 8, ../sass/forms/_elems.scss */
-.form .section-header:first-child {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ background: rgba(255, 255, 255, 0.1);
+ font-size: 0.8em;
+ margin-top: 5px;
+ padding: 5px; }
+ /* line 8, ../sass/forms/_elems.scss */
+ .form .section-header:first-child {
margin-top: 0; }
/* line 12, ../sass/forms/_elems.scss */
.form .form-section {
- position: relative; }
+ position: relative; }
/* line 16, ../sass/forms/_elems.scss */
.form .form-row {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- overflow: hidden;
- *zoom: 1;
- border-top: 1px solid #4d4d4d;
- margin-top: 5px;
- padding: 5px;
- position: relative; }
-/* line 25, ../sass/forms/_elems.scss */
-.form .form-row:first-child {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ overflow: hidden;
+ *zoom: 1;
+ border-top: 1px solid #4d4d4d;
+ margin-top: 5px;
+ padding: 5px;
+ position: relative; }
+ /* line 25, ../sass/forms/_elems.scss */
+ .form .form-row:first-child {
border-top: none; }
-/* line 29, ../sass/forms/_elems.scss */
-.form .form-row .label,
-.form .form-row .controls {
+ /* line 29, ../sass/forms/_elems.scss */
+ .form .form-row .label,
+ .form .form-row .controls {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -1542,25 +1541,25 @@ label.checkbox.custom input:checked ~ em:before {
font-size: 0.75rem;
line-height: 22px;
min-height: 22px; }
-/* line 39, ../sass/forms/_elems.scss */
-.form .form-row > .label {
+ /* line 39, ../sass/forms/_elems.scss */
+ .form .form-row > .label {
float: left;
position: relative;
white-space: nowrap;
width: 20%; }
-/* line 47, ../sass/forms/_elems.scss */
-.form .form-row .value {
+ /* line 47, ../sass/forms/_elems.scss */
+ .form .form-row .value {
color: #cccccc; }
-/* line 51, ../sass/forms/_elems.scss */
-.form .form-row .controls {
+ /* line 51, ../sass/forms/_elems.scss */
+ .form .form-row .controls {
float: left;
position: relative;
width: 79%; }
-/* line 58, ../sass/forms/_elems.scss */
-.form .form-row .field-hints {
+ /* line 58, ../sass/forms/_elems.scss */
+ .form .form-row .field-hints {
color: #666666; }
-/* line 62, ../sass/forms/_elems.scss */
-.form .form-row .selector-list {
+ /* line 62, ../sass/forms/_elems.scss */
+ .form .form-row .selector-list {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
@@ -1570,29 +1569,29 @@ label.checkbox.custom input:checked ~ em:before {
position: relative;
height: 150px;
max-width: 50%; }
-/* line 70, ../sass/forms/_elems.scss */
-.form .form-row .selector-list .wrapper {
- overflow-y: auto;
- position: absolute;
- top: 5px;
- right: 5px;
- bottom: 5px;
- left: 5px; }
+ /* line 70, ../sass/forms/_elems.scss */
+ .form .form-row .selector-list .wrapper {
+ overflow-y: auto;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ bottom: 5px;
+ left: 5px; }
/* line 84, ../sass/forms/_elems.scss */
label.form-control.checkbox input {
- margin-right: 5px;
- vertical-align: top; }
+ margin-right: 5px;
+ vertical-align: top; }
/* line 90, ../sass/forms/_elems.scss */
.hint {
- font-size: 0.9em; }
+ font-size: 0.9em; }
/* line 4, ../sass/forms/_validation.scss */
.validates > .label {
- padding-right: 25px; }
-/* line 7, ../sass/forms/_validation.scss */
-.validates > .label::after {
+ padding-right: 25px; }
+ /* line 7, ../sass/forms/_validation.scss */
+ .validates > .label::after {
display: block;
position: absolute;
top: 0;
@@ -1607,96 +1606,96 @@ label.form-control.checkbox input {
vertical-align: middle; }
/* line 25, ../sass/forms/_validation.scss */
.validates.invalid > .label::after, .validates.invalid.req > .label::after {
- color: #ff9900;
- content: "x"; }
+ color: #ff9900;
+ content: "x"; }
/* line 32, ../sass/forms/_validation.scss */
.validates.valid > .label::after, .validates.valid.req > .label::after {
- color: #33cc33;
- content: "2"; }
+ color: #33cc33;
+ content: "2"; }
/* line 38, ../sass/forms/_validation.scss */
.validates.req > .label::after {
- color: #ffc700;
- content: "*"; }
+ color: #ffc700;
+ content: "*"; }
/* line 45, ../sass/forms/_validation.scss */
span.req {
- color: #ffc700; }
+ color: #ffc700; }
/* line 1, ../sass/forms/_text-input.scss */
input[type="text"] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- background: #666666;
- border: none;
- border-bottom: 1px solid #999999;
- color: #cccccc;
- outline: none;
- padding: 0 3px;
- height: 22px;
- line-height: 22px;
- vertical-align: middle; }
-/* line 11, ../sass/forms/_mixins.scss */
-input[type="text"].error {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ background: #666666;
+ border: none;
+ border-bottom: 1px solid #999999;
+ color: #cccccc;
+ outline: none;
+ padding: 0 3px;
+ height: 22px;
+ line-height: 22px;
+ vertical-align: middle; }
+ /* line 11, ../sass/forms/_mixins.scss */
+ input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
-/* line 6, ../sass/forms/_text-input.scss */
-input[type="text"].numeric {
+ /* line 11, ../sass/forms/_text-input.scss */
+ input[type="text"].numeric {
text-align: right; }
/* line 1, ../sass/forms/_selects.scss */
.form-control.select {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
- background-image: -webkit-linear-gradient(#4d4d4d, #404040);
- background-image: -moz-linear-gradient(#4d4d4d, #404040);
- background-image: -o-linear-gradient(#4d4d4d, #404040);
- background-image: linear-gradient(#4d4d4d, #404040);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid #666666;
- color: #999999;
- display: inline-block;
- margin-right: 5px;
- margin-top: 1px;
- padding: 0 25px 0 0;
- position: relative;
- overflow: hidden;
- vertical-align: middle; }
-/* line 82, ../sass/_mixins.scss */
-.form-control.select:not(.disabled):hover {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
+ background-image: -webkit-linear-gradient(#4d4d4d, #404040);
+ background-image: -moz-linear-gradient(#4d4d4d, #404040);
+ background-image: -o-linear-gradient(#4d4d4d, #404040);
+ background-image: linear-gradient(#4d4d4d, #404040);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid #666666;
+ color: #999999;
+ display: inline-block;
+ margin-right: 5px;
+ margin-top: 1px;
+ padding: 0 25px 0 0;
+ position: relative;
+ overflow: hidden;
+ vertical-align: middle; }
+ /* line 82, ../sass/_mixins.scss */
+ .form-control.select:not(.disabled):hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); }
-/* line 11, ../sass/forms/_selects.scss */
-.form-control.select span.arw {
+ /* line 11, ../sass/forms/_selects.scss */
+ .form-control.select span.arw {
display: block;
pointer-events: none;
position: absolute;
right: 8%;
top: 10%; }
-/* line 18, ../sass/forms/_selects.scss */
-.form-control.select select {
+ /* line 18, ../sass/forms/_selects.scss */
+ .form-control.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@@ -1710,50 +1709,50 @@ input[type="text"].numeric {
cursor: pointer;
padding: 3px 5px 4px 5px;
width: 150%; }
-/* line 32, ../sass/forms/_selects.scss */
-.form-control.select select:focus {
+ /* line 32, ../sass/forms/_selects.scss */
+ .form-control.select select:focus {
outline: none; }
/* line 2, ../sass/forms/_channel-selector.scss */
.channel-selector .line {
- margin-bottom: 5px;
- min-height: 22px; }
+ margin-bottom: 5px;
+ min-height: 22px; }
/* line 6, ../sass/forms/_channel-selector.scss */
.channel-selector .treeview {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- background: #666666;
- border: none;
- border-bottom: 1px solid #999999;
- color: #cccccc;
- outline: none;
- padding: 0 3px;
- background: #3b3b3b;
- border-bottom: 1px solid #4d4d4d;
- min-height: 300px;
- max-height: 400px;
- overflow: auto;
- padding: 5px; }
-/* line 11, ../sass/forms/_mixins.scss */
-.channel-selector .treeview.error {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ background: #666666;
+ border: none;
+ border-bottom: 1px solid #999999;
+ color: #cccccc;
+ outline: none;
+ padding: 0 3px;
+ background: #3b3b3b;
+ border-bottom: 1px solid #4d4d4d;
+ min-height: 300px;
+ max-height: 400px;
+ overflow: auto;
+ padding: 5px; }
+ /* line 11, ../sass/forms/_mixins.scss */
+ .channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); }
/* line 15, ../sass/forms/_channel-selector.scss */
.channel-selector .btns-add-remove {
- margin-top: 150px; }
-/* line 18, ../sass/forms/_channel-selector.scss */
-.channel-selector .btns-add-remove .btn {
+ margin-top: 150px; }
+ /* line 18, ../sass/forms/_channel-selector.scss */
+ .channel-selector .btns-add-remove .btn {
display: block;
font-size: 1.5em;
margin-bottom: 5px;
@@ -1762,110 +1761,165 @@ input[type="text"].numeric {
/* line 2, ../sass/forms/_datetime.scss */
.complex.datetime span {
- display: inline-block;
- margin-right: 5px; }
+ display: inline-block;
+ margin-right: 5px; }
/* line 15, ../sass/forms/_datetime.scss */
.complex.datetime .fields {
- margin-top: 3px 0;
- padding: 3px 0; }
+ margin-top: 3px 0;
+ padding: 3px 0; }
/* line 20, ../sass/forms/_datetime.scss */
.complex.datetime .date {
- width: 85px; }
-/* line 23, ../sass/forms/_datetime.scss */
-.complex.datetime .date input {
+ width: 85px; }
+ /* line 23, ../sass/forms/_datetime.scss */
+ .complex.datetime .date input {
width: 80px; }
/* line 29, ../sass/forms/_datetime.scss */
.complex.datetime .time.sm {
- width: 45px; }
-/* line 32, ../sass/forms/_datetime.scss */
-.complex.datetime .time.sm input {
+ width: 45px; }
+ /* line 32, ../sass/forms/_datetime.scss */
+ .complex.datetime .time.sm input {
width: 40px; }
-/* line 2, ../sass/forms/_filter.scss */
-.filter input.filter {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
- background: #666666;
- border: none;
- border-bottom: 1px solid #999999;
- color: #cccccc;
- outline: none;
- padding: 0 3px;
- background: #3b3b3b;
- border-bottom: 1px solid #4d4d4d; }
-/* line 11, ../sass/forms/_mixins.scss */
-.filter input.filter.error {
+/* line 4, ../sass/forms/_filter.scss */
+.filter input.filter,
+.filter input.t-filter-input,
+.t-filter input.filter,
+.t-filter input.t-filter-input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+ background: #666666;
+ border: none;
+ border-bottom: 1px solid #999999;
+ color: #cccccc;
+ outline: none;
+ padding: 0 3px;
+ background: #3b3b3b;
+ border-bottom: 1px solid #4d4d4d; }
+ /* line 11, ../sass/forms/_mixins.scss */
+ .filter input.filter.error,
+ .filter input.t-filter-input.error,
+ .t-filter input.filter.error,
+ .t-filter input.t-filter-input.error {
background: rgba(255, 0, 0, 0.5); }
-/* line 5, ../sass/forms/_filter.scss */
-.filter .icon.ui-symbol {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- display: inline-block;
- font-size: 1.3em;
- height: 22px;
- line-height: 22px;
- padding: 0px 5px;
- vertical-align: middle; }
-/* line 13, ../sass/forms/_filter.scss */
-.filter .icon.ui-symbol:hover {
+/* line 7, ../sass/forms/_filter.scss */
+.filter input.t-filter-input,
+.t-filter input.t-filter-input {
+ height: 22px;
+ width: 200px; }
+ /* line 17, ../sass/forms/_filter.scss */
+ .filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
+ .t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
+ display: none; }
+/* line 21, ../sass/forms/_filter.scss */
+.filter .icon.ui-symbol,
+.t-filter .icon.ui-symbol {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ display: block;
+ font-size: 1.3em;
+ height: 22px;
+ line-height: 22px;
+ padding: 0px 5px;
+ vertical-align: middle; }
+ /* line 29, ../sass/forms/_filter.scss */
+ .filter .icon.ui-symbol:hover,
+ .t-filter .icon.ui-symbol:hover {
background: rgba(255, 255, 255, 0.1); }
+/* line 33, ../sass/forms/_filter.scss */
+.filter .s-a-clear.ui-symbol,
+.t-filter .s-a-clear.ui-symbol {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
+ opacity: 0.2;
+ background: white;
+ color: #333333;
+ display: block;
+ position: absolute;
+ height: 13px;
+ width: 13px;
+ line-height: 13px;
+ margin-top: -6.5px;
+ overflow: hidden;
+ padding-top: 1px;
+ right: 4.5px;
+ top: 50%;
+ text-align: center;
+ z-index: 5; }
+ /* line 53, ../sass/forms/_filter.scss */
+ .filter .s-a-clear.ui-symbol:hover,
+ .t-filter .s-a-clear.ui-symbol:hover {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+ opacity: 0.6;
+ background-color: #0099cc; }
-/* line 20, ../sass/forms/_filter.scss */
+/* line 61, ../sass/forms/_filter.scss */
+.l-filter {
+ display: inline-block;
+ position: relative; }
+
+/* line 68, ../sass/forms/_filter.scss */
.top-bar input.filter {
- font-size: .8em;
- height: 35px;
- line-height: 35px;
- margin-right: 5px;
- margin-top: -5px;
- padding-left: 10px;
- padding-right: 10px; }
-/* line 31, ../sass/forms/_filter.scss */
+ font-size: .8em;
+ height: 35px;
+ line-height: 35px;
+ margin-right: 5px;
+ margin-top: -5px;
+ padding-left: 10px;
+ padding-right: 10px; }
+/* line 79, ../sass/forms/_filter.scss */
.top-bar .icon-filter {
- font-size: 1.4em; }
+ font-size: 1.4em; }
/* line 10, ../sass/plots/_plots-main.scss */
.gl-plot {
- color: #999999;
- font-size: 0.7rem;
- position: relative;
- width: 100%;
- height: 100%; }
-/* line 17, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-axis-area {
+ color: #999999;
+ font-size: 0.7rem;
+ position: relative;
+ width: 100%;
+ height: 100%; }
+ /* line 17, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-axis-area {
position: absolute; }
-/* line 20, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-axis-area.gl-plot-x {
- top: auto;
- right: 0;
- bottom: 5px;
- left: 60px;
- height: 32px;
- width: auto;
- overflow: hidden; }
-/* line 29, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-axis-area.gl-plot-y {
- top: 29px;
- right: auto;
- bottom: 37px;
- left: 0;
- width: 60px; }
-/* line 38, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-coords {
+ /* line 20, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-axis-area.gl-plot-x {
+ top: auto;
+ right: 0;
+ bottom: 5px;
+ left: 60px;
+ height: 32px;
+ width: auto;
+ overflow: hidden; }
+ /* line 29, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-axis-area.gl-plot-y {
+ top: 29px;
+ right: auto;
+ bottom: 37px;
+ left: 0;
+ width: 60px; }
+ /* line 38, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-coords {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -1883,11 +1937,11 @@ input[type="text"].numeric {
bottom: auto;
left: 70px;
z-index: 10; }
-/* line 50, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-coords:empty {
- display: none; }
-/* line 55, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-display-area {
+ /* line 50, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-coords:empty {
+ display: none; }
+ /* line 55, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-display-area {
position: absolute;
top: 29px;
right: 0;
@@ -1895,37 +1949,37 @@ input[type="text"].numeric {
left: 60px;
cursor: crosshair;
border: 1px solid #4d4d4d; }
-/* line 65, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-label {
+ /* line 65, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-label {
color: #cccccc;
position: absolute;
text-align: center; }
-/* line 72, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-label.gl-plot-x-label {
- top: auto;
- right: 0;
- bottom: 0;
- left: 0;
- height: auto; }
-/* line 80, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-label.gl-plot-y-label {
- -webkit-transform-origin: 50% 0;
- -moz-transform-origin: 50% 0;
- -ms-transform-origin: 50% 0;
- -o-transform-origin: 50% 0;
- transform-origin: 50% 0;
- -webkit-transform: translateX(-50%) rotate(-90deg);
- -moz-transform: translateX(-50%) rotate(-90deg);
- -ms-transform: translateX(-50%) rotate(-90deg);
- -o-transform: translateX(-50%) rotate(-90deg);
- transform: translateX(-50%) rotate(-90deg);
- display: inline-block;
- margin-left: 5px;
- left: 0;
- top: 50%;
- white-space: nowrap; }
-/* line 93, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-y-options {
+ /* line 72, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-label.gl-plot-x-label {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: auto; }
+ /* line 80, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-label.gl-plot-y-label {
+ -webkit-transform-origin: 50% 0;
+ -moz-transform-origin: 50% 0;
+ -ms-transform-origin: 50% 0;
+ -o-transform-origin: 50% 0;
+ transform-origin: 50% 0;
+ -webkit-transform: translateX(-50%) rotate(-90deg);
+ -moz-transform: translateX(-50%) rotate(-90deg);
+ -ms-transform: translateX(-50%) rotate(-90deg);
+ -o-transform: translateX(-50%) rotate(-90deg);
+ transform: translateX(-50%) rotate(-90deg);
+ display: inline-block;
+ margin-left: 5px;
+ left: 0;
+ top: 50%;
+ white-space: nowrap; }
+ /* line 93, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-y-options {
position: absolute;
top: 50%;
right: auto;
@@ -1935,20 +1989,20 @@ input[type="text"].numeric {
height: auto;
min-height: 32px;
width: 32px; }
-/* line 107, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-hash {
+ /* line 107, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-hash {
position: absolute;
border: 0 rgba(255, 255, 255, 0.3) dashed; }
-/* line 110, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-hash.hash-v {
- border-right-width: 1px;
- height: 100%; }
-/* line 114, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-hash.hash-h {
- border-bottom-width: 1px;
- width: 100%; }
-/* line 120, ../sass/plots/_plots-main.scss */
-.gl-plot .gl-plot-legend {
+ /* line 110, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-hash.hash-v {
+ border-right-width: 1px;
+ height: 100%; }
+ /* line 114, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-hash.hash-h {
+ border-bottom-width: 1px;
+ width: 100%; }
+ /* line 120, ../sass/plots/_plots-main.scss */
+ .gl-plot .gl-plot-legend {
position: absolute;
top: 0;
right: 0;
@@ -1963,23 +2017,23 @@ input[type="text"].numeric {
.gl-plot-legend .legend-item,
.legend .plot-legend-item,
.legend .legend-item {
- display: inline-block;
- margin-right: 10px; }
-/* line 151, ../sass/plots/_plots-main.scss */
-.gl-plot-legend .plot-legend-item span,
-.gl-plot-legend .legend-item span,
-.legend .plot-legend-item span,
-.legend .legend-item span {
+ display: inline-block;
+ margin-right: 10px; }
+ /* line 151, ../sass/plots/_plots-main.scss */
+ .gl-plot-legend .plot-legend-item span,
+ .gl-plot-legend .legend-item span,
+ .legend .plot-legend-item span,
+ .legend .legend-item span {
vertical-align: middle; }
-/* line 155, ../sass/plots/_plots-main.scss */
-.gl-plot-legend .plot-legend-item .plot-color-swatch,
-.gl-plot-legend .plot-legend-item .color-swatch,
-.gl-plot-legend .legend-item .plot-color-swatch,
-.gl-plot-legend .legend-item .color-swatch,
-.legend .plot-legend-item .plot-color-swatch,
-.legend .plot-legend-item .color-swatch,
-.legend .legend-item .plot-color-swatch,
-.legend .legend-item .color-swatch {
+ /* line 155, ../sass/plots/_plots-main.scss */
+ .gl-plot-legend .plot-legend-item .plot-color-swatch,
+ .gl-plot-legend .plot-legend-item .color-swatch,
+ .gl-plot-legend .legend-item .plot-color-swatch,
+ .gl-plot-legend .legend-item .color-swatch,
+ .legend .plot-legend-item .plot-color-swatch,
+ .legend .plot-legend-item .color-swatch,
+ .legend .legend-item .plot-color-swatch,
+ .legend .legend-item .color-swatch {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
@@ -1992,25 +2046,25 @@ input[type="text"].numeric {
/* line 169, ../sass/plots/_plots-main.scss */
.tick {
- position: absolute;
- border: 0 rgba(255, 255, 255, 0.3) solid; }
-/* line 172, ../sass/plots/_plots-main.scss */
-.tick.tick-x {
+ position: absolute;
+ border: 0 rgba(255, 255, 255, 0.3) solid; }
+ /* line 172, ../sass/plots/_plots-main.scss */
+ .tick.tick-x {
border-right-width: 1px;
height: 100%; }
/* line 180, ../sass/plots/_plots-main.scss */
.gl-plot-tick,
.tick-label {
- font-size: 0.7rem;
- position: absolute;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis; }
-/* line 188, ../sass/plots/_plots-main.scss */
-.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
-.tick-label.gl-plot-x-tick-label,
-.tick-label.tick-label-x {
+ font-size: 0.7rem;
+ position: absolute;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
+ /* line 188, ../sass/plots/_plots-main.scss */
+ .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
+ .tick-label.gl-plot-x-tick-label,
+ .tick-label.tick-label-x {
right: auto;
bottom: auto;
left: auto;
@@ -2018,10 +2072,10 @@ input[type="text"].numeric {
width: 20%;
margin-left: -10%;
text-align: center; }
-/* line 198, ../sass/plots/_plots-main.scss */
-.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
-.tick-label.gl-plot-y-tick-label,
-.tick-label.tick-label-y {
+ /* line 198, ../sass/plots/_plots-main.scss */
+ .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
+ .tick-label.gl-plot-y-tick-label,
+ .tick-label.tick-label-y {
top: auto;
height: 1em;
width: auto;
@@ -2030,153 +2084,153 @@ input[type="text"].numeric {
/* line 209, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label {
- top: 5px; }
+ top: 5px; }
/* line 212, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label {
- right: 5px;
- left: 5px; }
+ right: 5px;
+ left: 5px; }
/* line 219, ../sass/plots/_plots-main.scss */
.tick-label.tick-label-x {
- top: 0; }
+ top: 0; }
/* line 222, ../sass/plots/_plots-main.scss */
.tick-label.tick-label-y {
- right: 0;
- left: 0; }
+ right: 0;
+ left: 0; }
/* line 2, ../sass/overlay/_overlay.scss */
.overlay .blocker {
- background: rgba(0, 0, 0, 0.7);
- z-index: 100; }
+ background: rgba(0, 0, 0, 0.7);
+ z-index: 100; }
/* line 6, ../sass/overlay/_overlay.scss */
.overlay .btn.close {
- position: absolute;
- top: 5px;
- right: 5px;
- bottom: auto;
- left: auto; }
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ bottom: auto;
+ left: auto; }
/* line 13, ../sass/overlay/_overlay.scss */
.overlay > .holder {
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
- background-image: -webkit-linear-gradient(#4d4d4d, #404040);
- background-image: -moz-linear-gradient(#4d4d4d, #404040);
- background-image: -o-linear-gradient(#4d4d4d, #404040);
- background-image: linear-gradient(#4d4d4d, #404040);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -ms-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
- border-top: 1px solid #666666;
- color: #999999;
- display: inline-block;
- -webkit-border-radius: 9px;
- -moz-border-radius: 9px;
- -ms-border-radius: 9px;
- -o-border-radius: 9px;
- border-radius: 9px;
- color: #999999;
- top: 15%;
- right: 15%;
- bottom: 15%;
- left: 15%;
- z-index: 101; }
-/* line 20, ../sass/overlay/_overlay.scss */
-.overlay > .holder > .contents {
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
+ background-image: -webkit-linear-gradient(#4d4d4d, #404040);
+ background-image: -moz-linear-gradient(#4d4d4d, #404040);
+ background-image: -o-linear-gradient(#4d4d4d, #404040);
+ background-image: linear-gradient(#4d4d4d, #404040);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+ border-top: 1px solid #666666;
+ color: #999999;
+ display: inline-block;
+ -webkit-border-radius: 9px;
+ -moz-border-radius: 9px;
+ -ms-border-radius: 9px;
+ -o-border-radius: 9px;
+ border-radius: 9px;
+ color: #999999;
+ top: 15%;
+ right: 15%;
+ bottom: 15%;
+ left: 15%;
+ z-index: 101; }
+ /* line 20, ../sass/overlay/_overlay.scss */
+ .overlay > .holder > .contents {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px; }
/* line 25, ../sass/overlay/_overlay.scss */
.overlay .title {
- font-size: 1.3em; }
+ font-size: 1.3em; }
/* line 29, ../sass/overlay/_overlay.scss */
.overlay .top-bar {
- height: 60px; }
+ height: 60px; }
/* line 33, ../sass/overlay/_overlay.scss */
.overlay .editor {
- top: 70px;
- bottom: 50px;
- left: 0;
- right: 0; }
+ top: 70px;
+ bottom: 50px;
+ left: 0;
+ right: 0; }
/* line 39, ../sass/overlay/_overlay.scss */
.overlay .bottom-bar {
- top: auto;
- right: 0;
- bottom: 0;
- left: 0;
- font-size: 1em;
- height: 40px;
- text-align: right; }
-/* line 44, ../sass/overlay/_overlay.scss */
-.overlay .bottom-bar .btn {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ font-size: 1em;
+ height: 40px;
+ text-align: right; }
+ /* line 44, ../sass/overlay/_overlay.scss */
+ .overlay .bottom-bar .btn {
margin-left: 10px; }
/* line 4, ../sass/user-environ/_frame.scss */
.frame.child-frame.panel {
- background: #333333;
- border: 1px solid #4d4d4d; }
-/* line 7, ../sass/user-environ/_frame.scss */
-.frame.child-frame.panel:hover {
+ background: #333333;
+ border: 1px solid #4d4d4d; }
+ /* line 7, ../sass/user-environ/_frame.scss */
+ .frame.child-frame.panel:hover {
border-color: #666666; }
/* line 11, ../sass/user-environ/_frame.scss */
.frame > .object-header.abs {
- font-size: 0.75em;
- height: 20px; }
+ font-size: 0.75em;
+ height: 20px; }
/* line 15, ../sass/user-environ/_frame.scss */
.frame > .object-holder.abs {
- top: 23px; }
+ top: 23px; }
/* line 21, ../sass/user-environ/_frame.scss */
.edit-main .frame.child-frame.panel:hover {
- border-color: #0099cc;
- -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
- -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
- box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; }
+ border-color: #0099cc;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
+ box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; }
/* line 1, ../sass/user-environ/_top-bar.scss */
.top-bar {
- line-height: 35px; }
-/* line 7, ../sass/user-environ/_top-bar.scss */
-.top-bar.browse, .top-bar.edit {
+ line-height: 35px; }
+ /* line 7, ../sass/user-environ/_top-bar.scss */
+ .top-bar.browse, .top-bar.edit {
top: 5px;
right: 5px;
bottom: auto;
left: 5px;
height: 35px; }
-/* line 15, ../sass/user-environ/_top-bar.scss */
-.top-bar .title {
+ /* line 15, ../sass/user-environ/_top-bar.scss */
+ .top-bar .title {
color: #fff; }
-/* line 20, ../sass/user-environ/_top-bar.scss */
-.top-bar .buttons-main {
+ /* line 20, ../sass/user-environ/_top-bar.scss */
+ .top-bar .buttons-main {
font-size: 0.8em;
left: auto;
text-align: right; }
-/* line 25, ../sass/user-environ/_top-bar.scss */
-.top-bar .buttons-main .btn {
- margin-left: 5px; }
+ /* line 25, ../sass/user-environ/_top-bar.scss */
+ .top-bar .buttons-main .btn {
+ margin-left: 5px; }
/* line 33, ../sass/user-environ/_top-bar.scss */
.edit-mode .top-bar .buttons-main {
- white-space: nowrap; }
-/* line 37, ../sass/user-environ/_top-bar.scss */
-.edit-mode .top-bar .buttons-main.abs {
+ white-space: nowrap; }
+ /* line 37, ../sass/user-environ/_top-bar.scss */
+ .edit-mode .top-bar .buttons-main.abs {
bottom: auto;
left: auto; }
/* line 1, ../sass/user-environ/_bottom-bar.scss */
.ue-bottom-bar {
- color: gray;
- font-size: 0.7em;
- line-height: 16px; }
-/* line 5, ../sass/user-environ/_bottom-bar.scss */
-.ue-bottom-bar .status-holder {
+ color: gray;
+ font-size: 0.7em;
+ line-height: 16px; }
+ /* line 5, ../sass/user-environ/_bottom-bar.scss */
+ .ue-bottom-bar .status-holder {
-webkit-border-radius: 5.25px;
-moz-border-radius: 5.25px;
-ms-border-radius: 5.25px;
@@ -2189,8 +2243,8 @@ input[type="text"].numeric {
border-bottom: 1px solid #4d4d4d;
padding: 2px 5px;
text-transform: uppercase; }
-/* line 13, ../sass/user-environ/_bottom-bar.scss */
-.ue-bottom-bar .app-logo {
+ /* line 13, ../sass/user-environ/_bottom-bar.scss */
+ .ue-bottom-bar .app-logo {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -2198,20 +2252,20 @@ input[type="text"].numeric {
line-height: 10px;
padding-top: 1px;
text-transform: uppercase; }
-/* line 19, ../sass/user-environ/_bottom-bar.scss */
-.ue-bottom-bar .app-logo.logo-warp {
- background: url("../images/logo-warp.png") no-repeat left top;
- color: #999999;
- font-size: 0.7rem;
- padding-top: 3px;
- text-align: right; }
+ /* line 19, ../sass/user-environ/_bottom-bar.scss */
+ .ue-bottom-bar .app-logo.logo-warp {
+ background: url("../images/logo-warp.png") no-repeat left top;
+ color: #999999;
+ font-size: 0.7rem;
+ padding-top: 3px;
+ text-align: right; }
/* line 29, ../sass/user-environ/_bottom-bar.scss */
.status.block {
- display: inline-block;
- margin-right: 20px; }
-/* line 32, ../sass/user-environ/_bottom-bar.scss */
-.status.block .status-indicator {
+ display: inline-block;
+ margin-right: 20px; }
+ /* line 32, ../sass/user-environ/_bottom-bar.scss */
+ .status.block .status-indicator {
-webkit-border-radius: 2.7px;
-moz-border-radius: 2.7px;
-ms-border-radius: 2.7px;
@@ -2225,29 +2279,29 @@ input[type="text"].numeric {
font-size: 1.25em;
vertical-align: middle;
margin-right: 5px; }
-/* line 40, ../sass/user-environ/_bottom-bar.scss */
-.status.block .status-indicator.ok {
- color: #009900; }
-/* line 43, ../sass/user-environ/_bottom-bar.scss */
-.status.block .status-indicator.caution {
- color: #ffaa00; }
+ /* line 40, ../sass/user-environ/_bottom-bar.scss */
+ .status.block .status-indicator.ok {
+ color: #009900; }
+ /* line 43, ../sass/user-environ/_bottom-bar.scss */
+ .status.block .status-indicator.caution {
+ color: #ffaa00; }
/* line 1, ../sass/user-environ/_object-browse.scss */
.object-browse-bar {
- height: 35px;
- line-height: 35px; }
-/* line 5, ../sass/user-environ/_object-browse.scss */
-.object-browse-bar .items-select .btn-menu {
+ height: 35px;
+ line-height: 35px; }
+ /* line 5, ../sass/user-environ/_object-browse.scss */
+ .object-browse-bar .items-select .btn-menu {
margin-right: 15px; }
/* line 1, ../sass/user-environ/_tool-bar.scss */
.tool-bar {
- border-bottom: 1px solid #4d4d4d; }
-/* line 3, ../sass/user-environ/_tool-bar.scss */
-.tool-bar .control-group {
+ border-bottom: 1px solid #4d4d4d; }
+ /* line 3, ../sass/user-environ/_tool-bar.scss */
+ .tool-bar .control-group {
height: 35px; }
-/* line 6, ../sass/user-environ/_tool-bar.scss */
-.tool-bar input[type="text"] {
+ /* line 6, ../sass/user-environ/_tool-bar.scss */
+ .tool-bar input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -2255,22 +2309,22 @@ input[type="text"].numeric {
height: 28px;
margin-bottom: 1px;
position: relative; }
-/* line 12, ../sass/user-environ/_tool-bar.scss */
-.tool-bar input[type="text"].sm {
- width: 28px; }
-/* line 16, ../sass/user-environ/_tool-bar.scss */
-.tool-bar .input-labeled label {
+ /* line 12, ../sass/user-environ/_tool-bar.scss */
+ .tool-bar input[type="text"].sm {
+ width: 28px; }
+ /* line 16, ../sass/user-environ/_tool-bar.scss */
+ .tool-bar .input-labeled label {
font-size: 12.6px; }
/* line 1, ../sass/helpers/_bubbles.scss */
.bubble-wrapper {
- -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
- -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
- box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
- position: absolute;
- z-index: 10; }
-/* line 8, ../sass/helpers/_bubbles.scss */
-.bubble-wrapper .bubble {
+ -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+ box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
+ position: absolute;
+ z-index: 10; }
+ /* line 8, ../sass/helpers/_bubbles.scss */
+ .bubble-wrapper .bubble {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
@@ -2283,22 +2337,22 @@ input[type="text"].numeric {
font-style: italic;
max-width: 200px;
padding: 4px 8px; }
-/* line 17, ../sass/helpers/_bubbles.scss */
-.bubble-wrapper .bubble:before {
- content: "";
- position: absolute;
- width: 0;
- height: 0; }
-/* line 24, ../sass/helpers/_bubbles.scss */
-.bubble-wrapper.arw-left .bubble:before {
+ /* line 17, ../sass/helpers/_bubbles.scss */
+ .bubble-wrapper .bubble:before {
+ content: "";
+ position: absolute;
+ width: 0;
+ height: 0; }
+ /* line 24, ../sass/helpers/_bubbles.scss */
+ .bubble-wrapper.arw-left .bubble:before {
right: 100%;
top: 50%;
margin-top: -7px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 10.5px solid #990000; }
-/* line 32, ../sass/helpers/_bubbles.scss */
-.bubble-wrapper.arw-down .bubble:before {
+ /* line 32, ../sass/helpers/_bubbles.scss */
+ .bubble-wrapper.arw-down .bubble:before {
left: 50%;
top: 100%;
margin-left: -7px;
@@ -2308,52 +2362,52 @@ input[type="text"].numeric {
/* line 4, ../sass/helpers/_splitter.scss */
.split-layout .splitter {
- background-color: #404040;
- -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
- -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
- box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
- overflow: hidden;
- position: absolute;
- z-index: 1; }
+ background-color: #404040;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
+ -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
+ box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
+ overflow: hidden;
+ position: absolute;
+ z-index: 1; }
/* line 11, ../sass/helpers/_splitter.scss */
.split-layout.horizontal {
- overflow: hidden; }
-/* line 14, ../sass/helpers/_splitter.scss */
-.split-layout.horizontal .pane {
+ overflow: hidden; }
+ /* line 14, ../sass/helpers/_splitter.scss */
+ .split-layout.horizontal .pane {
left: 0;
right: 0; }
-/* line 18, ../sass/helpers/_splitter.scss */
-.split-layout.horizontal > .splitter {
+ /* line 18, ../sass/helpers/_splitter.scss */
+ .split-layout.horizontal > .splitter {
cursor: row-resize;
left: 0;
right: 0;
width: auto;
height: 5px; }
-/* line 54, ../sass/_mixins.scss */
-.split-layout.horizontal > .splitter:before {
- content: '';
- display: block;
- height: auto;
- position: absolute;
- z-index: 2;
- border-top: 1px dotted #1a1a1a;
- top: 2px;
- left: 5px;
- right: 5px; }
-/* line 75, ../sass/_mixins.scss */
-.split-layout.horizontal > .splitter:not(.disabled):hover:before {
- border-color: rgba(0, 153, 204, 0.9); }
+ /* line 54, ../sass/_mixins.scss */
+ .split-layout.horizontal > .splitter:before {
+ content: '';
+ display: block;
+ height: auto;
+ position: absolute;
+ z-index: 2;
+ border-top: 1px dotted #1a1a1a;
+ top: 2px;
+ left: 5px;
+ right: 5px; }
+ /* line 75, ../sass/_mixins.scss */
+ .split-layout.horizontal > .splitter:not(.disabled):hover:before {
+ border-color: rgba(0, 153, 204, 0.9); }
/* line 28, ../sass/helpers/_splitter.scss */
.split-layout.vertical .pane {
- top: 0;
- bottom: 0; }
+ top: 0;
+ bottom: 0; }
/* line 32, ../sass/helpers/_splitter.scss */
.split-layout.vertical > .splitter {
- bottom: 0;
- cursor: col-resize;
- width: 5px; }
-/* line 54, ../sass/_mixins.scss */
-.split-layout.vertical > .splitter:before {
+ bottom: 0;
+ cursor: col-resize;
+ width: 5px; }
+ /* line 54, ../sass/_mixins.scss */
+ .split-layout.vertical > .splitter:before {
content: '';
display: block;
height: auto;
@@ -2363,113 +2417,203 @@ input[type="text"].numeric {
left: 2px;
bottom: 5px;
top: 5px; }
-/* line 75, ../sass/_mixins.scss */
-.split-layout.vertical > .splitter:not(.disabled):hover:before {
+ /* line 75, ../sass/_mixins.scss */
+ .split-layout.vertical > .splitter:not(.disabled):hover:before {
border-color: rgba(0, 153, 204, 0.9); }
/* line 41, ../sass/helpers/_splitter.scss */
.browse-area .splitter {
- top: 40px; }
+ top: 40px; }
/* line 45, ../sass/helpers/_splitter.scss */
.edit-area .splitter {
- top: 0; }
+ top: 0; }
@-webkit-keyframes rotation {
- /* line 2, ../sass/helpers/_wait-spinner.scss */
- from {
- -webkit-transform: rotate(0deg); }
+ /* line 2, ../sass/helpers/_wait-spinner.scss */
+ from {
+ -webkit-transform: rotate(0deg); }
- /* line 3, ../sass/helpers/_wait-spinner.scss */
- to {
- -webkit-transform: rotate(359deg); } }
+ /* line 3, ../sass/helpers/_wait-spinner.scss */
+ to {
+ -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
- /* line 7, ../sass/helpers/_wait-spinner.scss */
- from {
- -moz-transform: rotate(0deg); }
+ /* line 7, ../sass/helpers/_wait-spinner.scss */
+ from {
+ -moz-transform: rotate(0deg); }
- /* line 8, ../sass/helpers/_wait-spinner.scss */
- to {
- -moz-transform: rotate(359deg); } }
+ /* line 8, ../sass/helpers/_wait-spinner.scss */
+ to {
+ -moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
- /* line 12, ../sass/helpers/_wait-spinner.scss */
- from {
- -o-transform: rotate(0deg); }
+ /* line 12, ../sass/helpers/_wait-spinner.scss */
+ from {
+ -o-transform: rotate(0deg); }
- /* line 13, ../sass/helpers/_wait-spinner.scss */
- to {
- -o-transform: rotate(359deg); } }
+ /* line 13, ../sass/helpers/_wait-spinner.scss */
+ to {
+ -o-transform: rotate(359deg); } }
@keyframes rotation {
- /* line 17, ../sass/helpers/_wait-spinner.scss */
- from {
- transform: rotate(0deg); }
+ /* line 17, ../sass/helpers/_wait-spinner.scss */
+ from {
+ transform: rotate(0deg); }
- /* line 18, ../sass/helpers/_wait-spinner.scss */
- to {
- transform: rotate(359deg); } }
+ /* line 18, ../sass/helpers/_wait-spinner.scss */
+ to {
+ transform: rotate(359deg); } }
/* line 22, ../sass/helpers/_wait-spinner.scss */
.t-wait-spinner,
.wait-spinner {
- display: block;
- position: absolute;
- -webkit-animation: rotation .6s infinite linear;
- -moz-animation: rotation .6s infinite linear;
- -o-animation: rotation .6s infinite linear;
- animation: rotation .6s infinite linear;
- border-color: rgba(0, 153, 204, 0.25);
- border-top-color: #0099cc;
- border-style: solid;
- border-width: 0.5em;
- border-radius: 100%;
- top: 50%;
- left: 50%;
- height: auto;
- width: auto;
- padding: 5%;
- pointer-events: none;
- margin-top: -5%;
- margin-left: -5%;
- z-index: 2; }
+ display: block;
+ position: absolute;
+ -webkit-animation: rotation 0.6s infinite linear;
+ -moz-animation: rotation 0.6s infinite linear;
+ -o-animation: rotation 0.6s infinite linear;
+ animation: rotation 0.6s infinite linear;
+ border-color: rgba(0, 153, 204, 0.25);
+ border-top-color: #0099cc;
+ border-style: solid;
+ border-width: 0.5em;
+ border-radius: 100%;
+ top: 50%;
+ left: 50%;
+ height: auto;
+ width: auto;
+ padding: 5%;
+ pointer-events: none;
+ margin-top: -5%;
+ margin-left: -5%;
+ z-index: 2; }
/* line 34, ../sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder {
- pointer-events: none;
- position: absolute; }
-/* line 38, ../sass/helpers/_wait-spinner.scss */
-.l-wait-spinner-holder.align-left .t-wait-spinner {
+ pointer-events: none;
+ position: absolute; }
+ /* line 38, ../sass/helpers/_wait-spinner.scss */
+ .l-wait-spinner-holder.align-left .t-wait-spinner {
left: 0;
margin-left: 0; }
-/* line 43, ../sass/helpers/_wait-spinner.scss */
-.l-wait-spinner-holder.full-size {
+ /* line 43, ../sass/helpers/_wait-spinner.scss */
+ .l-wait-spinner-holder.full-size {
display: inline-block;
height: 100%;
width: 100%; }
-/* line 46, ../sass/helpers/_wait-spinner.scss */
-.l-wait-spinner-holder.full-size .t-wait-spinner {
- top: 0;
- margin-top: 0;
- padding: 30%; }
+ /* line 46, ../sass/helpers/_wait-spinner.scss */
+ .l-wait-spinner-holder.full-size .t-wait-spinner {
+ top: 0;
+ margin-top: 0;
+ padding: 30%; }
/* line 55, ../sass/helpers/_wait-spinner.scss */
.treeview .wait-spinner {
- display: block;
- position: absolute;
- -webkit-animation: rotation .6s infinite linear;
- -moz-animation: rotation .6s infinite linear;
- -o-animation: rotation .6s infinite linear;
- animation: rotation .6s infinite linear;
- border-color: rgba(0, 153, 204, 0.25);
- border-top-color: #0099cc;
- border-style: solid;
- border-width: 0.25em;
- border-radius: 100%;
- height: 18px;
- width: 18px;
- margin: 0 !important;
- padding: 0 !important;
- top: 2px;
- left: 0; }
+ display: block;
+ position: absolute;
+ -webkit-animation: rotation 0.6s infinite linear;
+ -moz-animation: rotation 0.6s infinite linear;
+ -o-animation: rotation 0.6s infinite linear;
+ animation: rotation 0.6s infinite linear;
+ border-color: rgba(0, 153, 204, 0.25);
+ border-top-color: #0099cc;
+ border-style: solid;
+ border-width: 0.25em;
+ border-radius: 100%;
+ height: 18px;
+ width: 18px;
+ margin: 0 !important;
+ padding: 0 !important;
+ top: 2px;
+ left: 0; }
+
+/* line 1, ../sass/_autoflow.scss */
+.autoflow {
+ font-size: 0.75rem; }
+ /* line 6, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-header {
+ bottom: auto;
+ height: 22px;
+ line-height: 22px; }
+ /* line 10, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-header span {
+ vertical-align: middle; }
+ /* line 13, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-header .l-filter {
+ margin-left: 5px; }
+ /* line 18, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items {
+ overflow-x: scroll;
+ overflow-y: hidden;
+ top: 32px;
+ white-space: nowrap; }
+ /* line 25, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-left: 1px solid #4d4d4d;
+ display: inline-block;
+ height: 100%;
+ padding-left: 5px;
+ padding-right: 5px;
+ width: 150px; }
+ /* line 34, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ display: block;
+ height: 15px;
+ line-height: 15px;
+ margin-bottom: 1px;
+ margin-top: 1px;
+ position: relative; }
+ /* line 42, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
+ border-top: none; }
+ /* line 45, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
+ background: rgba(255, 255, 255, 0.1); }
+ /* line 48, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.stale {
+ color: #666666; }
+ /* line 52, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.stale) .l-autoflow-item.r {
+ color: #cccccc; }
+ /* line 57, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.alert .l-autoflow-item.r {
+ background: #cc0000;
+ padding-right: 2px; }
+ /* line 62, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
+ border-top: 1px solid gray; }
+ /* line 65, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
+ bottom: auto;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ top: 1px;
+ bottom: 1px; }
+ /* line 71, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
+ width: 60%;
+ right: auto; }
+ /* line 76, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ left: 60%;
+ text-align: right; }
+ /* line 86, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col:first-child {
+ border-left: none;
+ padding-left: 0; }
+ /* line 89, ../sass/_autoflow.scss */
+ .autoflow .l-autoflow-items .l-autoflow-col:first-child .l-autoflow-item.l {
+ left: 0; }
diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot
old mode 100755
new mode 100644
index b8ab5ff50a..a650f0fc66
Binary files a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot and b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot differ
diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg
old mode 100755
new mode 100644
index 0198bec408..22afe8758d
--- a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg
+++ b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg
@@ -1,381 +1,203 @@
-
diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf
old mode 100755
new mode 100644
index 014495ec83..afde7cd252
Binary files a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf and b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf differ
diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff
old mode 100755
new mode 100644
index c5d0893050..37ef316257
Binary files a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff and b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff differ
diff --git a/platform/commonUI/general/res/sass/_autoflow.scss b/platform/commonUI/general/res/sass/_autoflow.scss
new file mode 100644
index 0000000000..ccadc8ad9b
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_autoflow.scss
@@ -0,0 +1,95 @@
+.autoflow {
+ $headerH: $formInputH;
+ $colMargin: $interiorMargin;
+ $rowH: 15px;
+ font-size: 0.75rem;
+ .l-autoflow-header {
+ bottom: auto;
+ height: $headerH;
+ line-height: $headerH;
+ span {
+ vertical-align: middle;
+ }
+ .l-filter {
+ margin-left: $interiorMargin;
+ }
+ }
+
+ .l-autoflow-items {
+// @include test(green);
+// right: auto; width: 100; // TEMP!
+ overflow-x: scroll;
+ overflow-y: hidden;
+ top: $headerH + $interiorMargin * 2;
+ white-space: nowrap;
+ .l-autoflow-col {
+// @include test();
+ @include box-sizing(border-box);
+ border-left: 1px solid $colorInteriorBorder;
+ display: inline-block;
+ height: 100%;
+ padding-left: $colMargin;
+ padding-right: $colMargin;
+ width: 150px;
+ .l-autoflow-row {
+// @include test(red);
+ @include box-sizing(border-box);
+ display: block;
+ height: $rowH;
+ line-height: $rowH;
+ margin-bottom: 1px; margin-top: 1px;
+ position: relative;
+ &:first-child {
+ border-top: none;
+ }
+ &:hover {
+ background: rgba(#fff, 0.1);
+ }
+ &.stale {
+ color: darken($colorBodyFg, 20%);
+ }
+ &:not(.stale) {
+ .l-autoflow-item.r {
+ color: lighten($colorBodyFg, 20%);
+ }
+ }
+ &.alert {
+ .l-autoflow-item.r {
+ background: $colorFormError;
+ padding-right: 2px;
+ }
+ }
+ &.first-in-group {
+ border-top: 1px solid lighten($colorInteriorBorder, 20%);
+ }
+ .l-autoflow-item {
+ bottom: auto;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ top: 1px; bottom: 1px;
+ &.l {
+// @include test(orange);
+ width: 60%; right: auto;
+// left: $interiorMarginSm;
+ }
+ &.r {
+// @include test(blue);
+ @include border-radius($controlCr);
+ left: 60%;
+// right: $interiorMarginSm;
+ text-align: right;
+ }
+ }
+ }
+
+ &:first-child {
+ border-left: none;
+ padding-left: 0;
+ .l-autoflow-item.l {
+ left: 0;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/_badges.scss b/platform/commonUI/general/res/sass/_badges.scss
new file mode 100644
index 0000000000..90656fd93a
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_badges.scss
@@ -0,0 +1,40 @@
+.badge {
+ @include background-image(linear-gradient(lighten($colorAlt1, 10%), $colorAlt1));
+ color: $colorBodyBg;
+ display: inline-block;
+ text-align: center;
+}
+
+.top-bar .badge {
+ @include border-radius($controlCr * 1.5);
+ $h: $ueTopBarH; // - 5px;
+ font-size: 1.4em;
+ height: $h;
+ line-height: $h;
+ margin-right: $interiorMargin;
+ width: $badgeW;
+ vertical-align: middle;
+}
+
+//.top-bar .btn-browse .badge {
+// Moved to _controls.scss .btn.browse-btn
+// @include border-radius($controlCr * 1.5);
+// $d: 20px;
+// display: block;
+// font-size: 1em;
+// line-height: $d;
+//// margin-top: -4px;
+//
+// position: absolute;
+// top: 5px; left: 5px; bottom: 5px; right: auto;
+// width: $d; height: auto;
+//}
+
+.super-menu .badge {
+ @include background-image(linear-gradient(lighten($colorCreateBtn, 10%), $colorCreateBtn));
+ @include border-radius($controlCr);
+ @include boxShdwSubtle();
+// display: inline-block;
+// margin-right: 10px !important;
+ padding: 2px 7px;
+}
diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss
new file mode 100644
index 0000000000..39e002a459
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_constants.scss
@@ -0,0 +1,95 @@
+// Margins, spacing, radii
+$bodyMargin: 10px;
+$interiorMargin: 5px;
+$interiorMarginLg: $interiorMargin * 2;
+$interiorMarginSm: 3px;
+$basicCr: 3px;
+$controlCr: $basicCr;
+$badgeW: 35px;
+
+// Colors and shading
+$colorBodyBg: #333;
+$colorBodyFg: #999;
+$colorFooterBg: #000;
+$colorKey: #0099cc;
+$colorKeyFg: #fff;
+$colorAlt1: #ffc700;
+$colorAlert: #ff3c00;
+$colorCheck: $colorKey;
+$colorCreateBtn: $colorKey;
+$colorInteriorBorder: lighten($colorBodyBg, 10%);
+$colorObjFrameBg: darken($colorBodyBg, 5%);
+$colorFormRequired: #ffc700;
+$colorFormValid: #33cc33;
+$colorFormError: #cc0000;
+$colorFormInvalid: #ff9900;
+
+
+// Ratios
+$ltGamma: 20%;
+$btnFontSizeToH: 0.45;
+
+// User Environment
+$ueTopBarH: 35px;
+$ueFooterH: 20px;
+$ueColMargin: 1.5%;
+$ueAppLogoW: 95px;
+$ueBrowseViewBarH: $ueTopBarH; // was 30px
+$ueEditToolBarH: $ueBrowseViewBarH;
+$ueEditToolBarButtonH: $ueEditToolBarH * 0.8;
+$ueBrowseLeftPaneW: 25%;
+$ueEditLeftPaneW: 75%;
+
+// Overlay
+$colorOvrBlocker: rgba(black, 0.7);
+$colorOvrBg: $colorBodyBg;
+$colorOvrFg: $colorBodyFg;
+$ovrTopBarH: 60px;
+$ovrFooterH: 40px;
+
+//Items
+$ueBrowseGridItemLg: 200px;
+$ueBrowseGridItemTopBarH: 20px;
+$ueBrowseGridItemBottomBarH: 40px;
+$colorItemBase: lighten($colorBodyBg, 5%);
+$colorItemFg: lighten($colorItemBase, 20%);
+$colorItemSelected: $colorKey;
+
+// Tree
+$treeVCW: 10px;
+$treeTypeIconW: 17px;
+$treeContextTriggerW: 20px;
+$colorItemTreeIcon: $colorKey;
+$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
+$colorItemTreeVCHover: $colorAlt1;
+
+//Tabular
+$tabularHeaderH: 20px;
+$tabularTdPadLR: 5px;
+$tabularTdPadTB: 2px;
+$tabularColorBorder: rgba(white, 0.1);
+$tabularColorBodyBg: darken($colorBodyBg, 10%);
+$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%);
+$tabularColorHeaderBg: lighten($colorBodyBg, 10%);
+$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%);
+
+// Controls
+$controlCr: $basicCr;
+$controlDisabledOpacity: 0.3;
+$formLabelW: 20%;
+$formInputH: 22px;
+$formRowCtrlsH: 14px;
+$menuLineH: 1.5rem;
+$scrollbarTrackSize: 10px;
+$scrollbarTrackColorBg: rgba(#000, 0.4);
+
+// Paths
+$dirImgs: '../images/';
+
+// Ticks
+$ticksH: 25px;
+$tickLblVMargin: 3px;
+$tickLblH: 15px;
+$tickLblW: 50px;
+$tickH: $ticksH - $tickLblVMargin - $tickLblH;
+$tickW: 1px;
diff --git a/platform/commonUI/general/res/sass/_effects.scss b/platform/commonUI/general/res/sass/_effects.scss
new file mode 100644
index 0000000000..76e25f9874
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_effects.scss
@@ -0,0 +1,19 @@
+.disabled,
+a.disabled {
+ @include opacity($controlDisabledOpacity);
+ pointer-events: none !important;
+ cursor: default !important;
+}
+
+.incised {
+ @include boxIncised(0.8);
+ border-bottom: 1px solid rgba(#fff, 0.3);
+}
+
+.outline {
+ @include boxOutline();
+}
+
+.test {
+ @include test();
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/_fonts.scss b/platform/commonUI/general/res/sass/_fonts.scss
new file mode 100644
index 0000000000..5292c5669e
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_fonts.scss
@@ -0,0 +1,3 @@
+.ui-symbol {
+ font-family: 'symbolsfont';
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/_global.scss b/platform/commonUI/general/res/sass/_global.scss
new file mode 100644
index 0000000000..b78730b8c3
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_global.scss
@@ -0,0 +1,89 @@
+@font-face {
+ /*
+ * Use https://www.web-font-generator.com/ to gen fonts
+ */
+ font-family: 'symbolsfont';
+ src: url('../fonts/symbols/wtdsymbols.eot');
+ src: url('../fonts/symbols/wtdsymbols.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/symbols/wtdsymbols.woff') format('woff'),
+ url('../fonts/symbols/wtdsymbols.woff2') format('woff2'),
+ url('../fonts/symbols/wtdsymbols.ttf') format('truetype'),
+ url('../fonts/symbols/wtdsymbols.svg#armataregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+a {
+ color: #ccc;
+ cursor: pointer;
+ text-decoration: none;
+ &:hover {
+ color: #fff;
+ }
+}
+
+body, html {
+ background-color: $colorBodyBg;
+ color: $colorBodyFg;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 100%;
+ margin: $bodyMargin;
+ overflow: hidden;
+}
+
+em {
+ color: rgba(white, 0.2);
+ font-style: normal;
+}
+
+input, textarea {
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+h1, h2, h3 {
+ margin: 0;
+}
+
+h1 {
+ font-size: 1.7em;
+ font-weight: normal;
+ margin-bottom: 20px;
+}
+
+span {
+ box-sizing: border-box;
+}
+
+.abs {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: auto;
+ width: auto;
+}
+
+.code {
+ font-family: "Lucida Console", monospace;
+ font-size: 0.7em;
+ line-height: 150%;
+ white-space: pre;
+}
+
+.centered {
+ text-align: center;
+}
+
+.colorKey {
+ color: $colorKey;
+}
+
+.ds {
+ @include box-shadow(rgba(#000, 0.7) 0 4px 10px 2px);
+}
+
+.hide,
+.hidden {
+ display: none !important;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/_holder.scss b/platform/commonUI/general/res/sass/_holder.scss
new file mode 100644
index 0000000000..194904b40c
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_holder.scss
@@ -0,0 +1,7 @@
+.pane {
+ .holder {
+// left: $interiorMargin;
+// right: $interiorMargin;
+ }
+// &:first-child .holder { left: 0; }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/_icons.scss b/platform/commonUI/general/res/sass/_icons.scss
new file mode 100644
index 0000000000..69560bb259
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_icons.scss
@@ -0,0 +1,69 @@
+.triangle {
+ $myColor: $colorKey;
+ $mySize: 10px;
+ @include triangle-right($mySize, $myColor);
+ &.triangle-down {
+ @include triangle-down($mySize, $myColor);
+ }
+}
+
+.ui-symbol {
+ $c: $colorKey;
+ &.icon {
+ color: $c;
+ @include txtShdwSubtle();
+ &.alert {
+ color: $colorAlert;
+ &:hover {
+ color: lighten($colorAlert, $ltGamma);
+ }
+ }
+ &.major {
+ font-size: 1.65em;
+ }
+ &:hover {
+ // color: lighten($c, $ltGamma);
+ .invoke-menu {
+ // color: lighten($colorBodyBg, $ltGamma * 2);
+ }
+ }
+ }
+}
+
+.bar .icon {
+ display: inline-block;
+}
+
+.invoke-menu {
+ @include invokeMenu($colorKey);
+ display: inline-block;
+ font-size: 1rem;
+ vertical-align: middle;
+}
+
+.btn-menu .invoke-menu,
+.icon.major .invoke-menu {
+ margin-left: $interiorMargin;
+}
+
+.icon-buttons-main .invoke-menu {
+ @include invokeMenu(lighten($colorBodyBg, $ltGamma));
+}
+
+.menu-element .invoke-menu {
+
+}
+
+.object-header .type-icon {
+ color: $colorAlt1;
+}
+
+.menu .type-icon,
+.tree-item .type-icon,
+.icon-btn .menu.dropdown .icon,
+.super-menu.menu.dropdown .icon {
+ font-size: $menuLineH * 0.93;
+ line-height: $menuLineH * 1.13;
+ position: absolute;
+}
+
diff --git a/platform/commonUI/general/res/sass/_main.scss b/platform/commonUI/general/res/sass/_main.scss
new file mode 100755
index 0000000000..5d9de639fc
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_main.scss
@@ -0,0 +1,37 @@
+@import "compass";
+@import "compass/reset";
+@import "compass/css3";
+@import "compass/css3/user-interface";
+@import "compass/utilities";
+
+@import "mixins";
+@import "effects";
+@import "global";
+@import "fonts";
+@import "user-environ/layout";
+@import "badges";
+@import "icons";
+@import "lists/tabular";
+@import "controls/buttons";
+@import "controls/controls";
+@import "controls/lists";
+@import "controls/menus";
+@import "forms/mixins";
+@import "forms/elems";
+@import "forms/validation";
+@import "forms/text-input";
+@import "forms/selects";
+@import "forms/channel-selector";
+@import "forms/datetime";
+@import "forms/filter";
+@import "plots/plots-main";
+@import "overlay/overlay";
+@import "user-environ/frame";
+@import "user-environ/top-bar";
+@import "user-environ/bottom-bar";
+@import "user-environ/object-browse";
+@import "user-environ/tool-bar";
+@import "helpers/bubbles";
+@import "helpers/splitter";
+@import "helpers/wait-spinner";
+@import "autoflow";
diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss
new file mode 100644
index 0000000000..85ba457e49
--- /dev/null
+++ b/platform/commonUI/general/res/sass/_mixins.scss
@@ -0,0 +1,163 @@
+@mixin trans-prop-nice-resize-h() {
+ @include transition-property(height, bottom, top);
+ @include transition-duration(0.4s);
+ @include transition-timing-function(ease-in-out);
+}
+
+@mixin triangle-right($size, $color) {
+ $size: $size/2;
+ $ratio: 1;
+ width: 0;
+ height: 0;
+ border-top: $size/$ratio solid transparent;
+ border-left: $size solid $color;
+ border-bottom: $size/$ratio solid transparent;
+}
+
+@mixin triangle-down($size, $color) {
+ $size: $size/2;
+ $ratio: 1;
+ width: 0;
+ height: 0;
+ border-left: $size/$ratio solid transparent;
+ border-top: $size solid $color;
+ border-right: $size/$ratio solid transparent;
+}
+
+@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
+ @include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%)));
+ @include border-radius($controlCr);
+ @include box-sizing(border-box);
+// @include box-shadow(rgba(black, 0.3) 0 1px 2px);
+ @include boxShdwSubtle();
+ border-top: 1px solid lighten($bg, 20%);
+ color: $fg;
+ display: inline-block;
+ @if $hover == true {
+ &:hover {
+ @include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%)));
+ }
+ }
+}
+
+@mixin sliderTrack($bg: $scrollbarTrackColorBg) {
+ $b: 1px solid lighten($bg, 30%);
+ @include border-radius(2px);
+ @include box-sizing(border-box);
+ @include boxIncised(0.7);
+ background-color: $bg;
+ border-bottom: $b;
+ border-right: $b;
+}
+
+@mixin controlGrippy($b, $direction: horizontal, $w: 1px, $style: dotted) {
+ &:before {
+ // Grippy
+ content: '';
+ display: block;
+ height: auto;
+ position: absolute;
+ z-index: 2;
+
+ @if $direction == "horizontal" {
+ border-top: $w $style darken($b, 15%);
+ top: 2px;
+ left: 5px;
+ right: 5px;
+
+ } @else if $direction == "vertical" {
+ border-left: $w $style darken($b, 15%);
+ left: 2px;
+ bottom: 5px;
+ top: 5px;
+ }
+ }
+ &:not(.disabled):hover:before {
+ border-color: rgba($colorKey, 0.9);
+ }
+}
+
+@mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
+ @include containerSubtle($bg, $fg);
+ &:not(.disabled):hover {
+ @include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 10%)));
+ }
+}
+
+@mixin btnNoticeable($bg: $colorBodyBg, $fg: $colorBodyFg) {
+ @include containerSubtle($bg, $fg);
+ @include background-image(linear-gradient(lighten($bg, 20%), $bg));
+ &:not(.disabled):hover {
+ @include background-image(linear-gradient(lighten($bg, 30%), lighten($bg, 10%)));
+ }
+}
+
+@mixin boxIncised($sVal: 0.6) {
+ @include box-shadow(inset rgba(black, $sVal) 0 1px 5px);
+}
+
+@mixin boxOutline($c: lighten($colorBodyBg, 20%)) {
+ border: 1px solid $c;
+}
+
+@mixin boxShdwSubtle($sVal: 0.3) {
+ @include box-shadow(rgba(black, $sVal) 0 1px 3px);
+}
+
+@mixin boxShdwLarge($sVal: 0.7) {
+ @include box-shadow(rgba(black, $sVal) 0 3px 10px);
+}
+
+@mixin outerGlow($color: #fff, $sVal: 0.3) {
+ @include box-shadow(rgba($color, $sVal) 0 0 30px);
+}
+
+@mixin txtShdwSubtle($sVal: 0.1) {
+ @include text-shadow(rgba(black, $sVal) 0 1px 2px);
+}
+
+
+@mixin invokeMenu($baseColor) {
+ $c: $baseColor;
+ color: $c;
+ &:hover {
+ color: lighten($c, $ltGamma);
+ }
+}
+
+@mixin menuUlReset() {
+ margin: 0;
+ padding: 0;
+ li {
+ list-style-type: none;
+ margin:0;
+ padding: 0;
+ }
+}
+
+@mixin vertical-align {
+ /* This doesn't work on an element inside an element with absolute positioning that has height: auto */
+ position: relative;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+@mixin wait-spinner($b: 5px, $c: $colorAlt1) {
+ display: block;
+ position: absolute;
+ -webkit-animation: rotation .6s infinite linear;
+ -moz-animation: rotation .6s infinite linear;
+ -o-animation: rotation .6s infinite linear;
+ animation: rotation .6s infinite linear;
+ border-color: rgba($c, 0.25);
+ border-top-color: rgba($c, 1.0);
+ border-style: solid;
+ border-width: $b;
+ border-radius: 100%;
+}
+
+@mixin test($c: #ffcc00, $a: 0.2) {
+ background-color: rgba($c, $a);
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss
new file mode 100644
index 0000000000..219d2b7fce
--- /dev/null
+++ b/platform/commonUI/general/res/sass/controls/_buttons.scss
@@ -0,0 +1,52 @@
+$pad: $interiorMargin * 2;
+
+/*********************************** TYPE STYLES */
+.t-btn {
+ cursor: pointer;
+}
+
+
+/*********************************** STYLE STYLES */
+.s-btn {
+ $base: lighten($colorBodyBg, 20%);
+ @include border-radius($controlCr);
+ @include box-sizing(border-box);
+ @include text-shadow(rgba(black, 0.3) 0 1px 1px);
+ line-height: 1.2em;
+ padding: 0 $pad;
+ text-decoration: none;
+ &.s-very-subtle {
+ @include containerSubtle($colorBodyBg, $colorBodyFg, true);
+ }
+}
+
+.s-icon-btn {
+ @extend .s-btn;
+ font-size: 1.2em;
+ .icon {
+ color: $colorKey;
+ }
+
+ &:not(.disabled):hover .icon {
+ color: lighten($colorKey, $ltGamma);
+ }
+
+ &.labeled {
+ padding: 0 $pad/2;
+ .icon {
+ font-size: 1.5em;
+ }
+ .title-label {
+ margin-left: $interiorMargin;
+ }
+ }
+}
+
+
+/*********************************** LAYOUT STYLES */
+span.l-btn,
+span.l-btn span,
+a.l-btn,
+a.l-btn span {
+ display: inline-block;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss
new file mode 100644
index 0000000000..b21a726e14
--- /dev/null
+++ b/platform/commonUI/general/res/sass/controls/_controls.scss
@@ -0,0 +1,471 @@
+.control {
+ &.view-control {
+ .icon {
+ display: inline-block;
+ margin: -1px 5px 1px 2px;
+ vertical-align: middle;
+ &.triangle-down {
+ margin: 2px 2px -2px 0px;
+ }
+ }
+
+ .label {
+ display: inline-block;
+ font-size: 11px;
+ vertical-align: middle;
+ }
+
+ .toggle {
+ @include border-radius(3px);
+ display: inline-block;
+ padding: 1px 6px 4px 4px;
+ &:hover {
+ background: rgba(white, 0.1);
+ }
+ }
+ }
+}
+
+.accordion {
+ $accordionHeadH: 18px;
+ margin-top: $interiorMargin;
+ &:first-child {
+ margin-top: 0;
+ }
+ .accordion-head {
+ $op: 0.2;
+ @include border-radius($basicCr * 0.75);
+ @include box-sizing("border-box");
+ background: rgba($colorBodyFg, $op);
+ cursor: pointer;
+ font-size: 0.75em;
+ line-height: $accordionHeadH;
+ margin-bottom: $interiorMargin;
+ padding: 0 $interiorMargin;
+ position: absolute;
+ top: 0; right: 0; bottom: auto; left: 0;
+ width: auto; height: $accordionHeadH;
+ text-transform: uppercase;
+ &:hover {
+ background: rgba($colorBodyFg, $op * 2);
+ }
+ &:after {
+ content: "^";
+ display: block;
+ font-family: 'symbolsfont';
+ font-size: 1.2em;
+ position: absolute;
+ right: $interiorMargin;
+ text-transform: none;
+ top: 0;
+ }
+ &:not(.expanded):after {
+ content: "v";
+ }
+ }
+ .accordion-contents {
+ position: absolute;
+ top: $accordionHeadH + $interiorMargin; right: 0; bottom: 0; left: 0;
+ overflow-y: auto;
+ overflow-x: hidden;
+ }
+}
+
+.btn {
+ $base: lighten($colorBodyBg, 20%); // Moved to s-btn
+ $p: 10px; // Moved to s-btn
+ @include border-radius($controlCr); // Moved to s-btn
+ @include box-sizing(border-box); // Moved to s-btn
+ @include text-shadow(rgba(black, 0.3) 0 1px 1px); // Moved to s-btn
+// display: inline-block;
+ // margin-right: 10px;
+ padding: 0 ($interiorMargin * 2); // Moved to s-btn
+ text-decoration: none; // Moved to s-btn
+ &.create-btn {
+ $h: $ueBrowseViewBarH;
+ height: $h;
+ line-height: $h;
+ font-size: 1.1em;
+ padding: 0 ($p * 1.5) 0 $p;
+ .menu {
+ margin-left: $p * -1;
+ }
+ .ui-symbol.major {
+ font-size: 1.1em;
+ }
+ }
+ &.major {
+ $bg: $colorKey;
+ @include btnNoticeable($bg);
+ $fg: lighten($bg, 50%);
+ color: $fg;
+ &:hover {
+ @include btnNoticeable(lighten($bg, 5%));
+ color: $fg;
+ }
+ .invoke-menu {
+ color: $fg;
+ }
+ }
+ &.normal {
+ padding: $p * 0.5 $p * 0.7;
+ }
+ &.outline {
+ &:hover {
+ background: rgba(#fff, 0.1);
+ }
+ }
+ &.subtle {
+ @include btnSubtle($base, lighten($base, 40%));
+ }
+
+ &.very-subtle {
+ @include btnSubtle($colorBodyBg, lighten($colorBodyBg, 50%));
+ }
+ &.lg {
+ @include border-radius($controlCr * 1.5);
+ font-size: 1.2em;
+ padding: 7px 25px;
+ }
+ &.icon-btn {
+ .icon {
+ color: $colorKey;
+ }
+
+ &:not(.disabled):hover .icon {
+ color: lighten($colorKey, $ltGamma);
+ }
+ }
+}
+
+.btn-bar {
+ // position: relative;
+ .btn,
+ .btn-set,
+ .t-btn {
+ display: inline-block;
+ margin-left: $interiorMargin;
+ }
+ .btn,
+ .t-btn {
+ &:first-child {
+// margin-left: 0;
+ }
+ }
+}
+
+.control-group {
+ // Buttons that have a conceptual grouping - internal space between, and a divider between groups.
+ // @include test();
+ @include box-sizing(border-box);
+ border-left: 1px solid $colorInteriorBorder;
+ padding: 0 $interiorMargin;
+ position: relative;
+ &:first-child {
+ border-left: none;
+ padding-left: 0;
+ }
+}
+
+.btn-set {
+ // Buttons that have a very tight conceptual grouping - no internal space between them.
+ display: inline-block;
+ position: relative;
+ .btn,
+ .t-btn {
+ @include border-radius(0);
+ border-left: 1px solid lighten($colorBodyBg, 20%);
+ margin-left: 0;
+ &:first-child {
+ border-left: none;
+ @include border-left-radius($controlCr);
+ }
+ &:last-child {
+ @include border-right-radius($controlCr);
+ }
+ }
+}
+
+.object-browse-bar .btn,
+.object-browse-bar .t-btn,
+.top-bar .buttons-main .btn,
+.top-bar .buttons-main .t-btn,
+.tool-bar .btn,
+.tool-bar .t-btn {
+ $h: $ueEditToolBarButtonH;
+ display: inline-block;
+ font-size: $h * $btnFontSizeToH;
+ height: $h;
+ line-height: $h;
+ .icon:not(.invoke-menu) {
+// position: relative;
+// top: -0.04em;
+ font-size: 150%;
+ vertical-align: middle;
+ }
+}
+
+label.checkbox.custom {
+ $bg: lighten($colorBodyBg, $ltGamma);
+ $d: $formRowCtrlsH;
+ // @include vertical-align();
+ cursor: pointer;
+ display: inline-block;
+ line-height: $d;
+ margin-right: $interiorMargin * 4;
+ padding-left: $d + $interiorMargin;
+ position: relative;
+ em {
+ color: $colorBodyFg;
+ display: inline-block;
+ height: $d;
+ min-width: $d;
+ &:before {
+ @include border-radius($basicCr * .75);
+ background: $bg;
+ border-bottom: 1px solid lighten($bg, 10%);
+ box-sizing: border-box;
+ content: " ";
+ font-family: 'symbolsfont';
+ font-size: 0.8em;
+ display: inline-block;
+ margin-right: $interiorMargin;
+ height: $d;
+ width: $d;
+ left: 0;
+ top: 0;
+ position: absolute;
+ text-align: center;
+ }
+ }
+ &.no-text {
+ overflow: hidden;
+ margin-right: 0;
+ padding-left: 0;
+ height: $d;
+ width: $d;
+ em {
+ overflow: hidden;
+ }
+ }
+ input {
+ display: none;
+ &:checked ~ em:before {
+ background: $colorCheck;
+ color: lighten($colorCheck, 50%);
+ content: "2";
+ }
+ }
+}
+
+.input-labeled {
+ margin-left: $interiorMargin;
+ label {
+ display: inline-block;
+ margin-right: $interiorMarginSm;
+ }
+ &.inline {
+ display: inline-block;
+ }
+ &:first-child {
+ margin-left: 0;
+ }
+}
+
+.btn-menu label.checkbox.custom {
+ margin-left: 5px;
+}
+
+.item .checkbox {
+ &.checked label {
+ @include box-shadow(none);
+ border-bottom: none;
+ }
+}
+
+.btn-menu {
+ $h: 20px;
+ $p: 7px;
+ $c: $colorBodyFg;
+ @include btnSubtle($colorBodyBg);
+ height: $h;
+ line-height: $h;
+ &.dropdown {
+ // padding-left: $p;
+ padding-right: $p;
+ }
+
+ &:not(.disabled):hover {
+ color: lighten($c, 20%);
+ }
+
+ &.btn-invoke-menu {
+ $c: $colorKey;
+ color: $c;
+ padding: 0 5px;
+ &:hover {
+ color: lighten($c, 10%);
+ }
+ }
+
+ .type-icon {
+ margin-right: $interiorMargin;
+ }
+ .menu {
+ // margin-left: (-1 * $p);
+ text-align: left;
+ .ui-symbol.icon {
+ width: 12px;
+ }
+ }
+}
+
+.top-bar .btn-menu {
+ $h: $ueTopBarH; // 35px
+ $p: 10px;
+ $badgeM: $interiorMargin;
+ $badgeD: $h - ($badgeM * 2);
+ height: $h;
+ line-height: $h;
+ padding-right: 10px;
+ &.browse-btn {
+ margin-right: $interiorMargin;
+ padding-left: $badgeD + $badgeM * 2;
+ .badge {
+ @include border-radius($controlCr * 1.5);
+ display: block;
+ font-size: 1em;
+ line-height: $badgeD;
+ position: absolute;
+ top: $badgeM;
+ left: $badgeM;
+ bottom: $badgeM;
+ right: auto;
+ width: $badgeD;
+ height: auto;
+ }
+ }
+}
+
+/******************************************************** OBJECT-HEADER */
+.object-header {
+ display: inline-block;
+ font-size: 1em;
+ .title {
+ color: lighten($colorBodyFg, 40%);
+ }
+ .type-icon {
+ font-size: 1.5em;
+ margin-right: $interiorMargin;
+ vertical-align: middle;
+ }
+}
+
+.top-bar,
+.object-browse-bar {
+ .object-header {
+ font-size: 1.2em;
+ span {
+ display: inline-block;
+ margin-right: $interiorMargin;
+ }
+ }
+}
+
+/******************************************************** VIEW-CONTROLS */
+
+.view-controls .view-type {
+ $d: 20px;
+ $p: 5px;
+ @include border-radius($controlCr);
+ box-sizing: border-box;
+ display: inline-block;
+ margin-left: $interiorMargin;
+ height: $d;
+ line-height: $d;
+ padding-left: $p;
+ padding-right: $p;
+ &.cur {
+ background: lighten($colorBodyBg, $ltGamma);
+ }
+}
+
+.edit-mode .top-bar .control-set.edit-view-controls {
+ // Used in templates/edit-view-controls.html
+ margin-right: $interiorMargin * 10;
+}
+
+/******************************************************** SLIDERS */
+
+.slider {
+ $knobH: 100%; //14px;
+ $knobW: 12px;
+ $slotH: 50%;
+ .slot {
+// @include border-radius($basicCr * .75);
+ @include sliderTrack();
+ height: $slotH;
+ width: auto;
+ position: absolute;
+ top: ($knobH - $slotH) / 2;
+ right: 0;
+ bottom: auto;
+ left: 0;
+ }
+ .knob {
+ @include btnSubtle();
+ @include controlGrippy(rgba(black, 0.3), vertical, 1px, solid);
+ cursor: ew-resize;
+ position: absolute;
+ height: $knobH;
+ width: $knobW;
+ top: 0;
+ auto: 0;
+ bottom: auto;
+ left: auto;
+ &:before {
+ top: 1px;
+ bottom: 3px;
+ left: ($knobW / 2) - 1;
+ }
+
+ }
+ .range {
+ background: rgba($colorKey, 0.6);
+ cursor: ew-resize;
+ position: absolute;
+ top: 0;
+ right: auto;
+ bottom: 0;
+ left: auto;
+ height: auto;
+ width: auto;
+ &:hover {
+ background: rgba($colorKey, 0.7);
+ }
+ }
+}
+
+/******************************************************** BROWSER ELEMENTS */
+
+::-webkit-scrollbar {
+ @include sliderTrack();
+ height: $scrollbarTrackSize;
+ width: $scrollbarTrackSize;
+}
+
+::-webkit-scrollbar-thumb {
+ $bg: lighten($colorBodyBg, 10%);
+ @include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%) 20px));
+ @include border-radius(1px);
+ @include box-sizing(border-box);
+ @include boxShdwSubtle();
+ border-top: 1px solid lighten($bg, 20%);
+ &:hover {
+ @include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%) 20px));
+ }
+}
+
+::-webkit-scrollbar-corner {
+ background: rgba(#000, 0.4);
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_lists.scss b/platform/commonUI/general/res/sass/controls/_lists.scss
new file mode 100644
index 0000000000..f4fad460af
--- /dev/null
+++ b/platform/commonUI/general/res/sass/controls/_lists.scss
@@ -0,0 +1,9 @@
+.checkbox-list {
+ label.checkbox.custom {
+ display: block;
+ margin-bottom: $interiorMargin;
+ }
+ li {
+ margin-bottom: $interiorMargin;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_menus.scss b/platform/commonUI/general/res/sass/controls/_menus.scss
new file mode 100644
index 0000000000..939b823970
--- /dev/null
+++ b/platform/commonUI/general/res/sass/controls/_menus.scss
@@ -0,0 +1,163 @@
+/******************************************************** MENUS */
+.menu-element {
+ $bg: lighten($colorBodyBg, 5%);
+ $bgHover: lighten($bg, 20%);
+ $iconColor: $colorKey;
+ cursor: pointer;
+ position: relative;
+ .menu {
+ @include border-radius($basicCr);
+ @include containerSubtle($bg);
+ @include txtShdwSubtle(0.2);
+ display: block; // set to block via jQuery
+ padding: $interiorMarginSm 0;
+ position: absolute;
+ z-index: 10;
+ ul {
+ @include menuUlReset();
+ li {
+// @include border-radius($controlCr);
+ @include box-sizing(border-box);
+ border-top: 1px solid lighten($bg, 20%);
+ line-height: $menuLineH;
+ padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 3) + $treeTypeIconW;
+ white-space: nowrap;
+ &:first-child {
+ border: none;
+ }
+ &:hover {
+ background: $bgHover;
+ a {
+ color: $colorKeyFg;
+ }
+ .icon {
+ color: lighten($iconColor, 20%);
+ }
+ }
+ a {
+ color: lighten($bg, 60%);
+ display: block;
+ }
+ .type-icon {
+ left: $interiorMargin * 2;
+ }
+ }
+ }
+ }
+ .super-menu {
+ $w: 400px;
+ $h: $w + 20;
+ $plw: $w * 0.55;
+ $prw: $w - $plw;
+ width: $w;
+ height: $h;
+ .contents { overflow: none; }
+ .pane {
+ @include box-sizing(border-box);
+ &.left {
+// @include test();
+ border-right: 1px solid rgba(white, 0.2);
+ left: 0;
+ padding-right: $interiorMargin;
+ right: auto;
+ width: $plw;
+ overflow-x: hidden;
+ overflow-y: auto;
+ ul {
+ li {
+ @include border-radius($controlCr);
+// @include test(red);
+ border-top: none;
+// font-size: 0.85em;
+// line-height: 20px;
+ &:hover {
+ background: $bgHover;
+ }
+ .icon {
+ @include txtShdwSubtle(0.4);
+ left: $interiorMargin;
+ }
+ }
+ }
+ }
+ &.right {
+ left: $plw;
+ right: 0;
+ padding: $interiorMargin * 3;
+ width: auto;
+ }
+ }
+ }
+ .menu-item-description {
+ .desc-area {
+// @include test(green);
+ &.icon {
+// @include test(red);
+ $h: 150px;
+ position: relative;
+ color: lighten($bg, 30%);
+ font-size: 8em;
+ left: 0;
+ height: $h;
+ line-height: $h;
+// top: 0; right: 0; bottom: 5em; left: 0;
+// height: 5em;
+// text-align: center;
+ }
+ &.description {
+ color: lighten($bg, 30%);
+ font-size: 0.8em;
+ }
+ &.title {
+ color: lighten($bg, 60%);
+ font-size: 1.2em;
+ margin-bottom: 1rem;
+ }
+ }
+ }
+ .context-menu {
+ $bg: lighten($colorBodyBg, 25%);
+ $fg: lighten($bg, 70%);
+ $ic: lighten($colorKey, 15%);
+ font-size: 0.80rem;
+ pointer-events: auto;
+ &.menu {
+ @include containerSubtle($bg);
+ ul li {
+ padding-left: 30px;
+ a { color: $fg; }
+ .icon {
+ color: $ic;
+ }
+ .type-icon {
+ left: $interiorMargin;
+ }
+ &:hover .icon {
+ color: lighten($ic, 5%);
+ }
+ }
+ }
+ }
+}
+
+.context-menu-holder {
+ pointer-events: none;
+ position: absolute;
+ height: 200px;
+ width: 170px;
+ z-index: 59;
+ .context-menu-wrapper {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ .context-menu {
+ }
+ }
+ &.go-left .context-menu { right: 0; }
+ &.go-up .context-menu { bottom: 0; }
+}
+
+.btn-bar.right .menu,
+.menus-to-left .menu {
+ left: auto; right: 0; width: auto;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/controls/_ticks.scss b/platform/commonUI/general/res/sass/controls/_ticks.scss
new file mode 100644
index 0000000000..5bd74f2f40
--- /dev/null
+++ b/platform/commonUI/general/res/sass/controls/_ticks.scss
@@ -0,0 +1,32 @@
+.wrapper-ticks {
+// @include test();
+ height: $ticksH; //temp!
+ position: relative;
+}
+
+.tick {
+ line-height: $tickLblH;
+ position: absolute;
+ top: 0; right: auto; bottom: 0; left: auto;
+ z-index: 2;
+ &.no-label .label { display: none; }
+ &:before {
+ background: rgba(#fff, 0.3);
+// border-bottom: 1px solid blue;
+ content: "";
+ display: block;
+ position: absolute;
+ top: 0; right: auto; bottom: auto; left: auto;
+ height: $tickH; width: $tickW;
+ }
+ .label {
+// @include test();
+ font-size: 0.6em;
+ position: absolute;
+ text-align: center;
+ height: $tickLblH; width: $tickLblW;
+ margin-left: -1 * $tickLblW / 2;
+ top: auto; right: auto; bottom: 0; left: 0;
+
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/edit/_editor.scss b/platform/commonUI/general/res/sass/edit/_editor.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/platform/commonUI/general/res/sass/forms.scss b/platform/commonUI/general/res/sass/forms.scss
new file mode 100644
index 0000000000..786a6a409b
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms.scss
@@ -0,0 +1,16 @@
+@import "compass";
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/opacity";
+@import "compass/utilities";
+
+@import "constants";
+@import "mixins";
+@import "forms/mixins";
+@import "forms/elems";
+@import "forms/textarea";
+@import "forms/text-input";
+@import "forms/selects";
+@import "forms/channel-selector";
+@import "forms/datetime";
+//@import "forms/filter";
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_channel-selector.scss b/platform/commonUI/general/res/sass/forms/_channel-selector.scss
new file mode 100644
index 0000000000..37631d6e86
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_channel-selector.scss
@@ -0,0 +1,26 @@
+.channel-selector {
+ .line {
+ margin-bottom: $interiorMargin;
+ min-height: $formInputH;
+ }
+ .treeview {
+ $myBg: darken($colorBodyBg, 2%);
+ @include subdued-input();
+ min-height: 300px;
+ max-height: 400px;
+ overflow: auto;
+ padding: $interiorMargin;
+ }
+
+ .btns-add-remove {
+// background: rgba(#ff0000, 0.3);;
+ margin-top: 150px;
+ .btn {
+ display: block;
+ font-size: 1.5em;
+ margin-bottom: $interiorMargin;
+ padding: 10px;
+ text-align: center;
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_datetime.scss b/platform/commonUI/general/res/sass/forms/_datetime.scss
new file mode 100644
index 0000000000..10bc81ed0e
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_datetime.scss
@@ -0,0 +1,36 @@
+.complex.datetime {
+ span {
+ display: inline-block;
+ margin-right: $interiorMargin;
+ }
+
+ .field-hints,
+ .fields {
+ }
+
+ .field-hints {
+
+ }
+
+ .fields {
+ margin-top: $interiorMarginSm 0;
+ padding: $interiorMarginSm 0;
+ }
+
+ .date {
+ $myW: 80px;
+ width: $myW + $interiorMargin;
+ input {
+ width: $myW;
+ }
+
+ }
+
+ .time.sm {
+ $myW: 40px;
+ width: $myW + $interiorMargin;
+ input {
+ width: $myW;
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_elems.scss b/platform/commonUI/general/res/sass/forms/_elems.scss
new file mode 100644
index 0000000000..ce59960853
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_elems.scss
@@ -0,0 +1,92 @@
+.form {
+ .section-header {
+ @include border-radius(3px);
+ background: rgba(white, 0.1);
+ font-size: 0.8em;
+ margin-top: $interiorMargin;
+ padding: $interiorMargin;
+ &:first-child {
+ margin-top: 0;
+ }
+ }
+ .form-section {
+ position: relative;
+ }
+
+ .form-row {
+ @include box-sizing(border-box);
+ @include clearfix;
+ // background: rgba(#00ff00, 0.1);
+ border-top: 1px solid $colorInteriorBorder;
+ // box-sizing: border-box;
+ margin-top: $interiorMargin;
+ padding: $interiorMargin;
+ position: relative;
+ &:first-child {
+ border-top: none;
+ }
+ .label,
+ .controls {
+ // background: rgba(#ffcc00, 0.1);
+ @include box-sizing(border-box);
+ @include clearfix;
+ box-sizing: border-box;
+ font-size: 0.75rem;
+ line-height: $formInputH;
+ min-height: $formInputH;
+ }
+
+ >.label {
+ // Only style this way for immediate children of .form-row; prevents problems when .label is used in .controls section of a form
+ float: left;
+ position: relative;
+ white-space: nowrap;
+ width: $formLabelW;
+ }
+
+ .value {
+ color: lighten($colorBodyFg, 20%);
+ }
+
+ .controls {
+ float: left;
+// padding-left: $interiorMargin;
+ position: relative;
+ width: 99% - $formLabelW; // Start with less than 100% for Firefox
+ }
+
+ .field-hints {
+ color: darken($colorBodyFg, 20%);
+ }
+
+ .selector-list {
+ // Used in create overlay to display tree view
+ $h: 150px;
+ @include border-radius($basicCr);
+ background: rgba(black, 0.2);
+ position: relative;
+ height: $h;
+ max-width: 50%;
+ .wrapper {
+ $p: $interiorMargin;
+ overflow-y: auto;
+ position: absolute;
+ top: $p;
+ right: $p;
+ bottom: $p;
+ left: $p;
+ }
+ }
+ }
+}
+
+label.form-control.checkbox {
+ input {
+ margin-right: $interiorMargin;
+ vertical-align: top;
+ }
+}
+
+.hint {
+ font-size: 0.9em;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_filter.scss b/platform/commonUI/general/res/sass/forms/_filter.scss
new file mode 100644
index 0000000000..8e68e2860e
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_filter.scss
@@ -0,0 +1,82 @@
+.filter,
+.t-filter {
+ input.filter,
+ input.t-filter-input {
+ @include subdued-input();
+ }
+ input.t-filter-input {
+ height: $formInputH;
+ width: 200px;
+ &:not(.ng-dirty) {
+// TO-DO: Update compass install to support this
+// @include input-placeholder {
+// color: rgba(#fff, 0.3);
+// font-style: italic;
+// }
+ }
+ &:not(.ng-dirty) + .t-a-clear {
+ display: none;
+ }
+ }
+ .icon.ui-symbol {
+ @include border-radius($controlCr);
+ display: block;
+ font-size: 1.3em;
+ height: $formInputH;
+ line-height: $formInputH;
+ padding: 0px 5px;
+ vertical-align: middle;
+ &:hover {
+ background: rgba(white, 0.1);
+ }
+ }
+ .s-a-clear.ui-symbol {
+ $mgn: 4.5px;
+ $d: $formInputH - $mgn * 2;
+ $cb: #fff;
+ $cf: #333;
+ @include border-radius($controlCr);
+ @include box-sizing(border-box);
+ @include opacity(0.2);
+ background: $cb;
+ color: $cf;
+ display: block;
+ position: absolute;
+ height: $d; width: $d;
+ line-height: $d;
+ margin-top: $d * -0.5;
+ overflow: hidden;
+ padding-top: 1px;
+ right: $mgn; top: 50%;
+ text-align: center;
+ z-index: 5;
+ &:hover {
+ @include opacity(0.6);
+ background-color: $colorKey;
+ }
+ }
+// &:not(ng-dirty)
+}
+
+.l-filter {
+ // Holds an input and a clear button
+ display:inline-block;
+ position: relative;
+}
+
+.top-bar {
+ input.filter {
+ $h: $ueTopBarH;
+ $ip: 10px;
+ font-size: .8em;
+ height: $h;
+ line-height: $h;
+ margin-right: $interiorMargin;
+ margin-top: -5px;
+ padding-left: $ip;
+ padding-right: $ip;
+ }
+ .icon-filter {
+ font-size: 1.4em;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_mixins.scss b/platform/commonUI/general/res/sass/forms/_mixins.scss
new file mode 100644
index 0000000000..25e894abe6
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_mixins.scss
@@ -0,0 +1,30 @@
+@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) {
+ @include appearance(none);
+ @include border-radius($controlCr);
+ @include box-sizing(border-box);
+ @include box-shadow(inset rgba(black, 0.5) 0 1px 5px);
+ background: lighten($bg, 20%);
+ border: none;
+ border-bottom: 1px solid lighten($bg, 40%);
+ color: lighten($fg, 20%);
+ outline: none;
+ &.error {
+ background: rgba(red, 0.5);
+ }
+}
+
+@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
+ @include input-base($bg, $fg);
+ padding: 0 $interiorMarginSm;
+}
+
+@mixin nice-textarea($bg: $colorBodyBg, $fg: $colorBodyFg) {
+ @include input-base($bg, $fg);
+ padding: $interiorMargin;
+}
+
+@mixin subdued-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
+ @include nice-input($bg, $fg);
+ background: lighten($bg, 3%);
+ border-bottom: 1px solid lighten($bg, 10%);
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_selects.scss b/platform/commonUI/general/res/sass/forms/_selects.scss
new file mode 100644
index 0000000000..0009716d7f
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_selects.scss
@@ -0,0 +1,35 @@
+.form-control.select {
+ $myH: $formInputH + 1;
+ @include btnSubtle($colorBodyBg);
+ margin-right: $interiorMargin;
+ margin-top: 1px;
+ padding: 0 25px 0 0;
+ position: relative;
+ overflow: hidden;
+ vertical-align: middle;
+
+ span.arw {
+ display: block;
+ pointer-events: none;
+ position: absolute;
+ right: 8%; top: 10%;
+ }
+
+ select {
+ @include appearance(none);
+ @include box-sizing(border-box);
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+ cursor: pointer;
+// height: $myH;
+// line-height: $myH;
+ padding: 3px 5px 4px 5px;
+ width: 150%;
+ }
+
+ select:focus {
+ outline: none;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_text-input.scss b/platform/commonUI/general/res/sass/forms/_text-input.scss
new file mode 100644
index 0000000000..3346bd1396
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_text-input.scss
@@ -0,0 +1,14 @@
+input[type="text"] {
+ @include nice-input();
+ height: $formInputH;
+ line-height: $formInputH;
+ vertical-align: middle;
+ &.filter {
+ &.ng-dirty {
+// background: red;
+ }
+ }
+ &.numeric {
+ text-align: right;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_textarea.scss b/platform/commonUI/general/res/sass/forms/_textarea.scss
new file mode 100644
index 0000000000..15391226f7
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_textarea.scss
@@ -0,0 +1,7 @@
+.edit-main textarea {
+ @include nice-textarea();
+// font-size: 0.9em;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/forms/_validation.scss b/platform/commonUI/general/res/sass/forms/_validation.scss
new file mode 100644
index 0000000000..e5a06f785e
--- /dev/null
+++ b/platform/commonUI/general/res/sass/forms/_validation.scss
@@ -0,0 +1,47 @@
+.validates {
+ $symbolW: 15px;
+ $symbolM: $interiorMargin * 2;
+ > .label {
+ // @include test(green, 0.1);
+ padding-right: $symbolW + $symbolM; // Keep room for validation element
+ &::after {
+ // @include test(yellow, 0.3);
+ display: block;
+ position: absolute;
+ top: 0;
+ right: $symbolM;
+ bottom: 0;
+ left: auto;
+ height: auto;
+ width: $symbolW;
+ font-family: symbolsfont;
+ font-size: 1.1em;
+ text-align: right;
+ vertical-align: middle;
+ }
+ }
+ &.invalid,
+ &.invalid.req {
+ > .label::after {
+ color: $colorFormInvalid;
+ content: "x";
+ }
+ }
+ &.valid,
+ &.valid.req {
+ > .label::after {
+ color: $colorFormValid;
+ content: "2";
+ }
+ }
+ &.req {
+ > .label::after {
+ color: $colorFormRequired;
+ content: "*";
+ }
+ }
+}
+
+span.req {
+ color: $colorFormRequired;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/helpers/_bubbles.scss b/platform/commonUI/general/res/sass/helpers/_bubbles.scss
new file mode 100644
index 0000000000..0f7548a9c9
--- /dev/null
+++ b/platform/commonUI/general/res/sass/helpers/_bubbles.scss
@@ -0,0 +1,40 @@
+.bubble-wrapper {
+ $arwSize: 7px;
+ $c: #990000;
+ @include box-shadow(rgba(black, 0.4) 0 1px 5px);
+ position: absolute;
+ //top: 200px; left: 200px;
+ z-index: 10;
+ .bubble {
+ @include border-radius($basicCr);
+ display: inline-block;
+ background: $c;
+ color: lighten($c, 50%);
+ font-size: 0.8rem;
+ font-style: italic;
+ max-width: 200px;
+ padding: 4px 8px;
+ &:before {
+ content:"";
+ position: absolute;
+ width: 0;
+ height: 0;
+ }
+ }
+ &.arw-left .bubble:before {
+ right: 100%;
+ top: 50%; // 26px;
+ margin-top: -1 * $arwSize;
+ border-top: $arwSize solid transparent;
+ border-bottom: $arwSize solid transparent;
+ border-right: ($arwSize * 1.5) solid $c;
+ }
+ &.arw-down .bubble:before {
+ left: 50%;
+ top: 100%;
+ margin-left: -1 * $arwSize;
+ border-left: $arwSize solid transparent;
+ border-right: $arwSize solid transparent;
+ border-top: ($arwSize * 1.5) solid $c;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/helpers/_splitter.scss b/platform/commonUI/general/res/sass/helpers/_splitter.scss
new file mode 100644
index 0000000000..4c2997b374
--- /dev/null
+++ b/platform/commonUI/general/res/sass/helpers/_splitter.scss
@@ -0,0 +1,47 @@
+.split-layout {
+ $b: lighten($colorBodyBg, 5%);
+ $splitterD: 5px;
+ .splitter {
+ background-color: $b;
+ @include box-shadow(rgba(black, 0.4) 0 0 3px);
+ overflow: hidden;
+ position: absolute;
+ z-index: 1;
+ }
+ &.horizontal {
+ // Slides vertically up and down, splitting the element horizontally
+ overflow: hidden; // Suppress overall scroll; each internal pane handles its own overflow
+ .pane {
+ left: 0;
+ right: 0;
+ }
+ >.splitter {
+ @include controlGrippy($b, horizontal);
+ cursor: row-resize;
+ left: 0; right: 0;
+ width: auto;
+ height: $splitterD;
+ }
+ }
+ &.vertical {
+ // Slides horizontally left to right, splitting the element vertically
+ .pane {
+ top: 0;
+ bottom: 0;
+ }
+ >.splitter {
+ @include controlGrippy($b, vertical);
+ bottom: 0;
+ cursor: col-resize;
+ width: $splitterD;
+ }
+ }
+}
+
+.browse-area .splitter {
+ top: $ueBrowseViewBarH + $interiorMargin;
+}
+
+.edit-area .splitter {
+ top: 0;
+}
diff --git a/platform/commonUI/general/res/sass/helpers/_wait-spinner.scss b/platform/commonUI/general/res/sass/helpers/_wait-spinner.scss
new file mode 100644
index 0000000000..10cbb6281d
--- /dev/null
+++ b/platform/commonUI/general/res/sass/helpers/_wait-spinner.scss
@@ -0,0 +1,62 @@
+@-webkit-keyframes rotation {
+ from {-webkit-transform: rotate(0deg);}
+ to {-webkit-transform: rotate(359deg);}
+}
+
+@-moz-keyframes rotation {
+ from {-moz-transform: rotate(0deg);}
+ to {-moz-transform: rotate(359deg);}
+}
+
+@-o-keyframes rotation {
+ from {-o-transform: rotate(0deg);}
+ to {-o-transform: rotate(359deg);}
+}
+
+@keyframes rotation {
+ from {transform: rotate(0deg);}
+ to {transform: rotate(359deg);}
+}
+
+.t-wait-spinner,
+.wait-spinner {
+ $d: 5%;
+ @include wait-spinner(0.5em, $colorKey);
+ top: 50%; left: 50%;
+ height: auto; width: auto;
+ padding: $d; // Will size object based on parent container WIDTH
+ pointer-events: none;
+ margin-top: $d / -1;
+ margin-left: $d / -1;
+ z-index: 2;
+}
+
+.l-wait-spinner-holder {
+ pointer-events: none;
+ position: absolute;
+ &.align-left {
+ .t-wait-spinner {
+ left: 0;
+ margin-left: 0;
+ }
+ }
+ &.full-size {
+ display: inline-block;
+ height: 100%; width: 100%;
+ .t-wait-spinner {
+ top: 0;
+ margin-top: 0;
+ padding: 30%;
+ }
+ }
+}
+
+
+.treeview .wait-spinner {
+ $d: 18px;
+ @include wait-spinner(0.25em, $colorKey);
+ height: $d; width: $d;
+ margin: 0 !important;
+ padding: 0 !important;
+ top: 2px; left: 0;
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/items.scss b/platform/commonUI/general/res/sass/items.scss
new file mode 100644
index 0000000000..f5c9a85ef2
--- /dev/null
+++ b/platform/commonUI/general/res/sass/items.scss
@@ -0,0 +1,9 @@
+@import "compass";
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/opacity";
+@import "compass/utilities";
+
+@import "constants";
+@import "mixins";
+@import "items/item";
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/items/_item.scss b/platform/commonUI/general/res/sass/items/_item.scss
new file mode 100644
index 0000000000..e585450e39
--- /dev/null
+++ b/platform/commonUI/general/res/sass/items/_item.scss
@@ -0,0 +1,93 @@
+.items-holder {
+ @include clearfix;
+ overflow-y: auto;
+ .contents { top: 0; }
+ .item {
+ &.grid-item {
+ $d: $ueBrowseGridItemLg;
+ @include btnSubtle($colorItemBase);
+ box-sizing: border-box;
+ cursor: pointer;
+ float: left;
+ height: $d;
+// padding-bottom: 32%;
+ width: $d;
+ margin-bottom: $interiorMarginSm;
+ margin-right: $interiorMarginSm;
+ position: relative;
+ &:hover .item-main {
+ .item-type {
+ color: $colorKey !important;
+ }
+ .item-open {
+ display: block;
+ }
+ }
+ .bar {
+ &.top-bar.abs {
+ bottom: auto;
+ height: $ueBrowseGridItemTopBarH;
+ line-height: $ueBrowseGridItemTopBarH;
+ z-index: 5;
+ .left, .right {
+ width: auto;
+ .icon {
+ margin-left: $interiorMargin;
+ }
+ }
+ }
+ &.bottom-bar.abs {
+ top: auto;
+ height: $ueBrowseGridItemBottomBarH;
+ padding: $interiorMargin;
+ }
+ }
+ .item-main {
+ $h: $ueBrowseGridItemLg;
+ $lh: $h * 0.9;
+// @include test();
+ div {
+// background: rgba(deeppink, 0.2);
+ }
+ z-index: 1;
+ .item-type {
+ color: $colorItemFg;
+ text-align: center;
+ font-size: 7em;
+ line-height: $lh;
+ }
+ .item-open {
+// color: lighten($colorItemBase, 15%);
+ display: none;
+ font-size: 5em;
+ line-height: $lh;
+ left: auto; width: 30px;
+ }
+ }
+ .title {
+ @include txtShdwSubtle();
+ color: lighten($colorBodyFg, 20%);
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+// font-weight: bold;
+ }
+ .details {
+ font-size: 0.8em;
+ }
+ &.selected {
+ $cfg: lighten($colorItemSelected, 35%);
+ $cfgh: lighten($cfg, 30%);
+ @include btnNoticeable($colorItemSelected);
+ color: $cfg;
+ .item-type, .top-bar .icon:not(.alert) { color: $cfg }
+ .item-main .item-open { color: $cfg }
+ .title { color: $cfgh; }
+ &:hover {
+ .item-main .item-type { color: $cfgh !important; }
+ }
+ }
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/lists/_tabular.scss b/platform/commonUI/general/res/sass/lists/_tabular.scss
new file mode 100644
index 0000000000..6c4061da76
--- /dev/null
+++ b/platform/commonUI/general/res/sass/lists/_tabular.scss
@@ -0,0 +1,80 @@
+.w1 {
+ background: $tabularColorHeaderBg;
+ padding-top: $tabularHeaderH;
+ position: relative;
+}
+.w2 {
+ background: $tabularColorBodyBg;
+ overflow-y: auto;
+
+}
+.tabular {
+ @include box-sizing(border-box);
+ border-spacing: 0;
+ border-collapse: collapse;
+ display: table;
+ font-size: 0.8em;
+ width: 100%;
+ .tr {
+ display: table-row;
+ &:first-child .td {
+ border-top: none;
+ }
+ &:hover {
+ background: rgba(white, 0.1);
+ }
+ &.header {
+ display: table-header-group;
+ .th {
+ border: none;
+ color: transparent;
+ height: 0px;
+ line-height: 0;
+ padding: 0 $tabularTdPadLR;
+ white-space: nowrap;
+ vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
+ &:first-child em {
+ border-left: none;
+ }
+ &.sort {
+ em:after {
+ display: inline-block;
+ font-family: symbolsfont;
+ margin-left: 5px;
+ }
+ &.asc em:after { content: '0'; }
+ &.desc em:after { content: '1'; }
+ }
+ em {
+// background: rgba(green, 0.2);
+ border-left: 1px solid $tabularColorBorder;
+ color: $tabularColorHeaderFg;
+ cursor: pointer;
+ display: block;
+ font-style: normal;
+ font-weight: bold;
+ height: $tabularHeaderH;
+ line-height: $tabularHeaderH;
+ margin-left: - $tabularTdPadLR;
+ padding: 0 $tabularTdPadLR;
+ position: absolute;
+ top: 0;
+ vertical-align: middle;
+ &:hover {
+ color: lighten($tabularColorHeaderFg, 20%);
+ }
+ }
+ }
+ }
+ .th, .td {
+ display: table-cell;
+ }
+ .td {
+ border-top: 1px solid $tabularColorBorder;
+ padding: $tabularTdPadTB $tabularTdPadLR;
+ &.numeric {
+ text-align: right;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/overlay/_overlay.scss b/platform/commonUI/general/res/sass/overlay/_overlay.scss
new file mode 100644
index 0000000000..cf7e69bd07
--- /dev/null
+++ b/platform/commonUI/general/res/sass/overlay/_overlay.scss
@@ -0,0 +1,48 @@
+.overlay {
+ .blocker {
+ background: $colorOvrBlocker;
+ z-index: 100;
+ }
+ .btn.close {
+ position: absolute;
+ top: $interiorMargin; right: $interiorMargin; bottom: auto; left: auto;
+ }
+ .editor {
+// background: $colorBodyBg;
+ }
+ >.holder {
+ $i: 15%;
+ @include containerSubtle();
+ @include border-radius($basicCr * 3);
+ color: $colorOvrFg;
+ top: $i; right: $i; bottom: $i; left: $i;
+ z-index: 101;
+ >.contents {
+ $m: 20px;
+ top: $m; right: $m; bottom: $m; left: $m;
+ }
+ }
+ .title {
+ font-size: 1.3em;
+ }
+
+ .top-bar {
+ height: $ovrTopBarH;
+ }
+
+ .editor {
+ top: $ovrTopBarH + ($interiorMargin * 2);
+ bottom: $ovrFooterH + $interiorMargin * 2;
+ left: 0; right: 0;
+ }
+
+ .bottom-bar {
+ top: auto; right: 0; bottom: 0; left: 0;
+ font-size: 1em;
+ height: $ovrFooterH;
+ text-align: right;
+ .btn {
+ margin-left: 10px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/plots.scss b/platform/commonUI/general/res/sass/plots.scss
new file mode 100644
index 0000000000..a00e7b14bf
--- /dev/null
+++ b/platform/commonUI/general/res/sass/plots.scss
@@ -0,0 +1,9 @@
+@import "compass";
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/opacity";
+@import "compass/utilities";
+
+@import "constants";
+@import "mixins";
+@import "plots/plots-main";
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/plots/_plots-main.scss b/platform/commonUI/general/res/sass/plots/_plots-main.scss
new file mode 100644
index 0000000000..75f2165e85
--- /dev/null
+++ b/platform/commonUI/general/res/sass/plots/_plots-main.scss
@@ -0,0 +1,225 @@
+$yBarW: 60px;
+$yLabelW: auto; //10px;
+$xBarH: 32px;
+$legendH: 24px;
+$colorHash: rgba(white, 0.3);
+$styleHash: dashed;
+$swatchD: 8px;
+$plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left
+
+.gl-plot {
+ color: $colorBodyFg;
+ font-size: 0.7rem;
+ position: relative;
+ width: 100%;
+ height: 100%;
+
+ .gl-plot-axis-area {
+ // @include test(green);
+ position: absolute;
+ &.gl-plot-x {
+ top: auto;
+ right: 0;
+ bottom: $interiorMargin;
+ left: $yBarW;
+ height: $xBarH;
+ width: auto;
+ overflow: hidden;
+ }
+ &.gl-plot-y {
+ top: $legendH + $interiorMargin;
+ right: auto;
+ bottom: nth($plotDisplayArea, 3);
+ left: 0;
+ width: $yBarW;
+ }
+ }
+
+ .gl-plot-coords {
+ @include box-sizing(border-box);
+ @include border-radius($controlCr);
+ background: rgba($colorAlt1, 0.5);
+ color: lighten($colorBodyFg, 30%);
+ padding: 2px 5px;
+ position: absolute;
+ top: nth($plotDisplayArea,1) + $interiorMarginLg;
+ right: auto;
+ bottom: auto;
+ left: nth($plotDisplayArea,4) + $interiorMarginLg;
+ z-index: 10;
+ &:empty {
+ display: none;
+ }
+ }
+
+ .gl-plot-display-area {
+ position: absolute;
+ top: nth($plotDisplayArea, 1);
+ right: nth($plotDisplayArea, 2);
+ bottom: nth($plotDisplayArea, 3);
+ left: nth($plotDisplayArea, 4);
+ cursor: crosshair;
+ border: 1px solid $colorInteriorBorder;
+ }
+
+ .gl-plot-label {
+ // @include test(yellow);
+ color: lighten($colorBodyFg, 20%);
+ position: absolute;
+ text-align: center;
+// text-transform: uppercase;
+
+ &.gl-plot-x-label {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height: auto;
+ }
+
+ &.gl-plot-y-label {
+ $x: -50%;
+ $r: -90deg;
+ @include transform-origin(50%, 0);
+ @include transform(translateX($x) rotate($r));
+ display: inline-block;
+ margin-left: $interiorMargin; // Kick off the left edge
+ left: 0;
+ top: 50%;
+ white-space: nowrap;
+ }
+ }
+
+ .gl-plot-y-options {
+ $h: 32px;
+// @include test();
+ position: absolute;
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: $yLabelW + $interiorMargin;
+ margin-top: $h / -2;
+ height: auto;
+ min-height: $h;
+ width: $h;
+ }
+
+ .gl-plot-hash {
+ position: absolute;
+ border: 0 $colorHash $styleHash;
+ &.hash-v {
+ border-right-width: 1px;
+ height: 100%;
+ }
+ &.hash-h {
+ border-bottom-width: 1px;
+ width: 100%;
+ }
+ }
+
+ .gl-plot-legend {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: 0;
+ height: $legendH;
+ overflow-x: hidden;
+ overflow-y: auto;
+// .plot-legend-item {
+// display: inline-block;
+// margin-right: $interiorMarginLg;
+// span {
+// vertical-align: middle;
+// }
+// .plot-color-swatch {
+// @include border-radius(2px);
+// display: inline-block;
+// height: $swatchD;
+// width: $swatchD;
+// margin-right: $interiorMarginSm;
+// }
+// }
+ }
+}
+.gl-plot-legend,
+.legend {
+ .plot-legend-item,
+ .legend-item {
+ display: inline-block;
+ margin-right: $interiorMarginLg;
+ span {
+ vertical-align: middle;
+ }
+ .plot-color-swatch,
+ .color-swatch {
+ @include border-radius(2px);
+ display: inline-block;
+ height: $swatchD;
+ width: $swatchD;
+ margin-right: $interiorMarginSm;
+
+ }
+ .title-label {
+
+ }
+ }
+}
+
+.tick {
+ position: absolute;
+ border: 0 $colorHash solid;
+ &.tick-x {
+ border-right-width: 1px;
+ height: 100%; // Assumption is that the tick will be in a holder that will set it's height;
+ }
+}
+
+
+.gl-plot-tick,
+.tick-label {
+ // @include test(red);
+ font-size: 0.7rem;
+ position: absolute;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ &.gl-plot-x-tick-label,
+ &.tick-label-x {
+ right: auto;
+ bottom: auto;
+ left: auto;
+ height: auto;
+ width: 20%;
+ margin-left: -10%;
+ text-align: center;
+ }
+ &.gl-plot-y-tick-label,
+ &.tick-label-y {
+ top: auto;
+ height: 1em;
+ width: auto;
+ margin-bottom: -0.5em;
+ text-align: right;
+ }
+}
+
+.gl-plot-tick {
+ // @include test(red);
+ &.gl-plot-x-tick-label {
+ top: $interiorMargin;
+ }
+ &.gl-plot-y-tick-label {
+ right: $interiorMargin;
+ left: $interiorMargin;
+ }
+}
+
+.tick-label {
+ &.tick-label-x {
+ top: 0;
+ }
+ &.tick-label-y {
+ right: 0; left: 0;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/theme-espresso.scss b/platform/commonUI/general/res/sass/theme-espresso.scss
new file mode 100644
index 0000000000..2f6f44dcb1
--- /dev/null
+++ b/platform/commonUI/general/res/sass/theme-espresso.scss
@@ -0,0 +1,3 @@
+@import "constants";
+@import "themes/theme-espresso";
+@import "main";
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/themes/_theme-espresso.scss b/platform/commonUI/general/res/sass/themes/_theme-espresso.scss
new file mode 100644
index 0000000000..9021afacc2
--- /dev/null
+++ b/platform/commonUI/general/res/sass/themes/_theme-espresso.scss
@@ -0,0 +1,2 @@
+/* CONSTANTS */
+$bodyMargin: 5px;
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/tree.scss b/platform/commonUI/general/res/sass/tree.scss
new file mode 100644
index 0000000000..2bdc01cbf8
--- /dev/null
+++ b/platform/commonUI/general/res/sass/tree.scss
@@ -0,0 +1,9 @@
+@import "compass";
+@import "compass/css3";
+@import "compass/css3/border-radius";
+@import "compass/css3/opacity";
+@import "compass/utilities";
+
+@import "constants";
+@import "mixins";
+@import "tree/tree";
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/tree/_tree.scss b/platform/commonUI/general/res/sass/tree/_tree.scss
new file mode 100644
index 0000000000..594d1988bd
--- /dev/null
+++ b/platform/commonUI/general/res/sass/tree/_tree.scss
@@ -0,0 +1,101 @@
+ul.tree {
+ @include menuUlReset();
+ li {
+ .tree-item {
+// @include test();
+ @include border-radius($basicCr);
+ @include single-transition(background-color, 0.25s);
+ display: block;
+ font-size: 0.80rem;
+ height: $menuLineH;
+ line-height: $menuLineH;
+ margin-bottom: $interiorMarginSm;
+// overflow: hidden;
+// padding: 2px 4px 2px 7px;
+ position: relative;
+// white-space: nowrap;
+ &.loading {
+ color: darken($colorBodyFg, 20%);
+ font-style: italic;
+ .wait-spinner {
+ margin-left: 14px;
+ }
+ }
+ &:not(.loading) {
+ cursor: pointer;
+ &:hover {
+ background: lighten($colorBodyBg, 5%);
+ color: lighten($colorBodyFg, 20%);
+ .context-trigger {
+ display: block;
+ }
+ .icon {
+ color: $colorItemTreeIconHover;
+ }
+ }
+ }
+ .selected {
+ color: #fff;
+ }
+ .view-control {
+// @include test();
+ display: inline-block;
+// margin-right: $interiorMargin;
+// vertical-align: middle;
+ width: $treeVCW;
+ &:hover {
+ color: $colorItemTreeVCHover;
+ }
+ }
+ .context-trigger {
+ $h: 0.9rem;
+ display: none;
+ top: -1px;
+ position: absolute;
+ right: $interiorMarginSm;
+ .btn-invoke-menu {
+ font-size: 0.75em;
+ height: $h;
+ line-height: $h;
+ }
+ }
+ .icon {
+// @include test();
+ @include txtShdwSubtle(0.6);
+ color: $colorItemTreeIcon;
+ left: $treeVCW + $interiorMargin;
+ .alert {
+ @include txtShdwSubtle(0.3);
+ background: $colorBodyBg;
+ color: $colorAlert;
+ font-size: 0.7em;
+ margin-top: -3px;
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 9px;
+ height: auto;
+ width: auto;
+ position: absolute;
+ z-index: 2;
+ }
+ }
+ .title-label {
+// @include test();
+ display: block;
+ position: absolute;
+ top: 0;
+ left: $treeVCW + $treeTypeIconW + ($interiorMargin * 2); //38px;
+ right: $treeContextTriggerW + $interiorMargin;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ height: $menuLineH;
+ bottom: auto;
+ white-space: nowrap;
+ }
+ }
+ }
+ ul.tree {
+ margin-left: $treeVCW + $interiorMargin;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/user-environ/_bottom-bar.scss b/platform/commonUI/general/res/sass/user-environ/_bottom-bar.scss
new file mode 100644
index 0000000000..9fa129b380
--- /dev/null
+++ b/platform/commonUI/general/res/sass/user-environ/_bottom-bar.scss
@@ -0,0 +1,47 @@
+.ue-bottom-bar {
+ color: lighten($colorBodyBg, 30%);
+ font-size: 0.7em;
+ line-height: $ueFooterH - 4px;
+ .status-holder {
+ @include border-radius($basicCr * 1.75);
+ @include box-sizing(border-box);
+ background: $colorFooterBg;
+ border-bottom: 1px solid lighten($colorBodyBg, 10%);
+ padding: 2px 5px;
+ text-transform: uppercase;
+ }
+ .app-logo {
+ @include box-sizing(border-box);
+ font-size: 0.8em;
+ line-height: $ueFooterH - 10px;
+ padding-top: 1px;
+ text-transform: uppercase;
+ &.logo-warp {
+ background: url($dirImgs + 'logo-warp.png') no-repeat left top;
+ color: lighten($colorBodyBg, 40%);
+ font-size: 0.7rem;
+ padding-top: 3px;
+ text-align: right;
+ }
+ }
+}
+
+.status.block {
+ display: inline-block;
+ margin-right: $interiorMargin * 4;
+ .status-indicator {
+ @include border-radius($controlCr * 0.9);
+ @include box-shadow(inset rgba(black, 0.5) 0 0 3px);
+ @include text-shadow(rgba(black, 0.3) 0 0 2px);
+ display: inline-block;
+ font-size: 1.25em;
+ vertical-align: middle;
+ margin-right: $interiorMargin;
+ &.ok {
+ color: #009900;
+ }
+ &.caution {
+ color: #ffaa00;
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/user-environ/_frame.scss b/platform/commonUI/general/res/sass/user-environ/_frame.scss
new file mode 100644
index 0000000000..e12d7df992
--- /dev/null
+++ b/platform/commonUI/general/res/sass/user-environ/_frame.scss
@@ -0,0 +1,26 @@
+.frame {
+ $ohH: 20px;
+ $bc: $colorInteriorBorder;
+ &.child-frame.panel {
+ background: $colorBodyBg;
+ border: 1px solid $bc;
+ &:hover {
+ border-color: lighten($bc, 10%);
+ }
+ }
+ >.object-header.abs {
+ font-size: 0.75em;
+ height: $ohH;
+ }
+ >.object-holder.abs {
+ top: $ohH + $interiorMarginSm;
+ }
+}
+
+.edit-main .frame.child-frame.panel {
+ &:hover {
+ border-color: $colorKey;
+ @include boxShdwLarge();
+ }
+
+}
diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss
new file mode 100644
index 0000000000..15355ab024
--- /dev/null
+++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss
@@ -0,0 +1,210 @@
+@mixin cols($totalCols, $span) {
+ $cw: 100% / $totalCols;
+ min-width: (500px / $totalCols) * $span;
+ @if ($totalCols != $span) {
+ width: ($cw * $span) - $ueColMargin;
+ } @else {
+ width: $cw;
+ }
+}
+
+.browse-area,
+.edit-area,
+.editor {
+ @include border-radius($basicCr * 1.5);
+ position: absolute;
+ .contents {
+// overflow-y: auto;
+ }
+}
+
+.user-environ {
+ .browse-area,
+ .edit-area,
+ .editor {
+ top: $bodyMargin + $ueTopBarH + ($interiorMargin);
+ right: $bodyMargin;
+ bottom: $bodyMargin + $ueFooterH + $interiorMargin;
+ left: $bodyMargin;
+ }
+
+ .edit-area {
+ $tbH: $ueEditToolBarH;
+ .tool-bar {
+ bottom: auto;
+ height: $tbH;
+ line-height: $tbH - 2;
+ }
+ .work-area {
+ top: $tbH + $interiorMargin * 2;
+ }
+ }
+
+ .bottom-bar {
+ top: auto;
+ right: $bodyMargin;
+ bottom: $bodyMargin;
+ left: $bodyMargin;
+ height: $ueFooterH;
+ .status-holder {
+ right: $ueAppLogoW + $bodyMargin;
+ }
+ .app-logo {
+ left: auto;
+ width: $ueAppLogoW;
+ }
+ }
+}
+
+
+.contents {
+ $myM: $interiorMargin;
+ box-sizing: border-box;
+ position: absolute;
+ top: $myM;
+ right: $myM;
+ bottom: $myM;
+ left: $myM;
+ &.nomargin {
+ $myM: 0px;
+ right: $myM;
+ bottom: $myM;
+ left: $myM;
+ }
+}
+
+.bar {
+ .icon.major {
+ margin-right: $interiorMargin;
+ }
+ &.abs {
+ text-wrap: none;
+ white-space: nowrap;
+ &.left,
+ .left {
+ width: 45%;
+ right: auto;
+ }
+ &.right,
+ .right {
+ width: 45%;
+ left: auto;
+ right: 0;
+ text-align: right;
+ .icon.major {
+ margin-left: $interiorMargin * 3;
+ }
+// .icon.major {
+// margin-left: $interiorMargin;
+// }
+ }
+ }
+}
+
+.cols {
+ @include clearfix;
+ .col {
+ @include box-sizing(border-box);
+ @include clearfix;
+ // background: rgba(#ffcc00, 0.2);
+ float: left;
+ margin-left: $ueColMargin;
+ padding-left: $interiorMargin;
+ position: relative;
+ &:first-child {
+ margin-left: 0;
+ padding-left: 0;
+ }
+ }
+ &.cols-2 {
+ $nc: 2;
+ .col-1 {
+ @include cols($nc, 1);
+ }
+ }
+ &.cols-16 {
+ $nc: 16;
+ .col-1 {
+ @include cols($nc, 1);
+ }
+ .col-2 {
+ @include cols($nc, 2);
+ }
+ .col-7 {
+ @include cols($nc, 7);
+ }
+ }
+ &.cols-32 {
+ $nc: 32;
+ .col-2 {
+ @include cols($nc, 2);
+ }
+ .col-15 {
+ @include cols($nc, 15);
+ }
+ }
+}
+
+.pane {
+ position: absolute;
+ &.treeview {
+ .create-btn-holder {
+ bottom: auto; height: $ueBrowseViewBarH;
+ }
+ .tree-holder {
+ overflow: auto;
+ top: $ueBrowseViewBarH + $interiorMargin;
+ }
+ }
+ &.items {
+ .object-browse-bar {
+// bottom: auto;
+ }
+ .object-holder {
+ top: $ueBrowseViewBarH + $interiorMargin;
+ }
+ }
+ &.edit-main {
+ .object-holder {
+ top: 0;
+ }
+ }
+ &.edit-objects {
+ }
+ .object-holder {
+ overflow: auto;
+ }
+}
+
+.split-layout {
+ &.horizontal {
+ // Slides up and down
+ >.pane {
+ margin-top: $interiorMargin;
+ &:first-child {
+ margin-top: 0;
+ }
+ }
+ }
+ &.vertical {
+ // Slides left and right
+ >.pane {
+ margin-left: $interiorMargin;
+ >.holder {
+ left: 0;
+ right: 0;
+ }
+ &:first-child {
+ margin-left: 0;
+ .holder {
+ right: $interiorMargin;
+ }
+ }
+ }
+
+ }
+}
+
+.vscroll {
+ overflow-y: auto;
+}
diff --git a/platform/commonUI/general/res/sass/user-environ/_object-browse.scss b/platform/commonUI/general/res/sass/user-environ/_object-browse.scss
new file mode 100644
index 0000000000..b968dcc099
--- /dev/null
+++ b/platform/commonUI/general/res/sass/user-environ/_object-browse.scss
@@ -0,0 +1,9 @@
+.object-browse-bar {
+ height: $ueBrowseViewBarH;
+ line-height: $ueBrowseViewBarH;
+ .items-select {
+ .btn-menu {
+ margin-right: $interiorMargin * 3;
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss b/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss
new file mode 100644
index 0000000000..5878e9cf8f
--- /dev/null
+++ b/platform/commonUI/general/res/sass/user-environ/_tool-bar.scss
@@ -0,0 +1,19 @@
+.tool-bar {
+ border-bottom: 1px solid $colorInteriorBorder;
+ .control-group {
+ height: $ueEditToolBarH;
+ }
+ input[type="text"] {
+ @include box-sizing(border-box);
+ font-size: .9em;
+ height: $ueEditToolBarButtonH;
+ margin-bottom: 1px;
+ position: relative;
+ &.sm {
+ width: $ueEditToolBarButtonH;
+ }
+ }
+ .input-labeled label {
+ font-size: $ueEditToolBarButtonH * $btnFontSizeToH;
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/sass/user-environ/_top-bar.scss b/platform/commonUI/general/res/sass/user-environ/_top-bar.scss
new file mode 100644
index 0000000000..17292e34e6
--- /dev/null
+++ b/platform/commonUI/general/res/sass/user-environ/_top-bar.scss
@@ -0,0 +1,43 @@
+.top-bar {
+// $h: $ueTopBarH - 5px;
+// background: rgba(#ff0000, 0.2);
+ line-height: $ueTopBarH;
+
+ &.browse,
+ &.edit {
+ top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin;
+ height: $ueTopBarH;
+ }
+
+ .action {
+ }
+
+ .title {
+ color: #fff;
+// font-weight: bold;
+ }
+
+ .buttons-main {
+ font-size: 0.8em;
+ left: auto;
+ text-align: right;
+// width: 200px;
+ .btn {
+ margin-left: $interiorMargin;
+ }
+ }
+}
+
+.edit-mode {
+ .top-bar {
+ .buttons-main {
+// background: red;
+// width: 600px;
+ white-space: nowrap;
+ &.abs {
+ bottom: auto;
+ left: auto;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/templates/controls/input-filter.html b/platform/commonUI/general/res/templates/controls/input-filter.html
new file mode 100644
index 0000000000..303a8db257
--- /dev/null
+++ b/platform/commonUI/general/res/templates/controls/input-filter.html
@@ -0,0 +1,5 @@
+
+
+
+ x
+
\ No newline at end of file