From e21696172778523c41a035787dfd923977bf2b81 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Fri, 5 Jun 2015 16:48:58 -0700 Subject: [PATCH] Pulling in all sass, css, etc. and static-markup work from warp1222 so far --- platform/commonUI/general/res/css/forms.css | 2 +- platform/commonUI/general/res/css/items.css | 4 +- .../general/res/css/theme-espresso.css | 599 +++++++++++++----- platform/commonUI/general/res/css/tree.css | 2 +- .../general/res/fonts/symbols/wtdsymbols.eot | Bin 10128 -> 10676 bytes .../general/res/fonts/symbols/wtdsymbols.svg | 25 +- .../general/res/fonts/symbols/wtdsymbols.ttf | Bin 9964 -> 10512 bytes .../general/res/fonts/symbols/wtdsymbols.woff | Bin 7036 -> 7308 bytes .../commonUI/general/res/sass/_constants.scss | 19 +- .../commonUI/general/res/sass/_effects.scss | 4 +- .../commonUI/general/res/sass/_global.scss | 7 + platform/commonUI/general/res/sass/_main.scss | 1 + .../commonUI/general/res/sass/_mixins.scss | 25 + .../general/res/sass/controls/_buttons.scss | 52 +- .../general/res/sass/features/_imagery.scss | 166 +++++ .../general/res/sass/helpers/_bubbles.scss | 104 ++- .../commonUI/general/res/sass/tree/_tree.scss | 2 +- .../res/sass/user-environ/_layout.scss | 30 +- .../features/static-markup/res/markup.html | 136 +++- 19 files changed, 942 insertions(+), 236 deletions(-) create mode 100644 platform/commonUI/general/res/sass/features/_imagery.scss diff --git a/platform/commonUI/general/res/css/forms.css b/platform/commonUI/general/res/css/forms.css index 113a906725..903a2694f0 100644 --- a/platform/commonUI/general/res/css/forms.css +++ b/platform/commonUI/general/res/css/forms.css @@ -374,7 +374,7 @@ input[type="text"] { margin: 0 0 2px 2px; overflow: hidden; position: relative; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .form-control.select:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; diff --git a/platform/commonUI/general/res/css/items.css b/platform/commonUI/general/res/css/items.css index 92d6f49101..875fe8488f 100644 --- a/platform/commonUI/general/res/css/items.css +++ b/platform/commonUI/general/res/css/items.css @@ -119,7 +119,7 @@ margin-bottom: 3px; margin-right: 3px; position: relative; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -210,7 +210,7 @@ background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: linear-gradient(#33ccff, #0099cc); color: #80dfff; } - /* line 156, ../sass/_mixins.scss */ + /* line 181, ../sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; diff --git a/platform/commonUI/general/res/css/theme-espresso.css b/platform/commonUI/general/res/css/theme-espresso.css index c3dd06eed9..0a8a992ab4 100644 --- a/platform/commonUI/general/res/css/theme-espresso.css +++ b/platform/commonUI/general/res/css/theme-espresso.css @@ -217,17 +217,17 @@ a.disabled { @-moz-keyframes pulse { 0% { - opacity: 0.2; } + opacity: 0.5; } 100% { opacity: 1; } } @-webkit-keyframes pulse { 0% { - opacity: 0.2; } + opacity: 0.5; } 100% { opacity: 1; } } @keyframes pulse { 0% { - opacity: 0.2; } + opacity: 0.5; } 100% { opacity: 1; } } /* line 59, ../sass/_effects.scss */ @@ -235,9 +235,9 @@ a.disabled { -moz-animation-name: pulse; -webkit-animation-name: pulse; animation-name: pulse; - -moz-animation-duration: 1000ms; - -webkit-animation-duration: 1000ms; - animation-duration: 1000ms; + -moz-animation-duration: 750ms; + -webkit-animation-duration: 750ms; + animation-duration: 750ms; -moz-animation-direction: alternate; -webkit-animation-direction: alternate; animation-direction: alternate; @@ -367,7 +367,12 @@ span { .hidden { display: none !important; } -/* line 120, ../sass/_global.scss */ +/* line 121, ../sass/_global.scss */ +.paused:not(.s-btn):not(.s-icon-btn) { + border-color: #c56f01 !important; + color: #c56f01 !important; } + +/* line 127, ../sass/_global.scss */ .sep { color: rgba(255, 255, 255, 0.2); } @@ -466,27 +471,23 @@ span { .bar.abs, .btn-menu span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 73, ../sass/user-environ/_layout.scss */ - .bar.abs.left, .btn-menu span.bar.left.l-click-area, - .bar.abs .left, - .btn-menu span.bar.l-click-area .left { - width: 45%; - right: auto; } - /* line 78, ../sass/user-environ/_layout.scss */ - .bar.abs.right, .btn-menu span.bar.right.l-click-area, - .bar.abs .right, - .btn-menu span.bar.l-click-area .right { - width: 45%; - left: auto; - right: 0; - text-align: right; } - /* line 84, ../sass/user-environ/_layout.scss */ - .bar.abs.right .icon.major, .btn-menu span.bar.right.l-click-area .icon.major, - .bar.abs .right .icon.major, - .btn-menu span.bar.l-click-area .right .icon.major { - margin-left: 15px; } +/* line 74, ../sass/user-environ/_layout.scss */ +.bar.left, +.bar .left { + width: 45% !important; + right: auto !important; } +/* line 79, ../sass/user-environ/_layout.scss */ +.bar.right, +.bar .right { + width: 45% !important; + left: auto !important; + text-align: right; } + /* line 84, ../sass/user-environ/_layout.scss */ + .bar.right .icon.major, + .bar .right .icon.major { + margin-left: 15px; } -/* line 95, ../sass/user-environ/_layout.scss */ +/* line 91, ../sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .edit-area, .user-environ .editor { @@ -494,42 +495,42 @@ span { right: 5px; bottom: 30px; left: 5px; } -/* line 106, ../sass/user-environ/_layout.scss */ +/* line 102, ../sass/user-environ/_layout.scss */ .user-environ .browse-area > .contents, .user-environ .edit-area > .contents { left: 0; right: 0; } -/* line 112, ../sass/user-environ/_layout.scss */ +/* line 108, ../sass/user-environ/_layout.scss */ .user-environ .edit-area { top: 40px; } - /* line 115, ../sass/user-environ/_layout.scss */ + /* line 111, ../sass/user-environ/_layout.scss */ .user-environ .edit-area .tool-bar { bottom: auto; height: 30px; line-height: 25px; } - /* line 120, ../sass/user-environ/_layout.scss */ + /* line 116, ../sass/user-environ/_layout.scss */ .user-environ .edit-area .work-area { top: 40px; } -/* line 125, ../sass/user-environ/_layout.scss */ +/* line 121, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar { top: auto; right: 5px; bottom: 5px; left: 5px; height: 20px; } - /* line 131, ../sass/user-environ/_layout.scss */ + /* line 127, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar .status-holder { right: 110px; } - /* line 134, ../sass/user-environ/_layout.scss */ + /* line 130, ../sass/user-environ/_layout.scss */ .user-environ .bottom-bar .app-logo { left: auto; width: 105px; } -/* line 141, ../sass/user-environ/_layout.scss */ +/* line 137, ../sass/user-environ/_layout.scss */ .cols { overflow: hidden; *zoom: 1; } - /* line 143, ../sass/user-environ/_layout.scss */ + /* line 139, ../sass/user-environ/_layout.scss */ .cols .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -540,103 +541,103 @@ span { margin-left: 1.5%; padding-left: 5px; position: relative; } - /* line 151, ../sass/user-environ/_layout.scss */ + /* line 147, ../sass/user-environ/_layout.scss */ .cols .col:first-child { margin-left: 0; padding-left: 0; } - /* line 158, ../sass/user-environ/_layout.scss */ + /* line 154, ../sass/user-environ/_layout.scss */ .cols.cols-2 .col-1 { min-width: 250px; width: 48.5%; } - /* line 164, ../sass/user-environ/_layout.scss */ + /* line 160, ../sass/user-environ/_layout.scss */ .cols.cols-2-ff .col-100px { width: 100px; } - /* line 171, ../sass/user-environ/_layout.scss */ + /* line 167, ../sass/user-environ/_layout.scss */ .cols.cols-6 .col-1 { min-width: 83.33333px; width: 15.16667%; } - /* line 177, ../sass/user-environ/_layout.scss */ + /* line 173, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-1 { min-width: 31.25px; width: 4.75%; } - /* line 180, ../sass/user-environ/_layout.scss */ + /* line 176, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-2 { min-width: 62.5px; width: 11%; } - /* line 183, ../sass/user-environ/_layout.scss */ + /* line 179, ../sass/user-environ/_layout.scss */ .cols.cols-16 .col-7 { min-width: 218.75px; width: 42.25%; } - /* line 189, ../sass/user-environ/_layout.scss */ + /* line 185, ../sass/user-environ/_layout.scss */ .cols.cols-32 .col-2 { min-width: 31.25px; width: 4.75%; } - /* line 192, ../sass/user-environ/_layout.scss */ + /* line 188, ../sass/user-environ/_layout.scss */ .cols.cols-32 .col-15 { min-width: 234.375px; width: 45.375%; } - /* line 196, ../sass/user-environ/_layout.scss */ + /* line 192, ../sass/user-environ/_layout.scss */ .cols .l-row { overflow: hidden; *zoom: 1; padding: 5px 0; } -/* line 202, ../sass/user-environ/_layout.scss */ +/* line 198, ../sass/user-environ/_layout.scss */ .pane { position: absolute; } - /* line 205, ../sass/user-environ/_layout.scss */ + /* line 201, ../sass/user-environ/_layout.scss */ .pane.treeview .create-btn-holder { bottom: auto; top: 0; height: 30px; } - /* line 208, ../sass/user-environ/_layout.scss */ + /* line 204, ../sass/user-environ/_layout.scss */ .pane.treeview .create-btn-holder .wrapper.menu-element { position: absolute; bottom: 5px; } - /* line 213, ../sass/user-environ/_layout.scss */ + /* line 209, ../sass/user-environ/_layout.scss */ .pane.treeview .tree-holder { overflow: auto; top: 35px; } - /* line 221, ../sass/user-environ/_layout.scss */ + /* line 217, ../sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .btn-menu span.left.l-click-area, .btn-menu .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .btn-menu span.right.l-click-area, .btn-menu .pane.items .object-browse-bar span.right.l-click-area { top: auto; } - /* line 225, ../sass/user-environ/_layout.scss */ + /* line 221, ../sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .right.abs, .pane.items .object-browse-bar .btn-menu span.right.l-click-area, .btn-menu .pane.items .object-browse-bar span.right.l-click-area { bottom: 5px; } - /* line 229, ../sass/user-environ/_layout.scss */ + /* line 225, ../sass/user-environ/_layout.scss */ .pane.items .object-holder { top: 35px; } - /* line 234, ../sass/user-environ/_layout.scss */ + /* line 230, ../sass/user-environ/_layout.scss */ .pane.edit-main .object-holder { top: 0; } - /* line 240, ../sass/user-environ/_layout.scss */ + /* line 236, ../sass/user-environ/_layout.scss */ .pane .object-holder { overflow: auto; } -/* line 248, ../sass/user-environ/_layout.scss */ +/* line 244, ../sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 251, ../sass/user-environ/_layout.scss */ + /* line 247, ../sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } -/* line 258, ../sass/user-environ/_layout.scss */ +/* line 254, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane { margin-left: 5px; } - /* line 260, ../sass/user-environ/_layout.scss */ + /* line 256, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane > .holder { left: 0; right: 0; } - /* line 264, ../sass/user-environ/_layout.scss */ + /* line 260, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane:first-child { margin-left: 0; } - /* line 266, ../sass/user-environ/_layout.scss */ + /* line 262, ../sass/user-environ/_layout.scss */ .split-layout.vertical > .pane:first-child .holder { right: 5px; } -/* line 275, ../sass/user-environ/_layout.scss */ +/* line 271, ../sass/user-environ/_layout.scss */ .vscroll { overflow-y: auto; } @@ -1042,7 +1043,7 @@ span { display: inline-block; font-size: 1rem; vertical-align: middle; } - /* line 200, ../sass/_mixins.scss */ + /* line 225, ../sass/_mixins.scss */ .invoke-menu:hover { color: #33ccff; } @@ -1054,7 +1055,7 @@ span { /* line 70, ../sass/_icons.scss */ .icon-buttons-main .invoke-menu { color: #666666; } - /* line 200, ../sass/_mixins.scss */ + /* line 225, ../sass/_mixins.scss */ .icon-buttons-main .invoke-menu:hover { color: #999999; } @@ -1343,7 +1344,7 @@ span { cursor: pointer; } /*********************************** STYLE STYLES */ -/* line 31, ../sass/controls/_buttons.scss */ +/* line 30, ../sass/controls/_buttons.scss */ .s-btn, .s-icon-btn { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -1353,9 +1354,8 @@ span { 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 39, ../sass/controls/_buttons.scss */ + /* line 36, ../sass/controls/_buttons.scss */ .s-btn.s-very-subtle, .s-very-subtle.s-icon-btn { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1376,7 +1376,7 @@ span { border-top: 1px solid #666666; color: #999; display: inline-block; } - /* line 103, ../sass/_mixins.scss */ + /* line 128, ../sass/_mixins.scss */ .s-btn.s-very-subtle:hover, .s-very-subtle.s-icon-btn:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1384,34 +1384,102 @@ span { background-image: -moz-linear-gradient(#666666, #595959); background-image: -webkit-linear-gradient(#666666, #595959); background-image: linear-gradient(#666666, #595959); } + /* line 38, ../sass/controls/_buttons.scss */ + .s-btn.s-very-subtle.paused, .s-very-subtle.paused.s-icon-btn { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RlN2QwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f88c01), color-stop(100%, #de7d01)); + background-image: -moz-linear-gradient(#f88c01, #de7d01); + background-image: -webkit-linear-gradient(#f88c01, #de7d01); + background-image: linear-gradient(#f88c01, #de7d01); + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; + border: none; + border-top: 1px solid #fea32e; + color: #fff; + display: inline-block; } + /* line 128, ../sass/_mixins.scss */ + .s-btn.s-very-subtle.paused:hover, .s-very-subtle.paused.s-icon-btn:hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYTMyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fea32e), color-stop(100%, #fe9815)); + background-image: -moz-linear-gradient(#fea32e, #fe9815); + background-image: -webkit-linear-gradient(#fea32e, #fe9815); + background-image: linear-gradient(#fea32e, #fe9815); } + /* line 40, ../sass/controls/_buttons.scss */ + .s-btn.s-very-subtle.paused .icon:before, .s-very-subtle.paused.s-icon-btn .icon:before { + content: "\0000EF"; } -/* line 44, ../sass/controls/_buttons.scss */ +/* line 47, ../sass/controls/_buttons.scss */ .s-icon-btn { font-size: 1.2em; } - /* line 47, ../sass/controls/_buttons.scss */ + /* line 50, ../sass/controls/_buttons.scss */ .s-icon-btn .icon { color: #0099cc; } - /* line 51, ../sass/controls/_buttons.scss */ - .s-icon-btn:not(.disabled):hover .icon { + /* line 54, ../sass/controls/_buttons.scss */ + .s-icon-btn.paused .icon { + color: #fff; } + /* line 62, ../sass/controls/_buttons.scss */ + .s-icon-btn:not(.disabled):not(.paused):hover .icon { color: #33ccff; } - /* line 55, ../sass/controls/_buttons.scss */ + /* line 69, ../sass/controls/_buttons.scss */ .s-icon-btn.labeled { - padding: 0 5px; } - /* line 57, ../sass/controls/_buttons.scss */ + padding: 0 3.75px; } + /* line 71, ../sass/controls/_buttons.scss */ .s-icon-btn.labeled .icon { font-size: 1.5em; } - /* line 60, ../sass/controls/_buttons.scss */ + /* line 74, ../sass/controls/_buttons.scss */ .s-icon-btn.labeled .title-label { margin-left: 5px; } + /* line 80, ../sass/controls/_buttons.scss */ + .s-icon-btn.pause-play.paused { + -moz-animation-name: pulse; + -webkit-animation-name: pulse; + animation-name: pulse; + -moz-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -moz-animation-direction: alternate; + -webkit-animation-direction: alternate; + animation-direction: alternate; + -moz-animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -moz-animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + /* line 83, ../sass/controls/_buttons.scss */ + .s-icon-btn.pause-play .icon:before { + content: "\0000F1"; } + /* line 89, ../sass/controls/_buttons.scss */ + .s-icon-btn.show-thumbs .icon:before { + content: "\000039"; } /*********************************** LAYOUT STYLES */ -/* line 68, ../sass/controls/_buttons.scss */ +/* line 96, ../sass/controls/_buttons.scss */ span.l-btn, span.l-btn span, a.l-btn, a.l-btn span { display: inline-block; } +/* line 103, ../sass/controls/_buttons.scss */ +.l-btn { + padding: 0 7.5px; } + /* line 105, ../sass/controls/_buttons.scss */ + .l-btn.sm { + padding: 0 5px; } + /* line 108, ../sass/controls/_buttons.scss */ + .l-btn.vsm { + padding: 0 2.5px; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1640,7 +1708,7 @@ a.l-btn span { background-image: -webkit-linear-gradient(#33ccff, #0099cc); background-image: linear-gradient(#33ccff, #0099cc); color: #ccf2ff; } - /* line 156, ../sass/_mixins.scss */ + /* line 181, ../sass/_mixins.scss */ .btn.major:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1676,7 +1744,7 @@ a.l-btn span { background-image: -webkit-linear-gradient(#4dd2ff, #00ace6); background-image: linear-gradient(#4dd2ff, #00ace6); color: #ccf2ff; } - /* line 156, ../sass/_mixins.scss */ + /* line 181, ../sass/_mixins.scss */ .btn.major:hover:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwZGZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1714,7 +1782,7 @@ a.l-btn span { border-top: 1px solid #999999; color: #cccccc; display: inline-block; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .btn.subtle:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1743,7 +1811,7 @@ a.l-btn span { border-top: 1px solid #666666; color: #b3b3b3; display: inline-block; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .btn.very-subtle:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -1946,7 +2014,7 @@ label.checkbox.custom { display: inline-block; height: 20px; line-height: 20px; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .btn-menu:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2100,7 +2168,7 @@ label.checkbox.custom { auto: 0; bottom: auto; left: auto; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .slider .knob:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2108,7 +2176,7 @@ label.checkbox.custom { background-image: -moz-linear-gradient(#666666, #4d4d4d); background-image: -webkit-linear-gradient(#666666, #4d4d4d); background-image: linear-gradient(#666666, #4d4d4d); } - /* line 120, ../sass/_mixins.scss */ + /* line 145, ../sass/_mixins.scss */ .slider .knob:before { content: ''; display: block; @@ -2119,7 +2187,7 @@ label.checkbox.custom { left: 2px; bottom: 5px; top: 5px; } - /* line 141, ../sass/_mixins.scss */ + /* line 166, ../sass/_mixins.scss */ .slider .knob:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } /* line 466, ../sass/controls/_controls.scss */ @@ -2283,7 +2351,7 @@ label.checkbox.custom { .menu-element .menu ul { margin: 0; padding: 0; } - /* line 208, ../sass/_mixins.scss */ + /* line 233, ../sass/_mixins.scss */ .menu-element .menu ul li { list-style-type: none; margin: 0; @@ -2448,6 +2516,171 @@ label.checkbox.custom { right: 0; width: auto; } +/* line 1, ../sass/features/_imagery.scss */ +.l-image-main-wrapper, +.l-image-main, +.l-image-main-controlbar, +.l-image-main-controlbar .left, +.l-image-main-controlbar .right, +.l-image-thumbs-wrapper { + overflow: false; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + height: auto; } + +/*************************************** MAIN LAYOUT */ +/* line 11, ../sass/features/_imagery.scss */ +.l-image-main-wrapper { + bottom: 178px; + min-height: 100px; + min-width: 150px; } + /* line 16, ../sass/features/_imagery.scss */ + .l-image-main-wrapper .l-image-main { + background-color: rgba(255, 255, 255, 0.1); + bottom: 25px; } + /* line 20, ../sass/features/_imagery.scss */ + .l-image-main-wrapper .l-image-main-controlbar { + top: auto; + height: 20px; } + +/* line 26, ../sass/features/_imagery.scss */ +.l-image-thumbs-wrapper { + top: auto; + height: 168px; } + +/* line 32, ../sass/features/_imagery.scss */ +.l-date, +.l-time, +.l-timezone { + display: inline-block; } + +/*************************************** MAIN IMAGE */ +/* line 40, ../sass/features/_imagery.scss */ +.l-image-main, +.l-image-thumb-item .l-thumb { + background-size: contain; + background-position: center; + background-repeat: no-repeat; } + +/* line 47, ../sass/features/_imagery.scss */ +.l-image-main-controlbar { + font-size: 0.8em; + line-height: 20px; } + /* line 51, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .left, .l-image-main-controlbar .right { + direction: rtl; + overflow: hidden; } + /* line 55, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .left { + text-align: left; + width: 75% !important; } + /* line 60, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .right { + min-width: 40px; + width: 25% !important; + z-index: 2; } + /* line 66, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .l-date, + .l-image-main-controlbar .l-time { + color: #fff; } + /* line 70, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .l-mag { + direction: ltr; + display: inline-block; } + /* line 74, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .l-mag:before { + content: "\000058"; } + /* line 78, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .s-mag { + color: #666666; } + /* line 81, ../sass/features/_imagery.scss */ + .l-image-main-controlbar .l-btn.show-thumbs { + display: none; } + +/* line 86, ../sass/features/_imagery.scss */ +.s-image-main { + border: 1px solid transparent; } + /* line 88, ../sass/features/_imagery.scss */ + .s-image-main.paused { + border-color: #c56f01; } + +/*************************************** THUMBS */ +/* line 98, ../sass/features/_imagery.scss */ +.l-image-thumbs-wrapper { + direction: rtl; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 5px; + white-space: nowrap; + z-index: 70; } + +/* line 108, ../sass/features/_imagery.scss */ +.l-image-thumb-item { + -moz-transition: background-color 0.25s; + -o-transition: background-color 0.25s; + -webkit-transition: background-color 0.25s; + transition: background-color 0.25s; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 1px; + position: relative; + cursor: pointer; + direction: ltr; + display: inline-block; + font-size: 0.8em; + margin-left: 3px; + text-align: left; + width: 122px; + white-space: normal; } + /* line 113, ../sass/features/_imagery.scss */ + .l-image-thumb-item .l-thumb, + .l-image-thumb-item .l-date, + .l-image-thumb-item .l-time { + display: inline-block; } + /* line 118, ../sass/features/_imagery.scss */ + .l-image-thumb-item .l-date, + .l-image-thumb-item .l-time { + padding: 2px 3px; } + /* line 130, ../sass/features/_imagery.scss */ + .l-image-thumb-item:hover { + background: rgba(255, 255, 255, 0.2); } + /* line 132, ../sass/features/_imagery.scss */ + .l-image-thumb-item:hover .l-date, + .l-image-thumb-item:hover .l-time { + color: #fff; } + /* line 137, ../sass/features/_imagery.scss */ + .l-image-thumb-item.selected { + background: #005177; } + /* line 139, ../sass/features/_imagery.scss */ + .l-image-thumb-item.selected .l-date, + .l-image-thumb-item.selected .l-time { + color: #fff; } + /* line 144, ../sass/features/_imagery.scss */ + .l-image-thumb-item .l-thumb { + background-color: rgba(255, 255, 255, 0.1); + height: 120px; + width: 120px; + margin-top: 0; } + +/*************************************** WHEN IN FRAME */ +/* line 154, ../sass/features/_imagery.scss */ +.frame .t-imagery .l-image-main-wrapper { + bottom: 0; } + /* line 156, ../sass/features/_imagery.scss */ + .frame .t-imagery .l-image-main-wrapper .l-image-main-controlbar { + font-size: 0.7em; } + /* line 159, ../sass/features/_imagery.scss */ + .frame .t-imagery .l-image-main-wrapper .l-btn.show-thumbs { + display: inline-block; } +/* line 163, ../sass/features/_imagery.scss */ +.frame .t-imagery .l-image-thumbs-wrapper { + display: none; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -2769,7 +3002,7 @@ input[type="text"] { margin: 0 0 2px 2px; overflow: hidden; position: relative; } - /* line 148, ../sass/_mixins.scss */ + /* line 173, ../sass/_mixins.scss */ .form-control.select:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -3699,106 +3932,168 @@ input[type="text"] { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 27, ../sass/helpers/_bubbles.scss */ -.l-infobubble-wrapper { - -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; - -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; - box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; +/* line 24, ../sass/helpers/_bubbles.scss */ +.l-bubble-wrapper { position: absolute; z-index: 70; } - /* line 32, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble { - display: inline-block; - max-width: 250px; + /* line 27, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-bubble { padding: 5px 10px; } - /* line 36, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble:before { + /* line 29, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-bubble .l-btn.close { + padding: 0 2px; + position: absolute; + right: 5px; + top: 5px; } + /* line 36, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .arw { + position: absolute; } + /* line 38, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .arw.arw-up { + bottom: 100%; } + /* line 42, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .arw.arw-down { + top: 100%; } + /* line 47, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble { + display: inline-block; + max-width: 250px; } + /* line 51, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble:before { content: ""; position: absolute; width: 0; height: 0; } - /* line 42, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble table { + /* line 57, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble table { width: 100%; } - /* line 45, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble table tr td { + /* line 60, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble table tr td { padding: 2px 0; vertical-align: top; } - /* line 52, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble table tr td.label { + /* line 67, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble table tr td.label { padding-right: 10px; white-space: nowrap; } - /* line 56, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble table tr td.value { + /* line 71, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble table tr td.value { white-space: nowrap; } - /* line 60, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble table tr td.align-wrap { + /* line 75, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble table tr td.align-wrap { white-space: normal; } - /* line 66, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper .l-infobubble .title { + /* line 81, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper .l-infobubble .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } - /* line 73, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-left { - margin-left: 10px; } - /* line 75, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-left .l-infobubble::before { + /* line 88, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper.arw-left { + margin-left: 20px; } + /* line 90, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper.arw-left .l-infobubble::before { right: 100%; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 7.5px solid #ddd; } - /* line 83, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-right { - margin-right: 10px; } - /* line 85, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-right .l-infobubble::before { + width: 0; + height: 0; + border-top: 6.66667px solid transparent; + border-bottom: 6.66667px solid transparent; + border-right: 10px solid #ddd; } + /* line 96, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper.arw-right { + margin-right: 20px; } + /* line 98, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper.arw-right .l-infobubble::before { left: 100%; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 7.5px solid #ddd; } - /* line 94, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-top .l-infobubble::before { - top: 10px; } - /* line 100, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-btm .l-infobubble::before { - bottom: 10px; } + width: 0; + height: 0; + border-top: 6.66667px solid transparent; + border-bottom: 6.66667px solid transparent; + border-left: 10px solid #ddd; } /* line 105, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-down { - margin-bottom: 10px; } - /* line 107, ../sass/helpers/_bubbles.scss */ - .l-infobubble-wrapper.arw-down .l-infobubble::before { - left: 50%; - top: 100%; - margin-left: -5px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 7.5px solid #ddd; } + .l-bubble-wrapper.arw-top .l-infobubble::before { + top: 20px; } + /* line 111, ../sass/helpers/_bubbles.scss */ + .l-bubble-wrapper.arw-btm .l-infobubble::before { + bottom: 20px; } -/* line 120, ../sass/helpers/_bubbles.scss */ -.s-infobubble { +/* line 121, ../sass/helpers/_bubbles.scss */ +.l-thumbsbubble-wrapper { + position: absolute; + height: 183px; + width: 100%; } + /* line 126, ../sass/helpers/_bubbles.scss */ + .l-thumbsbubble-wrapper .l-thumbsbubble { + overflow: hidden; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + width: auto; + height: auto; } + /* line 128, ../sass/helpers/_bubbles.scss */ + .l-thumbsbubble-wrapper .l-thumbsbubble .l-image-thumbs-wrapper { + height: auto; + top: 5px !important; + right: 25px; + bottom: 5px !important; + left: 5px; } + /* line 133, ../sass/helpers/_bubbles.scss */ + .l-thumbsbubble-wrapper .arw { + z-index: 2; } + /* line 138, ../sass/helpers/_bubbles.scss */ + .l-thumbsbubble-wrapper.arw-up .arw.arw-down, .l-thumbsbubble-wrapper.arw-down .arw.arw-up { + display: none; } + +/* line 148, ../sass/helpers/_bubbles.scss */ +.s-bubble { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; + -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; + -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; + box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px; } + +/* line 154, ../sass/helpers/_bubbles.scss */ +.l-thumbsbubble-wrapper .arw-up { + width: 0; + height: 0; + border-left: 6.66667px solid transparent; + border-right: 6.66667px solid transparent; + border-bottom: 10px solid #4d4d4d; } +/* line 157, ../sass/helpers/_bubbles.scss */ +.l-thumbsbubble-wrapper .arw-down { + width: 0; + height: 0; + border-left: 6.66667px solid transparent; + border-right: 6.66667px solid transparent; + border-top: 10px solid #4d4d4d; } + +/* line 161, ../sass/helpers/_bubbles.scss */ +.s-infobubble { background: #ddd; color: #666; font-size: 0.8rem; } - /* line 126, ../sass/helpers/_bubbles.scss */ + /* line 166, ../sass/helpers/_bubbles.scss */ .s-infobubble .title { color: #333333; font-weight: bold; } - /* line 131, ../sass/helpers/_bubbles.scss */ + /* line 171, ../sass/helpers/_bubbles.scss */ .s-infobubble tr td { border-top: 1px solid #c4c4c4; font-size: 0.9em; } - /* line 135, ../sass/helpers/_bubbles.scss */ + /* line 175, ../sass/helpers/_bubbles.scss */ .s-infobubble tr:first-child td { border-top: none; } - /* line 139, ../sass/helpers/_bubbles.scss */ + /* line 179, ../sass/helpers/_bubbles.scss */ .s-infobubble .value { color: #333333; } +/* line 184, ../sass/helpers/_bubbles.scss */ +.s-thumbsbubble { + background: #4d4d4d; + color: #b3b3b3; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -3849,7 +4144,7 @@ input[type="text"] { right: 0; width: auto; height: 5px; } - /* line 120, ../sass/_mixins.scss */ + /* line 145, ../sass/_mixins.scss */ .split-layout.horizontal > .splitter:before { content: ''; display: block; @@ -3860,7 +4155,7 @@ input[type="text"] { top: 2px; left: 5px; right: 5px; } - /* line 141, ../sass/_mixins.scss */ + /* line 166, ../sass/_mixins.scss */ .split-layout.horizontal > .splitter:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } /* line 63, ../sass/helpers/_splitter.scss */ @@ -3878,7 +4173,7 @@ input[type="text"] { bottom: 0; cursor: col-resize; width: 5px; } - /* line 120, ../sass/_mixins.scss */ + /* line 145, ../sass/_mixins.scss */ .split-layout.vertical > .splitter:before { content: ''; display: block; @@ -3889,7 +4184,7 @@ input[type="text"] { left: 2px; bottom: 5px; top: 5px; } - /* line 141, ../sass/_mixins.scss */ + /* line 166, ../sass/_mixins.scss */ .split-layout.vertical > .splitter:not(.disabled):hover:before { border-color: rgba(0, 153, 204, 0.9); } diff --git a/platform/commonUI/general/res/css/tree.css b/platform/commonUI/general/res/css/tree.css index d39b47ef87..90e1957f25 100644 --- a/platform/commonUI/general/res/css/tree.css +++ b/platform/commonUI/general/res/css/tree.css @@ -86,7 +86,7 @@ ul.tree { margin: 0; padding: 0; } - /* line 208, ../sass/_mixins.scss */ + /* line 233, ../sass/_mixins.scss */ ul.tree li { list-style-type: none; margin: 0; diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot index bf781e614b96301d24eab919599f4d9f837a127b..8d889083969641eaa461262406f3449d9ba29a29 100644 GIT binary patch delta 1265 zcmah{Z)j6j6hHUAKl$_07h__xnye;Go7hIIOKlVSXI61DbTFmaq|4THiET}twW&H& zbrO^z>jpaeWU?{FR!SJc_9e0v5~TP+M%N2U+vfN zq39q#)A$4W3W&Bi5}E__3GTI^T^}DkJ&`h>hXo{N5g#2NI}$zf-ib$;Ue6VcJ3ZyoeU+h$;*xjTLoK~%0=G4W&Q<0<+LDM`~bO=(%` zVUpGo29{uemT_GNa?%{L&H4npq8!E!EGVUSf&(>CT45TvGAzT2WM_A<@HZ+!wnJ2ZDcVH4>0vrZPtq@Go~|&pOdpeGZZid@ z!18Q6JItopJO|v%+-2@2m*@5TKK>H_J^xTst*O_9HRm*QT3+kZPHFGxw7Q+T{kpjB zL)~57@A}R99{p$fWuaQA7Y2pvLS85cB||6veTFlJD~8*KLY0fJYO0#4dL)8aE!K-Z zF(@7ukBMK2d2z|8H3p1_jE6EY{yQdB!k!pm8#KcnY@&ttk~()6+1=JbeAQdH=j{LW z2W^(3#b!67AZb-cVYbU*bx{eDR^3na`6i2P!=-X|^J-!(#j_rO%p3Yk;x1ao;W3~A z0gvl!b(+>d%d4gh(3YI+&C1>!WcZp-bSY)FIDNXPycLs<(9-H=x+qV|A0rI|D5loZ z0x`KvP6V;#Fv~_t^_Ahv!8j8*vAC;_e-VYd)wH{<#fjarB1{(E4b@&ncSxhuiOW)0UB*VZWPfRj8cbBQGe55~Q9}6-pr^yZ~Uft|wHAm^>U_xrO*i z>w~O(Pu-Wq1pC4^6&BuNFC kD|P=eBqm*UXM`k7z&SVz=ivh>;CYEerDGl!b7NEIesnj@U9Txw)ULD(M= z?M6(HVIgHwFj!E=KA6;(K1j)kEK7rteXs~g@Plj}C5i6kchC9#&OPUzbDviCRmgqY z02Z?Q5^j`qv81mXWkIQ>0 zNi+j6J8B;rU9H}D92njo!MM`cbn#3oxqK5q8pm>BcY~{5t~@k_u^B{x8wFE2{ernk z$Zc+qucM1RgzG3gM|hiB>RiPGyRn$W@xlv_tHTS!a0Fx6Bv_kWo`w-CeFl)(iB0VH zwzT@Z_Ld2NtZ|Hg1A-@k;`y=e@Tr8oOQ5musK7hVwWI4cJ{$kR+u0`M3Q!OsV$X7} zB|4#Mb#`17LDsaQRf>zz&$sD4(kbrK2b9^wLDnv&S$awYr(b3M@JmKcKd@dP?I49+aH+%r?E)nDgIgXw~e3DYT$TBskjXG!%Jxl%c6o32wnPxL?XR7Uy(If$&e&_RhYbJoLksFvBcIvm z^xs-Qk~4O$gV|PQ)Epq1e|zAQVWwWez>E{bs}|0``zNnUhaWh~Av7%#%6w E2kJP(d;kCd diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg index 2ca77321a4..36a0c4856f 100644 --- a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg +++ b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg @@ -2,7 +2,7 @@ -Created by FontForge 20090622 at Mon May 4 20:21:42 2015 +Created by FontForge 20090622 at Fri Jun 5 15:37:46 2015 By deploy user Copyright 2015 Adobe Systems Incorporated. All rights reserved. @@ -62,8 +62,10 @@ q52 -180 95 -231q42 53 88 212z" /> d="M193 787v-193h-193v193h193zM193 491v-195h-193v195h193zM193 193v-193h-193v193h193zM671 732v-82h-388v82h388zM671 435v-81h-388v81h388zM671 138v-82h-388v82h388z" /> - + - + @@ -232,6 +234,19 @@ d="M748 750l-375 -750l-374 750h749z" /> d="M-1 0l375 750l374 -750h-749z" /> + + + + + + NxM16>`Gx;S{*g6smafg%L7kWj`xl#%&C!O9q6$|zQXOJ=F_Q(ryrwXGH&l^_@=Km?A-KOg$Ns_LCjtSLqnJLdud%GL%-N3{Be00JIDPw1WFXLrikAo%Thn zSLvY>G@yt!fD1iQ>S1+U1y~XOvO$ezMEEkL+z}BY~=|++*?o@|_M_$>wlcaUmJi$HnTD z!|J92B%{*n{zARYu}P_z)4H12ka&~<$bPH8C_Y6iI7S9q5b(L~X18U-Xl2#1X|yRX z`*X5C582qZ5Awz?>}VDn?{RNnWMQ~#B;svt^`=R+FPK+6`FC$H=%q~~ zUBf{y*{(qOpif>>9OaOjId3_qCIS4kO>VQDZbLL!EOi99q(=037eIno(9#>V^j(AsJA3Y+>yCH-F931@d0o9<58O=QEdb1k zwU3Q@TVQJooxm}Qy1B9W#?^Fk>mh(Rg?5uZuihY4o|#8&5mD&#dAoE|8U2jSDOj-k z{J{?L4DKU;g$Oja*6YRnN6}0aP=D>$I|48a=TXBU!PcVty`whz5+JJ+hd3Q*Z3_mR ztcH9FGryG+r+)e%L&KVKw;mp4s-tQn!k~D*E}IbCQtmPho2z($S3Y0Pe~^? z$OvV2K0>b-{6_O^d~|iYX?wpoGU81D5oFuHm;nOd*pLf0%w*oga>!5K$MX0L%N3SW zf$%vYk2{2ZjE8ulkW4OO=Hf+SdKX!z8nsgwJw=;nh|bUz=3qhA!^ZGL1ha5h2nr!# zR#e4mu|o`rAEZR7QtFgOrKl7$IZfrJ$EJuG%ys5o^Lz8ACD~GFsj~E0#x2Won%p2y z%TYO|xRfhONEuTmRT+;%Em1vck2i9(?Hv!xwTrYHXIXQu+nzA zggcr*fdu@8q|BuMpcrceLECrYlJSO|G(5&za*PcB%fsdJT`iy4>B5c|kkrhAT`>FR s;x6dIzG<#W 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 diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss index 725c0c29b9..c966431b1f 100644 --- a/platform/commonUI/general/res/sass/_constants.scss +++ b/platform/commonUI/general/res/sass/_constants.scss @@ -34,9 +34,12 @@ $colorBodyBg: #333; $colorBodyFg: #999; $colorFooterBg: #000; $colorKey: #0099cc; +$colorKeySelectedBg: #005177; $colorKeyFg: #fff; $colorAlt1: #ffc700; $colorAlert: #ff3c00; +$colorPausedBg: #c56f01; +$colorPausedFg: #fff; $colorCheck: $colorKey; $colorCreateBtn: $colorKey; $colorInteriorBorder: lighten($colorBodyBg, 10%); @@ -50,7 +53,11 @@ $colorLimitYellow: #9d7500; $colorLimitRed: #aa0000; $colorTelemFresh: #fff; $colorTelemStale: #888; -$styleTelemState: italic; +$styleTelemStale: italic; +$colorInfoBubbleFg: #666; +$colorInfoBubbleBg: #ddd; +$colorThumbsBubbleFg: lighten($colorBodyFg, 10%); +$colorThumbsBubbleBg: lighten($colorBodyBg, 10%); // Ratios $ltGamma: 20%; @@ -124,3 +131,13 @@ $tickLblH: 15px; $tickLblW: 50px; $tickH: $ticksH - $tickLblVMargin - $tickLblH; $tickW: 1px; + +// Imagery +$imageMainControlBarH: 20px; +$imageThumbsD: 120px; +$imageThumbsWrapperH: $imageThumbsD * 1.4; +$imageThumbPad: 1px; + +// Bubbles +$bubbleArwSize: 10px; +$bubblePad: $interiorMargin; diff --git a/platform/commonUI/general/res/sass/_effects.scss b/platform/commonUI/general/res/sass/_effects.scss index 40a1a24414..c90a035c82 100644 --- a/platform/commonUI/general/res/sass/_effects.scss +++ b/platform/commonUI/general/res/sass/_effects.scss @@ -44,7 +44,7 @@ a.disabled { } @include keyframes(pulse) { - 0% { opacity: 0.2; } + 0% { opacity: 0.5; } 100% { opacity: 1; } } @@ -57,5 +57,5 @@ a.disabled { } .pulse { - @include pulse(1000ms); + @include pulse(750ms); } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_global.scss b/platform/commonUI/general/res/sass/_global.scss index 5a7293e4f2..0ada165ec9 100644 --- a/platform/commonUI/general/res/sass/_global.scss +++ b/platform/commonUI/general/res/sass/_global.scss @@ -117,6 +117,13 @@ span { display: none !important; } +.paused { + &:not(.s-btn) { + border-color: $colorPausedBg !important; + color: $colorPausedBg !important; + } +} + .sep { color: rgba(#fff, 0.2); } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_main.scss b/platform/commonUI/general/res/sass/_main.scss index 3eb4397f91..ec2160048b 100644 --- a/platform/commonUI/general/res/sass/_main.scss +++ b/platform/commonUI/general/res/sass/_main.scss @@ -45,6 +45,7 @@ @import "controls/controls"; @import "controls/lists"; @import "controls/menus"; +@import "features/imagery"; @import "forms/mixins"; @import "forms/elems"; @import "forms/validation"; diff --git a/platform/commonUI/general/res/sass/_mixins.scss b/platform/commonUI/general/res/sass/_mixins.scss index 3a99d6115c..107726e992 100644 --- a/platform/commonUI/general/res/sass/_mixins.scss +++ b/platform/commonUI/general/res/sass/_mixins.scss @@ -62,6 +62,31 @@ border-right: $size/$ratio solid transparent; } +@mixin triangle($dir: "left", $size: 5px, $ratio: 1, $color: red) { + //$size: $size*2; + width: 0; + height: 0; + $slopedB: $size/$ratio solid transparent; + $straightB: $size solid $color; + @if $dir == "up" { + border-left: $slopedB; + border-right: $slopedB; + border-bottom: $straightB; + } @else if $dir == "right" { + border-top: $slopedB; + border-bottom: $slopedB; + border-left: $straightB; + } @else if $dir == "down" { + border-left: $slopedB; + border-right: $slopedB; + border-top: $straightB; + } @else { + border-top: $slopedB; + border-bottom: $slopedB; + border-right: $straightB; + } +} + @mixin bgDiagonalStripes($c: yellow, $a: 0.1, $d: 40px) { @include background-image(linear-gradient(-45deg, rgba($c, $a) 25%, transparent 25%, diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index abbe655810..f8328dcdb5 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -19,25 +19,28 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -$pad: $interiorMargin * 2; +$pad: $interiorMargin * 1.5; /*********************************** 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); + &.paused { + @include containerSubtle($colorPausedBg, $colorPausedFg, true); + .icon:before { + content:"\0000EF"; + } + } } } @@ -47,9 +50,20 @@ $pad: $interiorMargin * 2; .icon { color: $colorKey; } + &.paused { + .icon { + color: $colorPausedFg; + } + } - &:not(.disabled):hover .icon { - color: lighten($colorKey, $ltGamma); + &:not(.disabled) { + &:not(.paused) { + &:hover { + .icon { + color: lighten($colorKey, $ltGamma); + } + } + } } &.labeled { @@ -61,8 +75,22 @@ $pad: $interiorMargin * 2; margin-left: $interiorMargin; } } -} + &.pause-play { + &.paused { + @include pulse(500ms); + } + .icon:before { + content:"\0000F1"; + } + } + + &.show-thumbs { + .icon:before { + content:"\000039"; + } + } +} /*********************************** LAYOUT STYLES */ span.l-btn, @@ -70,4 +98,14 @@ span.l-btn span, a.l-btn, a.l-btn span { display: inline-block; +} + +.l-btn { + padding: 0 $pad; + &.sm { + padding: 0 $interiorMargin; + } + &.vsm { + padding: 0 $interiorMargin/2; + } } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/features/_imagery.scss b/platform/commonUI/general/res/sass/features/_imagery.scss new file mode 100644 index 0000000000..d31b296868 --- /dev/null +++ b/platform/commonUI/general/res/sass/features/_imagery.scss @@ -0,0 +1,166 @@ +.l-image-main-wrapper, +.l-image-main, +.l-image-main-controlbar, +.l-image-main-controlbar .left, +.l-image-main-controlbar .right, +.l-image-thumbs-wrapper { + @include absPosDefault(0, false); +} + +/*************************************** MAIN LAYOUT */ +.l-image-main-wrapper { + //@include test(); + bottom: $interiorMargin*2 + $imageThumbsWrapperH; + min-height: 100px; + min-width: 150px; + .l-image-main { + background-color: rgba(#fff, 0.1); + bottom: $imageMainControlBarH + $interiorMargin; + } + .l-image-main-controlbar { + top: auto; + height: $imageMainControlBarH; + } +} + +.l-image-thumbs-wrapper { + //@include test(red); + top: auto; + height: $imageThumbsWrapperH; +} + +.l-date, +.l-time, +.l-timezone { + display: inline-block; +} + +/*************************************** MAIN IMAGE */ + +.l-image-main, +.l-image-thumb-item .l-thumb { + background-size: contain; + background-position: center; + background-repeat: no-repeat; +} + +.l-image-main-controlbar { + //@include test(); + font-size: 0.8em; + line-height: $imageMainControlBarH; + .left, .right { + direction: rtl; + overflow: hidden; + } + .left { + //@include test(red); + text-align: left; + width: 75% !important; + } + .right { + //@include test(green); + min-width: 40px; + width: 25% !important; + z-index: 2; + } + .l-date, + .l-time { + color: #fff; + } + .l-mag { + direction: ltr; + display: inline-block; + //white-space: nowrap; + &:before { + content: "\000058"; + } + } + .s-mag { + color: darken($colorBodyFg, 20%); + } + .l-btn.show-thumbs { + display: none; + } +} + +.s-image-main { + border: 1px solid transparent; + &.paused { + border-color: $colorPausedBg; + } +} + +/*************************************** THUMBS */ + +.l-image-thumb-item { +} + +.l-image-thumbs-wrapper { + //@include test(green); + direction: rtl; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: $interiorMargin; + white-space: nowrap; + z-index: 70; +} + +.l-image-thumb-item { + @include single-transition(background-color, 0.25s); + @include box-sizing(border-box); + padding: 1px; + position: relative; + .l-thumb, + .l-date, + .l-time { + display: inline-block; + } + .l-date, + .l-time { + padding: 2px 3px; + } + cursor: pointer; + direction: ltr; + display: inline-block; + font-size: 0.8em; + margin-left: $interiorMarginSm; + text-align: left; + width: $imageThumbsD + $imageThumbPad*2; + white-space: normal; + &:hover { + background: rgba(#fff, 0.2); + .l-date, + .l-time { + color: #fff; + } + } + &.selected { + background: $colorKeySelectedBg; + .l-date, + .l-time { + color: #fff; + } + } + .l-thumb { + background-color: rgba(#fff, 0.1); + height: $imageThumbsD; + width: $imageThumbsD; + margin-top: 0; + } +} + +/*************************************** WHEN IN FRAME */ +.frame .t-imagery { + .l-image-main-wrapper { + bottom: 0; + .l-image-main-controlbar { + font-size: 0.7em; + } + .l-btn.show-thumbs { + display: inline-block; + } + } + .l-image-thumbs-wrapper { + display: none; + } +} \ 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 index 61980cf554..2a499339ce 100644 --- a/platform/commonUI/general/res/sass/helpers/_bubbles.scss +++ b/platform/commonUI/general/res/sass/helpers/_bubbles.scss @@ -21,18 +21,33 @@ *****************************************************************************/ //************************************************* LAYOUT -$infoBubbleFg: #666; -$infoBubbleBg: #ddd; - -.l-infobubble-wrapper { - $arwSize: 5px; - @include box-shadow(rgba(black, 0.4) 0 1px 5px); +.l-bubble-wrapper { position: absolute; z-index: 70; + .l-bubble { + padding: $bubblePad $bubblePad*2; + .l-btn.close { + padding: 0 2px; + position: absolute; + right: $interiorMargin; + top: $interiorMargin; + } + } + .arw { + position: absolute; + &.arw-up { + bottom: 100%; + + } + &.arw-down { + top: 100%; + } + } + .l-infobubble { display: inline-block; max-width: 250px; - padding: 5px 10px; + //padding: 5px 10px; &:before { content:""; position: absolute; @@ -71,57 +86,82 @@ $infoBubbleBg: #ddd; } &.arw-left { - margin-left: $arwSize*2; + margin-left: $bubbleArwSize*2; .l-infobubble::before { right: 100%; - border-top: $arwSize solid transparent; - border-bottom: $arwSize solid transparent; - border-right: ($arwSize * 1.5) solid $infoBubbleBg; + @include triangle('left', $bubbleArwSize, 1.5, $colorInfoBubbleBg); } } &.arw-right { - margin-right: $arwSize*2; + margin-right: $bubbleArwSize*2; .l-infobubble::before { left: 100%; - border-top: $arwSize solid transparent; - border-bottom: $arwSize solid transparent; - border-left: ($arwSize * 1.5) solid $infoBubbleBg; + @include triangle('right', $bubbleArwSize, 1.5, $colorInfoBubbleBg); } } &.arw-top { .l-infobubble::before { - top: $arwSize * 2; + top: $bubbleArwSize * 2; } } &.arw-btm { .l-infobubble::before { - bottom: $arwSize * 2; + bottom: $bubbleArwSize * 2; } } &.arw-down { - margin-bottom: $arwSize*2; - .l-infobubble::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 $infoBubbleBg; + + } +} + +.l-thumbsbubble-wrapper { + $closeBtnD: 15px; + position: absolute; + height: $imageThumbsWrapperH + $bubblePad*2 + $interiorMargin; + width: 100%; + .l-thumbsbubble { + @include absPosDefault(); + .l-image-thumbs-wrapper { + height: auto; + top: $bubblePad !important; right: $closeBtnD + ($interiorMargin*2); bottom: $bubblePad !important; left: $bubblePad; } } + .arw { + //left: 50%; + //margin-left: $bubbleArwSize / -2; + z-index: 2; + } + &.arw-up .arw.arw-down, + &.arw-down .arw.arw-up { display: none; } } //************************************************* LOOK AND FEEL -.s-infobubble { - $emFg: darken($infoBubbleFg, 20%); +.s-bubble-wrapper { + //@include box-shadow(rgba(black, 0.4) 0 1px 5px); +} + +.s-bubble { @include border-radius($basicCr); - background: $infoBubbleBg; - color: $infoBubbleFg; + @include box-shadow(rgba(black, 0.4) 0 1px 5px); +} + +.l-thumbsbubble-wrapper { + .arw-up { + @include triangle('up', $bubbleArwSize, 1.5, $colorThumbsBubbleBg); + } + .arw-down { + @include triangle('down', $bubbleArwSize, 1.5, $colorThumbsBubbleBg); + } +} +.s-infobubble { + $emFg: darken($colorInfoBubbleFg, 20%); + background: $colorInfoBubbleBg; + color: $colorInfoBubbleFg; font-size: 0.8rem; .title { color: $emFg; @@ -129,7 +169,7 @@ $infoBubbleBg: #ddd; } tr { td { - border-top: 1px solid darken($infoBubbleBg, 10%); + border-top: 1px solid darken($colorInfoBubbleBg, 10%); font-size: 0.9em; } &:first-child td { @@ -139,5 +179,9 @@ $infoBubbleBg: #ddd; .value { color: $emFg; } +} +.s-thumbsbubble { + background: $colorThumbsBubbleBg; + color: $colorThumbsBubbleFg; } \ 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 index 483bada8f0..7df73f3bd8 100644 --- a/platform/commonUI/general/res/sass/tree/_tree.scss +++ b/platform/commonUI/general/res/sass/tree/_tree.scss @@ -99,7 +99,7 @@ ul.tree { &.selected { $c: #fff; - background: #005177; + background: $colorKeySelectedBg; color: $c; .view-control { color: $colorItemTreeIcon; diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index c459adfa8d..8201597ca9 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -70,23 +70,19 @@ &.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; -// } + } + &.left, + .left { + width: 45% !important; + right: auto !important; + } + &.right, + .right { + width: 45% !important; + left: auto !important; + text-align: right; + .icon.major { + margin-left: $interiorMargin * 3; } } } diff --git a/platform/features/static-markup/res/markup.html b/platform/features/static-markup/res/markup.html index 3aad99ac01..2a73186b31 100644 --- a/platform/features/static-markup/res/markup.html +++ b/platform/features/static-markup/res/markup.html @@ -19,27 +19,129 @@ this source code distribution or the Licensing information page available at runtime from the About dialog for additional information. --> -

Static Markup Sandbox

+
-

Plot limits

-
+ +
+
+
+
+ + UTC + 16:03:43 + 2020/04/27 +
+
+ + +
+
+
+ +
+
+
+
{{thumb.date}}
+
{{thumb.time}}
UTC +
+
+
+ + +
+
+
+ x +
+
+
+
{{thumb.date}}
+
{{thumb.time}}
+
+
+
+
+
+ + + \ No newline at end of file