mirror of
https://github.com/nasa/openmct.git
synced 2025-06-06 09:21:43 +00:00
[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:
parent
3b2454c6a9
commit
d14c4e08b8
@ -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,
|
||||||
|
Binary file not shown.
@ -55,7 +55,7 @@
|
|||||||
<glyph unicode="z" 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="z" 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="{" glyph-name="icon-pointer-left" horiz-adv-x="512" d="M510-64l-256 512 256 512h-256l-256-512 256-512z" />
|
<glyph unicode="{" glyph-name="icon-pointer-left" horiz-adv-x="512" d="M510-64l-256 512 256 512h-256l-256-512 256-512z" />
|
||||||
<glyph unicode="}" glyph-name="icon-pointer-right" horiz-adv-x="512" d="M-2 960l256-512-256-512h256l256 512-256 512z" />
|
<glyph unicode="}" glyph-name="icon-pointer-right" horiz-adv-x="512" d="M-2 960l256-512-256-512h256l256 512-256 512z" />
|
||||||
<glyph unicode="à" 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="à" glyph-name="icon-box" d="M0 960h1024v-1024h-1024v1024z" />
|
||||||
<glyph unicode="á" 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="á" 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="â" 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="â" 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="ã" 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="ã" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
|
<glyph unicode="" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
|
||||||
<glyph unicode="" 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="" 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 |
Binary file not shown.
Binary file not shown.
@ -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 */
|
||||||
|
@ -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;
|
||||||
|
@ -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) {
|
||||||
|
@ -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 */
|
||||||
/*
|
/*
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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
@ -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%);
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user