mirror of
https://github.com/nasa/openmct.git
synced 2024-12-20 21:53:08 +00:00
Victor Woeltjen
commit
15ec9df538
@ -16,12 +16,13 @@
|
||||
"platform/execution",
|
||||
"platform/telemetry",
|
||||
"platform/features/clock",
|
||||
"platform/features/events",
|
||||
"platform/features/imagery",
|
||||
"platform/features/layout",
|
||||
"platform/features/pages",
|
||||
"platform/features/plot",
|
||||
"platform/features/scrolling",
|
||||
"platform/features/events",
|
||||
"platform/features/timeline",
|
||||
"platform/forms",
|
||||
"platform/identity",
|
||||
"platform/persistence/aggregator",
|
||||
|
||||
@ -95,10 +95,7 @@ $pad: $interiorMargin * $baseRatio;
|
||||
|
||||
.s-icon-btn {
|
||||
@extend .ui-symbol;
|
||||
color: $colorBtnIcon;
|
||||
&:hover {
|
||||
color: lighten($colorBtnIcon, $ltGamma);
|
||||
}
|
||||
// Color and styling additionally in _controls.scss
|
||||
}
|
||||
|
||||
.mini-tab {
|
||||
|
||||
@ -187,7 +187,8 @@ label.checkbox.custom {
|
||||
}
|
||||
}
|
||||
|
||||
.context-available {
|
||||
.context-available,
|
||||
.s-icon-btn {
|
||||
$c: $colorKey;
|
||||
color: $c;
|
||||
&:hover {
|
||||
|
||||
@ -1,46 +1,32 @@
|
||||
.l-time-display {
|
||||
$transTime: 200ms;
|
||||
// Layout
|
||||
line-height: 140%;
|
||||
&:hover {
|
||||
.l-btn.control {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.l-elem-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.l-elem {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&.l-timer {
|
||||
.l-elem.l-value {
|
||||
@include trans-prop-nice(left, $transTime);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
.ui-symbol.direction {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
&:hover .l-elem.l-value {
|
||||
left: 20px;
|
||||
.control {
|
||||
@include trans-prop-nice((width, opacity), $transTime);
|
||||
line-height: inherit;
|
||||
margin-right: 0;
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
}
|
||||
&:hover .control {
|
||||
margin-right: $interiorMargin;
|
||||
opacity: 1;
|
||||
width: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
// Look-and-feel
|
||||
.l-elem {
|
||||
.value.active,
|
||||
&.value.active {
|
||||
color: $colorKeyFg;
|
||||
}
|
||||
}
|
||||
.l-btn.control {
|
||||
@include trans-prop-nice-fade($transTime);
|
||||
opacity: 0;
|
||||
font-size: 0.65em;
|
||||
vertical-align: top;
|
||||
//line-height: 1em;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: pullForward($colorBodyFg, 50%);
|
||||
font-weight: 400;
|
||||
.direction {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -308,7 +308,7 @@ a.disabled {
|
||||
*****************************************************************************/
|
||||
/************************** FONTS */
|
||||
@font-face {
|
||||
/*
|
||||
/*
|
||||
* Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
|
||||
*/
|
||||
font-family: 'symbolsfont';
|
||||
@ -1759,13 +1759,6 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
|
||||
content: "\000039"; }
|
||||
|
||||
/* line 96, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.s-icon-btn {
|
||||
color: #0099cc; }
|
||||
/* line 99, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.s-icon-btn:hover {
|
||||
color: #33ccff; }
|
||||
|
||||
@media screen and (min-device-width: 1281px) {
|
||||
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab {
|
||||
@ -1801,10 +1794,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
height: 24px;
|
||||
width: 9px;
|
||||
text-align: center; }
|
||||
/* line 133, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 130, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:hover {
|
||||
color: #0099cc; }
|
||||
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed {
|
||||
background-color: #454545;
|
||||
-moz-border-radius: 3px;
|
||||
@ -1847,16 +1840,16 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:before {
|
||||
opacity: 0; }
|
||||
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 139, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:after {
|
||||
opacity: 1; }
|
||||
/* line 144, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:hover:before {
|
||||
opacity: 1; }
|
||||
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:hover:after {
|
||||
opacity: 0; }
|
||||
/* line 150, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 147, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:before, .mini-tab:after {
|
||||
-moz-transition-property: left, right, opacity;
|
||||
-o-transition-property: left, right, opacity;
|
||||
@ -1877,22 +1870,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
display: block;
|
||||
height: 100%;
|
||||
position: absolute; }
|
||||
/* line 159, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:before {
|
||||
width: 9px; }
|
||||
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:after {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
opacity: 0; }
|
||||
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left {
|
||||
text-align: right; }
|
||||
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left:before {
|
||||
content: '\3c';
|
||||
right: 0; }
|
||||
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 177, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left.collapsed {
|
||||
-moz-border-radius-topleft: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
@ -1901,21 +1894,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
text-align: left; }
|
||||
/* line 183, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left.collapsed:before {
|
||||
content: '\3e';
|
||||
left: 0; }
|
||||
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 184, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left.collapsed:hover:before {
|
||||
left: 2px; }
|
||||
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right {
|
||||
text-align: left; }
|
||||
/* line 193, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right:before {
|
||||
content: '\3e';
|
||||
left: 0; }
|
||||
/* line 198, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 195, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right.collapsed {
|
||||
-moz-border-radius-topright: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
@ -1923,12 +1916,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
/* line 200, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 197, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right.collapsed:before {
|
||||
text-align: right;
|
||||
content: '\3c';
|
||||
right: 0; }
|
||||
/* line 205, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 202, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right.collapsed:hover:before {
|
||||
right: 2px; } }
|
||||
|
||||
@ -1946,31 +1939,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
line-height: 9px;
|
||||
overflow: hidden;
|
||||
word-break: break-all; }
|
||||
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 225, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon.collapsed {
|
||||
width: 11px;
|
||||
font-size: 11px; }
|
||||
/* line 233, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 230, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon:before, .mini-tab-icon:after {
|
||||
position: absolute;
|
||||
display: inherit; }
|
||||
/* line 239, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon:before {
|
||||
content: '\78'; }
|
||||
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 240, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon:hover {
|
||||
color: #0099cc; } }
|
||||
|
||||
/* line 250, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 247, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set {
|
||||
font-size: 0; }
|
||||
/* line 256, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 253, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
margin-left: 1px; }
|
||||
/* line 262, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 259, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
@ -1979,7 +1972,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
margin-left: 0; }
|
||||
/* line 269, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 266, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
|
||||
-moz-border-radius-topright: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
@ -1988,7 +1981,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px; }
|
||||
|
||||
/* line 276, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 273, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.paused:not(.s-btn):not(.s-menu-btn) {
|
||||
border-color: #c56f01 !important;
|
||||
color: #c56f01 !important; }
|
||||
@ -2264,13 +2257,15 @@ label.checkbox.custom {
|
||||
border-bottom: none; }
|
||||
|
||||
/* line 190, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.context-available {
|
||||
.context-available,
|
||||
.s-icon-btn {
|
||||
color: #0099cc; }
|
||||
/* line 193, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.context-available:hover {
|
||||
/* line 194, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.context-available:hover,
|
||||
.s-icon-btn:hover {
|
||||
color: deepskyblue; }
|
||||
|
||||
/* line 198, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 199, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.view-switcher {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
@ -2290,22 +2285,22 @@ label.checkbox.custom {
|
||||
transition-delay: 0; }
|
||||
|
||||
/******************************************************** OBJECT-HEADER */
|
||||
/* line 203, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 204, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header {
|
||||
font-size: 1em; }
|
||||
/* line 206, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 207, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header > .type-icon {
|
||||
color: #cccccc;
|
||||
font-size: 120%;
|
||||
float: left;
|
||||
margin-right: 5px; }
|
||||
/* line 214, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 215, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .l-elem-wrapper mct-representation {
|
||||
min-width: 0.7em; }
|
||||
/* line 222, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 223, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .action {
|
||||
margin-right: 5px; }
|
||||
/* line 226, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 227, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .title-label {
|
||||
color: #999;
|
||||
overflow: hidden;
|
||||
@ -2314,7 +2309,7 @@ label.checkbox.custom {
|
||||
flex: 0 1 auto;
|
||||
-webkit-flex: 0 1 auto;
|
||||
padding-right: 0.35em; }
|
||||
/* line 233, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 234, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .context-available {
|
||||
font-size: 0.7em;
|
||||
flex: 0 0 1;
|
||||
@ -2339,7 +2334,7 @@ label.checkbox.custom {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
opacity: 0; }
|
||||
/* line 244, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 245, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header:hover .context-available {
|
||||
opacity: 1; } }
|
||||
|
||||
@ -2353,12 +2348,12 @@ label.checkbox.custom {
|
||||
@keyframes progress {
|
||||
100% {
|
||||
background-position: 20px center; } }
|
||||
/* line 266, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 267, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative; }
|
||||
/* line 272, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 273, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar .progress-amt-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
@ -2368,7 +2363,7 @@ label.checkbox.custom {
|
||||
left: 1px;
|
||||
width: auto;
|
||||
height: auto; }
|
||||
/* line 275, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 276, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar .progress-amt,
|
||||
.l-progress-bar .progress-amt:before,
|
||||
.l-progress-bar .progress-amt:after {
|
||||
@ -2382,14 +2377,14 @@ label.checkbox.custom {
|
||||
height: auto;
|
||||
display: block;
|
||||
content: ''; }
|
||||
/* line 283, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 284, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar .progress-amt {
|
||||
right: auto; }
|
||||
/* line 288, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 289, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar.indeterminate .progress-amt {
|
||||
width: 100% !important; }
|
||||
|
||||
/* line 294, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 295, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
@ -2398,7 +2393,7 @@ label.checkbox.custom {
|
||||
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
|
||||
box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
|
||||
background: rgba(0, 0, 0, 0.1); }
|
||||
/* line 298, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 299, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar .progress-amt {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
@ -2425,10 +2420,10 @@ label.checkbox.custom {
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0; }
|
||||
/* line 303, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 304, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar .progress-amt:before {
|
||||
background-color: #0099cc; }
|
||||
/* line 306, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 307, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar .progress-amt:after {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
@ -2436,7 +2431,7 @@ label.checkbox.custom {
|
||||
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
|
||||
/* line 315, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 316, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar:not(.indeterminate) .progress-amt:before {
|
||||
-moz-animation: progress 0.4s linear infinite;
|
||||
-webkit-animation: progress 0.4s linear infinite;
|
||||
@ -2449,7 +2444,7 @@ label.checkbox.custom {
|
||||
background-position: 0 center;
|
||||
background-repeat: repeat-x;
|
||||
background-size: 20px 40%; }
|
||||
/* line 323, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 324, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar.indeterminate .progress-amt:before {
|
||||
-moz-animation: progress 0.6s linear infinite;
|
||||
-webkit-animation: progress 0.6s linear infinite;
|
||||
@ -2461,12 +2456,12 @@ label.checkbox.custom {
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat;
|
||||
background-size: 20px 20px; }
|
||||
/* line 328, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 329, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar.indeterminate .progress-amt:after {
|
||||
display: none; }
|
||||
|
||||
/******************************************************** SLIDERS */
|
||||
/* line 336, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 337, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .slot {
|
||||
width: auto;
|
||||
position: absolute;
|
||||
@ -2474,7 +2469,7 @@ label.checkbox.custom {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0; }
|
||||
/* line 344, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 345, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
@ -2500,10 +2495,10 @@ label.checkbox.custom {
|
||||
auto: 0;
|
||||
bottom: auto;
|
||||
left: auto; }
|
||||
/* line 347, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 348, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob:hover {
|
||||
background-color: #0099cc; }
|
||||
/* line 358, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 359, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob-l {
|
||||
-moz-border-radius-topleft: 10px;
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
@ -2512,7 +2507,7 @@ label.checkbox.custom {
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
cursor: w-resize; }
|
||||
/* line 362, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 363, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob-r {
|
||||
-moz-border-radius-topright: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
@ -2521,7 +2516,7 @@ label.checkbox.custom {
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
cursor: e-resize; }
|
||||
/* line 366, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 367, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .range {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
@ -2548,12 +2543,12 @@ label.checkbox.custom {
|
||||
left: auto;
|
||||
height: auto;
|
||||
width: auto; }
|
||||
/* line 377, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 378, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .range:hover {
|
||||
background-color: rgba(0, 153, 204, 0.5); }
|
||||
|
||||
/******************************************************** DATETIME PICKER */
|
||||
/* line 384, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 385, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker {
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
@ -2562,65 +2557,65 @@ label.checkbox.custom {
|
||||
font-size: 0.8rem;
|
||||
padding: 10px !important;
|
||||
width: 230px; }
|
||||
/* line 390, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 391, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager {
|
||||
height: 15px;
|
||||
margin-bottom: 5px;
|
||||
position: relative; }
|
||||
/* line 399, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 400, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager {
|
||||
width: 20px; }
|
||||
/* line 402, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 403, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.prev {
|
||||
right: auto; }
|
||||
/* line 404, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 405, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.prev:before {
|
||||
content: "\3c"; }
|
||||
/* line 408, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 409, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.next {
|
||||
left: auto;
|
||||
text-align: right; }
|
||||
/* line 411, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 412, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.next:before {
|
||||
content: "\3e"; }
|
||||
/* line 416, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 417, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .val {
|
||||
text-align: center;
|
||||
left: 25px;
|
||||
right: 25px; }
|
||||
/* line 422, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 423, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-calendar,
|
||||
.l-datetime-picker .l-time-selects {
|
||||
border-top: 1px solid rgba(153, 153, 153, 0.1); }
|
||||
/* line 426, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 427, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-time-selects {
|
||||
line-height: 22px; }
|
||||
|
||||
/******************************************************** CALENDAR */
|
||||
/* line 434, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 435, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
margin-top: 1px; }
|
||||
/* line 438, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 439, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row:first-child {
|
||||
margin-top: 0; }
|
||||
/* line 441, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 442, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row li {
|
||||
-webkit-flex: 1 0;
|
||||
flex: 1 0;
|
||||
margin-left: 1px;
|
||||
padding: 5px;
|
||||
text-align: center; }
|
||||
/* line 446, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 447, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row li:first-child {
|
||||
margin-left: 0; }
|
||||
/* line 450, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 451, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-header li {
|
||||
color: #b3b3b3; }
|
||||
/* line 453, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 454, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li {
|
||||
-moz-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
@ -2639,31 +2634,30 @@ label.checkbox.custom {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
cursor: pointer; }
|
||||
/* line 456, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 457, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li.in-month {
|
||||
background-color: #616161; }
|
||||
/* line 459, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 460, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li .sub {
|
||||
color: #b3b3b3;
|
||||
font-size: 0.8em; }
|
||||
/* line 463, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 464, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li.selected {
|
||||
background: #006080;
|
||||
color: #cccccc; }
|
||||
/* line 466, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 467, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li.selected .sub {
|
||||
color: inherit; }
|
||||
/* line 470, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 471, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li:hover {
|
||||
background-color: #0099cc;
|
||||
color: #fff; }
|
||||
/* line 473, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 474, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li:hover .sub {
|
||||
color: inherit; }
|
||||
|
||||
/******************************************************** BROWSER ELEMENTS */
|
||||
@media screen and (min-device-width: 1281px) {
|
||||
/* line 484, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar {
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
@ -2678,7 +2672,7 @@ label.checkbox.custom {
|
||||
height: 10px;
|
||||
width: 10px; }
|
||||
|
||||
/* line 493, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 494, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
@ -2692,7 +2686,7 @@ label.checkbox.custom {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
/* line 500, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 501, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
@ -2701,7 +2695,7 @@ label.checkbox.custom {
|
||||
background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
|
||||
background-image: linear-gradient(#5e5e5e, #525252 20px); }
|
||||
|
||||
/* line 505, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 506, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar-corner {
|
||||
background: rgba(0, 0, 0, 0.4); } }
|
||||
/*****************************************************************************
|
||||
@ -4088,15 +4082,15 @@ textarea {
|
||||
/* line 29, ../../../../general/res/sass/forms/_datetime.scss */
|
||||
.complex.datetime {
|
||||
/*
|
||||
.field-hints,
|
||||
.fields {
|
||||
}
|
||||
|
||||
|
||||
.field-hints {
|
||||
|
||||
}
|
||||
*/ }
|
||||
.field-hints,
|
||||
.fields {
|
||||
}
|
||||
|
||||
|
||||
.field-hints {
|
||||
|
||||
}
|
||||
*/ }
|
||||
/* line 30, ../../../../general/res/sass/forms/_datetime.scss */
|
||||
.complex.datetime span {
|
||||
display: inline-block;
|
||||
@ -5962,9 +5956,9 @@ ul.tree {
|
||||
*****************************************************************************/
|
||||
/* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */
|
||||
.top-bar {
|
||||
/* .title {
|
||||
color: #fff;
|
||||
}*/ }
|
||||
/* .title {
|
||||
color: #fff;
|
||||
}*/ }
|
||||
/* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */
|
||||
.top-bar.browse, .top-bar.edit {
|
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.1);
|
||||
@ -7383,63 +7377,43 @@ table {
|
||||
.frame .t-imagery .l-image-thumbs-wrapper {
|
||||
display: none; }
|
||||
|
||||
/* line 5, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display:hover .l-btn.control {
|
||||
opacity: 1; }
|
||||
/* line 9, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-elem-wrapper {
|
||||
position: relative; }
|
||||
/* line 12, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-elem {
|
||||
display: inline-block; }
|
||||
/* line 17, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer .l-elem.l-value {
|
||||
-moz-transition-property: left;
|
||||
-o-transition-property: left;
|
||||
-webkit-transition-property: left;
|
||||
transition-property: left;
|
||||
-moz-transition-duration: 200ms;
|
||||
-o-transition-duration: 200ms;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 1; }
|
||||
/* line 22, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.t-item-icon, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager {
|
||||
font-size: 0.8em; }
|
||||
/* line 26, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer:hover .l-elem.l-value {
|
||||
left: 20px; }
|
||||
/* line 33, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-elem .value.active, .l-time-display .l-elem.value.active {
|
||||
color: #fff; }
|
||||
/* line 38, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-btn.control {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
-webkit-transition-property: opacity, background-color, border-color, color;
|
||||
transition-property: opacity, background-color, border-color, color;
|
||||
-moz-transition-duration: 200ms;
|
||||
-o-transition-duration: 200ms;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
opacity: 0;
|
||||
font-size: 0.65em;
|
||||
vertical-align: top; }
|
||||
/* line 1, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display {
|
||||
line-height: 140%; }
|
||||
/* line 5, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display:hover .l-btn.control {
|
||||
opacity: 1; }
|
||||
/* line 11, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer .control {
|
||||
-moz-transition-property: width, opacity;
|
||||
-o-transition-property: width, opacity;
|
||||
-webkit-transition-property: width, opacity;
|
||||
transition-property: width, opacity;
|
||||
-moz-transition-duration: 200ms;
|
||||
-o-transition-duration: 200ms;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
line-height: inherit;
|
||||
margin-right: 0;
|
||||
opacity: 0;
|
||||
width: 0; }
|
||||
/* line 18, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer:hover .control {
|
||||
margin-right: 5px;
|
||||
opacity: 1;
|
||||
width: 1em; }
|
||||
/* line 25, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .value {
|
||||
color: white;
|
||||
font-weight: 400; }
|
||||
/* line 28, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .value .direction {
|
||||
font-size: 0.8em; }
|
||||
|
||||
@ -308,7 +308,7 @@ a.disabled {
|
||||
*****************************************************************************/
|
||||
/************************** FONTS */
|
||||
@font-face {
|
||||
/*
|
||||
/*
|
||||
* Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
|
||||
*/
|
||||
font-family: 'symbolsfont';
|
||||
@ -1713,13 +1713,6 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
|
||||
content: "\000039"; }
|
||||
|
||||
/* line 96, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.s-icon-btn {
|
||||
color: #eee; }
|
||||
/* line 99, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.s-icon-btn:hover {
|
||||
color: white; }
|
||||
|
||||
@media screen and (min-device-width: 1281px) {
|
||||
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab {
|
||||
@ -1755,10 +1748,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
height: 24px;
|
||||
width: 9px;
|
||||
text-align: center; }
|
||||
/* line 133, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 130, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:hover {
|
||||
color: #0099cc; }
|
||||
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed {
|
||||
background-color: #969696;
|
||||
-moz-border-radius: 4px;
|
||||
@ -1792,16 +1785,16 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:before {
|
||||
opacity: 0; }
|
||||
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 139, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:after {
|
||||
opacity: 1; }
|
||||
/* line 144, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:hover:before {
|
||||
opacity: 1; }
|
||||
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.collapsed:hover:after {
|
||||
opacity: 0; }
|
||||
/* line 150, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 147, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:before, .mini-tab:after {
|
||||
-moz-transition-property: left, right, opacity;
|
||||
-o-transition-property: left, right, opacity;
|
||||
@ -1822,22 +1815,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
display: block;
|
||||
height: 100%;
|
||||
position: absolute; }
|
||||
/* line 159, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:before {
|
||||
width: 9px; }
|
||||
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab:after {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
opacity: 0; }
|
||||
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left {
|
||||
text-align: right; }
|
||||
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left:before {
|
||||
content: '\3c';
|
||||
right: 0; }
|
||||
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 177, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left.collapsed {
|
||||
-moz-border-radius-topleft: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
@ -1846,21 +1839,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
text-align: left; }
|
||||
/* line 183, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left.collapsed:before {
|
||||
content: '\3e';
|
||||
left: 0; }
|
||||
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 184, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-left.collapsed:hover:before {
|
||||
left: 2px; }
|
||||
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right {
|
||||
text-align: left; }
|
||||
/* line 193, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right:before {
|
||||
content: '\3e';
|
||||
left: 0; }
|
||||
/* line 198, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 195, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right.collapsed {
|
||||
-moz-border-radius-topright: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
@ -1868,12 +1861,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
/* line 200, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 197, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right.collapsed:before {
|
||||
text-align: right;
|
||||
content: '\3c';
|
||||
right: 0; }
|
||||
/* line 205, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 202, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab.anchor-right.collapsed:hover:before {
|
||||
right: 2px; } }
|
||||
|
||||
@ -1891,31 +1884,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
line-height: 9px;
|
||||
overflow: hidden;
|
||||
word-break: break-all; }
|
||||
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 225, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon.collapsed {
|
||||
width: 11px;
|
||||
font-size: 11px; }
|
||||
/* line 233, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 230, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon:before, .mini-tab-icon:after {
|
||||
position: absolute;
|
||||
display: inherit; }
|
||||
/* line 239, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon:before {
|
||||
content: '\78'; }
|
||||
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 240, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.mini-tab-icon:hover {
|
||||
color: #0099cc; } }
|
||||
|
||||
/* line 250, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 247, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set {
|
||||
font-size: 0; }
|
||||
/* line 256, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 253, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
margin-left: 1px; }
|
||||
/* line 262, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 259, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
@ -1924,7 +1917,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
margin-left: 0; }
|
||||
/* line 269, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 266, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
@ -1933,7 +1926,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px; }
|
||||
|
||||
/* line 276, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
/* line 273, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
.paused:not(.s-btn):not(.s-menu-btn) {
|
||||
border-color: #ff9900 !important;
|
||||
color: #ff9900 !important; }
|
||||
@ -2209,13 +2202,15 @@ label.checkbox.custom {
|
||||
border-bottom: none; }
|
||||
|
||||
/* line 190, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.context-available {
|
||||
.context-available,
|
||||
.s-icon-btn {
|
||||
color: #0099cc; }
|
||||
/* line 193, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.context-available:hover {
|
||||
/* line 194, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.context-available:hover,
|
||||
.s-icon-btn:hover {
|
||||
color: deepskyblue; }
|
||||
|
||||
/* line 198, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 199, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.view-switcher {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
@ -2235,22 +2230,22 @@ label.checkbox.custom {
|
||||
transition-delay: 0; }
|
||||
|
||||
/******************************************************** OBJECT-HEADER */
|
||||
/* line 203, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 204, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header {
|
||||
font-size: 1em; }
|
||||
/* line 206, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 207, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header > .type-icon {
|
||||
color: #b3b3b3;
|
||||
font-size: 120%;
|
||||
float: left;
|
||||
margin-right: 5px; }
|
||||
/* line 214, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 215, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .l-elem-wrapper mct-representation {
|
||||
min-width: 0.7em; }
|
||||
/* line 222, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 223, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .action {
|
||||
margin-right: 5px; }
|
||||
/* line 226, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 227, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .title-label {
|
||||
color: #666;
|
||||
overflow: hidden;
|
||||
@ -2259,7 +2254,7 @@ label.checkbox.custom {
|
||||
flex: 0 1 auto;
|
||||
-webkit-flex: 0 1 auto;
|
||||
padding-right: 0.35em; }
|
||||
/* line 233, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 234, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header .context-available {
|
||||
font-size: 0.7em;
|
||||
flex: 0 0 1;
|
||||
@ -2284,7 +2279,7 @@ label.checkbox.custom {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
opacity: 0; }
|
||||
/* line 244, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 245, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.object-header:hover .context-available {
|
||||
opacity: 1; } }
|
||||
|
||||
@ -2298,12 +2293,12 @@ label.checkbox.custom {
|
||||
@keyframes progress {
|
||||
100% {
|
||||
background-position: 20px center; } }
|
||||
/* line 266, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 267, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative; }
|
||||
/* line 272, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 273, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar .progress-amt-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
@ -2313,7 +2308,7 @@ label.checkbox.custom {
|
||||
left: 1px;
|
||||
width: auto;
|
||||
height: auto; }
|
||||
/* line 275, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 276, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar .progress-amt,
|
||||
.l-progress-bar .progress-amt:before,
|
||||
.l-progress-bar .progress-amt:after {
|
||||
@ -2327,14 +2322,14 @@ label.checkbox.custom {
|
||||
height: auto;
|
||||
display: block;
|
||||
content: ''; }
|
||||
/* line 283, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 284, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar .progress-amt {
|
||||
right: auto; }
|
||||
/* line 288, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 289, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-progress-bar.indeterminate .progress-amt {
|
||||
width: 100% !important; }
|
||||
|
||||
/* line 294, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 295, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar {
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
@ -2343,7 +2338,7 @@ label.checkbox.custom {
|
||||
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
|
||||
box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
|
||||
background: rgba(0, 0, 0, 0.1); }
|
||||
/* line 298, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 299, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar .progress-amt {
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
@ -2370,10 +2365,10 @@ label.checkbox.custom {
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0; }
|
||||
/* line 303, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 304, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar .progress-amt:before {
|
||||
background-color: #0a0; }
|
||||
/* line 306, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 307, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar .progress-amt:after {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
@ -2381,7 +2376,7 @@ label.checkbox.custom {
|
||||
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
|
||||
/* line 315, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 316, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar:not(.indeterminate) .progress-amt:before {
|
||||
-moz-animation: progress 0.4s linear infinite;
|
||||
-webkit-animation: progress 0.4s linear infinite;
|
||||
@ -2394,7 +2389,7 @@ label.checkbox.custom {
|
||||
background-position: 0 center;
|
||||
background-repeat: repeat-x;
|
||||
background-size: 20px 40%; }
|
||||
/* line 323, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 324, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar.indeterminate .progress-amt:before {
|
||||
-moz-animation: progress 0.6s linear infinite;
|
||||
-webkit-animation: progress 0.6s linear infinite;
|
||||
@ -2406,12 +2401,12 @@ label.checkbox.custom {
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat;
|
||||
background-size: 20px 20px; }
|
||||
/* line 328, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 329, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.s-progress-bar.indeterminate .progress-amt:after {
|
||||
display: none; }
|
||||
|
||||
/******************************************************** SLIDERS */
|
||||
/* line 336, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 337, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .slot {
|
||||
width: auto;
|
||||
position: absolute;
|
||||
@ -2419,7 +2414,7 @@ label.checkbox.custom {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0; }
|
||||
/* line 344, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 345, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
@ -2445,10 +2440,10 @@ label.checkbox.custom {
|
||||
auto: 0;
|
||||
bottom: auto;
|
||||
left: auto; }
|
||||
/* line 347, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 348, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob:hover {
|
||||
background-color: rgba(0, 153, 204, 0.7); }
|
||||
/* line 358, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 359, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob-l {
|
||||
-moz-border-radius-topleft: 10px;
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
@ -2457,7 +2452,7 @@ label.checkbox.custom {
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
cursor: w-resize; }
|
||||
/* line 362, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 363, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .knob-r {
|
||||
-moz-border-radius-topright: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
@ -2466,7 +2461,7 @@ label.checkbox.custom {
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
cursor: e-resize; }
|
||||
/* line 366, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 367, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .range {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
@ -2493,12 +2488,12 @@ label.checkbox.custom {
|
||||
left: auto;
|
||||
height: auto;
|
||||
width: auto; }
|
||||
/* line 377, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 378, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.slider .range:hover {
|
||||
background-color: rgba(0, 153, 204, 0.4); }
|
||||
|
||||
/******************************************************** DATETIME PICKER */
|
||||
/* line 384, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 385, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker {
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
@ -2507,65 +2502,65 @@ label.checkbox.custom {
|
||||
font-size: 0.8rem;
|
||||
padding: 10px !important;
|
||||
width: 230px; }
|
||||
/* line 390, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 391, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager {
|
||||
height: 15px;
|
||||
margin-bottom: 5px;
|
||||
position: relative; }
|
||||
/* line 399, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 400, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager {
|
||||
width: 20px; }
|
||||
/* line 402, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 403, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.prev {
|
||||
right: auto; }
|
||||
/* line 404, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 405, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.prev:before {
|
||||
content: "\3c"; }
|
||||
/* line 408, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 409, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.next {
|
||||
left: auto;
|
||||
text-align: right; }
|
||||
/* line 411, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 412, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .pager.next:before {
|
||||
content: "\3e"; }
|
||||
/* line 416, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 417, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-month-year-pager .val {
|
||||
text-align: center;
|
||||
left: 25px;
|
||||
right: 25px; }
|
||||
/* line 422, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 423, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-calendar,
|
||||
.l-datetime-picker .l-time-selects {
|
||||
border-top: 1px solid rgba(102, 102, 102, 0.2); }
|
||||
/* line 426, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 427, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-datetime-picker .l-time-selects {
|
||||
line-height: 22px; }
|
||||
|
||||
/******************************************************** CALENDAR */
|
||||
/* line 434, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 435, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
margin-top: 1px; }
|
||||
/* line 438, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 439, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row:first-child {
|
||||
margin-top: 0; }
|
||||
/* line 441, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 442, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row li {
|
||||
-webkit-flex: 1 0;
|
||||
flex: 1 0;
|
||||
margin-left: 1px;
|
||||
padding: 5px;
|
||||
text-align: center; }
|
||||
/* line 446, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 447, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row li:first-child {
|
||||
margin-left: 0; }
|
||||
/* line 450, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 451, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-header li {
|
||||
color: #999999; }
|
||||
/* line 453, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 454, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li {
|
||||
-moz-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
@ -2584,25 +2579,25 @@ label.checkbox.custom {
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
cursor: pointer; }
|
||||
/* line 456, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 457, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li.in-month {
|
||||
background-color: #f2f2f2; }
|
||||
/* line 459, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 460, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li .sub {
|
||||
color: #999999;
|
||||
font-size: 0.8em; }
|
||||
/* line 463, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 464, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li.selected {
|
||||
background: #1ac6ff;
|
||||
color: #fcfcfc; }
|
||||
/* line 466, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 467, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li.selected .sub {
|
||||
color: inherit; }
|
||||
/* line 470, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 471, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li:hover {
|
||||
background-color: #0099cc;
|
||||
color: #fff; }
|
||||
/* line 473, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 474, ../../../../general/res/sass/controls/_controls.scss */
|
||||
.l-calendar ul.l-cal-row.l-body li:hover .sub {
|
||||
color: inherit; }
|
||||
|
||||
@ -2623,7 +2618,7 @@ label.checkbox.custom {
|
||||
height: 10px;
|
||||
width: 10px; }
|
||||
|
||||
/* line 493, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 494, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
@ -2637,7 +2632,7 @@ label.checkbox.custom {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
/* line 500, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 501, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
@ -2646,7 +2641,7 @@ label.checkbox.custom {
|
||||
background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
|
||||
background-image: linear-gradient(#00ace6, #0099cc 20px); }
|
||||
|
||||
/* line 505, ../../../../general/res/sass/controls/_controls.scss */
|
||||
/* line 506, ../../../../general/res/sass/controls/_controls.scss */
|
||||
::-webkit-scrollbar-corner {
|
||||
background: rgba(0, 0, 0, 0.1); } }
|
||||
/*****************************************************************************
|
||||
@ -4010,15 +4005,15 @@ textarea {
|
||||
/* line 29, ../../../../general/res/sass/forms/_datetime.scss */
|
||||
.complex.datetime {
|
||||
/*
|
||||
.field-hints,
|
||||
.fields {
|
||||
}
|
||||
|
||||
|
||||
.field-hints {
|
||||
|
||||
}
|
||||
*/ }
|
||||
.field-hints,
|
||||
.fields {
|
||||
}
|
||||
|
||||
|
||||
.field-hints {
|
||||
|
||||
}
|
||||
*/ }
|
||||
/* line 30, ../../../../general/res/sass/forms/_datetime.scss */
|
||||
.complex.datetime span {
|
||||
display: inline-block;
|
||||
@ -5864,9 +5859,9 @@ ul.tree {
|
||||
*****************************************************************************/
|
||||
/* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */
|
||||
.top-bar {
|
||||
/* .title {
|
||||
color: #fff;
|
||||
}*/ }
|
||||
/* .title {
|
||||
color: #fff;
|
||||
}*/ }
|
||||
/* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */
|
||||
.top-bar.browse, .top-bar.edit {
|
||||
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
|
||||
@ -7260,66 +7255,46 @@ table {
|
||||
.frame .t-imagery .l-image-thumbs-wrapper {
|
||||
display: none; }
|
||||
|
||||
/* line 5, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display:hover .l-btn.control {
|
||||
opacity: 1; }
|
||||
/* line 9, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-elem-wrapper {
|
||||
position: relative; }
|
||||
/* line 12, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-elem {
|
||||
display: inline-block; }
|
||||
/* line 17, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer .l-elem.l-value {
|
||||
-moz-transition-property: left;
|
||||
-o-transition-property: left;
|
||||
-webkit-transition-property: left;
|
||||
transition-property: left;
|
||||
-moz-transition-duration: 200ms;
|
||||
-o-transition-duration: 200ms;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 1; }
|
||||
/* line 22, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer .l-elem.l-value .ui-symbol.direction, .l-time-display.l-timer .l-elem.l-value .direction.t-item-icon, .l-time-display.l-timer .l-elem.l-value .direction.s-icon-btn, .l-time-display.l-timer .l-elem.l-value .l-datetime-picker .l-month-year-pager .direction.pager, .l-datetime-picker .l-month-year-pager .l-time-display.l-timer .l-elem.l-value .direction.pager {
|
||||
font-size: 0.8em; }
|
||||
/* line 26, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer:hover .l-elem.l-value {
|
||||
left: 20px; }
|
||||
/* line 33, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-elem .value.active, .l-time-display .l-elem.value.active {
|
||||
color: #fff; }
|
||||
/* line 38, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .l-btn.control {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
-webkit-transition-property: opacity, background-color, border-color, color;
|
||||
transition-property: opacity, background-color, border-color, color;
|
||||
-moz-transition-duration: 200ms;
|
||||
-o-transition-duration: 200ms;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
opacity: 0;
|
||||
font-size: 0.65em;
|
||||
vertical-align: top; }
|
||||
/* line 1, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display {
|
||||
line-height: 140%; }
|
||||
/* line 5, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display:hover .l-btn.control {
|
||||
opacity: 1; }
|
||||
/* line 11, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer .control {
|
||||
-moz-transition-property: width, opacity;
|
||||
-o-transition-property: width, opacity;
|
||||
-webkit-transition-property: width, opacity;
|
||||
transition-property: width, opacity;
|
||||
-moz-transition-duration: 200ms;
|
||||
-o-transition-duration: 200ms;
|
||||
-webkit-transition-duration: 200ms;
|
||||
transition-duration: 200ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
line-height: inherit;
|
||||
margin-right: 0;
|
||||
opacity: 0;
|
||||
width: 0; }
|
||||
/* line 18, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display.l-timer:hover .control {
|
||||
margin-right: 5px;
|
||||
opacity: 1;
|
||||
width: 1em; }
|
||||
/* line 25, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .value {
|
||||
color: black;
|
||||
font-weight: 400; }
|
||||
/* line 28, ../../../../general/res/sass/features/_time-display.scss */
|
||||
.l-time-display .value .direction {
|
||||
font-size: 0.8em; }
|
||||
|
||||
/* line 3, ../sass/_controls.scss */
|
||||
.s-btn.major .title-label, .major.s-menu-btn .title-label {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
|
||||
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
|
||||
@include containerBase($bg, $fg);
|
||||
@include boxShdw($shdwBtns);
|
||||
}
|
||||
|
||||
@ -20,15 +20,15 @@
|
||||
at runtime from the About dialog for additional information.
|
||||
-->
|
||||
<div class="l-time-display l-digital l-timer s-timer" ng-controller="TimerController as timer">
|
||||
<div class="l-elem-wrapper">
|
||||
<div class="l-elem-wrapper l-flex-row">
|
||||
<a
|
||||
ng-click="timer.clickButton()"
|
||||
title="{{timer.buttonText()}}"
|
||||
class="l-elem l-btn s-btn s-icon-btn s-very-subtle vsm control"
|
||||
class="flex-elem s-icon-btn control"
|
||||
>
|
||||
<span class="ui-symbol icon">{{timer.buttonGlyph()}}</span>
|
||||
{{timer.buttonGlyph()}}
|
||||
</a>
|
||||
<span class="l-elem l-value">
|
||||
<span class="flex-elem l-value">
|
||||
<span class="ui-symbol direction">{{timer.sign()}}</span>
|
||||
<span
|
||||
class="value"
|
||||
@ -36,7 +36,6 @@
|
||||
>{{timer.text() || "--:--:--"}}
|
||||
</span>
|
||||
</span>
|
||||
<span ng-controller="RefreshingController">
|
||||
</span>
|
||||
<span ng-controller="RefreshingController"></span>
|
||||
</div>
|
||||
</div>
|
||||
@ -57,7 +57,7 @@
|
||||
"properties": [
|
||||
{
|
||||
"name": "Start date/time",
|
||||
"control": "datetime",
|
||||
"control": "timeline-datetime",
|
||||
"required": true,
|
||||
"property": [ "start" ],
|
||||
"options": [ "SET" ]
|
||||
@ -83,7 +83,7 @@
|
||||
"properties": [
|
||||
{
|
||||
"name": "Start date/time",
|
||||
"control": "datetime",
|
||||
"control": "timeline-datetime",
|
||||
"required": true,
|
||||
"property": [ "start" ],
|
||||
"options": [ "SET" ]
|
||||
@ -217,6 +217,19 @@
|
||||
}
|
||||
}
|
||||
],
|
||||
"stylesheets": [
|
||||
{
|
||||
"stylesheetUrl": "css/timeline.css"
|
||||
},
|
||||
{
|
||||
"stylesheetUrl": "css/timeline-espresso.css",
|
||||
"theme": "espresso"
|
||||
},
|
||||
{
|
||||
"stylesheetUrl": "css/timeline-snow.css",
|
||||
"theme": "snow"
|
||||
}
|
||||
],
|
||||
"representations": [
|
||||
{
|
||||
"key": "gantt",
|
||||
@ -258,7 +271,7 @@
|
||||
],
|
||||
"controls": [
|
||||
{
|
||||
"key": "datetime",
|
||||
"key": "timeline-datetime",
|
||||
"templateUrl": "templates/controls/datetime.html"
|
||||
},
|
||||
{
|
||||
|
||||
26
platform/features/timeline/res/config.rb
Executable file
26
platform/features/timeline/res/config.rb
Executable file
@ -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
|
||||
291
platform/features/timeline/res/css/timeline-espresso.css
Normal file
291
platform/features/timeline/res/css/timeline-espresso.css
Normal file
@ -0,0 +1,291 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/************************** FEATURES */
|
||||
/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
|
||||
/************************** RATIOS */
|
||||
/************************** LAYOUT */
|
||||
/************************** CONTROLS */
|
||||
/************************** PATHS */
|
||||
/************************** TIMINGS */
|
||||
/************************** LIMITS */
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*********************************************** CONTROLS, FORM ELEMENTS */
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 26, ../sass/_timeline-thematic.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items {
|
||||
color: #999; }
|
||||
|
||||
/* line 36, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar {
|
||||
color: #fff;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa));
|
||||
background-image: -moz-linear-gradient(#7777bb, #5555aa);
|
||||
background-image: -webkit-linear-gradient(#7777bb, #5555aa);
|
||||
background-image: linear-gradient(#7777bb, #5555aa);
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px;
|
||||
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; }
|
||||
/* line 41, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar.expanded {
|
||||
-moz-border-radius-topleft: 3px;
|
||||
-webkit-border-top-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
-moz-border-radius-topright: 3px;
|
||||
-webkit-border-top-right-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
/* line 45, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar.leaf {
|
||||
-moz-border-radius-topleft: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
-moz-border-radius-bottomleft: 3px;
|
||||
-webkit-border-bottom-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
-moz-border-radius-bottomright: 3px;
|
||||
-webkit-border-bottom-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px; }
|
||||
/* line 49, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar .s-toggle {
|
||||
color: #0099cc; }
|
||||
|
||||
/* line 57, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-tabular .l-header .l-cols .l-col {
|
||||
border-left: 1px solid #666666; }
|
||||
/* line 65, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-tabular .l-pane-l .l-cols .s-label .ui-symbol.icon {
|
||||
color: #8594ff; }
|
||||
|
||||
/* line 74, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-timeline-gantt .bar:hover {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTljYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9999cc), color-stop(100%, #7777bb));
|
||||
background-image: -moz-linear-gradient(#9999cc, #7777bb);
|
||||
background-image: -webkit-linear-gradient(#9999cc, #7777bb);
|
||||
background-image: linear-gradient(#9999cc, #7777bb); }
|
||||
|
||||
/* line 81, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline {
|
||||
font-size: 0.75rem; }
|
||||
/* line 83, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-header {
|
||||
background-color: #404040; }
|
||||
/* line 86, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane {
|
||||
border-bottom: 1px solid #4d4d4d;
|
||||
line-height: 20px; }
|
||||
/* line 89, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.exceeded {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat;
|
||||
background-size: 22px 22px; }
|
||||
/* line 93, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.selected {
|
||||
background-color: #222;
|
||||
color: #ccc; }
|
||||
/* line 97, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.selected .s-timeline-gantt .bar {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
|
||||
background-image: -moz-linear-gradient(#e6e6e6, #cccccc);
|
||||
background-image: -webkit-linear-gradient(#e6e6e6, #cccccc);
|
||||
background-image: linear-gradient(#e6e6e6, #cccccc);
|
||||
color: #333; }
|
||||
/* line 103, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.drop-into {
|
||||
background-color: rgba(85, 85, 170, 0.7); }
|
||||
/* line 105, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.drop-into .s-timeline-gantt {
|
||||
opacity: 0.7; }
|
||||
/* line 109, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.drop-after {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-bottom-color: #5555aa; }
|
||||
/* line 115, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-ticks {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiM1OTU5NTkiLz48c3RvcCBvZmZzZXQ9IjFweCIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(0deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(0deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(90deg, #595959 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat-x; }
|
||||
/* line 118, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-hover-btns-holder {
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(180deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(180deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%);
|
||||
background-image: linear-gradient(-90deg, #404040, #404040 70%, rgba(64, 64, 64, 0) 100%); }
|
||||
/* line 124, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-hover-btns-holder .s-btn {
|
||||
height: 16px;
|
||||
line-height: 16px; }
|
||||
/* line 127, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-hover-btns-holder .s-btn .icon {
|
||||
font-size: 0.7rem !important; }
|
||||
/* line 134, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .l-timeline-resource-graph .l-graph {
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
/* line 137, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .l-timeline-resource-graph .l-title {
|
||||
color: #999; }
|
||||
|
||||
/* line 143, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-swimlane {
|
||||
cursor: pointer; }
|
||||
/* line 145, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-swimlane .t-object-label {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: move;
|
||||
padding: 2px 5px; }
|
||||
/* line 149, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-swimlane .t-object-label:hover {
|
||||
background: rgba(153, 153, 153, 0.3);
|
||||
color: #cccccc; }
|
||||
291
platform/features/timeline/res/css/timeline-snow.css
Normal file
291
platform/features/timeline/res/css/timeline-snow.css
Normal file
@ -0,0 +1,291 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/************************** FEATURES */
|
||||
/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
|
||||
/************************** RATIOS */
|
||||
/************************** LAYOUT */
|
||||
/************************** CONTROLS */
|
||||
/************************** PATHS */
|
||||
/************************** TIMINGS */
|
||||
/************************** LIMITS */
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*********************************************** CONTROLS, FORM ELEMENTS */
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 26, ../sass/_timeline-thematic.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items {
|
||||
color: #666; }
|
||||
|
||||
/* line 36, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar {
|
||||
color: #fff;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa));
|
||||
background-image: -moz-linear-gradient(#7777bb, #5555aa);
|
||||
background-image: -webkit-linear-gradient(#7777bb, #5555aa);
|
||||
background-image: linear-gradient(#7777bb, #5555aa);
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; }
|
||||
/* line 41, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar.expanded {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 0;
|
||||
-webkit-border-bottom-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
border-bottom-right-radius: 0; }
|
||||
/* line 45, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar.leaf {
|
||||
-moz-border-radius-topleft: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
-webkit-border-top-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px; }
|
||||
/* line 49, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-gantt .bar .s-toggle {
|
||||
color: #0099cc; }
|
||||
|
||||
/* line 57, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-tabular .l-header .l-cols .l-col {
|
||||
border-left: 1px solid #c9c9c9; }
|
||||
/* line 65, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline-tabular .l-pane-l .l-cols .s-label .ui-symbol.icon {
|
||||
color: #8594ff; }
|
||||
|
||||
/* line 74, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-timeline-gantt .bar:hover {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTljYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9999cc), color-stop(100%, #7777bb));
|
||||
background-image: -moz-linear-gradient(#9999cc, #7777bb);
|
||||
background-image: -webkit-linear-gradient(#9999cc, #7777bb);
|
||||
background-image: linear-gradient(#9999cc, #7777bb); }
|
||||
|
||||
/* line 81, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline {
|
||||
font-size: 0.75rem; }
|
||||
/* line 83, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-header {
|
||||
background-color: #efefef; }
|
||||
/* line 86, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane {
|
||||
border-bottom: 1px solid #e3e3e3;
|
||||
line-height: 20px; }
|
||||
/* line 89, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.exceeded {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat;
|
||||
background-size: 22px 22px; }
|
||||
/* line 93, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.selected {
|
||||
background-color: rgba(85, 85, 170, 0.25);
|
||||
color: #4d4d4d; }
|
||||
/* line 97, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.selected .s-timeline-gantt .bar {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NzdiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTVhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7777bb), color-stop(100%, #5555aa));
|
||||
background-image: -moz-linear-gradient(#7777bb, #5555aa);
|
||||
background-image: -webkit-linear-gradient(#7777bb, #5555aa);
|
||||
background-image: linear-gradient(#7777bb, #5555aa);
|
||||
color: #fff; }
|
||||
/* line 103, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.drop-into {
|
||||
background-color: rgba(85, 85, 170, 0.7); }
|
||||
/* line 105, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.drop-into .s-timeline-gantt {
|
||||
opacity: 0.7; }
|
||||
/* line 109, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-swimlane.drop-after {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-bottom-color: #5555aa; }
|
||||
/* line 115, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-ticks {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxcHgiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48c3RvcCBvZmZzZXQ9IjFweCIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(0deg, #d6d6d6 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(0deg, #d6d6d6 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(90deg, #d6d6d6 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat-x; }
|
||||
/* line 118, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-hover-btns-holder {
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -moz-linear-gradient(180deg, #efefef, #efefef 70%, rgba(239, 239, 239, 0) 100%);
|
||||
background-image: -webkit-linear-gradient(180deg, #efefef, #efefef 70%, rgba(239, 239, 239, 0) 100%);
|
||||
background-image: linear-gradient(-90deg, #efefef, #efefef 70%, rgba(239, 239, 239, 0) 100%); }
|
||||
/* line 124, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-hover-btns-holder .s-btn {
|
||||
height: 16px;
|
||||
line-height: 16px; }
|
||||
/* line 127, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .s-hover-btns-holder .s-btn .icon {
|
||||
font-size: 0.7rem !important; }
|
||||
/* line 134, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .l-timeline-resource-graph .l-graph {
|
||||
background: rgba(0, 0, 0, 0.05); }
|
||||
/* line 137, ../sass/_timeline-thematic.scss */
|
||||
.s-timeline .l-timeline-resource-graph .l-title {
|
||||
color: #666; }
|
||||
|
||||
/* line 143, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-swimlane {
|
||||
cursor: pointer; }
|
||||
/* line 145, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-swimlane .t-object-label {
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
cursor: move;
|
||||
padding: 2px 5px; }
|
||||
/* line 149, ../sass/_timeline-thematic.scss */
|
||||
.edit-mode .s-swimlane .t-object-label:hover {
|
||||
background: rgba(102, 102, 102, 0.3);
|
||||
color: #333333; }
|
||||
565
platform/features/timeline/res/css/timeline.css
Normal file
565
platform/features/timeline/res/css/timeline.css
Normal file
@ -0,0 +1,565 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/************************** FEATURES */
|
||||
/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
|
||||
/************************** RATIOS */
|
||||
/************************** LAYOUT */
|
||||
/************************** CONTROLS */
|
||||
/************************** PATHS */
|
||||
/************************** TIMINGS */
|
||||
/************************** LIMITS */
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/*********************************************** CONTROLS, FORM ELEMENTS */
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 1, ../sass/_activities.scss */
|
||||
.l-timeline-gantt {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
bottom: 2px; }
|
||||
/* line 5, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
height: 17px;
|
||||
line-height: 19px;
|
||||
padding: 0 5px; }
|
||||
/* line 11, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span {
|
||||
display: inline; }
|
||||
/* line 15, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.s-activity-type.timeline:before {
|
||||
content: "S"; }
|
||||
/* line 20, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.s-activity-type.activity:before {
|
||||
content: "A"; }
|
||||
/* line 25, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.s-title {
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
|
||||
/* line 28, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.duration {
|
||||
left: auto;
|
||||
opacity: 0.75;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
width: 60px; }
|
||||
/* line 35, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.handle {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
width: 15px; }
|
||||
/* line 40, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.handle.left {
|
||||
right: auto; }
|
||||
/* line 43, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.handle.middle {
|
||||
right: 15px;
|
||||
left: 15px;
|
||||
width: auto; }
|
||||
/* line 48, ../sass/_activities.scss */
|
||||
.l-timeline-gantt .bar span.handle.right {
|
||||
right: 0;
|
||||
left: auto; }
|
||||
|
||||
/* line 58, ../sass/_activities.scss */
|
||||
.edit-mode .s-timeline-gantt .handle {
|
||||
cursor: col-resize; }
|
||||
/* line 60, ../sass/_activities.scss */
|
||||
.edit-mode .s-timeline-gantt .handle.mid {
|
||||
cursor: ew-resize; }
|
||||
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
/* line 23, ../sass/_timelines.scss */
|
||||
.l-timeline-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto; }
|
||||
/* line 26, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto; }
|
||||
/* line 29, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane .l-width-control {
|
||||
position: relative; }
|
||||
/* line 33, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane .l-swimlanes-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 31px; }
|
||||
/* line 40, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto; }
|
||||
/* line 43, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-l {
|
||||
right: auto;
|
||||
width: 266px; }
|
||||
/* line 48, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
left: 266px; }
|
||||
/* line 52, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r .l-width {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
min-width: 590px;
|
||||
width: 100%; }
|
||||
/* line 60, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-gantt .l-swimlanes-holder {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll; }
|
||||
/* line 64, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 5px 0;
|
||||
white-space: nowrap; }
|
||||
/* line 69, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
top: 25px; }
|
||||
/* line 74, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item {
|
||||
display: block;
|
||||
margin-bottom: 3px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
/* line 81, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .color-swatch {
|
||||
vertical-align: baseline; }
|
||||
/* line 84, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .title-label {
|
||||
vertical-align: baseline; }
|
||||
/* line 93, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
bottom: 10px; }
|
||||
/* line 97, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graphs {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll; }
|
||||
/* line 102, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graph-labels-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
right: auto;
|
||||
width: 400px; }
|
||||
/* line 110, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
top: auto;
|
||||
right: 10px;
|
||||
height: 10px; }
|
||||
/* line 116, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control .l-width-control {
|
||||
height: 10px; }
|
||||
/* line 121, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph,
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels {
|
||||
height: 80px;
|
||||
margin-bottom: 3px;
|
||||
position: relative; }
|
||||
/* line 128, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-title {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
position: absolute; }
|
||||
/* line 134, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph {
|
||||
width: 100%; }
|
||||
/* line 137, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph .l-graph-area canvas {
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
/* line 144, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels {
|
||||
z-index: 10; }
|
||||
/* line 148, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 20px;
|
||||
bottom: 5px; }
|
||||
/* line 151, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
left: 5px; }
|
||||
/* line 154, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder .tick-label.tick-label-y {
|
||||
text-align: left; }
|
||||
/* line 162, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.l-pane-l {
|
||||
right: auto;
|
||||
min-width: 50px;
|
||||
max-width: 90%;
|
||||
width: 30%; }
|
||||
/* line 169, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.l-pane-r {
|
||||
left: 0; }
|
||||
/* line 172, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.l-pane-r:hover .l-hover-btns-holder {
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
-webkit-transition-property: opacity, background-color, border-color, color;
|
||||
transition-property: opacity, background-color, border-color, color;
|
||||
-moz-transition-duration: 100ms;
|
||||
-o-transition-duration: 100ms;
|
||||
-webkit-transition-duration: 100ms;
|
||||
transition-duration: 100ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
opacity: 1; }
|
||||
/* line 179, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.l-pane-top {
|
||||
bottom: 30%; }
|
||||
/* line 182, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-timeline-pane.l-pane-btm {
|
||||
top: auto;
|
||||
min-height: 20px;
|
||||
max-height: 80%;
|
||||
height: 30%; }
|
||||
/* line 190, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-swimlane {
|
||||
height: 21px;
|
||||
position: relative; }
|
||||
/* line 196, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .s-timeline-tabular .l-header,
|
||||
.l-timeline-holder .s-timeline-gantt .l-header {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
bottom: auto;
|
||||
height: 30px; }
|
||||
/* line 201, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .s-timeline-tabular .l-header .l-header-elem,
|
||||
.l-timeline-holder .s-timeline-gantt .l-header .l-header-elem {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
left: 5px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: block; }
|
||||
/* line 205, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .s-timeline-tabular .l-header .l-header-elem.l-labels .l-label,
|
||||
.l-timeline-holder .s-timeline-gantt .l-header .l-header-elem.l-labels .l-label {
|
||||
position: absolute;
|
||||
width: 140px;
|
||||
margin-left: -70px;
|
||||
text-align: center; }
|
||||
/* line 215, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-hover-btns-holder {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-moz-transition-property: opacity, background-color, border-color, color;
|
||||
-o-transition-property: opacity, background-color, border-color, color;
|
||||
-webkit-transition-property: opacity, background-color, border-color, color;
|
||||
transition-property: opacity, background-color, border-color, color;
|
||||
-moz-transition-duration: 500ms;
|
||||
-o-transition-duration: 500ms;
|
||||
-webkit-transition-duration: 500ms;
|
||||
transition-duration: 500ms;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
-moz-transition-delay: 0;
|
||||
-o-transition-delay: 0;
|
||||
-webkit-transition-delay: 0;
|
||||
transition-delay: 0;
|
||||
opacity: 0;
|
||||
height: 30px;
|
||||
width: 100px;
|
||||
left: auto;
|
||||
padding: 5px;
|
||||
text-align: right;
|
||||
z-index: 10; }
|
||||
/* line 228, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-wrap: none;
|
||||
white-space: nowrap; }
|
||||
/* line 232, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
padding: 0 5px;
|
||||
position: relative;
|
||||
text-wrap: none;
|
||||
white-space: nowrap; }
|
||||
/* line 242, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col.l-col-icon {
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
padding: 0; }
|
||||
/* line 246, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col.l-col-icon .ui-symbol {
|
||||
color: #0099cc; }
|
||||
/* line 251, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col.l-plot-resource {
|
||||
border-left: none !important;
|
||||
cursor: pointer;
|
||||
padding-left: 0; }
|
||||
/* line 257, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col.l-title {
|
||||
width: 250px; }
|
||||
/* line 261, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col.l-start, .l-timeline-holder .l-cols .l-col.l-end, .l-timeline-holder .l-cols .l-col.l-duration {
|
||||
width: 110px; }
|
||||
/* line 267, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-cols .l-col.l-activity-modes {
|
||||
display: none;
|
||||
width: 250px; }
|
||||
/* line 275, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .s-timeline-tabular .l-header .l-cols {
|
||||
top: 5px;
|
||||
bottom: 5px; }
|
||||
/* line 281, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols {
|
||||
left: 5px; }
|
||||
/* line 287, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .splitter {
|
||||
top: 0; }
|
||||
/* line 293, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-ticks,
|
||||
.l-timeline-holder .l-subticks {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: auto;
|
||||
bottom: 3px; }
|
||||
/* line 299, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-ticks {
|
||||
height: 10px; }
|
||||
/* line 303, ../sass/_timelines.scss */
|
||||
.l-timeline-holder .l-subticks {
|
||||
height: 5px; }
|
||||
4
platform/features/timeline/res/sass-compile.sh
Normal file
4
platform/features/timeline/res/sass-compile.sh
Normal file
@ -0,0 +1,4 @@
|
||||
date
|
||||
|
||||
echo "*** Compiling sass"
|
||||
compass compile --force
|
||||
64
platform/features/timeline/res/sass/_activities.scss
Normal file
64
platform/features/timeline/res/sass/_activities.scss
Normal file
@ -0,0 +1,64 @@
|
||||
.l-timeline-gantt {
|
||||
position: absolute;
|
||||
top: $timelineSwimlaneGanttVM; bottom: $timelineSwimlaneGanttVM;
|
||||
|
||||
.bar {
|
||||
@include ellipsize();
|
||||
height: $activityBarH;
|
||||
line-height: $activityBarH + 2;
|
||||
padding: 0 $interiorMargin;
|
||||
|
||||
span {
|
||||
display: inline;
|
||||
&.s-activity-type {
|
||||
&.timeline {
|
||||
&:before {
|
||||
content:"S";
|
||||
}
|
||||
}
|
||||
&.activity {
|
||||
&:before {
|
||||
content:"A";
|
||||
}
|
||||
}
|
||||
}
|
||||
&.s-title {
|
||||
@include text-shadow(rgba(black, 0.1) 0 1px 2px);
|
||||
}
|
||||
&.duration {
|
||||
left: auto;
|
||||
opacity: 0.75;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
width: 60px;
|
||||
}
|
||||
&.handle {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
width: 15px;
|
||||
&.left {
|
||||
right: auto;
|
||||
}
|
||||
&.middle {
|
||||
right: 15px;
|
||||
left: 15px;
|
||||
width: auto;
|
||||
}
|
||||
&.right {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.edit-mode .s-timeline-gantt {
|
||||
.handle {
|
||||
cursor: col-resize;
|
||||
&.mid {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
}
|
||||
}
|
||||
42
platform/features/timeline/res/sass/_constants-espresso.scss
Normal file
42
platform/features/timeline/res/sass/_constants-espresso.scss
Normal file
@ -0,0 +1,42 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
|
||||
// General
|
||||
$timelineHeaderColorBg: pullForward($colorBodyBg, 5%);
|
||||
$timelineColorAlt1: pullForward($timelineHeaderColorBg, 10%);
|
||||
$colorGanttBarBg: #5555aa;
|
||||
$colorGanttBarFg: #fff;
|
||||
$colorGanttBarSelectedBg: #ccc;
|
||||
$colorGanttBarSelectedFg: #333;
|
||||
$colorGanttBarTabularFgIcon: #8594ff;
|
||||
|
||||
// Swimlane colors
|
||||
$colorDropTarg: rgba($colorGanttBarBg, 0.4);
|
||||
$colorSwimlaneSelectedBg: #222;
|
||||
$colorSwimlaneSelectedFg: #ccc;
|
||||
$colorGanttToggle: $colorKey;
|
||||
$shdwGanttBar: rgba(black, 0.4) 0 1px 3px;
|
||||
|
||||
// Resource graphs
|
||||
$timelineResourceGraphBg: rgba(black, 0.2);
|
||||
$timelineResourceGraphFg: $colorBodyFg;
|
||||
$timelineResourceGraphLegendFg: $colorBodyFg;
|
||||
42
platform/features/timeline/res/sass/_constants-snow.scss
Normal file
42
platform/features/timeline/res/sass/_constants-snow.scss
Normal file
@ -0,0 +1,42 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
|
||||
// General
|
||||
$timelineHeaderColorBg: pullForward($colorBodyBg, 5%);
|
||||
$timelineColorAlt1: pullForward($timelineHeaderColorBg, 10%);
|
||||
$colorGanttBarBg: #5555aa;
|
||||
$colorGanttBarFg: #fff;
|
||||
$colorGanttBarSelectedBg: $colorGanttBarBg;
|
||||
$colorGanttBarSelectedFg: $colorGanttBarFg;
|
||||
$colorGanttBarTabularFgIcon: #8594ff;
|
||||
|
||||
// Swimlane colors
|
||||
$colorDropTarg: rgba($colorGanttBarBg, 0.4);
|
||||
$colorSwimlaneSelectedBg: rgba($colorGanttBarBg, 0.25);
|
||||
$colorSwimlaneSelectedFg: pullForward($colorBodyFg, 10%);
|
||||
$colorGanttToggle: $colorKey;
|
||||
$shdwGanttBar: rgba(black, 0.1) 0 1px 3px;
|
||||
|
||||
// Resource graphs
|
||||
$timelineResourceGraphBg: $colorPlotBg;
|
||||
$timelineResourceGraphFg: $colorBodyFg;
|
||||
$timelineResourceGraphLegendFg: $colorBodyFg;
|
||||
63
platform/features/timeline/res/sass/_constants.scss
Normal file
63
platform/features/timeline/res/sass/_constants.scss
Normal file
@ -0,0 +1,63 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
@mixin activityBg($bg, $gamma: 10) {
|
||||
@include background-image(linear-gradient(lighten($bg, $gamma), $bg));
|
||||
}
|
||||
|
||||
// Timeline constants
|
||||
$activityBarH: 17px;
|
||||
$timelinePaneLeftW: 30%;
|
||||
$timelinePaneBtmH: 30%;
|
||||
$timelineResourceGraphYLabelsMargin: 70px;
|
||||
$timelineTopPaneHeaderH: 30px;
|
||||
|
||||
$timelineSwimlaneGanttVM: 2px; // The vertical space above and below the gantt bars
|
||||
$timelineSwimlaneH: $activityBarH + ($timelineSwimlaneGanttVM * 2);
|
||||
$timelineTopPaneHeaderElemMargin: $interiorMargin;
|
||||
|
||||
// Timeline Tabular constants
|
||||
$timelineColIconW: 16px;
|
||||
$timelineColResourcePlotW: $timelineColIconW;
|
||||
$timelineColTitleW: 250px;
|
||||
$timelineColDatetimeW: 110px;
|
||||
$timelineColDurationW: 70px;
|
||||
$timelineColActivityModesW: $timelineColTitleW;
|
||||
$timelineColPadR: 50px;
|
||||
$timelineTabularTitleW: $timelineColResourcePlotW + $timelineColTitleW;
|
||||
$timelineTabularDataW: ($timelineColDatetimeW * 2) + $timelineColDurationW + $timelineColActivityModesW + $timelineColPadR;
|
||||
|
||||
|
||||
// // Ported from legacy timelines SASS
|
||||
$activitiesHolderM: 30px;
|
||||
$scenarioTopPad: 25px;
|
||||
$swimlaneVM: 2px;
|
||||
$timelineVM: 10px;
|
||||
$timelineBPad: $interiorMargin * 2;
|
||||
$graphResourceSummaryH: 200px;
|
||||
$graphResourceSummaryLegendH: 20px;
|
||||
$scenarioTimelineSummaryH: 20px;
|
||||
$scenarioTimelineSummaryHExpanded: $graphResourceSummaryH + 30px;
|
||||
$scenarioPanZoomSliderH: 16px;
|
||||
$scenarioTicksH: 7px;
|
||||
$scenarioTickLabelsH: 10px;
|
||||
|
||||
|
||||
154
platform/features/timeline/res/sass/_timeline-thematic.scss
Normal file
154
platform/features/timeline/res/sass/_timeline-thematic.scss
Normal file
@ -0,0 +1,154 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
.l-timeline-holder {
|
||||
.l-timeline-pane {
|
||||
&.t-pane-h {
|
||||
&.l-timeline-resource-legend {
|
||||
.l-legend-items {
|
||||
color: $timelineResourceGraphLegendFg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.s-timeline-gantt {
|
||||
$br: $controlCr;
|
||||
.bar {
|
||||
color: $colorGanttBarFg;
|
||||
@include activityBg($colorGanttBarBg);
|
||||
@include border-radius($br);
|
||||
@include box-shadow($shdwGanttBar);
|
||||
&.expanded {
|
||||
@include border-top-radius($br);
|
||||
@include border-bottom-radius(0);
|
||||
}
|
||||
&.leaf {
|
||||
@include border-top-radius(0);
|
||||
@include border-bottom-radius($br);
|
||||
}
|
||||
.s-toggle {
|
||||
color: $colorGanttToggle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.s-timeline-tabular {
|
||||
.l-header .l-cols {
|
||||
.l-col {
|
||||
border-left: 1px solid pullForward($timelineHeaderColorBg, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.l-pane-l {
|
||||
// Left pane of the tabular area
|
||||
.l-cols {
|
||||
.s-label .ui-symbol.icon {
|
||||
color: $colorGanttBarTabularFgIcon;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.edit-mode .s-timeline-gantt {
|
||||
.bar {
|
||||
&:hover {
|
||||
@include background-image(linear-gradient(lighten($colorGanttBarBg, 20), lighten($colorGanttBarBg, 10)));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//*************************************************************** STYLING
|
||||
.s-timeline {
|
||||
font-size: 0.75rem;
|
||||
.s-header {
|
||||
background-color: $timelineHeaderColorBg;
|
||||
}
|
||||
.s-swimlane {
|
||||
border-bottom: 1px solid pullForward($colorBodyBg, 10%);
|
||||
line-height: $activityBarH + 2 + 1;
|
||||
&.exceeded {
|
||||
@include bgDiagonalStripes(#fff, 0.05, $timelineSwimlaneH + 1);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: $colorSwimlaneSelectedBg;
|
||||
color: $colorSwimlaneSelectedFg;
|
||||
|
||||
.s-timeline-gantt .bar {
|
||||
@include activityBg($colorGanttBarSelectedBg, 10);
|
||||
color: $colorGanttBarSelectedFg;
|
||||
}
|
||||
}
|
||||
|
||||
&.drop-into {
|
||||
background-color: rgba($colorDropTarg, 0.7);
|
||||
.s-timeline-gantt {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
&.drop-after {
|
||||
background-color: rgba(#000, 0.2);
|
||||
border-bottom-color: rgba($colorDropTarg, 1.0);
|
||||
}
|
||||
}
|
||||
|
||||
.s-ticks {
|
||||
@include bgTicks($timelineColorAlt1);
|
||||
}
|
||||
.s-hover-btns-holder {
|
||||
$bg: $timelineHeaderColorBg;
|
||||
$bga: 1;
|
||||
$l: 5%;
|
||||
@include user-select(none);
|
||||
@include background-image(linear-gradient(-90deg, rgba($bg, $bga), rgba($bg, $bga) 70%, rgba($bg, 0) 100%));
|
||||
.s-btn {
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
.icon {
|
||||
font-size: 0.7rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.l-timeline-resource-graph {
|
||||
.l-graph {
|
||||
background: $timelineResourceGraphBg;
|
||||
}
|
||||
.l-title {
|
||||
color: $timelineResourceGraphFg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.edit-mode .s-swimlane {
|
||||
cursor: pointer;
|
||||
.t-object-label {
|
||||
@include border-radius($controlCr);
|
||||
cursor: move;
|
||||
padding: 2px 5px;
|
||||
&:hover {
|
||||
background: rgba($colorBodyFg, 0.3);
|
||||
color: pullForward($colorBodyFg, 20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
306
platform/features/timeline/res/sass/_timelines.scss
Normal file
306
platform/features/timeline/res/sass/_timelines.scss
Normal file
@ -0,0 +1,306 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
//*************************************************************** LAYOUT
|
||||
.l-timeline-holder {
|
||||
@include absPosDefault();
|
||||
|
||||
.l-timeline-pane {
|
||||
@include absPosDefault();
|
||||
|
||||
.l-width-control {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.l-swimlanes-holder {
|
||||
@include absPosDefault();
|
||||
top: $timelineTopPaneHeaderH + 1;
|
||||
}
|
||||
|
||||
// Overall layout
|
||||
&.t-pane-h {
|
||||
&.s-timeline-tabular .t-pane-v {
|
||||
// Vertical panes within tabular area
|
||||
@include absPosDefault();
|
||||
&.l-tabular-l {
|
||||
// Tree area with item title
|
||||
right: auto; // Set this to auto and uncomment width below when additional tabular columns are added
|
||||
width: $timelineTabularTitleW;
|
||||
}
|
||||
&.l-tabular-r {
|
||||
// Start, end, duration, activity modes columns
|
||||
@include scrollH();
|
||||
left: $timelineTabularTitleW;
|
||||
.l-width {
|
||||
@include absPosDefault(0, visible);
|
||||
min-width: $timelineTabularDataW;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.l-timeline-gantt {
|
||||
.l-swimlanes-holder {
|
||||
@include scrollV(scroll);
|
||||
}
|
||||
}
|
||||
&.l-timeline-resource-legend {
|
||||
@include box-sizing(border-box);
|
||||
padding: $interiorMargin 0;
|
||||
white-space: nowrap;
|
||||
|
||||
.l-legend-items {
|
||||
@include absPosDefault();
|
||||
@include scrollV();
|
||||
top: 25px;
|
||||
}
|
||||
.legend-item {
|
||||
// Inherits from /platform/commonUI/general/res/sass/plots/_plots-main.scss
|
||||
display: block;
|
||||
margin-bottom: $interiorMarginSm;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
.color-swatch {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.title-label {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.l-timeline-resource-graph {
|
||||
$m: $interiorMargin;
|
||||
|
||||
.l-graphs-holder {
|
||||
@include absPosDefault();
|
||||
bottom: $scrollbarTrackSize;
|
||||
|
||||
.l-graphs {
|
||||
@include absPosDefault();
|
||||
@include scrollV(scroll);
|
||||
}
|
||||
|
||||
.l-graph-labels-holder {
|
||||
@include absPosDefault();
|
||||
overflow: hidden;
|
||||
right: auto;
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.l-scroll-control {
|
||||
@include absPosDefault();
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
top: auto; right: $scrollbarTrackSize;
|
||||
height: $scrollbarTrackSize;
|
||||
.l-width-control {
|
||||
height: 10px; // Need to add height to force scrollbar to appear
|
||||
}
|
||||
}
|
||||
|
||||
.l-graph,
|
||||
.l-graph-labels {
|
||||
height: 80px;
|
||||
margin-bottom: $interiorMarginSm;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.l-title {
|
||||
@include ellipsize();
|
||||
top: $m; left: $m;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.l-graph {
|
||||
width: 100%;
|
||||
.l-graph-area {
|
||||
canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.l-graph-labels {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.l-graph-area {
|
||||
@include absPosDefault();
|
||||
top: 20px; bottom: 5px;
|
||||
.l-labels-holder {
|
||||
@include absPosDefault();
|
||||
left: $m;
|
||||
.tick-label.tick-label-y {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.l-pane-l {
|
||||
right: auto;
|
||||
min-width: 50px;
|
||||
max-width: 90%;
|
||||
width: $timelinePaneLeftW;
|
||||
}
|
||||
|
||||
&.l-pane-r {
|
||||
left: 0;
|
||||
&:hover {
|
||||
.l-hover-btns-holder {
|
||||
@include trans-prop-nice-fade(100ms);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.l-pane-top {
|
||||
bottom: $timelinePaneBtmH;
|
||||
}
|
||||
&.l-pane-btm {
|
||||
top: auto;
|
||||
min-height: 20px;
|
||||
max-height: 80%;
|
||||
height: $timelinePaneBtmH;
|
||||
}
|
||||
}
|
||||
|
||||
.l-swimlane {
|
||||
height: $timelineSwimlaneH;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Header
|
||||
.s-timeline-tabular .l-header,
|
||||
.s-timeline-gantt .l-header {
|
||||
@include absPosDefault(0, visible);
|
||||
bottom: auto; height: $timelineTopPaneHeaderH;
|
||||
|
||||
.l-header-elem {
|
||||
@include absPosDefault($timelineTopPaneHeaderElemMargin, visible);
|
||||
display: block;
|
||||
&.l-labels {
|
||||
.l-label {
|
||||
position: absolute;
|
||||
width: 140px;
|
||||
margin-left: -70px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.l-hover-btns-holder {
|
||||
@include absPosDefault();
|
||||
@include box-sizing(border-box);
|
||||
@include trans-prop-nice-fade(500ms);
|
||||
opacity: 0;
|
||||
height: $timelineTopPaneHeaderH;
|
||||
width: 100px; left: auto;
|
||||
padding: $interiorMargin;
|
||||
text-align: right;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
// Tabular Columns
|
||||
.l-cols {
|
||||
@include absPosDefault(0, visible);
|
||||
text-wrap: none;
|
||||
white-space: nowrap;
|
||||
.l-col {
|
||||
@include box-sizing(border-box);
|
||||
@include ellipsize();
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
padding: 0 $interiorMargin;
|
||||
position: relative;
|
||||
text-wrap: none;
|
||||
white-space: nowrap;
|
||||
|
||||
&.l-col-icon {
|
||||
width: $timelineColIconW;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
.ui-symbol {
|
||||
color: $colorKey;
|
||||
}
|
||||
}
|
||||
|
||||
&.l-plot-resource {
|
||||
border-left: none !important;
|
||||
cursor: pointer;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.l-title {
|
||||
width: $timelineColTitleW;
|
||||
}
|
||||
|
||||
&.l-start,
|
||||
&.l-end,
|
||||
&.l-duration {
|
||||
width: $timelineColDatetimeW;
|
||||
}
|
||||
|
||||
&.l-activity-modes {
|
||||
display: none; // Temp, until modes can be displayed
|
||||
width: $timelineColActivityModesW;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.s-timeline-tabular {
|
||||
.l-header .l-cols {
|
||||
top: $timelineTopPaneHeaderElemMargin; bottom: $timelineTopPaneHeaderElemMargin;
|
||||
}
|
||||
|
||||
.l-pane-l {
|
||||
// Left pane of the tabular area
|
||||
.l-cols {
|
||||
left: $timelineTopPaneHeaderElemMargin;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.splitter {
|
||||
// Top of splitter within Timelines should be 0
|
||||
top: 0;
|
||||
}
|
||||
|
||||
// Ticks
|
||||
.l-ticks,
|
||||
.l-subticks {
|
||||
@include absPosDefault();
|
||||
top: auto; bottom: $interiorMarginSm;
|
||||
}
|
||||
|
||||
.l-ticks {
|
||||
height: 10px
|
||||
}
|
||||
|
||||
.l-subticks {
|
||||
height: 5px
|
||||
}
|
||||
}
|
||||
33
platform/features/timeline/res/sass/timeline-espresso.scss
Normal file
33
platform/features/timeline/res/sass/timeline-espresso.scss
Normal file
@ -0,0 +1,33 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
@import "compass";
|
||||
@import "compass/css3";
|
||||
@import "compass/utilities";
|
||||
|
||||
@import "../../../../commonUI/general/res/sass/constants";
|
||||
@import "../../../../commonUI/general/res/sass/mixins";
|
||||
@import "../../../../commonUI/themes/espresso/res/sass/constants";
|
||||
@import "../../../../commonUI/themes/espresso/res/sass/mixins";
|
||||
@import "constants";
|
||||
@import "constants-espresso";
|
||||
@import "timeline-thematic";
|
||||
|
||||
32
platform/features/timeline/res/sass/timeline-snow.scss
Normal file
32
platform/features/timeline/res/sass/timeline-snow.scss
Normal file
@ -0,0 +1,32 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
@import "compass";
|
||||
@import "compass/css3";
|
||||
@import "compass/utilities";
|
||||
|
||||
@import "../../../../commonUI/general/res/sass/constants";
|
||||
@import "../../../../commonUI/general/res/sass/mixins";
|
||||
@import "../../../../commonUI/themes/snow/res/sass/constants";
|
||||
@import "../../../../commonUI/themes/snow/res/sass/mixins";
|
||||
@import "constants";
|
||||
@import "constants-snow";
|
||||
@import "timeline-thematic";
|
||||
32
platform/features/timeline/res/sass/timeline.scss
Normal file
32
platform/features/timeline/res/sass/timeline.scss
Normal file
@ -0,0 +1,32 @@
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
* Administration. All rights reserved.
|
||||
*
|
||||
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||
* "License"); you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||
* License for the specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*
|
||||
* Open MCT Web includes source code licensed under additional open source
|
||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
@import "compass";
|
||||
@import "compass/css3";
|
||||
@import "compass/utilities";
|
||||
|
||||
@import "../../../../commonUI/general/res/sass/constants";
|
||||
@import "../../../../commonUI/general/res/sass/mixins";
|
||||
@import "../../../../commonUI/themes/espresso/res/sass/constants";
|
||||
@import "../../../../commonUI/themes/espresso/res/sass/mixins";
|
||||
@import "constants";
|
||||
@import "activities";
|
||||
@import "timelines";
|
||||
@ -109,14 +109,14 @@
|
||||
<div class="split-pane-component l-timeline-pane t-pane-h l-pane-top t-timeline-gantt l-timeline-gantt s-timeline-gantt"
|
||||
>
|
||||
<div class="l-hover-btns-holder s-hover-btns-holder t-btns-zoom">
|
||||
<a class="t-btn l-btn s-btn s-icon-btn"
|
||||
<a class="t-btn l-btn s-btn"
|
||||
ng-click="zoomController.zoom(-1)"
|
||||
ng-show="true"
|
||||
title="Zoom in">
|
||||
<span class="ui-symbol icon zoom-in">X</span>
|
||||
</a>
|
||||
|
||||
<a class="t-btn l-btn s-btn s-icon-btn"
|
||||
<a class="t-btn l-btn s-btn"
|
||||
ng-click="zoomController.zoom(1)"
|
||||
ng-show="true"
|
||||
title="Zoom out">
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
at runtime from the About dialog for additional information.
|
||||
-->
|
||||
<div
|
||||
class="t-btn l-btn s-btn s-icon-btn s-menu-btn menu-element t-color-palette"
|
||||
class="t-btn l-btn s-btn s-menu-btn menu-element t-color-palette"
|
||||
ng-controller="ClickAwayController as toggle"
|
||||
>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user