[Frontend] IN-PROGRESS Theming continues

open #95
Shadow and color normalization: fixed-position, tabular;
Updated paint bucket and icon-box in symbols font;
Custom checkboxes now use inset shdw;
This commit is contained in:
Charles Hacskaylo 2015-09-10 15:01:51 -07:00
parent 3b2454c6a9
commit d14c4e08b8
20 changed files with 547 additions and 524 deletions

View File

@ -1,8 +1,8 @@
{ {
"metadata": { "metadata": {
"name": "WTD Symbols v2.2", "name": "WTD Symbols v2.",
"lastOpened": 1439948744240, "lastOpened": 1441911912596,
"created": 1439948734037 "created": 1441911876817
}, },
"iconSets": [ "iconSets": [
{ {
@ -48,7 +48,7 @@
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 81, "order": 83,
"id": 78, "id": 78,
"prevSize": 32, "prevSize": 32,
"code": 58886, "code": 58886,
@ -268,7 +268,7 @@
"id": 49, "id": 49,
"prevSize": 32, "prevSize": 32,
"code": 224, "code": 224,
"name": "icon-box-round-corners", "name": "icon-box",
"tempChar": "" "tempChar": ""
}, },
{ {
@ -840,17 +840,19 @@
{ {
"id": 78, "id": 78,
"paths": [ "paths": [
"M896 640c0 0-130 188-128 256 2 70.6 57.4 128 128 128s126-57.4 128-128c2-68-128-256-128-256z", "M544 224v224c0 88.4-71.6 160-160 160s-160-71.6-160-160v-97.2l-197.4 196.4c-50 50-12.4 215.2 112.4 340s290 162.4 340 112.4l417-423.6-352-352z",
"M449 129l0.2-64.8c0-35.4-28.4-64-63.8-64.2 0 0-0.2 0-0.2 0-35.2 0-63.8 28.6-64 63.8l-0.6 190.8-294 292.6c-50 50-12.4 215.2 112.4 340s290 162.4 340 112.4l417-423.6-447-447zM384 640c-70.6 0-128-57.4-128-128 0-47.4 25.8-89 64.4-111l-0.4 110.8c0 35.4 28.4 64 63.8 64.2 0 0 0.2 0 0.2 0 35.2 0 63.8-28.6 64-63.8l0.4-110.8c38 22.2 63.6 63.4 63.6 110.6 0 70.6-57.4 128-128 128z" "M896 1024c70.6 0 128-57.4 128-128 0-108.6-128-192-128-192s-128 83.4-128 192c0 70.6 57.4 128 128 128z",
"M384 512c-35.4 0-64-28.6-64-64v-384c0-35.4 28.6-64 64-64s64 28.6 64 64v384c0 35.4-28.6 64-64 64z"
], ],
"attrs": [ "attrs": [
{ {
"fill": "rgb(6,161,75)", "fill": "rgb(6, 161, 75)"
"opacity": 1
}, },
{ {
"fill": "rgb(6,161,75)", "fill": "rgb(6, 161, 75)"
"opacity": 1 },
{
"fill": "rgb(6, 161, 75)"
} }
], ],
"isMulticolor": false, "isMulticolor": false,
@ -861,9 +863,6 @@
"colorPermutations": { "colorPermutations": {
"16161751": [ "16161751": [
1, 1,
1
],
"125525525516161751": [
1, 1,
1 1
] ]
@ -1290,16 +1289,23 @@
{ {
"id": 49, "id": 49,
"paths": [ "paths": [
"M1024 832c0 105.6-86.4 192-192 192h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640z" "M0 0h1024v1024h-1024v-1024z"
], ],
"attrs": [ "attrs": [
{} {
"fill": "rgb(0, 0, 0)"
}
], ],
"isMulticolor": false, "isMulticolor": false,
"grid": 0, "grid": 0,
"tags": [ "tags": [
"icon-box-round-corners" "icon-box-round-corners"
],
"colorPermutations": {
"16161751": [
0
] ]
}
}, },
{ {
"id": 48, "id": 48,

View File

@ -55,7 +55,7 @@
<glyph unicode="&#x7a;" glyph-name="icon-fullscreen-expand" d="M192.344 128c-0.118 0.1-0.244 0.224-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192h192v192h-191.656zM192 767.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656zM832 960h-192v-192h191.656c0.118-0.1 0.244-0.226 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192zM832 128.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656z" /> <glyph unicode="&#x7a;" glyph-name="icon-fullscreen-expand" d="M192.344 128c-0.118 0.1-0.244 0.224-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192h192v192h-191.656zM192 767.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656zM832 960h-192v-192h191.656c0.118-0.1 0.244-0.226 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192zM832 128.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656z" />
<glyph unicode="&#x7b;" glyph-name="icon-pointer-left" horiz-adv-x="512" d="M510-64l-256 512 256 512h-256l-256-512 256-512z" /> <glyph unicode="&#x7b;" glyph-name="icon-pointer-left" horiz-adv-x="512" d="M510-64l-256 512 256 512h-256l-256-512 256-512z" />
<glyph unicode="&#x7d;" glyph-name="icon-pointer-right" horiz-adv-x="512" d="M-2 960l256-512-256-512h256l256 512-256 512z" /> <glyph unicode="&#x7d;" glyph-name="icon-pointer-right" horiz-adv-x="512" d="M-2 960l256-512-256-512h256l256 512-256 512z" />
<glyph unicode="&#xe0;" glyph-name="icon-box-round-corners" d="M1024 128c0-105.6-86.4-192-192-192h-640c-105.6 0-192 86.4-192 192v640c0 105.6 86.4 192 192 192h640c105.6 0 192-86.4 192-192v-640z" /> <glyph unicode="&#xe0;" glyph-name="icon-box" d="M0 960h1024v-1024h-1024v1024z" />
<glyph unicode="&#xe1;" glyph-name="icon-layers" d="M1024 576l-512 384-512-384 512-384zM512 64l-426.666 320-85.334-64 512-384 512 384-85.334 64z" /> <glyph unicode="&#xe1;" glyph-name="icon-layers" d="M1024 576l-512 384-512-384 512-384zM512 64l-426.666 320-85.334-64 512-384 512 384-85.334 64z" />
<glyph unicode="&#xe2;" glyph-name="icon-line-horz" d="M64 384c-35.346 0-64 28.654-64 64s28.654 64 64 64h896c35.346 0 64-28.654 64-64s-28.654-64-64-64h-896z" /> <glyph unicode="&#xe2;" glyph-name="icon-line-horz" d="M64 384c-35.346 0-64 28.654-64 64s28.654 64 64 64h896c35.346 0 64-28.654 64-64s-28.654-64-64-64h-896z" />
<glyph unicode="&#xe3;" glyph-name="icon-image" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-768v768h768v-768zM320 704l-128-128v-448h640v320l-128 128-128-128z" /> <glyph unicode="&#xe3;" glyph-name="icon-image" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-768v768h768v-768zM320 704l-128-128v-448h640v320l-128 128-128-128z" />
@ -82,9 +82,8 @@
<glyph unicode="&#xe603;" glyph-name="icon-alert-triangle" d="M998.208 111.136l-422.702 739.728c-34.928 61.124-92.084 61.124-127.012 0l-422.702-739.728c-34.928-61.126-5.906-111.136 64.494-111.136h843.428c70.4 0 99.422 50.010 64.494 111.136zM512 128c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.2-28.8-64-64-64zM627.448 577.242l-38.898-194.486c-6.902-34.516-41.35-62.756-76.55-62.756s-69.648 28.24-76.552 62.758l-38.898 194.486c-6.902 34.516 16.25 62.756 51.45 62.756h128c35.2 0 58.352-28.24 51.448-62.758z" /> <glyph unicode="&#xe603;" glyph-name="icon-alert-triangle" d="M998.208 111.136l-422.702 739.728c-34.928 61.124-92.084 61.124-127.012 0l-422.702-739.728c-34.928-61.126-5.906-111.136 64.494-111.136h843.428c70.4 0 99.422 50.010 64.494 111.136zM512 128c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.2-28.8-64-64-64zM627.448 577.242l-38.898-194.486c-6.902-34.516-41.35-62.756-76.55-62.756s-69.648 28.24-76.552 62.758l-38.898 194.486c-6.902 34.516 16.25 62.756 51.45 62.756h128c35.2 0 58.352-28.24 51.448-62.758z" />
<glyph unicode="&#xe604;" glyph-name="icon-tabular" d="M0 896v-192h448v256h-384c-35.2 0-64-28.8-64-64zM960 960h-384v-256h448v192c0 35.2-28.8 64-64 64zM576 576h448v-256h-448v256zM0 576h448v-256h-448v256zM0 0c0-35.2 28.8-64 64-64h384v256h-448v-192zM576-64h384c35.2 0 64 28.8 64 64v192h-448v-256z" /> <glyph unicode="&#xe604;" glyph-name="icon-tabular" d="M0 896v-192h448v256h-384c-35.2 0-64-28.8-64-64zM960 960h-384v-256h448v192c0 35.2-28.8 64-64 64zM576 576h448v-256h-448v256zM0 576h448v-256h-448v256zM0 0c0-35.2 28.8-64 64-64h384v256h-448v-192zM576-64h384c35.2 0 64 28.8 64 64v192h-448v-256z" />
<glyph unicode="&#xe605;" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" /> <glyph unicode="&#xe605;" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
<glyph unicode="&#xe606;" glyph-name="icon-paint-bucket" d="M896 320c0 0-130-188-128-256 2-70.6 57.4-128 128-128s126 57.4 128 128c2 68-128 256-128 256zM449 831l0.2 64.8c0 35.4-28.4 64-63.8 64.2 0 0-0.2 0-0.2 0-35.2 0-63.8-28.6-64-63.8l-0.6-190.8-294-292.6c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-447 447zM384 320c-70.6 0-128 57.4-128 128 0 47.4 25.8 89 64.4 111l-0.4-110.8c0-35.4 28.4-64 63.8-64.2 0 0 0.2 0 0.2 0 35.2 0 63.8 28.6 64 63.8l0.4 110.8c38-22.2 63.6-63.4 63.6-110.6 0-70.6-57.4-128-128-128z" /> <glyph unicode="&#xe606;" glyph-name="icon-paint-bucket" d="M544 736v-224c0-88.4-71.6-160-160-160s-160 71.6-160 160v97.2l-197.4-196.4c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-352 352zM896-64c70.6 0 128 57.4 128 128 0 108.6-128 192-128 192s-128-83.4-128-192c0-70.6 57.4-128 128-128zM384 448c-35.4 0-64 28.6-64 64v384c0 35.4 28.6 64 64 64s64-28.6 64-64v-384c0-35.4-28.6-64-64-64z" />
<glyph unicode="&#xe607;" glyph-name="icon-x-in-circle-heavy" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 256l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" /> <glyph unicode="&#xe607;" glyph-name="icon-x-in-circle" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 256l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" />
<glyph unicode="&#xe608;" glyph-name="icon-info" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM512 832c70.6 0 128-57.4 128-128s-57.4-128-128-128c-70.6 0-128 57.4-128 128s57.4 128 128 128zM704 128h-384v128h128v128h-128v128h320v-256h64v-128z" />
<glyph unicode="&#xe60d;" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" /> <glyph unicode="&#xe60d;" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
<glyph unicode="&#xe642;" glyph-name="icon-x" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" /> <glyph unicode="&#xe642;" glyph-name="icon-x" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" />
</font></defs></svg> </font></defs></svg>

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -28,9 +28,6 @@ $bodyMargin: 10px;
$interiorMargin: 5px; $interiorMargin: 5px;
$interiorMarginLg: $interiorMargin * 2; $interiorMarginLg: $interiorMargin * 2;
$interiorMarginSm: 3px; $interiorMarginSm: 3px;
$basicCr: 2px;
$controlCr: 3px;
$smallCr: 2px;
$badgeW: 35px; $badgeW: 35px;
/************************** RATIOS */ /************************** RATIOS */

View File

@ -76,7 +76,7 @@
} }
.l-fixed-position-text { .l-fixed-position-text {
@include txtShdwSubtle(); //@include txtShdwSubtle();
border: 1px solid transparent; border: 1px solid transparent;
font-size: 0.8rem; font-size: 0.8rem;
$p: 1px; //$interiorMarginSm; $p: 1px; //$interiorMarginSm;

View File

@ -223,9 +223,9 @@
} }
@mixin txtShdw($sVal) { @mixin txtShdw($sVal) {
@if $sVal != 'none' { //@if $sVal != 'none' {
@include text-shadow($sVal); @include text-shadow($sVal);
} //}
} }
@mixin txtShdwSubtle($sVal: 0.1) { @mixin txtShdwSubtle($sVal: 0.1) {

View File

@ -95,24 +95,32 @@ $pad: $interiorMargin * $baseRatio;
// bg, bgHov, fg, ic // bg, bgHov, fg, ic
@include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon); @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon);
} }
&.pause-play {
&.paused { }
@include btnSubtle($colorPausedBg, lighten($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg);
//&.paused {
// @include btnSubtle($colorPausedBg, lighten($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg);
// .icon {
// @include pulse(500ms);
// &:before {
// content: "\0000EF";
// }
// }
//}
&.pause-play {
.icon:before { .icon:before {
content: "\0000F1";
}
&.paused {
@include btnSubtle($colorPausedBg, pushBack($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg);
.icon {
@include pulse(1000ms);
:before {
content: "\0000EF"; content: "\0000EF";
} }
} }
&.pause-play {
/*
&.paused {
.icon {
@include pulse(500ms);
}
}
*/
.icon:before {
content: "\0000F1";
} }
} }
@ -147,6 +155,7 @@ $pad: $interiorMargin * $baseRatio;
} }
} }
} }
/*********************************** LAYOUT STYLES */ /*********************************** LAYOUT STYLES */
/* /*

View File

@ -138,7 +138,7 @@
} }
label.checkbox.custom { label.checkbox.custom {
$bg: lighten($colorBodyBg, $ltGamma); $bg: pullForward($colorBodyBg, 10%);
$d: $formRowCtrlsH; $d: $formRowCtrlsH;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -154,8 +154,9 @@ label.checkbox.custom {
min-width: $d; min-width: $d;
&:before { &:before {
@include border-radius($basicCr * .75); @include border-radius($basicCr * .75);
background: $bg; //background: $bg;
border-bottom: 1px solid lighten($bg, 10%); //border-bottom: 1px solid lighten($bg, 10%);
@include box-shadow(inset rgba(black, 0.4) 0 1px 2px);
box-sizing: border-box; box-sizing: border-box;
content: " "; content: " ";
font-family: 'symbolsfont'; font-family: 'symbolsfont';
@ -344,7 +345,10 @@ label.checkbox.custom {
@include desktop { @include desktop {
::-webkit-scrollbar { ::-webkit-scrollbar {
@include sliderTrack(); @include border-radius(2px);
@include box-sizing(border-box);
@include box-shadow(inset $scrollbarTrackShdw);
background-color: $scrollbarTrackColorBg;
height: $scrollbarTrackSize; height: $scrollbarTrackSize;
width: $scrollbarTrackSize; width: $scrollbarTrackSize;
} }

View File

@ -158,9 +158,8 @@
.super-menu { .super-menu {
$w: 500px; $w: 500px;
$h: $w - 20; $h: $w - 20;
$plw: 50%; //$w * 0.5; $plw: 50%;
$prw: 50%; //$w - $plw; $prw: 50%;
//$fg: #fff; //lighten($colorBodyFg, 40%);
display: block; display: block;
width: $w; width: $w;
height: $h; height: $h;
@ -171,7 +170,7 @@
@include box-sizing(border-box); @include box-sizing(border-box);
&.left { &.left {
//@include test(); //@include test();
border-right: 1px solid rgba(white, 0.2); border-right: 1px solid pullForward($colorMenuBg, 10%);
left: 0; left: 0;
padding-right: $interiorMargin; padding-right: $interiorMargin;
right: auto; right: auto;

View File

@ -14,7 +14,7 @@
min-height: 100px; min-height: 100px;
min-width: 150px; min-width: 150px;
.l-image-main { .l-image-main {
background-color: rgba(#fff, 0.1); background-color: $colorPlotBg;
bottom: $imageMainControlBarH + $interiorMargin; bottom: $imageMainControlBarH + $interiorMargin;
} }
.l-image-main-controlbar { .l-image-main-controlbar {
@ -66,7 +66,7 @@
} }
.l-date, .l-date,
.l-time { .l-time {
color: #fff; color: pullForward($colorBodyFg, 20%);
} }
.l-mag { .l-mag {
direction: ltr; direction: ltr;
@ -77,7 +77,7 @@
} }
} }
.s-mag { .s-mag {
color: darken($colorBodyFg, 20%); color: pushBack($colorBodyFg, 20%);
} }
.l-btn.show-thumbs { .l-btn.show-thumbs {
display: none; display: none;

View File

@ -29,12 +29,10 @@
&.grid-item { &.grid-item {
//div { @include test() } //div { @include test() }
$d: $ueBrowseGridItemLg; $d: $ueBrowseGridItemLg;
//$iconD: 100px;
$iconMargin: 40px; $iconMargin: 40px;
$iconD: ($d - ($iconMargin * 2)) * 0.85; $iconD: ($d - ($iconMargin * 2)) * 0.85;
$transTime: 200ms; $transTime: 200ms;
//@include btnSubtle($colorItemBg); @include btnSubtle($colorItemBg, pullForward($colorItemBg, 20%), $colorItemFg, $colorItemIcon);
@include btnSubtle($colorItemBg, $colorItemFg, $colorItemIcon);
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
float: left; float: left;
@ -51,7 +49,6 @@
} }
} }
.item-open { .item-open {
//display: block;
opacity: 1; opacity: 1;
} }
} }
@ -80,7 +77,6 @@
} }
&.bottom-bar { &.bottom-bar {
top: auto; top: auto;
//height: $ueBrowseGridItemBottomBarH;
line-height: 110%; line-height: 110%;
} }
} }
@ -101,9 +97,7 @@
bottom: auto; bottom: auto;
height: $iconD; height: $iconD;
top: $iconMargin - 10; top: $iconMargin - 10;
//line-height: $lh;
.l-icon-link { .l-icon-link {
// When the link icon is in the item-type icon holder
color: $colorIconLink; color: $colorIconLink;
height: auto; height: auto;
line-height: 100%; line-height: 100%;
@ -115,7 +109,6 @@
} }
} }
.item-open { .item-open {
//@include test();
@include trans-prop-nice("opacity", $transTime); @include trans-prop-nice("opacity", $transTime);
opacity: 0; opacity: 0;
color: $colorItemOpenIcon; color: $colorItemOpenIcon;

View File

@ -29,30 +29,22 @@ table {
@include box-sizing(border-box); @include box-sizing(border-box);
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
color: #fff;
display: table; display: table;
font-size: 0.75rem; font-size: 0.75rem;
position: relative; position: relative;
//height: 100%; MOVED
width: 100%; width: 100%;
thead, .thead, thead, .thead,
tbody tr, .tbody .tr { tbody tr, .tbody .tr {
//display: table; MOVED
width: 100%; width: 100%;
//table-layout: fixed; MOVED
} }
thead, .thead { thead, .thead {
border-bottom: 1px solid $tabularColorHeaderBorder; border-bottom: 1px solid $colorTabHeaderBorder;
} }
tbody, .tbody { tbody, .tbody {
//@include absPosDefault(0); MOVED
//top: $tabularHeaderH; MOVED
//display: block; MOVED
//overflow-y: scroll; MOVED
display: table-row-group; display: table-row-group;
tr, .tr { tr, .tr {
&:hover { &:hover {
background: rgba(white, 0.1); background: rgba($colorTabBodyFg, 0.1);
} }
} }
} }
@ -64,17 +56,17 @@ table {
&.group-header { &.group-header {
td, .td { td, .td {
$d: 5%; $d: 5%;
background-color: darken($tabularColorHeaderBg, $d); background-color: pushBack($colorTabHeaderBg, $d);
color: darken($tabularColorHeaderFg, $d); color: pushBack($colorTabHeaderFg, $d);
} }
} }
th, .th, td, .td { th, .th, td, .td {
display: table-cell; display: table-cell;
} }
th, .th { th, .th {
background-color: $tabularColorHeaderBg; background-color: $colorTabHeaderBg;
border-left: 1px solid $tabularColorHeaderBorder; border-left: 1px solid $colorTabHeaderBorder;
color: $tabularColorHeaderFg; color: $colorTabHeaderFg;
padding: $tabularTdPadLR $tabularTdPadLR; padding: $tabularTdPadLR $tabularTdPadLR;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
@ -99,7 +91,7 @@ table {
} }
} }
td, .td { td, .td {
border-bottom: 1px solid $tabularColorBorder; border-bottom: 1px solid $colorTabBorder;
min-width: 20px; min-width: 20px;
color: $colorTelemFresh; color: $colorTelemFresh;
padding: $tabularTdPadTB $tabularTdPadLR; padding: $tabularTdPadTB $tabularTdPadLR;

View File

@ -25,6 +25,7 @@
z-index: 100; z-index: 100;
} }
.clk-icon.close { .clk-icon.close {
font-size: 0.8rem;
position: absolute; position: absolute;
top: $interiorMarginLg; right: $interiorMarginLg; bottom: auto; left: auto; top: $interiorMarginLg; right: $interiorMarginLg; bottom: auto; left: auto;
z-index: 100; z-index: 100;

View File

@ -195,8 +195,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
/************************** COLORS AND SHADING */
/********************************* MOBILE */
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -742,11 +740,11 @@ mct-container {
/* line 1, ../../../../general/res/sass/_data-status.scss */ /* line 1, ../../../../general/res/sass/_data-status.scss */
.s-stale { .s-stale {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(204, 204, 204, 0.5) !important;
font-style: italic; } font-style: italic; }
/* line 3, ../../../../general/res/sass/_data-status.scss */ /* line 3, ../../../../general/res/sass/_data-status.scss */
.s-stale .td { .s-stale .td {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(204, 204, 204, 0.5) !important;
font-style: italic; } font-style: italic; }
/***************************************************************************** /*****************************************************************************
@ -1445,8 +1443,11 @@ mct-container {
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 278, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 99, ../../../../general/res/sass/controls/_buttons.scss */ /* line 113, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.paused, .paused.s-menu, .paused.select { .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before {
content: "\0000F1"; }
/* line 116, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select {
background-color: #c56f01; background-color: #c56f01;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -1471,44 +1472,49 @@ mct-container {
user-select: none; user-select: none;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 271, ../../../../general/res/sass/_mixins.scss */
.s-btn.paused .icon, .paused.s-menu .icon, .paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 276, ../../../../general/res/sass/_mixins.scss */
.s-btn.paused:not(.disabled):hover, .paused.s-menu:not(.disabled):hover, .paused.select:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 278, ../../../../general/res/sass/_mixins.scss */
.s-btn.paused:not(.disabled):hover > .icon, .paused.s-menu:not(.disabled):hover > .icon, .paused.select:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 101, ../../../../general/res/sass/controls/_buttons.scss */ /* line 118, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.paused .icon:before, .paused.s-menu .icon:before, .paused.select .icon:before { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon {
content: "\0000EF"; } -moz-animation-name: pulse;
/* line 106, ../../../../general/res/sass/controls/_buttons.scss */ -webkit-animation-name: pulse;
.s-btn.pause-play, .pause-play.s-menu, .pause-play.select { animation-name: pulse;
/* -moz-animation-duration: 1000ms;
&.paused { -webkit-animation-duration: 1000ms;
.icon { animation-duration: 1000ms;
@include pulse(500ms); -moz-animation-direction: alternate;
} -webkit-animation-direction: alternate;
} animation-direction: alternate;
*/ } -moz-animation-iteration-count: infinite;
/* line 114, ../../../../general/res/sass/controls/_buttons.scss */ -webkit-animation-iteration-count: infinite;
.s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { animation-iteration-count: infinite;
content: "\0000F1"; } -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
/* line 120, ../../../../general/res/sass/controls/_buttons.scss */ /* line 120, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before {
content: "\0000EF"; }
/* line 128, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 126, ../../../../general/res/sass/controls/_buttons.scss */ /* line 134, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 132, ../../../../general/res/sass/controls/_buttons.scss */ /* line 140, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { .l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */ /* line 146, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select {
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
@ -1517,7 +1523,7 @@ mct-container {
-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
margin-left: 0; } margin-left: 0; }
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */ /* line 153, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select {
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
@ -1772,8 +1778,9 @@ label.checkbox.custom {
-moz-border-radius: 1.5px; -moz-border-radius: 1.5px;
-webkit-border-radius: 1.5px; -webkit-border-radius: 1.5px;
border-radius: 1.5px; border-radius: 1.5px;
background: #666666; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
border-bottom: 1px solid gray; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 2px;
box-sizing: border-box; box-sizing: border-box;
content: " "; content: " ";
font-family: 'symbolsfont'; font-family: 'symbolsfont';
@ -1786,58 +1793,58 @@ label.checkbox.custom {
top: 0; top: 0;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 173, ../../../../general/res/sass/controls/_controls.scss */ /* line 174, ../../../../general/res/sass/controls/_controls.scss */
label.checkbox.custom.no-text { label.checkbox.custom.no-text {
overflow: hidden; overflow: hidden;
margin-right: 0; margin-right: 0;
padding-left: 0; padding-left: 0;
height: 14px; height: 14px;
width: 14px; } width: 14px; }
/* line 179, ../../../../general/res/sass/controls/_controls.scss */ /* line 180, ../../../../general/res/sass/controls/_controls.scss */
label.checkbox.custom.no-text em { label.checkbox.custom.no-text em {
overflow: hidden; } overflow: hidden; }
/* line 183, ../../../../general/res/sass/controls/_controls.scss */ /* line 184, ../../../../general/res/sass/controls/_controls.scss */
label.checkbox.custom input { label.checkbox.custom input {
display: none; } display: none; }
/* line 185, ../../../../general/res/sass/controls/_controls.scss */ /* line 186, ../../../../general/res/sass/controls/_controls.scss */
label.checkbox.custom input:checked ~ em:before { label.checkbox.custom input:checked ~ em:before {
background: #0099cc; background: #0099cc;
color: #ccf2ff; color: #ccf2ff;
content: "2"; } content: "2"; }
/* line 193, ../../../../general/res/sass/controls/_controls.scss */ /* line 194, ../../../../general/res/sass/controls/_controls.scss */
.input-labeled { .input-labeled {
margin-left: 5px; } margin-left: 5px; }
/* line 195, ../../../../general/res/sass/controls/_controls.scss */ /* line 196, ../../../../general/res/sass/controls/_controls.scss */
.input-labeled label { .input-labeled label {
display: inline-block; display: inline-block;
margin-right: 3px; } margin-right: 3px; }
/* line 199, ../../../../general/res/sass/controls/_controls.scss */ /* line 200, ../../../../general/res/sass/controls/_controls.scss */
.input-labeled.inline { .input-labeled.inline {
display: inline-block; } display: inline-block; }
/* line 202, ../../../../general/res/sass/controls/_controls.scss */ /* line 203, ../../../../general/res/sass/controls/_controls.scss */
.input-labeled:first-child { .input-labeled:first-child {
margin-left: 0; } margin-left: 0; }
/* line 207, ../../../../general/res/sass/controls/_controls.scss */ /* line 208, ../../../../general/res/sass/controls/_controls.scss */
.s-menu label.checkbox.custom, .select label.checkbox.custom { .s-menu label.checkbox.custom, .select label.checkbox.custom {
margin-left: 5px; } margin-left: 5px; }
/* line 212, ../../../../general/res/sass/controls/_controls.scss */ /* line 213, ../../../../general/res/sass/controls/_controls.scss */
.item .checkbox.checked label { .item .checkbox.checked label {
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
border-bottom: none; } border-bottom: none; }
/* line 218, ../../../../general/res/sass/controls/_controls.scss */ /* line 219, ../../../../general/res/sass/controls/_controls.scss */
.context-available { .context-available {
color: #0099cc; } color: #0099cc; }
/* line 221, ../../../../general/res/sass/controls/_controls.scss */ /* line 222, ../../../../general/res/sass/controls/_controls.scss */
.context-available:hover { .context-available:hover {
color: deepskyblue; } color: deepskyblue; }
/* line 226, ../../../../general/res/sass/controls/_controls.scss */ /* line 227, ../../../../general/res/sass/controls/_controls.scss */
.view-switcher { .view-switcher {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color;
@ -1853,26 +1860,26 @@ label.checkbox.custom {
transition-timing-function: ease-in-out; } transition-timing-function: ease-in-out; }
/******************************************************** OBJECT-HEADER */ /******************************************************** OBJECT-HEADER */
/* line 231, ../../../../general/res/sass/controls/_controls.scss */ /* line 232, ../../../../general/res/sass/controls/_controls.scss */
.object-header { .object-header {
font-size: 1em; } font-size: 1em; }
/* line 242, ../../../../general/res/sass/controls/_controls.scss */ /* line 243, ../../../../general/res/sass/controls/_controls.scss */
.object-header > .type-icon { .object-header > .type-icon {
color: #cccccc; color: #cccccc;
font-size: 120%; font-size: 120%;
float: left; float: left;
margin-right: 5px; } margin-right: 5px; }
/* line 249, ../../../../general/res/sass/controls/_controls.scss */ /* line 250, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper { .object-header .l-elem-wrapper {
justify-content: flex-start; justify-content: flex-start;
-webkit-justify-content: flex-start; } -webkit-justify-content: flex-start; }
/* line 252, ../../../../general/res/sass/controls/_controls.scss */ /* line 253, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper mct-representation { .object-header .l-elem-wrapper mct-representation {
min-width: 0.7em; } min-width: 0.7em; }
/* line 260, ../../../../general/res/sass/controls/_controls.scss */ /* line 261, ../../../../general/res/sass/controls/_controls.scss */
.object-header .action { .object-header .action {
margin-right: 5px; } margin-right: 5px; }
/* line 264, ../../../../general/res/sass/controls/_controls.scss */ /* line 265, ../../../../general/res/sass/controls/_controls.scss */
.object-header .title-label { .object-header .title-label {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -1880,13 +1887,13 @@ label.checkbox.custom {
flex: 0 1 auto; flex: 0 1 auto;
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
padding-right: 0.35em; } padding-right: 0.35em; }
/* line 273, ../../../../general/res/sass/controls/_controls.scss */ /* line 274, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 280, ../../../../general/res/sass/controls/_controls.scss */ /* line 281, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -1901,12 +1908,12 @@ label.checkbox.custom {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 285, ../../../../general/res/sass/controls/_controls.scss */ /* line 286, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available { .object-header:hover .context-available {
opacity: 1; } } opacity: 1; } }
/******************************************************** SLIDERS */ /******************************************************** SLIDERS */
/* line 298, ../../../../general/res/sass/controls/_controls.scss */ /* line 299, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot { .slider .slot {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1925,7 +1932,7 @@ label.checkbox.custom {
right: 0; right: 0;
bottom: auto; bottom: auto;
left: 0; } left: 0; }
/* line 309, ../../../../general/res/sass/controls/_controls.scss */ /* line 310, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
background-color: #333; background-color: #333;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2007,12 +2014,12 @@ label.checkbox.custom {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
border-color: #0099cc; } border-color: #0099cc; }
/* line 320, ../../../../general/res/sass/controls/_controls.scss */ /* line 321, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:before { .slider .knob:before {
top: 1px; top: 1px;
bottom: 3px; bottom: 3px;
left: 5px; } left: 5px; }
/* line 327, ../../../../general/res/sass/controls/_controls.scss */ /* line 328, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
background: rgba(0, 153, 204, 0.6); background: rgba(0, 153, 204, 0.6);
cursor: ew-resize; cursor: ew-resize;
@ -2023,13 +2030,13 @@ label.checkbox.custom {
left: auto; left: auto;
height: auto; height: auto;
width: auto; } width: auto; }
/* line 337, ../../../../general/res/sass/controls/_controls.scss */ /* line 338, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover { .slider .range:hover {
background: rgba(0, 153, 204, 0.7); } background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 346, ../../../../general/res/sass/controls/_controls.scss */ /* line 347, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -2044,7 +2051,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 352, ../../../../general/res/sass/controls/_controls.scss */ /* line 356, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2058,7 +2065,7 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 361, ../../../../general/res/sass/controls/_controls.scss */ /* line 365, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2067,7 +2074,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
background-image: linear-gradient(#5e5e5e, #525252 20px); } background-image: linear-gradient(#5e5e5e, #525252 20px); }
/* line 366, ../../../../general/res/sass/controls/_controls.scss */ /* line 370, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); } } background: rgba(0, 0, 0, 0.4); } }
/***************************************************************************** /*****************************************************************************
@ -2267,7 +2274,7 @@ label.checkbox.custom {
display: block; display: block;
width: 500px; width: 500px;
height: 480px; } height: 480px; }
/* line 167, ../../../../general/res/sass/controls/_menus.scss */ /* line 166, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .contents { .menu-element .super-menu .contents {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -2277,34 +2284,34 @@ label.checkbox.custom {
left: 5px; left: 5px;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 170, ../../../../general/res/sass/controls/_menus.scss */ /* line 169, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane { .menu-element .super-menu .pane {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
/* line 172, ../../../../general/res/sass/controls/_menus.scss */ /* line 171, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left { .menu-element .super-menu .pane.left {
border-right: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid #878787;
left: 0; left: 0;
padding-right: 5px; padding-right: 5px;
right: auto; right: auto;
width: 50%; width: 50%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 182, ../../../../general/res/sass/controls/_menus.scss */ /* line 181, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.left ul li { .menu-element .super-menu .pane.left ul li {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding-left: 30px; padding-left: 30px;
border-top: none; } border-top: none; }
/* line 189, ../../../../general/res/sass/controls/_menus.scss */ /* line 188, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .pane.right { .menu-element .super-menu .pane.right {
left: auto; left: auto;
right: 0; right: 0;
padding: 25px; padding: 25px;
width: 50%; } width: 50%; }
/* line 199, ../../../../general/res/sass/controls/_menus.scss */ /* line 198, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.icon { .menu-element .super-menu .menu-item-description .desc-area.icon {
color: white; color: white;
position: relative; position: relative;
@ -2314,40 +2321,40 @@ label.checkbox.custom {
line-height: 150px; line-height: 150px;
margin-bottom: 25px; margin-bottom: 25px;
text-align: center; } text-align: center; }
/* line 210, ../../../../general/res/sass/controls/_menus.scss */ /* line 209, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.title { .menu-element .super-menu .menu-item-description .desc-area.title {
color: white; color: white;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 0.5em; } margin-bottom: 0.5em; }
/* line 215, ../../../../general/res/sass/controls/_menus.scss */ /* line 214, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .super-menu .menu-item-description .desc-area.description { .menu-element .super-menu .menu-item-description .desc-area.description {
color: white; color: white;
font-size: 0.8em; font-size: 0.8em;
line-height: 1.5em; } line-height: 1.5em; }
/* line 224, ../../../../general/res/sass/controls/_menus.scss */ /* line 223, ../../../../general/res/sass/controls/_menus.scss */
.menu-element .context-menu, .menu-element .checkbox-menu { .menu-element .context-menu, .menu-element .checkbox-menu {
font-size: 0.80rem; } font-size: 0.80rem; }
/* line 229, ../../../../general/res/sass/controls/_menus.scss */ /* line 228, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder { .context-menu-holder {
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 200px; height: 200px;
width: 170px; width: 170px;
z-index: 70; } z-index: 70; }
/* line 235, ../../../../general/res/sass/controls/_menus.scss */ /* line 234, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder .context-menu-wrapper { .context-menu-holder .context-menu-wrapper {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 242, ../../../../general/res/sass/controls/_menus.scss */ /* line 241, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu { .context-menu-holder.go-left .context-menu, .context-menu-holder.go-left .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-left .checkbox-menu {
right: 0; } right: 0; }
/* line 245, ../../../../general/res/sass/controls/_menus.scss */ /* line 244, ../../../../general/res/sass/controls/_menus.scss */
.context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu { .context-menu-holder.go-up .context-menu, .context-menu-holder.go-up .menu-element .checkbox-menu, .menu-element .context-menu-holder.go-up .checkbox-menu {
bottom: 0; } bottom: 0; }
/* line 250, ../../../../general/res/sass/controls/_menus.scss */ /* line 249, ../../../../general/res/sass/controls/_menus.scss */
.btn-bar.right .menu, .btn-bar.right .menu,
.menus-to-left .menu { .menus-to-left .menu {
left: auto; left: auto;
@ -3765,7 +3772,7 @@ span.req {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
color: #595959; color: #737373;
height: 17px; height: 17px;
width: 17px; width: 17px;
line-height: 17px; line-height: 17px;
@ -3793,7 +3800,7 @@ span.req {
pointer-events: none; } pointer-events: none; }
/* line 119, ../../../../general/res/sass/search/_search.scss */ /* line 119, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-input:hover + div.search-icon { .search .search-bar .search-input:hover + div.search-icon {
color: #737373; } color: #8c8c8c; }
/* line 123, ../../../../general/res/sass/search/_search.scss */ /* line 123, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .clear-icon { .search .search-bar .clear-icon {
right: 22px; right: 22px;
@ -3806,7 +3813,7 @@ span.req {
opacity: 1; } opacity: 1; }
/* line 137, ../../../../general/res/sass/search/_search.scss */ /* line 137, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .clear-icon:hover { .search .search-bar .clear-icon:hover {
color: #737373; } color: #8c8c8c; }
/* line 142, ../../../../general/res/sass/search/_search.scss */ /* line 142, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
font-size: 0.8em; font-size: 0.8em;
@ -3815,7 +3822,7 @@ span.req {
text-align: right; } text-align: right; }
/* line 148, ../../../../general/res/sass/search/_search.scss */ /* line 148, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .menu-icon:hover { .search .search-bar .menu-icon:hover {
color: #737373; } color: #8c8c8c; }
/* line 153, ../../../../general/res/sass/search/_search.scss */ /* line 153, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-menu-holder { .search .search-bar .search-menu-holder {
float: right; float: right;
@ -3847,7 +3854,7 @@ span.req {
margin-top: 3px; } margin-top: 3px; }
/* line 193, ../../../../general/res/sass/search/_search.scss */ /* line 193, ../../../../general/res/sass/search/_search.scss */
.search .active-filter-display .clear-filters-icon { .search .active-filter-display .clear-filters-icon {
color: #595959; color: #737373;
opacity: 1; opacity: 1;
font-size: 0.8em; font-size: 0.8em;
position: absolute; position: absolute;
@ -3935,13 +3942,14 @@ span.req {
z-index: 100; } z-index: 100; }
/* line 27, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 27, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .clk-icon.close { .overlay .clk-icon.close {
font-size: 0.8rem;
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
bottom: auto; bottom: auto;
left: auto; left: auto;
z-index: 100; } z-index: 100; }
/* line 32, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 33, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay > .holder { .overlay > .holder {
background-color: #4d4d4d; background-color: #4d4d4d;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -3970,29 +3978,29 @@ span.req {
bottom: 15%; bottom: 15%;
left: 15%; left: 15%;
z-index: 101; } z-index: 101; }
/* line 39, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 40, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay > .holder > .contents { .overlay > .holder > .contents {
top: 25px; top: 25px;
right: 25px; right: 25px;
bottom: 25px; bottom: 25px;
left: 25px; } left: 25px; }
/* line 44, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 45, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .title { .overlay .title {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 1.2em; font-size: 1.2em;
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 50, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 51, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .top-bar { .overlay .top-bar {
height: 60px; } height: 60px; }
/* line 54, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 55, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .editor { .overlay .editor {
top: 70px; top: 70px;
bottom: 40px; bottom: 40px;
left: 0; left: 0;
right: 0; } right: 0; }
/* line 60, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 61, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar { .overlay .bottom-bar {
top: auto; top: auto;
right: 0; right: 0;
@ -4001,14 +4009,14 @@ span.req {
overflow: visible; overflow: visible;
height: 30px; height: 30px;
text-align: right; } text-align: right; }
/* line 66, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 67, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu, .overlay .bottom-bar .select { .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu, .overlay .bottom-bar .select {
font-size: 95%; font-size: 95%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 5px; margin-left: 5px;
padding: 0 15px; } padding: 0 15px; }
/* line 68, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 69, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) { .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major), .overlay .bottom-bar .select:not(.major) {
background-color: gray; background-color: gray;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -4043,7 +4051,7 @@ span.req {
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 278, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 84, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
top: 5px; top: 5px;
right: 5px; right: 5px;
@ -4649,7 +4657,6 @@ ul.tree {
background-position: center; } background-position: center; }
/* line 78, ../../../../general/res/sass/_fixed-position.scss */ /* line 78, ../../../../general/res/sass/_fixed-position.scss */
.t-fixed-position .l-fixed-position-item .l-fixed-position-text { .t-fixed-position .l-fixed-position-item .l-fixed-position-text {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
border: 1px solid transparent; border: 1px solid transparent;
font-size: 0.8rem; font-size: 0.8rem;
line-height: 100%; } line-height: 100%; }
@ -4748,12 +4755,11 @@ table {
box-sizing: border-box; box-sizing: border-box;
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
color: #fff;
display: table; display: table;
font-size: 0.75rem; font-size: 0.75rem;
position: relative; position: relative;
width: 100%; } width: 100%; }
/* line 38, ../../../../general/res/sass/lists/_tabular.scss */ /* line 36, ../../../../general/res/sass/lists/_tabular.scss */
.tabular thead, .tabular .thead, .tabular thead, .tabular .thead,
.tabular tbody tr, .tabular .tbody .tr, .tabular tbody tr, .tabular .tbody .tr,
table thead, table thead,
@ -4761,34 +4767,34 @@ table {
table tbody tr, table tbody tr,
table .tbody .tr { table .tbody .tr {
width: 100%; } width: 100%; }
/* line 44, ../../../../general/res/sass/lists/_tabular.scss */ /* line 40, ../../../../general/res/sass/lists/_tabular.scss */
.tabular thead, .tabular .thead, .tabular thead, .tabular .thead,
table thead, table thead,
table .thead { table .thead {
border-bottom: 1px solid #333; } border-bottom: 1px solid #333; }
/* line 47, ../../../../general/res/sass/lists/_tabular.scss */ /* line 43, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tbody, .tabular .tbody, .tabular tbody, .tabular .tbody,
table tbody, table tbody,
table .tbody { table .tbody {
display: table-row-group; } display: table-row-group; }
/* line 54, ../../../../general/res/sass/lists/_tabular.scss */ /* line 46, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover, .tabular tbody tr:hover, .tabular tbody .tr:hover, .tabular .tbody tr:hover, .tabular .tbody .tr:hover,
table tbody tr:hover, table tbody tr:hover,
table tbody .tr:hover, table tbody .tr:hover,
table .tbody tr:hover, table .tbody tr:hover,
table .tbody .tr:hover { table .tbody .tr:hover {
background: rgba(255, 255, 255, 0.1); } background: rgba(128, 128, 128, 0.1); }
/* line 59, ../../../../general/res/sass/lists/_tabular.scss */ /* line 51, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr, .tabular .tr, .tabular tr, .tabular .tr,
table tr, table tr,
table .tr { table .tr {
display: table-row; } display: table-row; }
/* line 61, ../../../../general/res/sass/lists/_tabular.scss */ /* line 53, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr:first-child .td, .tabular .tr:first-child .td, .tabular tr:first-child .td, .tabular .tr:first-child .td,
table tr:first-child .td, table tr:first-child .td,
table .tr:first-child .td { table .tr:first-child .td {
border-top: none; } border-top: none; }
/* line 65, ../../../../general/res/sass/lists/_tabular.scss */ /* line 57, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr.group-header td, .tabular tr.group-header .td, .tabular .tr.group-header td, .tabular .tr.group-header .td, .tabular tr.group-header td, .tabular tr.group-header .td, .tabular .tr.group-header td, .tabular .tr.group-header .td,
table tr.group-header td, table tr.group-header td,
table tr.group-header .td, table tr.group-header .td,
@ -4796,7 +4802,7 @@ table {
table .tr.group-header .td { table .tr.group-header .td {
background-color: #404040; background-color: #404040;
color: #a6a6a6; } color: #a6a6a6; }
/* line 71, ../../../../general/res/sass/lists/_tabular.scss */ /* line 63, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td, .tabular tr th, .tabular tr .th, .tabular tr td, .tabular tr .td, .tabular .tr th, .tabular .tr .th, .tabular .tr td, .tabular .tr .td,
table tr th, table tr th,
table tr .th, table tr .th,
@ -4807,7 +4813,7 @@ table {
table .tr td, table .tr td,
table .tr .td { table .tr .td {
display: table-cell; } display: table-cell; }
/* line 74, ../../../../general/res/sass/lists/_tabular.scss */ /* line 66, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th, .tabular tr th, .tabular tr .th, .tabular .tr th, .tabular .tr .th,
table tr th, table tr th,
table tr .th, table tr .th,
@ -4819,14 +4825,14 @@ table {
padding: 5px 5px; padding: 5px 5px;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; } vertical-align: middle; }
/* line 81, ../../../../general/res/sass/lists/_tabular.scss */ /* line 73, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child, .tabular tr th:first-child, .tabular tr .th:first-child, .tabular .tr th:first-child, .tabular .tr .th:first-child,
table tr th:first-child, table tr th:first-child,
table tr .th:first-child, table tr .th:first-child,
table .tr th:first-child, table .tr th:first-child,
table .tr .th:first-child { table .tr .th:first-child {
border-left: none; } border-left: none; }
/* line 85, ../../../../general/res/sass/lists/_tabular.scss */ /* line 77, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr th.sort.sort:after, .tabular tr .th.sort.sort:after, .tabular .tr th.sort.sort:after, .tabular .tr .th.sort.sort:after, .tabular tr th.sort.sort:after, .tabular tr .th.sort.sort:after, .tabular .tr th.sort.sort:after, .tabular .tr .th.sort.sort:after,
table tr th.sort.sort:after, table tr th.sort.sort:after,
table tr .th.sort.sort:after, table tr .th.sort.sort:after,
@ -4838,47 +4844,47 @@ table {
content: "\ed"; content: "\ed";
display: inline-block; display: inline-block;
margin-left: 3px; } margin-left: 3px; }
/* line 93, ../../../../general/res/sass/lists/_tabular.scss */ /* line 85, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr th.sort.sort.desc:after, .tabular tr .th.sort.sort.desc:after, .tabular .tr th.sort.sort.desc:after, .tabular .tr .th.sort.sort.desc:after, .tabular tr th.sort.sort.desc:after, .tabular tr .th.sort.sort.desc:after, .tabular .tr th.sort.sort.desc:after, .tabular .tr .th.sort.sort.desc:after,
table tr th.sort.sort.desc:after, table tr th.sort.sort.desc:after,
table tr .th.sort.sort.desc:after, table tr .th.sort.sort.desc:after,
table .tr th.sort.sort.desc:after, table .tr th.sort.sort.desc:after,
table .tr .th.sort.sort.desc:after { table .tr .th.sort.sort.desc:after {
content: "\ec"; } content: "\ec"; }
/* line 97, ../../../../general/res/sass/lists/_tabular.scss */ /* line 89, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr th.sortable, .tabular tr .th.sortable, .tabular .tr th.sortable, .tabular .tr .th.sortable, .tabular tr th.sortable, .tabular tr .th.sortable, .tabular .tr th.sortable, .tabular .tr .th.sortable,
table tr th.sortable, table tr th.sortable,
table tr .th.sortable, table tr .th.sortable,
table .tr th.sortable, table .tr th.sortable,
table .tr .th.sortable { table .tr .th.sortable {
cursor: pointer; } cursor: pointer; }
/* line 101, ../../../../general/res/sass/lists/_tabular.scss */ /* line 93, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td, .tabular tr td, .tabular tr .td, .tabular .tr td, .tabular .tr .td,
table tr td, table tr td,
table tr .td, table tr .td,
table .tr td, table .tr td,
table .tr .td { table .tr .td {
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid #4d4d4d;
min-width: 20px; min-width: 20px;
color: #fff; color: #cccccc;
padding: 3px 5px; padding: 3px 5px;
word-wrap: break-word; word-wrap: break-word;
vertical-align: top; } vertical-align: top; }
/* line 108, ../../../../general/res/sass/lists/_tabular.scss */ /* line 100, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric, .tabular tr td.numeric, .tabular tr .td.numeric, .tabular .tr td.numeric, .tabular .tr .td.numeric,
table tr td.numeric, table tr td.numeric,
table tr .td.numeric, table tr .td.numeric,
table .tr td.numeric, table .tr td.numeric,
table .tr .td.numeric { table .tr .td.numeric {
text-align: right; } text-align: right; }
/* line 111, ../../../../general/res/sass/lists/_tabular.scss */ /* line 103, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr td.s-cell-type-value, .tabular tr .td.s-cell-type-value, .tabular .tr td.s-cell-type-value, .tabular .tr .td.s-cell-type-value, .tabular tr td.s-cell-type-value, .tabular tr .td.s-cell-type-value, .tabular .tr td.s-cell-type-value, .tabular .tr .td.s-cell-type-value,
table tr td.s-cell-type-value, table tr td.s-cell-type-value,
table tr .td.s-cell-type-value, table tr .td.s-cell-type-value,
table .tr td.s-cell-type-value, table .tr td.s-cell-type-value,
table .tr .td.s-cell-type-value { table .tr .td.s-cell-type-value {
text-align: right; } text-align: right; }
/* line 113, ../../../../general/res/sass/lists/_tabular.scss */ /* line 105, ../../../../general/res/sass/lists/_tabular.scss */
.tabular tr td.s-cell-type-value .l-cell-contents, .tabular tr .td.s-cell-type-value .l-cell-contents, .tabular .tr td.s-cell-type-value .l-cell-contents, .tabular .tr .td.s-cell-type-value .l-cell-contents, .tabular tr td.s-cell-type-value .l-cell-contents, .tabular tr .td.s-cell-type-value .l-cell-contents, .tabular .tr td.s-cell-type-value .l-cell-contents, .tabular .tr .td.s-cell-type-value .l-cell-contents,
table tr td.s-cell-type-value .l-cell-contents, table tr td.s-cell-type-value .l-cell-contents,
table tr .td.s-cell-type-value .l-cell-contents, table tr .td.s-cell-type-value .l-cell-contents,
@ -4889,23 +4895,23 @@ table {
border-radius: 2px; border-radius: 2px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; } padding-right: 5px; }
/* line 129, ../../../../general/res/sass/lists/_tabular.scss */ /* line 121, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.filterable tbody, .tabular.filterable .tbody, .tabular.filterable tbody, .tabular.filterable .tbody,
table.filterable tbody, table.filterable tbody,
table.filterable .tbody { table.filterable .tbody {
top: 44px; } top: 44px; }
/* line 132, ../../../../general/res/sass/lists/_tabular.scss */ /* line 124, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.filterable input[type="text"], .tabular.filterable input[type="text"],
table.filterable input[type="text"] { table.filterable input[type="text"] {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
width: 100%; } width: 100%; }
/* line 138, ../../../../general/res/sass/lists/_tabular.scss */ /* line 130, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.fixed-header, .tabular.fixed-header,
table.fixed-header { table.fixed-header {
height: 100%; } height: 100%; }
/* line 140, ../../../../general/res/sass/lists/_tabular.scss */ /* line 132, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.fixed-header thead, .tabular.fixed-header .thead, .tabular.fixed-header thead, .tabular.fixed-header .thead,
.tabular.fixed-header tbody tr, .tabular.fixed-header .tbody .tr, .tabular.fixed-header tbody tr, .tabular.fixed-header .tbody .tr,
table.fixed-header thead, table.fixed-header thead,
@ -4914,12 +4920,12 @@ table {
table.fixed-header .tbody .tr { table.fixed-header .tbody .tr {
display: table; display: table;
table-layout: fixed; } table-layout: fixed; }
/* line 145, ../../../../general/res/sass/lists/_tabular.scss */ /* line 137, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.fixed-header thead, .tabular.fixed-header .thead, .tabular.fixed-header thead, .tabular.fixed-header .thead,
table.fixed-header thead, table.fixed-header thead,
table.fixed-header .thead { table.fixed-header .thead {
width: calc(100% - 10px); } width: calc(100% - 10px); }
/* line 147, ../../../../general/res/sass/lists/_tabular.scss */ /* line 139, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.fixed-header thead:before, .tabular.fixed-header .thead:before, .tabular.fixed-header thead:before, .tabular.fixed-header .thead:before,
table.fixed-header thead:before, table.fixed-header thead:before,
table.fixed-header .thead:before { table.fixed-header .thead:before {
@ -4930,7 +4936,7 @@ table {
width: 100%; width: 100%;
height: 22px; height: 22px;
background: rgba(255, 255, 255, 0.15); } background: rgba(255, 255, 255, 0.15); }
/* line 157, ../../../../general/res/sass/lists/_tabular.scss */ /* line 149, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.fixed-header tbody, .tabular.fixed-header .tbody, .tabular.fixed-header tbody, .tabular.fixed-header .tbody,
table.fixed-header tbody, table.fixed-header tbody,
table.fixed-header .tbody { table.fixed-header .tbody {
@ -4945,7 +4951,7 @@ table {
top: 22px; top: 22px;
display: block; display: block;
overflow-y: scroll; } overflow-y: scroll; }
/* line 165, ../../../../general/res/sass/lists/_tabular.scss */ /* line 157, ../../../../general/res/sass/lists/_tabular.scss */
.tabular.t-event-messages td, .tabular.t-event-messages .td, .tabular.t-event-messages td, .tabular.t-event-messages .td,
table.t-event-messages td, table.t-event-messages td,
table.t-event-messages .td { table.t-event-messages .td {
@ -5368,7 +5374,7 @@ table {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
color: #0099cc; color: #bfbfbf;
display: inline-block; display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -5402,22 +5408,22 @@ table {
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 278, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 47, ../../../../general/res/sass/items/_item.scss */ /* line 46, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
color: deepskyblue; } color: deepskyblue; }
/* line 49, ../../../../general/res/sass/items/_item.scss */ /* line 48, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type .l-icon-link { .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 53, ../../../../general/res/sass/items/_item.scss */ /* line 52, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-open { .items-holder .item.grid-item:hover .item-main .item-open {
opacity: 1; } opacity: 1; }
/* line 58, ../../../../general/res/sass/items/_item.scss */ /* line 57, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .contents { .items-holder .item.grid-item .contents {
top: 10px; top: 10px;
right: 10px; right: 10px;
bottom: 10px; bottom: 10px;
left: 10px; } left: 10px; }
/* line 64, ../../../../general/res/sass/items/_item.scss */ /* line 63, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
bottom: auto; bottom: auto;
color: #8c8c8c; color: #8c8c8c;
@ -5425,24 +5431,24 @@ table {
line-height: 20px; line-height: 20px;
text-align: right; text-align: right;
z-index: 5; } z-index: 5; }
/* line 71, ../../../../general/res/sass/items/_item.scss */ /* line 70, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
width: auto; } width: auto; }
/* line 73, ../../../../general/res/sass/items/_item.scss */ /* line 72, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon {
margin-left: 3px; } margin-left: 3px; }
/* line 75, ../../../../general/res/sass/items/_item.scss */ /* line 74, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 81, ../../../../general/res/sass/items/_item.scss */ /* line 80, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: auto; top: auto;
line-height: 110%; } line-height: 110%; }
/* line 87, ../../../../general/res/sass/items/_item.scss */ /* line 86, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main { .items-holder .item.grid-item .item-main {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 93, ../../../../general/res/sass/items/_item.scss */ /* line 92, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
overflow: false; overflow: false;
position: absolute; position: absolute;
@ -5459,7 +5465,7 @@ table {
bottom: auto; bottom: auto;
height: 102px; height: 102px;
top: 30px; } top: 30px; }
/* line 105, ../../../../general/res/sass/items/_item.scss */ /* line 104, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link { .items-holder .item.grid-item .item-main .item-type .l-icon-link {
color: #49dedb; color: #49dedb;
height: auto; height: auto;
@ -5469,7 +5475,7 @@ table {
left: 0px; left: 0px;
bottom: 10px; bottom: 10px;
z-index: 2; } z-index: 2; }
/* line 117, ../../../../general/res/sass/items/_item.scss */ /* line 116, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@ -5490,15 +5496,16 @@ table {
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 128, ../../../../general/res/sass/items/_item.scss */ /* line 127, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #bfbfbf; } color: #bfbfbf; }
/* line 133, ../../../../general/res/sass/items/_item.scss */ /* line 132, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -5762,11 +5769,11 @@ table {
background: rgba(255, 255, 255, 0.1); } background: rgba(255, 255, 255, 0.1); }
/* line 93, ../../../../general/res/sass/_autoflow.scss */ /* line 93, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l {
color: rgba(255, 255, 255, 0.3) !important; color: rgba(204, 204, 204, 0.3) !important;
font-style: italic; } font-style: italic; }
/* line 94, ../../../../general/res/sass/_autoflow.scss */ /* line 94, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(204, 204, 204, 0.5) !important;
font-style: italic; } font-style: italic; }
/* line 97, ../../../../general/res/sass/_autoflow.scss */ /* line 97, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r {
@ -5820,7 +5827,7 @@ table {
min-width: 150px; } min-width: 150px; }
/* line 16, ../../../../general/res/sass/features/_imagery.scss */ /* line 16, ../../../../general/res/sass/features/_imagery.scss */
.l-image-main-wrapper .l-image-main { .l-image-main-wrapper .l-image-main {
background-color: rgba(255, 255, 255, 0.1); background-color: none;
bottom: 30px; } bottom: 30px; }
/* line 20, ../../../../general/res/sass/features/_imagery.scss */ /* line 20, ../../../../general/res/sass/features/_imagery.scss */
.l-image-main-wrapper .l-image-main-controlbar { .l-image-main-wrapper .l-image-main-controlbar {
@ -5863,7 +5870,7 @@ table {
/* line 67, ../../../../general/res/sass/features/_imagery.scss */ /* line 67, ../../../../general/res/sass/features/_imagery.scss */
.l-image-main-controlbar .l-date, .l-image-main-controlbar .l-date,
.l-image-main-controlbar .l-time { .l-image-main-controlbar .l-time {
color: #fff; } color: #cccccc; }
/* line 71, ../../../../general/res/sass/features/_imagery.scss */ /* line 71, ../../../../general/res/sass/features/_imagery.scss */
.l-image-main-controlbar .l-mag { .l-image-main-controlbar .l-mag {
direction: ltr; direction: ltr;

View File

@ -1,4 +1,4 @@
/************************** COLORS AND SHADING */ // Global
$colorBodyBg: #333; $colorBodyBg: #333;
$colorBodyFg: #999; $colorBodyFg: #999;
$colorGenBg: #222; $colorGenBg: #222;
@ -8,6 +8,11 @@ $colorKeySelectedBg: #005177;
$colorKeyFg: #fff; $colorKeyFg: #fff;
$colorInteriorBorder: rgba($colorBodyFg, 0.1); $colorInteriorBorder: rgba($colorBodyFg, 0.1);
$contrastRatioPercent: 7%; $contrastRatioPercent: 7%;
$basicCr: 2px;
$controlCr: 3px;
$smallCr: 2px;
// Buttons
$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); // $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); //
$colorBtnFg: $colorBodyFg; $colorBtnFg: $colorBodyFg;
$colorBtnMajorBg: $colorKey; $colorBtnMajorBg: $colorKey;
@ -17,6 +22,7 @@ $colorObjHdrIcon: pullForward($colorBodyFg, 20%);
$colorInvokeMenu: #fff; $colorInvokeMenu: #fff;
$contrastInvokeMenuPercent: 20%; $contrastInvokeMenuPercent: 20%;
// General Colors
$colorAlt1: #ffc700; $colorAlt1: #ffc700;
$colorAlert: #ff3c00; $colorAlert: #ff3c00;
$colorIconLink: #49dedb; $colorIconLink: #49dedb;
@ -27,6 +33,7 @@ $colorGridLines: rgba(#fff, 0.05);
$colorFormLines: rgba(#fff, 0.1); $colorFormLines: rgba(#fff, 0.1);
$colorFormSectionHeader: rgba(#000, 0.2); $colorFormSectionHeader: rgba(#000, 0.2);
$colorInvokeMenu: #fff; $colorInvokeMenu: #fff;
// Menu colors // Menu colors
$colorMenuBg: pullForward($colorBodyBg, 23%); $colorMenuBg: pullForward($colorBodyBg, 23%);
$colorMenuFg: pullForward($colorMenuBg, 70%); $colorMenuFg: pullForward($colorMenuBg, 70%);
@ -37,7 +44,8 @@ $colorMenuHovIc: $colorMenuHovFg;
$shdwMenu: none; $shdwMenu: none;
$shdwMenuText: rgba(black, 0.1) 0 1px 2px; $shdwMenuText: rgba(black, 0.1) 0 1px 2px;
$colorCreateMenuLgIcon: $colorMenuFg; $colorCreateMenuLgIcon: $colorMenuFg;
$colorCreateMenuText: $colorMenuFg;// $colorCreateMenuText: $colorMenuFg;
// Form colors // Form colors
$colorCheck: $colorKey; $colorCheck: $colorKey;
$colorFormRequired: $colorAlt1; $colorFormRequired: $colorAlt1;
@ -47,24 +55,26 @@ $colorFormInvalid: #ff3300;
$colorInputBg: rgba(#fff, 0.1); $colorInputBg: rgba(#fff, 0.1);
$colorInputFg: pullForward($colorBodyFg, 20%); $colorInputFg: pullForward($colorBodyFg, 20%);
$colorFormText: rgba(#fff, 0.5); $colorFormText: rgba(#fff, 0.5);
$colorInputIcon: pushBack($colorBodyFg, 25%); $colorInputIcon: pushBack($colorBodyFg, 15%);
// Limits and staleness colors // Limits and staleness colors
$colorLimitYellow: #9d7500; $colorLimitYellow: #9d7500;
$colorLimitRed: #aa0000; $colorLimitRed: #aa0000;
$colorTelemFresh: #fff; $colorTelemFresh: pullForward($colorBodyFg, 20%);
$colorTelemStale: #888; $colorTelemStale: pushBack($colorBodyFg, 20%);
$styleTelemStale: italic; $styleTelemStale: italic;
// Bubble colors // Bubble colors
$colorInfoBubbleFg: #666; $colorInfoBubbleFg: #666;
$colorInfoBubbleBg: #ddd; $colorInfoBubbleBg: #ddd;
$colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleFg: lighten($colorBodyFg, 10%);
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%); $colorThumbsBubbleBg: lighten($colorBodyBg, 10%);
// Overlay // Overlay
$colorOvrBlocker: rgba(black, 0.7); $colorOvrBlocker: rgba(black, 0.7);
$colorOvrBg: pullForward($colorBodyBg, 10%); $colorOvrBg: pullForward($colorBodyBg, 10%);
$colorOvrFg: pullForward($colorBodyFg, 30%); $colorOvrFg: pullForward($colorBodyFg, 30%);
$colorOvrBtnBg: pullForward($colorOvrBg, 20%); $colorOvrBtnBg: pullForward($colorOvrBg, 20%);
$colorOvrBtnFg: #fff; $colorOvrBtnFg: #fff;
// Items // Items
$colorItemBg: lighten($colorBodyBg, 5%); $colorItemBg: lighten($colorBodyBg, 5%);
$colorItemFg: lighten($colorItemBg, 50%); $colorItemFg: lighten($colorItemBg, 50%);
@ -74,16 +84,19 @@ $colorItemSubIcons: $colorItemFgDetails;
$colorItemOpenIcon: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails;
$shdwItemText: rgba(black, 0.1) 0 1px 2px; $shdwItemText: rgba(black, 0.1) 0 1px 2px;
$colorItemBgSelected: $colorKey; $colorItemBgSelected: $colorKey;
// Tabular // Tabular
$tabularColorBorder: rgba(white, 0.1); $colorTabBorder: pullForward($colorBodyBg, 10%);
$tabularColorBodyBg: darken($colorBodyBg, 10%); $colorTabBodyBg: darken($colorBodyBg, 10%);
$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%); $colorTabBodyFg: lighten($colorTabBodyBg, 40%);
$tabularColorHeaderBg: lighten($colorBodyBg, 10%); $colorTabHeaderBg: lighten($colorBodyBg, 10%);
$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); $colorTabHeaderFg: lighten($colorTabHeaderBg, 40%);
$tabularColorHeaderBorder: $colorBodyBg; $colorTabHeaderBorder: $colorBodyBg;
// Plot // Plot
$colorPlotBg: none; $colorPlotBg: none;
$colorPlotFg: $colorBodyFg; $colorPlotFg: $colorBodyFg;
// Tree // Tree
$colorItemTreeIcon: $colorKey; $colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
@ -94,11 +107,14 @@ $colorItemTreeVC: rgba(#fff, 0.3);
$colorItemTreeSelectedVC: $colorItemTreeVC; $colorItemTreeSelectedVC: $colorItemTreeVC;
$colorItemTreeVCHover: $colorAlt1; $colorItemTreeVCHover: $colorAlt1;
$shdwItemTreeIcon: 0.6; $shdwItemTreeIcon: 0.6;
// Scrollbar // Scrollbar
$scrollbarTrackSize: 10px; $scrollbarTrackSize: 10px;
$scrollbarTrackColorBg: rgba(#000, 0.4); $scrollbarTrackColorBg: rgba(#000, 0.4);
$scrollbarThumbColor: lighten($colorBodyBg, 10%); $scrollbarThumbColor: lighten($colorBodyBg, 10%);
$scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%); $scrollbarThumbColorHov: lighten($scrollbarThumbColor, 2%);
$scrollbarTrackShdw: rgba(#000, 0.7) 0 1px 5px;
// Splitter // Splitter
$splitterShdw: rgba(black, 0.4) 0 0 3px; $splitterShdw: rgba(black, 0.4) 0 0 3px;
$colorSplitterInterior: $colorBodyBg; $colorSplitterInterior: $colorBodyBg;
@ -107,5 +123,5 @@ $splitterW: 5px;
$splitterEndCr: 1px; $splitterEndCr: 1px;
$colorGrippyInteriorHover: $colorKey; $colorGrippyInteriorHover: $colorKey;
/********************************* MOBILE */ // Mobile
$colorMobilePaneLeft: darken($colorBodyBg, 5%); $colorMobilePaneLeft: darken($colorBodyBg, 5%);

File diff suppressed because it is too large Load Diff

View File

@ -1,6 +1,4 @@
$basicCr: 4px; // Global
$controlCr: $basicCr;
/************************** COLORS AND SHADING */
$colorBodyBg: #fcfcfc; $colorBodyBg: #fcfcfc;
$colorBodyFg: #666; $colorBodyFg: #666;
$colorGenBg: #fff; $colorGenBg: #fff;
@ -10,25 +8,30 @@ $colorKeySelectedBg: $colorKey;
$colorKeyFg: #fff; $colorKeyFg: #fff;
$colorInteriorBorder: rgba($colorBodyFg, 0.2); $colorInteriorBorder: rgba($colorBodyFg, 0.2);
$contrastRatioPercent: 30%; $contrastRatioPercent: 30%;
$basicCr: 4px;
$controlCr: $basicCr;
$smallCr: 3px;
// Buttons // Buttons
$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent); $colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
$colorBtnFg: #fff; $colorBtnFg: #fff;
$colorBtnMajorBg: $colorKey; $colorBtnMajorBg: $colorKey;
$colorBtnMajorFg: $colorKeyFg; $colorBtnMajorFg: $colorKeyFg;
$colorBtnIcon: #ddd; $colorBtnIcon: #eee;
$colorObjHdrIcon: $colorBodyFg; $colorObjHdrIcon: $colorBodyFg;
$colorInvokeMenu: #000; $colorInvokeMenu: #000;
$contrastInvokeMenuPercent: 50%; $contrastInvokeMenuPercent: 40%;
// General Colors
$colorAlt1: #ff6600; $colorAlt1: #ff6600;
$colorAlert: #ff3c00; $colorAlert: #ff3c00;
$colorIconLink: #49dedb; $colorIconLink: #49dedb;
$colorPausedBg: #c56f01; $colorPausedBg: #ff9900;
$colorPausedFg: #fff; $colorPausedFg: #fff;
$colorCreateBtn: $colorKey; $colorCreateBtn: $colorKey;
$colorGridLines: rgba(#fff, 0.05); $colorGridLines: rgba(#000, 0.05);
$colorInvokeMenu: #fff; $colorInvokeMenu: #fff;
// Menu colors // Menu colors
$colorMenuBg: pushBack($colorBodyBg, 10%); $colorMenuBg: pushBack($colorBodyBg, 10%);
$colorMenuFg: pullForward($colorMenuBg, 70%); $colorMenuFg: pullForward($colorMenuBg, 70%);
@ -40,54 +43,62 @@ $colorCreateMenuLgIcon: $colorKey;
$colorCreateMenuText: $colorBodyFg; $colorCreateMenuText: $colorBodyFg;
$shdwMenu: rgba(black, 0.5) 0 1px 5px; $shdwMenu: rgba(black, 0.5) 0 1px 5px;
$shdwMenuText: none; $shdwMenuText: none;
// Form colors // Form colors
$colorCheck: $colorKey; $colorCheck: $colorKey;
$colorFormRequired: $colorKey; $colorFormRequired: $colorKey;
$colorFormValid: #33cc33; $colorFormValid: #33cc33;
$colorFormError: #cc0000; $colorFormError: #cc0000;
$colorFormInvalid: #ff2200; $colorFormInvalid: #ff2200;
$colorFormLines: rgba(#fff, 0.1); // MOVED $colorFormLines: rgba(#000, 0.1); // MOVED
$colorFormSectionHeader: rgba(#000, 0.1); $colorFormSectionHeader: rgba(#000, 0.1);
$colorInputBg: $colorGenBg; $colorInputBg: $colorGenBg;
$colorInputFg: $colorBodyFg; $colorInputFg: $colorBodyFg;
$colorFormText: pushBack($colorBodyFg, 10%); $colorFormText: pushBack($colorBodyFg, 10%);
$colorInputIcon: pushBack($colorBodyFg, 25%); $colorInputIcon: pushBack($colorBodyFg, 25%);
// Limits and staleness colors// // Limits and staleness colors//
$colorLimitYellow: #9d7500; $colorLimitYellow: #9d7500;
$colorLimitRed: #aa0000; $colorLimitRed: #aa0000;
$colorTelemFresh: #fff; $colorTelemFresh: pullForward($colorBodyFg, 20%);
$colorTelemStale: #888; $colorTelemStale: pushBack($colorBodyFg, 20%);
$styleTelemStale: italic; $styleTelemStale: italic;
// Bubble colors // Bubble colors
$colorInfoBubbleFg: #666; $colorInfoBubbleFg: #666;
$colorInfoBubbleBg: $colorMenuBg; $colorInfoBubbleBg: $colorMenuBg;
$colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleFg: lighten($colorBodyFg, 10%);
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%); $colorThumbsBubbleBg: lighten($colorBodyBg, 10%);
// Overlay // Overlay
$colorOvrBlocker: rgba(black, 0.7);// $colorOvrBlocker: rgba(black, 0.7);//
$colorOvrBg: $colorBodyBg; $colorOvrBg: $colorBodyBg;
$colorOvrFg: $colorBodyFg; $colorOvrFg: $colorBodyFg;
$colorOvrBtnBg: pullForward($colorOvrBg, 40%); $colorOvrBtnBg: pullForward($colorOvrBg, 40%);
$colorOvrBtnFg: #fff; $colorOvrBtnFg: #fff;
// Items // Items
$colorItemBg: $colorBtnBg; //pullForward($colorBodyBg, 15%); $colorItemBg: $colorBtnBg;
$colorItemFg: $colorBtnFg; //lighten($colorItemBg, 20%); $colorItemFg: $colorBtnFg;
$colorItemFgDetails: darken($colorItemFg, 15%); $colorItemFgDetails: darken($colorItemFg, 15%);
$colorItemIcon: $colorBtnIcon; $colorItemIcon: $colorBtnIcon;
$colorItemSubIcons: $colorItemFgDetails; $colorItemSubIcons: $colorItemFgDetails;
$colorItemOpenIcon: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails;
$shdwItemText: rgba(black, 0.2) 0 1px 2px; $shdwItemText: rgba(black, 0.2) 0 1px 2px;
$colorItemBgSelected: $colorKey; $colorItemBgSelected: $colorKey;
// Tabular // Tabular
$tabularColorBorder: rgba(white, 0.1); $colorTabBorder: pullForward($colorBodyBg, 10%);
$tabularColorBodyBg: darken($colorBodyBg, 10%); $colorTabBodyBg: $colorBodyBg;
$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%); $colorTabBodyFg: pullForward($colorBodyFg, 20%);
$tabularColorHeaderBg: lighten($colorBodyBg, 10%); $colorTabHeaderBg: pullForward($colorBodyBg, 10%);
$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%); $colorTabHeaderFg: pullForward($colorBodyFg, 20%);
$tabularColorHeaderBorder: $colorBodyBg; $colorTabHeaderBorder: $colorBodyBg;
// Plot // Plot
$colorPlotBg: #eee; // $colorPlotBg: #eee;
$colorPlotFg: $colorBodyFg; $colorPlotFg: $colorBodyFg;
// Tree // Tree
$colorItemTreeIcon: $colorKey; $colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); $colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%);
@ -98,11 +109,14 @@ $colorItemTreeSelectedFg: $colorBodyBg;
$colorItemTreeVC: $colorBodyFg; $colorItemTreeVC: $colorBodyFg;
$colorItemTreeSelectedVC: $colorBodyBg; $colorItemTreeSelectedVC: $colorBodyBg;
$shdwItemTreeIcon: none; $shdwItemTreeIcon: none;
// Scrollbar // Scrollbar
$scrollbarTrackSize: 10px; $scrollbarTrackSize: 10px;
$scrollbarTrackColorBg: rgba(#000, 0.5); $scrollbarTrackShdw: rgba(#000, 0.2) 0 1px 2px;
$scrollbarThumbColor: darken($colorBodyBg, 25%);// $scrollbarTrackColorBg: rgba(#000, 0.1);
$scrollbarThumbColor: darken($colorBodyBg, 50%);//
$scrollbarThumbColorHov: $colorKey; $scrollbarThumbColorHov: $colorKey;
// Splitter // Splitter
$splitterShdw: none; $splitterShdw: none;
$colorSplitterInterior: $colorBodyBg; $colorSplitterInterior: $colorBodyBg;
@ -111,5 +125,5 @@ $splitterW: 5px;
$splitterEndCr: $splitterW; $splitterEndCr: $splitterW;
$colorGrippyInteriorHover: $colorBodyBg; $colorGrippyInteriorHover: $colorBodyBg;
/********************************* MOBILE */ // Mobile
$colorMobilePaneLeft: darken($colorBodyBg, 2%); $colorMobilePaneLeft: darken($colorBodyBg, 2%);

View File

@ -4,7 +4,7 @@
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) { @mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
@include containerSubtle($bg, $fg); @include containerSubtle($bg, $fg);
@include btnBase($bg, $colorKey, $fg, $ic); @include btnBase($bg, $bgHov, $fg, $ic);
@include text-shadow($shdwItemText); @include text-shadow($shdwItemText);
} }