ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-09 04:14:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Autoflow] Add SCSS files

Browse Source 
Merge in SCSS files and platform markup which supports
autoflow tabular views for WTD-611 into the open-source-friendly
master branch.
This commit is contained in:
Victor Woeltjen 2014-12-31 10:43:01 -08:00
parent 5414c4c2d0
commit 7db5c0692b
55 changed files with 4693 additions and 1935 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
platform/commonUI/general/bundle.json
View File

@ -12,6 +12,10 @@
"key": "action-button",
"templateUrl": "templates/controls/action-button.html"
},
{
"key": "input-filter",
"templateUrl": "templates/controls/input-filter.html"
},
{
"key": "indicator",
"templateUrl": "templates/indicator.html"
@ -116,4 +120,4 @@
}
]
}
}
}

26
platform/commonUI/general/res/config.rb Executable file
View File

@ -0,0 +1,26 @@
# Require any additional compass plugins here.
# require "compass-growl"
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
# You can select your preferred output style here (can be overridden via the command line):
# :expanded, :compressed, :nested
output_style = :nested
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass vfn_platform/static/sass scss && rm -rf sass && mv scss sass

59
platform/commonUI/general/res/css/forms.css
View File

@ -144,7 +144,7 @@ input[type="text"] {
/* line 11, ../sass/forms/_mixins.scss */
input[type="text"].error {
background: rgba(255, 0, 0, 0.5); }
/* line 6, ../sass/forms/_text-input.scss */
/* line 11, ../sass/forms/_text-input.scss */
input[type="text"].numeric {
text-align: right; }
@ -274,60 +274,3 @@ input[type="text"] {
/* line 32, ../sass/forms/_datetime.scss */
.complex.datetime .time.sm input {
width: 40px; }
/* line 2, ../sass/forms/_filter.scss */
.filter input.filter {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: #666666;
border: none;
border-bottom: 1px solid #999999;
color: #cccccc;
outline: none;
padding: 0 3px;
background: #3b3b3b;
border-bottom: 1px solid #4d4d4d; }
/* line 11, ../sass/forms/_mixins.scss */
.filter input.filter.error {
background: rgba(255, 0, 0, 0.5); }
/* line 5, ../sass/forms/_filter.scss */
.filter .icon.ui-symbol {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: inline-block;
font-size: 1.3em;
height: 22px;
line-height: 22px;
padding: 0px 5px;
vertical-align: middle; }
/* line 13, ../sass/forms/_filter.scss */
.filter .icon.ui-symbol:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 20, ../sass/forms/_filter.scss */
.top-bar input.filter {
font-size: .8em;
height: 35px;
line-height: 35px;
margin-right: 5px;
margin-top: -5px;
padding-left: 10px;
padding-right: 10px; }
/* line 31, ../sass/forms/_filter.scss */
.top-bar .icon-filter {
font-size: 1.4em; }

37
platform/commonUI/general/res/css/items.css
View File

@ -3,7 +3,10 @@
overflow: hidden;
*zoom: 1;
overflow-y: auto; }
/* line 5, ../sass/items/_item.scss */
/* line 4, ../sass/items/_item.scss */
.items-holder .contents {
top: 0; }
/* line 6, ../sass/items/_item.scss */
.items-holder .item.grid-item {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#595959, #4d4d4d);
@ -39,56 +42,56 @@
background-image: -moz-linear-gradient(#737373, #595959);
background-image: -o-linear-gradient(#737373, #595959);
background-image: linear-gradient(#737373, #595959); }
/* line 18, ../sass/items/_item.scss */
/* line 19, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type {
color: #0099cc !important; }
/* line 21, ../sass/items/_item.scss */
/* line 22, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-open {
display: block; }
/* line 26, ../sass/items/_item.scss */
/* line 27, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs {
bottom: auto;
height: 20px;
line-height: 20px;
z-index: 5; }
/* line 31, ../sass/items/_item.scss */
/* line 32, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left, .items-holder .item.grid-item .bar.top-bar.abs .right {
width: auto; }
/* line 33, ../sass/items/_item.scss */
/* line 34, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left .icon, .items-holder .item.grid-item .bar.top-bar.abs .right .icon {
margin-left: 5px; }
/* line 38, ../sass/items/_item.scss */
/* line 39, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar.abs {
top: auto;
height: 40px;
padding: 5px; }
/* line 44, ../sass/items/_item.scss */
/* line 45, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main {
z-index: 1; }
/* line 52, ../sass/items/_item.scss */
/* line 53, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type {
color: #737373;
text-align: center;
font-size: 7em;
line-height: 180px; }
/* line 58, ../sass/items/_item.scss */
/* line 59, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open {
display: none;
font-size: 5em;
line-height: 180px;
left: auto;
width: 30px; }
/* line 66, ../sass/items/_item.scss */
/* line 67, ../sass/items/_item.scss */
.items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
color: #cccccc;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
/* line 74, ../sass/items/_item.scss */
/* line 75, ../sass/items/_item.scss */
.items-holder .item.grid-item .details {
font-size: 0.8em; }
/* line 77, ../sass/items/_item.scss */
/* line 78, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
background-image: -webkit-linear-gradient(#00bfff, #00ace6);
@ -122,15 +125,15 @@
background-image: -moz-linear-gradient(#66d9ff, #00bfff);
background-image: -o-linear-gradient(#66d9ff, #00bfff);
background-image: linear-gradient(#66d9ff, #00bfff); }
/* line 82, ../sass/items/_item.scss */
/* line 83, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
color: #80dfff; }
/* line 83, ../sass/items/_item.scss */
/* line 84, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; }
/* line 84, ../sass/items/_item.scss */
/* line 85, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .title {
color: white; }
/* line 86, ../sass/items/_item.scss */
/* line 87, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; }

3106
platform/commonUI/general/res/css/theme-espresso.css
View File

File diff suppressed because it is too large Load Diff

BIN
platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot Executable file → Normal file
View File

Binary file not shown.

578
platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg Executable file → Normal file
View File

@ -1,381 +1,203 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata></metadata>
<svg>
<metadata>
Created by FontForge 20110222 at Wed Dec 31 17:02:29 2014
By deploy user
Copyright 2014 Adobe Systems Incorporated. All rights reserved.
</metadata>
<defs>
<font id="wtdsymbolsregular" horiz-adv-x="930" >
<font-face units-per-em="2048" ascent="1638" descent="-410" />
<missing-glyph horiz-adv-x="720" />
<glyph horiz-adv-x="2048" />
<glyph horiz-adv-x="2048" />
<glyph unicode="&#xd;" horiz-adv-x="2048" />
<glyph unicode=" " horiz-adv-x="720" />
<glyph unicode="&#x09;" horiz-adv-x="720" />
<glyph unicode="&#xa0;" horiz-adv-x="720" />
<glyph unicode="!" horiz-adv-x="1302" d="M0 325v847q0 67 25.5 125.5t70 102.5t103.5 69.5t126 25.5h650q67 0 126.5 -25.5t104 -69.5t70.5 -102.5t26 -125.5v-847q0 -67 -26 -126t-70.5 -103.5t-104 -70t-126.5 -25.5h-650q-67 0 -126 25.5t-103.5 70t-70 103.5t-25.5 126zM439 1294l57 -726q0 -18 14 -28.5 t26 -10.5h222q18 0 28.5 10.5t10.5 28.5l56 726q0 18 -11 28.5t-29 10.5h-333q-20 0 -30.5 -10.5t-10.5 -28.5zM470 222q0 -21 12.5 -33t30.5 -12h276q13 0 26.5 12t13.5 33v129q0 18 -13.5 28.5t-26.5 10.5h-276q-18 0 -30.5 -10.5t-12.5 -28.5v-129z" />
<glyph unicode="*" horiz-adv-x="1452" d="M0 499l530 250l-530 252l144 250l485 -340l-47 590h285l-48 -584l486 334l144 -250l-538 -252l538 -250l-144 -249l-486 332l48 -582h-285l47 589l-485 -339z" />
<glyph unicode="+" horiz-adv-x="1506" d="M0 611v283q0 35 24 57.5t56 22.5h451v451q0 32 22.5 56t57.5 24h283q35 0 57.5 -24t22.5 -56v-451h451q32 0 56 -22.5t24 -57.5v-283q0 -35 -24 -57.5t-56 -22.5h-451v-451q0 -32 -22.5 -56t-57.5 -24h-283q-35 0 -57.5 24t-22.5 56v451h-451q-32 0 -56 22.5t-24 57.5z " />
<glyph unicode="," horiz-adv-x="745" d="M147 -370l174 655h254l-282 -655h-146z" />
<glyph unicode="-" d="M153 561v181h624v-181h-624z" />
<glyph unicode="." horiz-adv-x="2343" d="M0 670l578 533v-1073zM800 670q0 76 29 143t79 117t116.5 79.5t142.5 29.5q79 0 148 -29.5t120 -79.5t80 -117t29 -143q0 -78 -29 -147t-80 -120t-120 -80.5t-148 -29.5q-76 0 -142.5 29.5t-116.5 80.5t-79 120t-29 147zM1765 130l576 540l-576 533v-1073z" />
<glyph unicode="/" d="M-30 -304l714 1860h176l-717 -1860h-173z" />
<glyph unicode="0" horiz-adv-x="1096" d="M0 0l544 1277l546 -1277h-1090z" />
<glyph unicode="1" horiz-adv-x="1094" d="M0 1276h1090l-544 -1277z" />
<glyph unicode="2" horiz-adv-x="1404" d="M0 503v596l503 -497l901 903v-604l-901 -901z" />
<glyph unicode="3" horiz-adv-x="1302" d="M167 63v209h15q85 -56 200 -93t222 -37q63 0 134 21t115 62q46 44 68.5 97t22.5 134q0 80 -25.5 132.5t-70.5 82.5q-45 31 -109 42.5t-138 11.5h-90v166h70q152 0 242.5 63.5t90.5 185.5q0 54 -23 94.5t-64 66.5q-43 26 -92 36t-111 10q-95 0 -202 -34t-202 -96h-10v209 q71 35 189.5 64.5t229.5 29.5q109 0 192 -20t150 -64q72 -48 109 -116t37 -159q0 -124 -87.5 -216.5t-206.5 -116.5v-14q48 -8 110 -33.5t105 -63.5q48 -43 79 -108t31 -168q0 -102 -37 -187t-104 -148q-75 -70 -176.5 -103.5t-222.5 -33.5q-124 0 -244 29.5t-197 64.5z" />
<glyph unicode="4" horiz-adv-x="1648" d="M0 0v325h699v-325h-699zM0 587v325h699v-325h-699zM0 1174v325h699v-325h-699zM952 0v325h699v-325h-699zM952 587v325h699v-325h-699zM952 1174v325h699v-325h-699z" />
<glyph unicode="5" horiz-adv-x="1653" d="M0 636h1653l-825 -636zM0 858l828 636l825 -636h-1653z" />
<glyph unicode="6" horiz-adv-x="1651" d="M0 750l9 37l2 2q44 161 88.5 279t91.5 203q55 95 116 150q26 23 51.5 37.5t49 23t44 11.5t36.5 3q34 0 82.5 -14.5t100.5 -60.5q31 -27 59.5 -64.5t56.5 -85.5q47 -85 91.5 -203t88.5 -279q34 -119 64 -202.5t55 -138.5t44 -86t31 -46q11 15 29 43.5t41 79t51 126.5 t60 185h309l-11 -43q-45 -161 -90 -278.5t-92 -202.5q-28 -49 -55.5 -86t-58.5 -65q-27 -23 -52.5 -38t-49 -23t-44 -11t-37.5 -3t-38 3t-44.5 11t-49 23t-51.5 38q-31 28 -59.5 65t-56.5 86q-47 85 -91 202.5t-89 278.5q-34 120 -64 203.5t-54.5 138.5t-43.5 86t-32 45 q-11 -14 -28.5 -42.5t-40.5 -79t-50.5 -126t-58.5 -182.5h-310z" />
<glyph unicode="7" horiz-adv-x="1371" d="M0 0v396h396v-396h-396zM0 606v400h396v-400h-396zM0 1217v395h396v-395h-396zM580 114v168h794v-168h-794zM580 725v165h794v-165h-794zM580 1331v168h794v-168h-794z" />
<glyph unicode="8" horiz-adv-x="1302" d="M0 0v645h1281v-645h-1281zM0 854v651h1281v-651h-1281z" />
<glyph unicode="9" horiz-adv-x="1302" d="M0 0v645h546v-645h-546zM0 851v654h546v-654h-546zM744 0v645h546v-645h-546zM744 851v654h546v-654h-546z" />
<glyph unicode=":" horiz-adv-x="1279" d="M0 44v1505h355v-1505h-355zM467 775l812 812v-1625z" />
<glyph unicode=";" horiz-adv-x="1278" d="M-1 -39v1625l812 -813zM923 -1v1505h355v-1505h-355z" />
<glyph unicode="&#x3c;" horiz-adv-x="720" d="M0 752l720 753v-1505z" />
<glyph unicode="=" horiz-adv-x="1676" d="M245 362v160h1186v-160h-1186zM245 782v160h1186v-160h-1186z" />
<glyph unicode="&#x3e;" horiz-adv-x="723" d="M0 0v1505l720 -755z" />
<glyph unicode="?" horiz-adv-x="1117" d="M160 1245v204q70 27 177.5 48.5t203.5 21.5q215 0 339.5 -104.5t124.5 -275.5q0 -98 -35 -174.5t-92 -135.5q-56 -57 -129 -107t-155 -97v-225h-179v305q65 37 140.5 81t123.5 89q58 52 90 107.5t32 141.5q0 113 -76.5 168.5t-197.5 55.5q-108 0 -204.5 -34t-152.5 -69 h-10zM406 0v211h204v-211h-204z" />
<glyph unicode="@" horiz-adv-x="2048" d="M176 647q0 185 67 344.5t183 276.5t275 184t340 67q196 0 350 -62t260 -174t162.5 -269.5t56.5 -350.5q0 -139 -40.5 -269t-115.5 -237h-440l-27 116q-74 -60 -142 -92t-156 -32q-168 0 -268.5 127t-100.5 355q0 227 123 362t294 135q73 0 129 -16.5t121 -49.5v48h159 v-842h243q42 75 63.5 187.5t21.5 201.5q0 164 -45.5 298t-133.5 230t-218 147.5t-295 51.5q-160 0 -292.5 -58t-227.5 -156q-96 -98 -150.5 -234.5t-54.5 -290.5q0 -165 52 -301.5t147 -233.5q99 -101 232 -152.5t290 -51.5q86 0 177.5 11t175.5 35v-142q-97 -21 -181 -28.5 t-173 -7.5q-186 0 -345 63.5t-273 177.5q-115 115 -179 276t-64 356zM750 634q0 -163 58 -246.5t181 -83.5q67 0 134 31t122 73v518q-63 29 -113 41.5t-107 12.5q-129 0 -202 -90t-73 -256z" />
<glyph unicode="A" horiz-adv-x="1662" d="M0 752q0 70 27 132t73.5 108.5t108.5 73t133 26.5q45 0 87 -11t78.5 -31.5t67 -49t53.5 -63.5h320l-301 301l267 267l748 -753l-748 -752l-267 267l301 301h-320q-23 -35 -53.5 -64t-67 -49.5t-78.5 -32t-87 -11.5q-71 0 -133 26.5t-108.5 73t-73.5 108.5t-27 133z M191 752q0 -30 12.5 -57t33 -47.5t48 -32t57.5 -11.5q31 0 58 11.5t47 32t31.5 47.5t11.5 57q0 31 -11.5 58t-31.5 47t-47 32t-58 12q-30 0 -57.5 -12t-48 -32t-33 -47t-12.5 -58z" />
<glyph unicode="B" horiz-adv-x="1404" d="M200 0v1489h441q163 0 244 -12t155 -50q82 -43 119 -110.5t37 -161.5q0 -106 -54 -180.5t-144 -119.5v-8q151 -31 238 -132.5t87 -256.5q0 -111 -42 -196t-113 -140q-84 -66 -184.5 -94t-255.5 -28h-528zM398 169h262q130 0 213 13.5t136 49.5q56 39 82 89t26 129 q0 90 -27 143t-98 90q-48 25 -116.5 32.5t-166.5 7.5h-311v-554zM398 890h256q93 0 148 9.5t102 39.5t66.5 77.5t19.5 112.5q0 54 -18 91t-58 60q-47 27 -114 33.5t-166 6.5h-236v-430z" />
<glyph unicode="C" horiz-adv-x="1537" d="M0 766q0 108 27.5 207.5t77.5 185t120 155t155 118.5t182.5 76t203.5 27t204.5 -27t184 -76t155.5 -118.5t120 -155t77.5 -185t27.5 -207.5q0 -105 -27.5 -203t-77.5 -183t-120 -155t-155.5 -120t-184 -77.5t-204.5 -27.5q-105 0 -203 27.5t-183 77.5t-155 120t-120 155 t-77.5 182.5t-27.5 203.5zM692 721l342 -174q14 -7 22.5 -8t19.5 -1q23 0 39.5 10t27.5 27q8 18 8 37q0 11 -3 23q-7 31 -36 48l-268 138v532q0 34 -20.5 54t-57.5 20q-34 0 -54 -20t-20 -54v-632z" />
<glyph unicode="D" horiz-adv-x="1660" d="M0 296q0 -57 65.5 -106t178.5 -85t265 -56.5t326 -20.5t325 20.5t262 56.5t174.5 85t63.5 106v642q-28 -26 -76 -43t-111 -39q-126 -42 -291 -65.5t-347 -23.5q-181 0 -345.5 23.5t-290.5 65.5q-51 13 -100 34.5t-99 47.5v-642zM0 1259q0 53 65.5 100.5t178.5 83 t265 56.5t326 21t325 -21t262 -56.5t174.5 -83t63.5 -100.5q0 -56 -63.5 -106t-174.5 -88t-262 -60t-325 -22t-326 22t-265 60t-178.5 88t-65.5 106z" />
<glyph unicode="E" horiz-adv-x="1295" d="M200 0v1489h981v-176h-783v-408h783v-176h-783v-553h783v-176h-981z" />
<glyph unicode="F" horiz-adv-x="1738" d="M0 404v522v195v336q0 20 8 38t21.5 31.5t31.5 21.5t38 8h478q47 0 77 -29t30 -70v-127h514q59 0 108 -26t72 -73h-913q-43 0 -85 -15t-78 -39.5t-62 -57t-38 -67.5zM88 112q-2 11 -2 23q0 22 8 44l224 718q12 37 39.5 69.5t65 56.5t81 38t88.5 14h987q45 0 79.5 -14 t55.5 -38q21 -25 28 -57q3 -13 3 -25q0 -21 -7 -44l-227 -718q-12 -35 -38.5 -67.5t-62.5 -57.5t-79 -39.5t-86 -14.5h-996q-44 0 -78 14.5t-55.5 40t-27.5 57.5z" />
<glyph unicode="G" horiz-adv-x="1482" d="M0 537l140 148q-6 23 -7 47.5t-1 47.5q0 29 1 53t7 49l-140 141l156 279l204 -48q35 29 74.5 52.5t87.5 40.5l54 195h329l54 -195q48 -17 87.5 -40.5t74.5 -52.5l195 48l85 -140l80 -139l-140 -141q5 -25 5.5 -49t0.5 -53q0 -23 -0.5 -47.5t-5.5 -47.5l140 -148l-80 -140 l-85 -140l-195 45q-35 -28 -74.5 -54.5t-87.5 -43.5l-54 -204h-329l-54 204q-48 17 -87.5 48t-74.5 59l-204 -54l-78 140zM413 780q0 -68 26 -126.5t70.5 -102t104 -68.5t125.5 -25q67 0 127 25t105 68.5t71 102t26 126.5q0 67 -26 126.5t-71 104t-105 70.5t-127 26 q-66 0 -125.5 -26t-104 -70.5t-70.5 -104t-26 -126.5z" />
<glyph unicode="H" horiz-adv-x="1539" d="M200 0v1489h198v-584h743v584h198v-1489h-198v729h-743v-729h-198z" />
<glyph unicode="I" horiz-adv-x="1746" d="M-45 786l391 357v-714zM402 379h899l-449 -408zM402 1192l450 409l449 -409h-899zM1357 429v714l389 -357z" />
<glyph unicode="J" horiz-adv-x="931" d="M44 8v185h11q41 -14 101 -29t123 -15q92 0 146.5 21t80.5 60q27 40 34.5 98t7.5 134v869h-315v158h513v-1102q0 -196 -119.5 -302t-320.5 -106q-48 0 -128 8.5t-134 20.5z" />
<glyph unicode="K" horiz-adv-x="1419" d="M205 0v1489h198v-777l723 777h240l-665 -700l696 -789h-257l-589 663l-148 -158v-505h-198z" />
<glyph unicode="L" horiz-adv-x="1674" d="M0 327v851q0 69 26 128.5t70.5 103.5t104.5 69.5t128 25.5h621v-1505h-621q-68 0 -128 26t-104.5 70.5t-70.5 104t-26 126.5zM1109 0v664h557v-337q0 -67 -26.5 -126.5t-71.5 -104t-105 -70.5t-128 -26h-226zM1109 826v679h226q68 0 128 -25.5t105 -69.5t71.5 -103.5 t26.5 -128.5v-352h-557z" />
<glyph unicode="M" horiz-adv-x="1572" d="M30 928.5q0 116.5 44.5 229t133.5 201.5q88 92 198.5 135t225.5 43q116 0 227 -42.5t203 -135.5q75 -75 118.5 -168t54.5 -193q4 -33 4 -65q1 -67 -15 -133q-22 -100 -78 -187l408 -415l-201 -199l-408 415q-67 -46 -146.5 -68.5t-166.5 -22.5q-115 0 -225.5 44.5 t-198.5 131.5q-89 89 -133.5 201t-44.5 228.5zM309 930q0 -64 23 -124.5t68 -108.5q48 -46 108.5 -73t123.5 -27q69 0 127 27t104 73q47 48 73 108.5t26 124.5q0 69 -26 126.5t-73 103.5q-46 47 -104 73.5t-127 26.5q-63 0 -123.5 -26.5t-108.5 -73.5q-91 -93 -91 -230z" />
<glyph unicode="N" horiz-adv-x="1593" d="M0 215v989q42 3 83 3q85 1 161 -11q114 -16 207.5 -48t166 -74t119.5 -85v-989q-47 43 -119.5 85t-166.5 73q-93 32 -207 48q-76 11 -161 12q-41 0 -83 -3zM215 1303v202q101 -15 185.5 -53.5t152.5 -93.5t120 -121.5t88 -137.5q-44 34 -100.5 67t-125 60.5t-149 47.5 t-171.5 29zM856 0v989q48 43 121 85t167 74q92 32 206 48q76 11 161 11q41 0 84 -3v-989q-43 3 -84 3q-85 0 -161 -12q-114 -16 -207 -47.5t-166 -73.5t-121 -85z" />
<glyph unicode="O" horiz-adv-x="1738" d="M0 0h1005v406q0 105 -39.5 197t-107.5 160.5t-159 108t-194 39.5q-104 0 -196 -39.5t-160.5 -108t-108.5 -160.5t-40 -197v-406zM216 1242q0 59 22.5 111.5t62 91.5t92 61.5t112.5 22.5q57 0 107.5 -22.5t89 -61.5t60.5 -91.5t22 -111.5q0 -58 -22 -109.5t-60.5 -90 t-89 -61t-107.5 -22.5q-60 0 -112.5 22.5t-92 61t-62 90t-22.5 109.5zM937 815q48 -35 87 -79.5t66.5 -96.5t43 -111t15.5 -122v-406h587v406q0 105 -40 197t-108.5 160.5t-160 108t-195.5 39.5q-81 0 -156.5 -25.5t-138.5 -70.5zM946 1242q0 -58 23 -109.5t62.5 -90 t91.5 -61t109 -22.5q58 0 110 22.5t91 61t62 90t23 109.5q0 59 -23 111.5t-62 91.5t-91 61.5t-110 22.5q-57 0 -109 -22.5t-91.5 -61.5t-62.5 -91.5t-23 -111.5z" />
<glyph unicode="P" horiz-adv-x="1150" d="M0 0h1150v248q0 120 -45 225t-122.5 183.5t-182.5 123.5t-225 45q-119 0 -223.5 -45t-182.5 -123.5t-123.5 -183.5t-45.5 -225v-248zM248 1208q0 66 25.5 125.5t69.5 104t104 71t128 26.5q65 0 124.5 -26.5t104.5 -71t72 -104t27 -125.5q0 -68 -27 -127t-72 -102.5 t-104.5 -68.5t-124.5 -25q-68 0 -128 25t-104 68.5t-69.5 102.5t-25.5 127z" />
<glyph unicode="Q" horiz-adv-x="1655" d="M0 258v989q0 53 20.5 100t55.5 82t82 55.5t100 20.5h688v-458l228 114l230 -114v458h144q22 0 41.5 -8.5t34 -23.5t23 -34.5t8.5 -41.5v-797q-4 -22 -15 -40.5t-27.5 -32t-37 -21t-42.5 -7.5h-1157q-26 0 -48.5 -10t-39.5 -27t-26.5 -39.5t-9.5 -48.5t9.5 -48.5 t26.5 -39.5t39.5 -27t48.5 -10h1157q22 0 42.5 7.5t37 21t27.5 32t15 40.5v-243q0 -23 -8.5 -42.5t-23 -33.5t-34 -22.5t-41.5 -8.5h-710h-580q-53 0 -100 20.5t-82 55.5t-55.5 82t-20.5 100z" />
<glyph unicode="R" horiz-adv-x="1424" d="M200 0v1489h417q135 0 225 -17.5t162 -62.5q81 -51 126.5 -128.5t45.5 -196.5q0 -161 -81 -269.5t-223 -163.5l560 -651h-257l-498 592h-279v-592h-198zM398 757h200q94 0 164 16.5t119 61.5q45 42 66.5 96.5t21.5 138.5q0 64 -22.5 113.5t-74.5 83.5q-43 29 -102 40.5 t-139 11.5h-233v-562z" />
<glyph unicode="S" horiz-adv-x="1669" d="M-1 132v1239q0 29 10.5 54t29 43.5t44 29t54.5 10.5h316v-232h-209v-1045h209v-232h-316q-29 0 -54.5 10.5t-44 28.5t-29 42.5t-10.5 51.5zM360 756q0 98 37.5 184.5t101.5 151t149.5 102t182.5 37.5q98 0 184.5 -37.5t150.5 -102t101 -151t37 -184.5q0 -97 -37 -182.5 t-101 -149.5t-150.5 -101.5t-184.5 -37.5q-97 0 -182.5 37.5t-149.5 101.5t-101.5 149.5t-37.5 182.5zM784 726l217 -108q6 -3 10.5 -3.5t10.5 -0.5q11 0 24.5 6t18.5 18q10 17 2 36.5t-25 27.5l-164 86v331q0 18 -13 30.5t-34 12.5q-18 0 -32.5 -12.5t-14.5 -30.5v-393z M1216 -1v232h208v1045h-208v232h316q27 0 52 -10.5t44 -29t30.5 -43.5t11.5 -54v-1239q0 -27 -11.5 -51.5t-30.5 -42.5t-44 -28.5t-52 -10.5h-316z" />
<glyph unicode="T" horiz-adv-x="1522" d="M0 694h708q2 -102 19 -195.5t48 -165t75.5 -114t103.5 -42.5q57 0 101.5 44t76 116.5t48 165.5t18.5 191h324q-13 -145 -77 -271.5t-165.5 -220.5t-234 -148t-282.5 -54q-151 0 -283.5 54t-234.5 148t-166.5 220.5t-78.5 271.5zM0 845q14 145 78.5 271t166.5 220 t234.5 148t283.5 54q150 0 282.5 -54t234 -148t165.5 -220t77 -271h-698q-6 98 -24 191t-48 166t-73.5 117t-100.5 44q-60 0 -104.5 -44t-75.5 -117t-49.5 -166t-24.5 -191h-324zM453 845q3 95 17 168t33 122.5t39.5 74.5t35.5 25q10 0 28 -25t36.5 -74.5t34 -122.5 t21.5 -168h-245zM831 694h244q-6 -96 -21.5 -169t-33.5 -122.5t-36 -74.5t-30 -25t-31 25t-38.5 74.5t-34.5 122.5t-19 169z" />
<glyph unicode="U" horiz-adv-x="1639" d="M-1 142q0 -29 11 -55t30 -45.5t45 -30.5t56 -11h1374q29 0 54.5 11t45 30.5t31 45.5t11.5 55v251q0 29 -11.5 55t-31 45.5t-45 30.5t-54.5 11h-1374q-30 0 -56 -11t-45 -30.5t-30 -45.5t-11 -55v-251zM14 1501h1625l-812 -813z" />
<glyph unicode="V" horiz-adv-x="1400" d="M26 1489h212l467 -1310l467 1310h202l-542 -1489h-264z" />
<glyph unicode="W" horiz-adv-x="2025" d="M92 1489h203l313 -1238l308 1238h201l311 -1250l311 1250h194l-387 -1489h-223l-313 1236l-306 -1236h-218z" />
<glyph unicode="X" horiz-adv-x="1403" d="M68 0l519 744l-507 745h228l401 -605l410 605h217l-514 -736l513 -753h-229l-406 613l-416 -613h-216z" />
<glyph unicode="Y" horiz-adv-x="1260" d="M6 1489h219l407 -666l411 666h211l-524 -836v-653h-198v632z" />
<glyph unicode="Z" horiz-adv-x="1655" d="M0 909v265q0 31 12 58t32 47.5t47.5 32.5t58.5 12h506v82q0 21 8.5 39.5t23 32t34 21.5t41.5 8h127q22 0 42 -8t34.5 -21.5t23 -32t8.5 -39.5v-82h507q31 0 58 -12t47.5 -32.5t32.5 -47.5t12 -58v-265h-163v-759q0 -30 -12 -57.5t-32.5 -48t-48 -32.5t-57.5 -12h-1028 q-32 0 -59.5 12t-47.5 32.5t-32 48t-12 57.5v759h-163zM353 181h169v728h-169v-728zM742 181h170v728h-170v-728zM1131 181h170v728h-170v-728z" />
<glyph unicode="[" horiz-adv-x="1520" d="M12 747.5q0 37.5 14 73.5t42 64l555 554q29 29 65 44t75 15q37 0 72.5 -15t64.5 -44l553 -552q29 -28 43.5 -64t14.5 -73.5t-14.5 -74t-43.5 -65.5l-555 -555q-27 -28 -63.5 -42t-73.5 -14q-38 0 -74.5 14t-63.5 42l-555 555q-28 28 -42 64t-14 73.5zM277 747l484 -484 l485 486l-483 484z" />
<glyph unicode="\" horiz-adv-x="1659" d="M0 1499h365l284 -332q21 5 42 8t44 3q67 0 126 -25.5t103.5 -69t70 -102t25.5 -125.5q0 -36 -7.5 -69.5t-20.5 -64.5l619 -722h-365l-467 542q-41 -11 -84 -11q-67 0 -125.5 25.5t-102 70t-69 103.5t-25.5 126q0 34 6 67t20 62zM585 856q0 -32 11.5 -59.5t32 -48.5 t47.5 -33t59 -12q31 0 59 12t49 33t33 48.5t12 59.5q0 31 -12 58.5t-33 48t-49 32t-59 11.5q-32 0 -59 -11.5t-47.5 -32t-32 -48t-11.5 -58.5z" />
<glyph unicode="]" horiz-adv-x="1653" d="M-68 1l1496 1497h304l-1497 -1497h-303zM82 747.5q0 37.5 14 73.5t42 64l555 554q29 29 65 44t75 15q37 0 72.5 -15t64.5 -44l125 -122l-174 -174l-88 90l-486 -486l90 -90l-174 -172l-125 125q-28 28 -42 64t-14 73.5zM568 182l172 172l91 -91l486 486l-91 91l172 172 l125 -125q29 -28 43.5 -64t14.5 -73.5t-14.5 -74t-43.5 -65.5l-555 -555q-27 -28 -63.5 -42t-73.5 -14q-38 0 -74 14t-64 42z" />
<glyph unicode="^" horiz-adv-x="1676" d="M0 235l806 772l806 -772h-1612z" />
<glyph unicode="_" horiz-adv-x="1653" d="M0 264v250h295q48 0 91 -19t75.5 -51t51 -75.5t18.5 -91.5v-277h-249v264h-282zM0 985v249h282v265h249v-278q0 -49 -18.5 -92t-51 -75t-75.5 -50.5t-91 -18.5h-295zM1122 0v277q0 48 19 91.5t51 75.5t75.5 51t91.5 19h294v-250h-281v-264h-250zM1122 1221v278h250v-265 h281v-249h-294q-48 0 -91.5 18.5t-75.5 50.5t-51 75t-19 92z" />
<glyph unicode="`" horiz-adv-x="1302" d="M340 1676h243l179 -374h-149z" />
<glyph unicode="a" horiz-adv-x="1354" d="M0 479q0 59 29 112.5t81 99.5t125 82t161 59v475q-76 34 -121 85t-45 113h894q0 -62 -44.5 -113t-120.5 -85v-475q87 -23 159.5 -59t125 -82t81.5 -99.5t29 -112.5h-569v-372l-108 -107l-109 107v372h-568z" />
<glyph unicode="d" horiz-adv-x="1517" d="M0 250v1034q0 47 60 90.5t163.5 77t242 53.5t295.5 20q156 0 293.5 -20t240 -53.5t162.5 -77t60 -90.5v-1034q0 -23 -6.5 -39.5t-23.5 -29.5l-311 311q42 72 59 152q11 54 11 108q0 28 -2 54q-8 80 -42.5 156t-94.5 138q-72 74 -162 109.5t-184 35.5q-99 0 -188 -35.5 t-162 -109.5q-72 -72 -108 -163t-36 -186t36 -186t108 -162q73 -75 162 -110t188 -35q68 0 130.5 18t125.5 58l258 -265q-104 -29 -235.5 -49t-278.5 -20q-157 0 -295.5 20t-242 54t-163.5 79.5t-60 96.5zM492 752q0 49 21 98t55 91q42 35 91.5 55.5t101.5 20.5 q49 0 98 -20.5t89 -55.5q35 -42 56.5 -91t21.5 -98q0 -52 -21.5 -101.5t-56.5 -89.5q-40 -35 -89 -56t-98 -21q-52 0 -101.5 21t-91.5 56q-34 40 -55 89.5t-21 101.5z" />
<glyph unicode="e" horiz-adv-x="1220" d="M106 552q0 274 149.5 435t393.5 161q226 0 348.5 -132t122.5 -375v-102h-823q0 -103 31 -179.5t85 -125.5q52 -48 123.5 -72t157.5 -24q114 0 229.5 45.5t164.5 89.5h10v-205q-95 -40 -194 -67t-208 -27q-278 0 -434 150.5t-156 427.5zM297 683h640q-1 148 -74.5 229 t-223.5 81q-151 0 -240.5 -89t-101.5 -221z" />
<glyph unicode="f" horiz-adv-x="1752" d="M0 401v522v196v334q0 22 8 41t22.5 33t33.5 22.5t41 8.5h476q22 0 41 -8.5t33 -22.5t22 -33t8 -41v-124h519q58 0 106 -29t74 -77h-914q-44 0 -86.5 -14t-79 -38t-63 -56.5t-38.5 -69.5zM92 108q-2 11 -2 23q0 22 8 47l227 716q12 37 38.5 69.5t62.5 56.5t78.5 38 t85.5 14h995q43 0 77 -14t54.5 -38t27.5 -56q2 -12 2 -24q0 -22 -8 -46l-225 -716q-12 -37 -38.5 -69.5t-63 -56.5t-79.5 -38t-86 -14h-994q-44 0 -78 14t-55 38t-27 56zM523 456q-2 -7 -2 -13q0 -10 5 -17q8 -12 26 -12h238l-76 -238q-5 -17 2.5 -29.5t26.5 -12.5h151 q17 0 33 12.5t23 29.5l74 238h238q17 0 33.5 12t22.5 30l46 150q4 8 4 15q0 8 -5 15q-9 12 -28 12h-236l74 238q7 18 -1.5 30t-27.5 12h-149q-19 0 -35 -12t-21 -30l-76 -238h-238q-17 0 -33.5 -12.5t-22.5 -29.5z" />
<glyph unicode="g" horiz-adv-x="1664" d="M13 750.5q0 34.5 9.5 68.5t29.5 62l384 495q19 27 49.5 51t65 41t71 27t68.5 10h815q33 0 62 -13t50.5 -34.5t34 -51t12.5 -62.5v-1185q0 -33 -12.5 -62t-34 -50.5t-50.5 -34t-62 -12.5h-815q-32 0 -68.5 10t-71 27t-65 40t-49.5 50l-384 496q-20 27 -29.5 60t-9.5 67.5z M312 750q0 -42 15.5 -78.5t42.5 -63.5t63.5 -42.5t78.5 -15.5t78.5 15.5t63.5 42.5t42.5 63.5t15.5 78.5q0 43 -15.5 80t-42.5 64t-63.5 42.5t-78.5 15.5t-78.5 -15.5t-63.5 -42.5t-42.5 -64t-15.5 -80z" />
<glyph unicode="h" horiz-adv-x="1296" d="M185 0v1556h188v-563q88 73 182 114t193 41q181 0 276 -109t95 -314v-725h-188v636q0 77 -9 144.5t-33 105.5q-25 42 -72 62.5t-122 20.5q-77 0 -161 -38t-161 -97v-834h-188z" />
<glyph unicode="i" horiz-adv-x="1538" d="M0 769q0 106 27.5 204t77.5 183.5t120.5 156t156 120.5t183.5 77.5t204 27.5t204 -27.5t183.5 -77.5t156 -120.5t120.5 -156t77.5 -183.5t27.5 -204t-27.5 -204t-77.5 -183.5t-120.5 -156t-156 -120.5t-183.5 -77.5t-204 -27.5t-204 27.5t-183.5 77.5t-156 120.5 t-120.5 156t-77.5 183.5t-27.5 204zM455 307q0 -19 11.5 -30t30.5 -11h586q17 0 29 11t12 30v142q0 14 -12 27.5t-29 13.5h-183v475q0 18 -11 29.5t-31 11.5h-361q-19 0 -30.5 -11.5t-11.5 -29.5v-139q0 -17 11.5 -29.5t30.5 -12.5h183v-294h-183q-19 0 -30.5 -13.5 t-11.5 -27.5v-142zM680 1148q0 -18 11 -30t30 -12h137q20 0 31 12t11 30v139q0 19 -11 31t-31 12h-137q-19 0 -30 -12t-11 -31v-139z" />
<glyph unicode="j" horiz-adv-x="1633" d="M0 252v301l252 -252l451 451v-301l-451 -451zM0 1004v301l252 -252l451 452v-301l-451 -452zM993 346v146h641v-146h-641zM993 1099v146h641v-146h-641z" />
<glyph unicode="k" horiz-adv-x="1634" d="M0 442v301l252 -252l451 451v-301l-451 -451zM993 536v146h641v-146h-641z" />
<glyph unicode="l" horiz-adv-x="1264" d="M0 0v791h129v217q0 102 39.5 192t108 158t159.5 107.5t194 39.5q102 0 192.5 -39.5t158.5 -107.5t108 -158t40 -192v-217h135v-791h-1264zM355 791h546v217q0 57 -21 106t-57.5 86t-86 58t-106.5 21t-107 -21t-87.5 -58t-59 -86t-21.5 -106v-217z" />
<glyph unicode="m" horiz-adv-x="1658" d="M0 0v325h1658v-325h-1658zM0 587v331h1658v-331h-1658zM0 1182v323h1658v-323h-1658z" />
<glyph unicode="n" horiz-adv-x="1511" d="M0 275v1148q43 -39 104.5 -77.5t138.5 -71.5t168.5 -58t196.5 -36l-49 -51l-34 -35l-15 -45l-274 -797l622 212v-440q-48 -3 -94 -3q-100 -1 -190 13q-132 20 -241 56.5t-193.5 85.5t-139.5 99zM514 527l157 466l4 9l7 6l496 497q6 6 16 12q9 7 23 9q7 1 15 1q8 1 18 -1 q19 -2 44 -15q29 -13 59.5 -34.5t59.5 -48.5q45 -48 71.5 -96t26.5 -85q0 -21 -6.5 -34t-14.5 -20l-497 -496l-6 -7l-9 -4zM677 759l69 -67l198 67l2 4l-6 103l-69 5h-20v19v58l-103 13l-4 -2z" />
<glyph unicode="o" horiz-adv-x="1469" d="M0 393v785l733 393l736 -393v-785l-736 -393zM190 1078l543 -290l546 290l-546 292z" />
<glyph unicode="p" horiz-adv-x="1590" d="M0 0l254 727v32l789 789q12 12 29.5 22.5t41.5 13.5q7 1 14 1q19 0 40 -5q30 -8 66 -32q47 -23 94 -50t95 -75q36 -36 65 -76t49.5 -78.5t31.5 -73t11 -58.5q0 -12 -5 -23.5t-11 -23.5t-11 -23.5t-5 -23.5l-789 -789h-32zM254 378l124 -124l286 124h30l-30 159h-96h-31 v31v96l-159 30v-30z" />
<glyph unicode="q" horiz-adv-x="1276" />
<glyph unicode="r" horiz-adv-x="1885" d="M-45 626l439 324l445 -324h-261q12 -59 42 -109t73.5 -86.5t98.5 -57t115 -20.5q59 0 112.5 18.5t98.5 56.5l32 26l250 -250l-37 -32q-94 -85 -211.5 -128.5t-244.5 -43.5q-132 0 -250.5 48.5t-211 133t-151 198.5t-70.5 246h-269zM495 1299l36 32q96 85 212.5 129.5 t243.5 44.5t245 -47t215 -138q97 -88 155 -201t69 -238h268l-436 -324l-447 324h262q-11 59 -41.5 108.5t-74.5 85.5t-99 56.5t-116 20.5q-58 0 -112 -20t-99 -57l-32 -26z" />
<glyph unicode="s" horiz-adv-x="1865" d="M-1 132v1239q0 29 10.5 54t29 43.5t44 29t54.5 10.5h316v-232h-209v-1045h209v-232h-316q-29 0 -54.5 10.5t-44 28.5t-29 42.5t-10.5 51.5zM418 459v395q31 -16 61.5 -29.5t62.5 -21.5q76 -26 177 -40.5t213 -14.5t213.5 14.5t179.5 40.5q38 14 68 24.5t47 26.5v-395 q0 -36 -39 -66t-107.5 -52t-161.5 -34.5t-200 -12.5t-200.5 12.5t-163.5 34.5t-110 52t-40 66zM418 1051q0 33 40 62.5t110 51t163.5 34.5t200.5 13t200 -13t161.5 -34.5t107.5 -51t39 -62.5q0 -34 -39 -65t-107.5 -54t-161.5 -37t-200 -14t-200.5 14t-163.5 37t-110 54 t-40 65zM1406 -1v232h208v1045h-208v232h316q27 0 52 -10.5t44 -29t30.5 -43.5t11.5 -54v-1239q0 -27 -11.5 -51.5t-30.5 -42.5t-44 -28.5t-52 -10.5h-316z" />
<glyph unicode="t" horiz-adv-x="1677" d="M0 340v339h776q3 -98 22.5 -189.5t55 -162.5t86 -114t113.5 -43q67 0 117.5 43t85.5 114t55 162.5t26 189.5h340v-339q0 -64 -14.5 -112.5t-37.5 -84.5t-52.5 -60.5t-60.5 -40.5q-72 -38 -164 -42h-1008q-64 0 -112.5 14.5t-84.5 38.5t-60.5 54.5t-40.5 62.5 q-38 75 -42 170zM0 828v348q0 61 14.5 108t38.5 82t54.5 59t62.5 39q75 36 170 41h1008q61 0 108 -14.5t82 -37.5t59 -52.5t39 -60.5q36 -72 41 -164v-348h-768q-4 65 -14.5 129t-27 121.5t-39.5 107t-53 85.5t-67.5 56.5t-81.5 20.5q-45 0 -82.5 -20.5t-68 -56.5t-54 -85.5 t-40 -107t-27 -121.5t-14.5 -129h-340zM484 828q6 94 24 167t39.5 123.5t43 76.5t35.5 26q13 0 34.5 -26t43 -76.5t38.5 -123.5t23 -167h-281zM909 679h284q-6 -94 -24 -166t-39.5 -120.5t-42.5 -73t-34 -24.5q-14 0 -36 24.5t-43.5 73t-39.5 120.5t-25 166z" />
<glyph unicode="u" horiz-adv-x="1657" d="M-1 1107v251q0 29 11.5 55t31 45.5t45 30.5t54.5 11h1374q30 0 56 -11t45 -30.5t30 -45.5t11 -55v-251q0 -29 -11 -55t-30 -45.5t-45 -30.5t-56 -11h-1374q-29 0 -54.5 11t-45 30.5t-31 45.5t-11.5 55zM17 -1l812 813l813 -813h-1625z" />
<glyph unicode="v" horiz-adv-x="1612" d="M0 1186h1612q-201 -193 -402 -385t-404 -387z" />
<glyph unicode="w" horiz-adv-x="1676" d="M86 1117h196l205 -865l279 865h155l286 -865l194 865h189l-291 -1117h-174l-287 861l-285 -861h-173z" />
<glyph unicode="x" horiz-adv-x="1486" d="M4 195q0 18 13 31l525 526l-525 527q-13 13 -13 30t13 30l146 149q14 13 32 13t31 -13l526 -527l527 527q11 13 29 13t31 -13l147 -149q13 -13 13 -30t-13 -30l-525 -527l525 -526q13 -13 13 -31t-13 -29l-147 -149q-13 -13 -31 -13t-29 13l-527 527l-526 -527 q-13 -13 -31 -13t-32 13l-146 149q-13 11 -13 29z" />
<glyph unicode="y" horiz-adv-x="1651" d="M0 236v654q0 49 18.5 92t50.5 75.5t75 51t92 18.5h618l-250 -250h-355v-628h785v198l250 250v-461q0 -49 -19 -92t-51 -75t-75.5 -50.5t-91.5 -18.5h-811q-49 0 -92 18.5t-75 50.5t-50.5 75t-18.5 92zM714 746l563 563h-563v187h937v-937h-187v563l-561 -563z" />
<glyph unicode="z" horiz-adv-x="1651" d="M0 236v278h249v-265h280v-249h-293q-48 0 -91 18.5t-75.5 50.5t-51 75t-18.5 92zM0 985v277q0 49 18.5 92t51 75.5t75.5 51t91 18.5h293v-250h-280v-264h-249zM1122 0v249h280v265h249v-278q0 -49 -18.5 -92t-50.5 -75t-75 -50.5t-92 -18.5h-293zM1122 1249v250h293 q49 0 92 -18.5t75 -51t50.5 -75.5t18.5 -92v-277h-249v264h-280z" />
<glyph unicode="{" horiz-adv-x="456" d="M0 537l269 538h187l-269 -538l269 -537h-187z" />
<glyph unicode="|" d="M378 -392v1948h174v-1948h-174z" />
<glyph unicode="}" horiz-adv-x="456" d="M0 -1l269 538l-269 537h187l269 -537l-269 -538h-187z" />
<glyph unicode="~" horiz-adv-x="1636" d="M0 744q29 123 64 244t80 220q51 117 118 181q28 29 57 47.5t56 29t51.5 15.5t44.5 7q58 2 112.5 -19t102.5 -63q69 -66 122 -176q23 -48 43 -102t37.5 -112t33.5 -119t30 -121q13 -51 27.5 -105t30 -105.5t33 -99.5t36.5 -88q15 -30 27.5 -49.5t22 -30.5t15.5 -15t8 -4 q3 0 11 5t19 18.5t25.5 36t30.5 57.5q32 71 59.5 162.5t50.5 185.5h288q-29 -124 -64 -244.5t-80 -220.5q-54 -116 -118 -180q-28 -29 -56.5 -48t-55.5 -30t-52 -15.5t-45 -5.5h-13q-114 0 -202 82q-69 63 -122 176q-48 96 -82.5 214t-63.5 240q-13 51 -27.5 105t-30 105.5 t-32.5 99.5t-35 87q-15 31 -28 50t-22.5 30t-15.5 15t-7 4q-3 0 -11 -5t-19.5 -18t-25.5 -35.5t-30 -57.5q-32 -71 -59.5 -162.5t-50.5 -185.5h-288z" />
<glyph unicode="&#xad;" d="M153 561v181h624v-181h-624z" />
<glyph unicode="&#x2000;" horiz-adv-x="838" />
<glyph unicode="&#x2001;" horiz-adv-x="1676" />
<glyph unicode="&#x2002;" horiz-adv-x="838" />
<glyph unicode="&#x2003;" horiz-adv-x="1676" />
<glyph unicode="&#x2004;" horiz-adv-x="558" />
<glyph unicode="&#x2005;" horiz-adv-x="419" />
<glyph unicode="&#x2006;" horiz-adv-x="279" />
<glyph unicode="&#x2007;" horiz-adv-x="279" />
<glyph unicode="&#x2008;" horiz-adv-x="209" />
<glyph unicode="&#x2009;" horiz-adv-x="335" />
<glyph unicode="&#x200a;" horiz-adv-x="93" />
<glyph unicode="&#x2010;" d="M153 561v181h624v-181h-624z" />
<glyph unicode="&#x2011;" d="M153 561v181h624v-181h-624z" />
<glyph unicode="&#x2012;" d="M153 561v181h624v-181h-624z" />
<glyph unicode="&#x2013;" horiz-adv-x="1330" d="M153 561v181h1024v-181h-1024z" />
<glyph unicode="&#x2014;" horiz-adv-x="2354" d="M153 561v181h2048v-181h-2048z" />
<glyph unicode="&#x202f;" horiz-adv-x="335" />
<glyph unicode="&#x205f;" horiz-adv-x="419" />
<hkern u1="&#x2d;" u2="z" k="40" />
<hkern u1="&#x2d;" u2="y" k="40" />
<hkern u1="&#x2d;" u2="x" k="50" />
<hkern u1="&#x2d;" u2="w" k="20" />
<hkern u1="&#x2d;" u2="v" k="40" />
<hkern u1="&#x2d;" u2="a" k="20" />
<hkern u1="&#x2d;" u2="Z" k="30" />
<hkern u1="&#x2d;" u2="Y" k="140" />
<hkern u1="&#x2d;" u2="X" k="80" />
<hkern u1="&#x2d;" u2="W" k="50" />
<hkern u1="&#x2d;" u2="V" k="50" />
<hkern u1="&#x2d;" u2="T" k="150" />
<hkern u1="&#x2d;" u2="S" k="20" />
<hkern u1="&#x2d;" u2="J" k="100" />
<hkern u1="&#x2d;" u2="I" k="30" />
<hkern u1="&#x2d;" u2="A" k="50" />
<hkern u1="&#x2e;" u2="&#x2d;" k="160" />
<hkern u1="&#x2e;" u2="&#x2c;" k="130" />
<hkern u1="A" u2="y" k="50" />
<hkern u1="A" u2="w" k="30" />
<hkern u1="A" u2="v" k="50" />
<hkern u1="A" u2="u" k="10" />
<hkern u1="A" u2="t" k="20" />
<hkern u1="A" u2="Y" k="80" />
<hkern u1="A" u2="W" k="50" />
<hkern u1="A" u2="V" k="60" />
<hkern u1="A" u2="U" k="10" />
<hkern u1="A" u2="T" k="120" />
<hkern u1="A" u2="S" k="10" />
<hkern u1="A" u2="&#x2d;" k="50" />
<hkern u1="B" u2="T" k="60" />
<hkern u1="B" u2="&#x2e;" k="20" />
<hkern u1="B" u2="&#x2d;" k="-10" />
<hkern u1="B" u2="&#x2c;" k="20" />
<hkern u1="C" u2="&#x2d;" k="50" />
<hkern u1="D" u2="Z" k="20" />
<hkern u1="D" u2="Y" k="20" />
<hkern u1="D" u2="X" k="10" />
<hkern u1="D" u2="W" k="20" />
<hkern u1="D" u2="T" k="50" />
<hkern u1="D" u2="&#x2e;" k="50" />
<hkern u1="D" u2="&#x2c;" k="50" />
<hkern u1="F" u2="o" k="50" />
<hkern u1="F" u2="e" k="50" />
<hkern u1="F" u2="a" k="100" />
<hkern u1="F" u2="T" k="-30" />
<hkern u1="F" u2="A" k="100" />
<hkern u1="F" u2="&#x3f;" k="-60" />
<hkern u1="F" u2="&#x3b;" k="60" />
<hkern u1="F" u2="&#x3a;" k="60" />
<hkern u1="F" u2="&#x2e;" k="300" />
<hkern u1="F" u2="&#x2c;" k="300" />
<hkern u1="I" u2="&#x2d;" k="30" />
<hkern u1="J" u2="A" k="10" />
<hkern u1="J" u2="&#x2e;" k="20" />
<hkern u1="J" u2="&#x2c;" k="20" />
<hkern u1="K" u2="y" k="80" />
<hkern u1="K" u2="w" k="70" />
<hkern u1="K" u2="v" k="80" />
<hkern u1="K" u2="u" k="50" />
<hkern u1="K" u2="o" k="70" />
<hkern u1="K" u2="e" k="70" />
<hkern u1="K" u2="a" k="60" />
<hkern u1="K" u2="O" k="20" />
<hkern u1="K" u2="&#x2d;" k="110" />
<hkern u1="L" u2="y" k="110" />
<hkern u1="L" u2="v" k="110" />
<hkern u1="L" u2="Y" k="160" />
<hkern u1="L" u2="W" k="100" />
<hkern u1="L" u2="V" k="110" />
<hkern u1="L" u2="T" k="170" />
<hkern u1="L" u2="O" k="20" />
<hkern u1="L" u2="J" k="-100" />
<hkern u1="L" u2="G" k="20" />
<hkern u1="L" u2="C" k="20" />
<hkern u1="L" u2="&#x2d;" k="160" />
<hkern u1="O" u2="Z" k="20" />
<hkern u1="O" u2="Y" k="20" />
<hkern u1="O" u2="X" k="10" />
<hkern u1="O" u2="T" k="50" />
<hkern u1="O" u2="&#x2e;" k="30" />
<hkern u1="O" u2="&#x2c;" k="30" />
<hkern u1="P" u2="o" k="50" />
<hkern u1="P" u2="e" k="50" />
<hkern u1="P" u2="a" k="50" />
<hkern u1="P" u2="Y" k="-20" />
<hkern u1="P" u2="A" k="50" />
<hkern u1="P" u2="&#x2e;" k="300" />
<hkern u1="P" u2="&#x2c;" k="300" />
<hkern u1="Q" u2="&#x2e;" k="30" />
<hkern u1="Q" u2="&#x2c;" k="30" />
<hkern u1="R" u2="y" k="55" />
<hkern u1="R" u2="u" k="20" />
<hkern u1="R" u2="o" k="50" />
<hkern u1="R" u2="e" k="50" />
<hkern u1="R" u2="a" k="40" />
<hkern u1="R" u2="Y" k="20" />
<hkern u1="R" u2="T" k="60" />
<hkern u1="R" u2="&#x2d;" k="100" />
<hkern u1="S" u2="y" k="30" />
<hkern u1="S" u2="w" k="20" />
<hkern u1="S" u2="v" k="30" />
<hkern u1="S" u2="S" k="22" />
<hkern u1="S" u2="A" k="20" />
<hkern u1="S" u2="&#x2e;" k="20" />
<hkern u1="S" u2="&#x2c;" k="20" />
<hkern u1="T" u2="z" k="170" />
<hkern u1="T" u2="y" k="200" />
<hkern u1="T" u2="w" k="200" />
<hkern u1="T" u2="v" k="200" />
<hkern u1="T" u2="u" k="200" />
<hkern u1="T" u2="s" k="180" />
<hkern u1="T" u2="r" k="200" />
<hkern u1="T" u2="o" k="220" />
<hkern u1="T" u2="g" k="210" />
<hkern u1="T" u2="e" k="220" />
<hkern u1="T" u2="a" k="240" />
<hkern u1="T" u2="T" k="70" />
<hkern u1="T" u2="S" k="12" />
<hkern u1="T" u2="O" k="50" />
<hkern u1="T" u2="G" k="40" />
<hkern u1="T" u2="C" k="40" />
<hkern u1="T" u2="A" k="120" />
<hkern u1="T" u2="&#x3f;" k="-60" />
<hkern u1="T" u2="&#x3b;" k="200" />
<hkern u1="T" u2="&#x3a;" k="200" />
<hkern u1="T" u2="&#x2e;" k="290" />
<hkern u1="T" u2="&#x2d;" k="150" />
<hkern u1="T" u2="&#x2c;" k="290" />
<hkern u1="U" u2="A" k="10" />
<hkern u1="U" u2="&#x2e;" k="20" />
<hkern u1="U" u2="&#x2c;" k="20" />
<hkern u1="V" u2="y" k="65" />
<hkern u1="V" u2="u" k="60" />
<hkern u1="V" u2="o" k="100" />
<hkern u1="V" u2="e" k="100" />
<hkern u1="V" u2="a" k="100" />
<hkern u1="V" u2="A" k="60" />
<hkern u1="V" u2="&#x3b;" k="80" />
<hkern u1="V" u2="&#x3a;" k="80" />
<hkern u1="V" u2="&#x2e;" k="290" />
<hkern u1="V" u2="&#x2d;" k="50" />
<hkern u1="V" u2="&#x2c;" k="290" />
<hkern u1="W" u2="y" k="65" />
<hkern u1="W" u2="u" k="60" />
<hkern u1="W" u2="r" k="60" />
<hkern u1="W" u2="o" k="100" />
<hkern u1="W" u2="e" k="100" />
<hkern u1="W" u2="a" k="100" />
<hkern u1="W" u2="A" k="50" />
<hkern u1="W" u2="&#x3b;" k="80" />
<hkern u1="W" u2="&#x3a;" k="80" />
<hkern u1="W" u2="&#x2e;" k="220" />
<hkern u1="W" u2="&#x2d;" k="50" />
<hkern u1="W" u2="&#x2c;" k="290" />
<hkern u1="X" u2="y" k="80" />
<hkern u1="X" u2="u" k="30" />
<hkern u1="X" u2="o" k="60" />
<hkern u1="X" u2="e" k="60" />
<hkern u1="X" u2="a" k="50" />
<hkern u1="X" u2="O" k="10" />
<hkern u1="X" u2="G" k="10" />
<hkern u1="X" u2="C" k="10" />
<hkern u1="X" u2="&#x2d;" k="80" />
<hkern u1="Y" u2="v" k="100" />
<hkern u1="Y" u2="u" k="110" />
<hkern u1="Y" u2="s" k="110" />
<hkern u1="Y" u2="r" k="100" />
<hkern u1="Y" u2="q" k="130" />
<hkern u1="Y" u2="p" k="100" />
<hkern u1="Y" u2="o" k="130" />
<hkern u1="Y" u2="n" k="100" />
<hkern u1="Y" u2="m" k="100" />
<hkern u1="Y" u2="g" k="130" />
<hkern u1="Y" u2="e" k="130" />
<hkern u1="Y" u2="d" k="120" />
<hkern u1="Y" u2="a" k="140" />
<hkern u1="Y" u2="O" k="20" />
<hkern u1="Y" u2="A" k="80" />
<hkern u1="Y" u2="&#x3b;" k="200" />
<hkern u1="Y" u2="&#x3a;" k="200" />
<hkern u1="Y" u2="&#x2e;" k="290" />
<hkern u1="Y" u2="&#x2d;" k="140" />
<hkern u1="Y" u2="&#x2c;" k="290" />
<hkern u1="Z" u2="y" k="65" />
<hkern u1="Z" u2="w" k="40" />
<hkern u1="Z" u2="o" k="60" />
<hkern u1="Z" u2="e" k="60" />
<hkern u1="Z" u2="a" k="50" />
<hkern u1="Z" u2="Z" k="10" />
<hkern u1="Z" u2="O" k="20" />
<hkern u1="Z" u2="G" k="20" />
<hkern u1="Z" u2="C" k="20" />
<hkern u1="Z" u2="&#x2d;" k="60" />
<hkern u1="a" u2="y" k="16" />
<hkern u1="a" u2="w" k="10" />
<hkern u1="a" u2="v" k="16" />
<hkern u1="e" u2="T" k="140" />
<hkern u1="f" u2="y" k="10" />
<hkern u1="f" u2="]" k="-100" />
<hkern u1="f" u2="\" k="-100" />
<hkern u1="f" u2="&#x3f;" k="-110" />
<hkern u1="f" u2="&#x2e;" k="120" />
<hkern u1="f" u2="&#x2d;" k="50" />
<hkern u1="f" u2="&#x2c;" k="130" />
<hkern u1="f" u2="&#x2a;" k="-50" />
<hkern u1="h" u2="y" k="20" />
<hkern u1="h" u2="w" k="10" />
<hkern u1="h" u2="v" k="20" />
<hkern u1="k" u2="o" k="20" />
<hkern u1="k" u2="e" k="20" />
<hkern u1="k" u2="&#x2d;" k="100" />
<hkern u1="m" u2="y" k="20" />
<hkern u1="m" u2="w" k="10" />
<hkern u1="m" u2="v" k="20" />
<hkern u1="n" u2="y" k="20" />
<hkern u1="n" u2="w" k="10" />
<hkern u1="n" u2="v" k="20" />
<hkern u1="o" u2="y" k="15" />
<hkern u1="o" u2="x" k="20" />
<hkern u1="o" u2="v" k="15" />
<hkern u1="o" u2="&#x2e;" k="20" />
<hkern u1="o" u2="&#x2c;" k="30" />
<hkern u1="p" u2="y" k="5" />
<hkern u1="p" u2="&#x2e;" k="20" />
<hkern u1="p" u2="&#x2c;" k="30" />
<hkern u1="r" u2="a" k="36" />
<hkern u1="r" u2="&#x2e;" k="290" />
<hkern u1="r" u2="&#x2d;" k="20" />
<hkern u1="r" u2="&#x2c;" k="290" />
<hkern u1="t" u2="y" k="10" />
<hkern u1="t" u2="&#x2d;" k="40" />
<hkern u1="v" u2="o" k="18" />
<hkern u1="v" u2="e" k="18" />
<hkern u1="v" u2="a" k="40" />
<hkern u1="v" u2="&#x2e;" k="180" />
<hkern u1="v" u2="&#x2d;" k="40" />
<hkern u1="v" u2="&#x2c;" k="180" />
<hkern u1="w" u2="a" k="20" />
<hkern u1="w" u2="&#x2e;" k="70" />
<hkern u1="w" u2="&#x2d;" k="20" />
<hkern u1="w" u2="&#x2c;" k="70" />
<hkern u1="x" u2="o" k="24" />
<hkern u1="x" u2="g" k="10" />
<hkern u1="x" u2="e" k="24" />
<hkern u1="x" u2="d" k="10" />
<hkern u1="x" u2="&#x2d;" k="50" />
<hkern u1="y" u2="q" k="10" />
<hkern u1="y" u2="o" k="18" />
<hkern u1="y" u2="g" k="10" />
<hkern u1="y" u2="e" k="18" />
<hkern u1="y" u2="d" k="10" />
<hkern u1="y" u2="a" k="40" />
<hkern u1="y" u2="&#x2e;" k="190" />
<hkern u1="y" u2="&#x2d;" k="40" />
<hkern u1="y" u2="&#x2c;" k="190" />
<hkern u1="z" u2="q" k="10" />
<hkern u1="z" u2="o" k="12" />
<hkern u1="z" u2="g" k="10" />
<hkern u1="z" u2="e" k="12" />
<hkern u1="z" u2="d" k="10" />
<hkern u1="z" u2="&#x2d;" k="20" />
</font>
</defs></svg>
<font id="WTDSymbols" horiz-adv-x="500" >
<font-face
font-family="WTDSymbols"
font-weight="400"
font-stretch="normal"
units-per-em="1000"
panose-1="0 0 0 0 0 0 0 0 0 0"
ascent="750"
descent="-250"
x-height="579"
cap-height="782"
bbox="-33 -19 1143 787"
underline-thickness="50"
underline-position="-50"
unicode-range="U+0020-2044"
/>
<missing-glyph
/>
<glyph glyph-name=".notdef"
/>
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="333"
/>
<glyph glyph-name="space" unicode=" "
/>
<glyph glyph-name="exclam" unicode="!" horiz-adv-x="636"
d="M476 730q65 0 112.5 -46.5t47.5 -111.5v-413q0 -66 -47 -112.5t-113 -46.5h-317q-66 0 -112.5 46.5t-46.5 112.5v413q0 65 46.5 111.5t112.5 46.5h317zM405 108v63q0 8 -6.5 13.5t-13.5 5.5h-135q-21 0 -21 -19v-63q0 -10 6.5 -16t14.5 -6h135q7 0 13.5 6.5t6.5 15.5z
M389 277l28 355q0 19 -20 19h-163q-20 0 -20 -19l28 -355q0 -8 6.5 -13.5t13.5 -5.5h108q19 0 19 19z" />
<glyph glyph-name="asterisk" unicode="*" horiz-adv-x="709"
d="M284 733h139l-23 -285l237 163l71 -122l-263 -123l263 -122l-71 -122l-237 162l23 -284h-139l23 288l-237 -166l-70 122l259 122l-259 123l70 122l237 -166z" />
<glyph glyph-name="plus" unicode="+" horiz-adv-x="735"
d="M696 476q16 0 27.5 -11.5t11.5 -27.5v-139q0 -16 -11.5 -27.5t-27.5 -11.5h-220v-220q0 -16 -11.5 -27.5t-27.5 -11.5h-139q-16 0 -27.5 11.5t-11.5 27.5v220h-220q-16 0 -27.5 11.5t-11.5 27.5v139q0 16 11.5 27.5t27.5 11.5h220v220q0 16 11.5 27.5t27.5 11.5h139
q16 0 27.5 -11.5t11.5 -27.5v-220h220z" />
<glyph glyph-name="period" unicode="." horiz-adv-x="1144"
d="M282 63l-282 264l282 260v-524zM1143 327l-281 -264v524zM754 327q0 -77 -53.5 -130.5t-130.5 -53.5q-74 0 -126.5 54t-52.5 130q0 74 52.5 127t126.5 53q77 0 130.5 -52.5t53.5 -127.5z" />
<glyph glyph-name="zero" unicode="0" horiz-adv-x="535"
d="M266 624l266 -624h-532z" />
<glyph glyph-name="one" unicode="1" horiz-adv-x="534"
d="M267 0l-267 623h532z" />
<glyph glyph-name="two" unicode="2" horiz-adv-x="686"
d="M246 0l-246 246v291l246 -243l440 441v-295z" />
<glyph glyph-name="three" unicode="3" horiz-adv-x="805"
d="M340 730v-730h-340v730h340zM805 730v-304h-341v304h341zM805 304v-304h-341v304h341z" />
<glyph glyph-name="four" unicode="4" horiz-adv-x="805"
d="M341 732v-159h-341v159h341zM341 445v-158h-341v158h341zM341 159v-159h-341v159h341zM806 732v-159h-341v159h341zM806 445v-158h-341v158h341zM806 159v-159h-341v159h341z" />
<glyph glyph-name="five" unicode="5" horiz-adv-x="807"
d="M807 311l-403 -311l-404 311h807zM0 419l404 310l403 -310h-807z" />
<glyph glyph-name="six" unicode="6" horiz-adv-x="806"
d="M655 366h151l-5 -21q-44 -152 -89 -235q-27 -47 -56 -73q-41 -37 -89 -37q-50 0 -89 37q-31 28 -57 73q-46 84 -88 235q-52 186 -95 231q-40 -48 -87 -210h-151l4 18l1 1q43 153 88 236q26 45 57 73q41 36 88 36q49 0 90 -36q29 -26 56 -73q47 -83 88 -236
q52 -180 95 -231q42 53 88 212z" />
<glyph glyph-name="seven" unicode="7" horiz-adv-x="669"
d="M193 787v-193h-193v193h193zM193 491v-195h-193v195h193zM193 193v-193h-193v193h193zM671 732v-82h-388v82h388zM671 435v-81h-388v81h388zM671 138v-82h-388v82h388z" />
<glyph glyph-name="eight" unicode="8" horiz-adv-x="636"
d="M625 735v-318h-625v318h625zM625 315v-315h-625v315h625z" />
<glyph glyph-name="nine" unicode="9" horiz-adv-x="636"
d="M267 735v-319h-267v319h267zM267 315v-315h-267v315h267zM630 735v-319h-267v319h267zM630 315v-315h-267v315h267z" />
<glyph glyph-name="colon" unicode=":" horiz-adv-x="625"
d="M625 -19l-397 397l397 397v-794zM173 756v-735h-173v735h173z" />
<glyph glyph-name="semicolon" unicode=";" horiz-adv-x="624"
d="M0 774l396 -397l-396 -396v793zM451 0v734h173v-734h-173z" />
<glyph glyph-name="less" unicode="&#x3c;" horiz-adv-x="352"
d="M352 0l-352 367l352 368v-735z" />
<glyph glyph-name="greater" unicode="&#x3e;" horiz-adv-x="353"
d="M352 366l-352 -366v735z" />
<glyph glyph-name="A" unicode="A" horiz-adv-x="812"
d="M446 735l366 -368l-366 -367l-130 130l147 147h-156q-51 -76 -140 -76q-69 0 -118 48.5t-49 117.5t49 117.5t118 48.5q90 0 140 -75h156l-147 146zM167 295q30 0 51 21.5t21 50.5q0 30 -21 51.5t-51 21.5t-52 -21.5t-22 -51.5q0 -29 22.5 -50.5t51.5 -21.5z" />
<glyph glyph-name="C" unicode="C" horiz-adv-x="750"
d="M374 750q157 0 266.5 -109t109.5 -267q0 -155 -110 -264.5t-266 -109.5q-154 0 -264 110t-110 264q0 158 109.5 267t264.5 109zM558 281q7 14 3 29.5t-18 22.5l-131 68v260q0 36 -38 36q-16 0 -26 -9.5t-10 -26.5v-309l167 -85q9 -4 20 -4q22 0 33 18z" />
<glyph glyph-name="D" unicode="D" horiz-adv-x="811"
d="M719 418q76 26 92 40v-313q0 -56 -116 -93.5t-287 -37.5t-289.5 37.5t-118.5 93.5v313q57 -30 97 -40q131 -43 311 -43q182 0 311 43zM811 615q0 -55 -117 -95t-286 -40t-288.5 40t-119.5 95q0 52 119.5 89.5t288.5 37.5t286 -37.5t117 -89.5z" />
<glyph glyph-name="E" unicode="E" horiz-adv-x="977"
d="M488 727q162 0 294.5 -100.5t194.5 -263.5q-63 -162 -195 -262.5t-294 -100.5q-161 0 -293 100t-195 263q63 163 195 263.5t293 100.5zM488 170q80 0 136.5 56.5t56.5 136.5q0 81 -56.5 137.5t-136.5 56.5t-136.5 -56.5t-56.5 -137.5q0 -80 56.5 -136.5t136.5 -56.5z" />
<glyph glyph-name="F" unicode="F" horiz-adv-x="849"
d="M227 601q-41 0 -79 -26t-49 -61l-99 -317v255v95v164q0 20 14 34.5t34 14.5h234q22 0 37 -14.5t15 -34.5v-62h251q29 0 53 -13t35 -35h-446zM771 525q43 0 66 -25.5t12 -61.5l-111 -351q-11 -34 -49.5 -60.5t-80.5 -26.5h-486q-42 0 -65 26.5t-11 60.5l109 351
q12 36 51.5 61.5t82.5 25.5h482z" />
<glyph glyph-name="G" unicode="G" horiz-adv-x="724"
d="M658 381q0 -31 -3 -47l68 -72l-39 -68l-41 -69l-96 22q-44 -36 -79 -47l-26 -100h-161l-26 100q-25 8 -79 52l-100 -27l-38 69l-38 68l68 72q-4 16 -4 47q0 34 4 50l-68 69l76 136l100 -24q35 30 79 46l26 95h161l26 -95q43 -15 79 -46l96 24l41 -69l39 -67l-68 -69
q3 -16 3 -50zM361 224q66 0 113 45.5t47 111.5q0 65 -47 112.5t-113 47.5q-65 0 -112 -47.5t-47 -112.5q0 -66 46.5 -111.5t112.5 -45.5z" />
<glyph glyph-name="H" unicode="H" horiz-adv-x="774"
d="M0 0v700h180v-700h-180zM297 0v700h180v-700h-180zM594 192v508h180v-508h-180z" />
<glyph glyph-name="I" unicode="I" horiz-adv-x="853"
d="M635 582h-439l220 200zM663 209v349l190 -174zM169 558v-349l-191 175zM196 185h439l-219 -199z" />
<glyph glyph-name="J" unicode="J"
/>
<glyph glyph-name="L" unicode="L" horiz-adv-x="817"
d="M0 575q0 67 47 113.5t114 46.5h303v-735h-303q-67 0 -114 47t-47 113v415zM652 735q66 0 113.5 -46.5t47.5 -113.5v-172h-271v332h110zM542 0v324h271v-164q0 -66 -47.5 -113t-113.5 -47h-110z" />
<glyph glyph-name="M" unicode="M" horiz-adv-x="768"
d="M560 299l199 -202l-98 -97l-200 202q-63 -44 -152 -44q-121 0 -207 86q-87 86 -87 209t87 211q82 86 207 86q124 0 210 -86q73 -73 84 -176.5t-43 -188.5zM421 340q49 51 49 114q0 66 -49 112q-46 49 -112 49q-63 0 -114 -49q-44 -44 -44 -112q0 -65 44 -114
q53 -48 114 -48q64 0 112 48z" />
<glyph glyph-name="N" unicode="N" horiz-adv-x="778"
d="M0 588q117 7 212 -25t148 -80v-483q-53 49 -148 80.5t-212 24.5v483zM418 483q55 48 149.5 80t211.5 25v-483q-118 7 -212.5 -24.5t-148.5 -80.5v483zM105 735q92 -13 160 -67.5t107 -130.5q-107 84 -267 99v99z" />
<glyph glyph-name="O" unicode="O" horiz-adv-x="849"
d="M383 606q0 -56 -40.5 -97t-95.5 -41q-59 0 -100.5 40.5t-41.5 97.5q0 59 41.5 100t100.5 41q56 0 96 -41.5t40 -99.5zM247 445q101 0 172.5 -72t71.5 -175v-198h-491v198q0 103 72.5 175t174.5 72zM602 468q-56 0 -98 41t-42 97q0 58 41.5 99.5t98.5 41.5t98 -41.5
t41 -99.5q0 -56 -41.5 -97t-97.5 -41zM602 445q102 0 174 -72.5t72 -174.5v-198h-287v198q0 60 -27.5 113t-75.5 87q65 47 144 47z" />
<glyph glyph-name="P" unicode="P" horiz-adv-x="562"
d="M441 590q0 -66 -47.5 -112t-112.5 -46q-67 0 -113.5 45.5t-46.5 112.5q0 65 47 112.5t113 47.5q64 0 112 -48t48 -112zM281 403q117 0 199 -82.5t82 -199.5v-121h-562v121q0 117 82.5 199.5t198.5 82.5z" />
<glyph glyph-name="Q" unicode="Q" horiz-adv-x="808"
d="M749 122q22 0 38.5 14t20.5 35v-119q0 -22 -15.5 -37t-36.5 -15h-347h-283q-52 0 -89 37t-37 89v483q0 52 37 89t89 37h336v-224l111 56l113 -56v224h70q21 0 36.5 -15.5t15.5 -37.5v-389q-4 -21 -20.5 -35t-38.5 -14h-565q-25 0 -43 -18t-18 -43t17.5 -43t43.5 -18h565z
" />
<glyph glyph-name="S" unicode="S" horiz-adv-x="815"
d="M119 619v-505h100v-114h-153q-28 0 -47 19t-19 47v601q0 27 19 46.5t47 19.5h153v-114h-100zM744 733q27 0 46.5 -19.5t19.5 -46.5v-601q0 -28 -19.5 -47t-46.5 -19h-154v114h101v505h-101v114h154zM176 472v108h319v-108h-319zM277 313v107h356v-107h-356zM226 154v107
h336v-107h-336z" />
<glyph glyph-name="T" unicode="T" horiz-adv-x="743"
d="M466 86q53 0 85 75.5t34 177.5h158q-12 -143 -118.5 -241t-251.5 -98q-147 0 -253 98t-120 241h346q2 -106 34 -179.5t86 -73.5zM466 148q-9 0 -21.5 20.5t-24.5 67t-14 103.5h119q-4 -58 -15.5 -104t-23 -66.5t-20.5 -20.5zM282 603q7 0 19 -20.5t24 -66.5t16 -103h-120
q2 58 13 103.5t24 66t24 20.5zM282 666q-54 0 -85 -73.5t-39 -179.5h-158q14 142 120.5 240t252.5 98q145 0 251.5 -98t118.5 -240h-341q-6 105 -37 179t-83 74z" />
<glyph glyph-name="U" unicode="U" horiz-adv-x="800"
d="M800 733l-396 -397l-397 397h793zM69 0q-29 0 -49 20t-20 49v123q0 29 20 49t49 20h671q28 0 48.5 -20.5t20.5 -48.5v-123q0 -28 -20.5 -48.5t-48.5 -20.5h-671z" />
<glyph glyph-name="V" unicode="V" horiz-adv-x="679"
d="M339 727l340 -236v-491h-340h-339v491zM339 255l252 176l-252 174l-252 -174z" />
<glyph glyph-name="Z" unicode="Z" horiz-adv-x="808"
d="M808 573v-129h-79v-371q0 -29 -22 -51t-52 -22h-502q-30 0 -51.5 21.5t-21.5 51.5v371h-80v129q0 30 21.5 51.5t51.5 21.5h247v41q0 20 15.5 34.5t37.5 14.5h62q22 0 37 -14.5t15 -34.5v-41h248q30 0 51.5 -21.5t21.5 -51.5zM172 88h83v356h-83v-356zM362 88h83v356h-83
v-356zM635 88v356h-83v-356h83z" />
<glyph glyph-name="bracketleft" unicode="[" horiz-adv-x="742"
d="M373 602l-238 -237l237 -237l236 238zM373 731q39 0 66 -28l270 -270q29 -28 29 -67.5t-29 -67.5l-271 -271q-26 -27 -66 -27q-41 0 -68 27l-271 271q-27 27 -27 67t27 67l271 271q28 28 69 28z" />
<glyph glyph-name="backslash" unicode="\" horiz-adv-x="810"
d="M806 0h-178l-228 265q-20 -6 -41 -6q-65 0 -111 47t-46 112q0 34 12 63l-214 251h178l139 -162q23 5 42 5q65 0 112 -46t47 -111q0 -30 -14 -65zM286 418q0 -31 21 -53t52 -22t53 22t22 53t-22 52t-53 21t-52 -21t-21 -52z" />
<glyph glyph-name="bracketright" unicode="]" horiz-adv-x="807"
d="M128 237l-61 61q-27 27 -27 67t27 67l271 271q28 28 69 28q39 0 67 -28l61 -60l-85 -85l-43 44l-238 -237l44 -44zM683 494l61 -61q28 -28 28 -67.5t-28 -67.5l-271 -271q-27 -27 -67 -27q-41 0 -68 27l-61 62l84 84l45 -45l237 238l-44 44zM697 731h149l-731 -731h-148z
" />
<glyph glyph-name="asciicircum" unicode="^" horiz-adv-x="818"
d="M394 492l393 -377h-787z" />
<glyph glyph-name="underscore" unicode="_" horiz-adv-x="807"
d="M807 603v-122h-143q-48 0 -82 33.5t-34 81.5v136h122v-129h137zM138 732h121v-136q0 -48 -34 -81.5t-81 -33.5h-144v122h138v129zM0 129v122h144q47 0 81 -34.5t34 -81.5v-135h-121v129h-138zM670 0h-122v135q0 47 34.5 81.5t81.5 34.5h143v-122h-137v-129z" />
<glyph glyph-name="a" unicode="a" horiz-adv-x="661"
d="M661 234h-278v-182l-52 -52l-54 52v182h-277q0 57 53 103t140 69v232q-81 36 -81 97h437q0 -61 -81 -97v-232q87 -23 140 -69t53 -103z" />
<glyph glyph-name="c" unicode="c" horiz-adv-x="800"
d="M558 556q0 -9 -6.5 -15t-14.5 -6h-516q-9 0 -15 6t-6 15v149q0 9 6 15t15 6h516q8 0 14.5 -6t6.5 -15v-149zM779 458q9 0 15 -6t6 -15v-148q0 -9 -6 -15t-15 -6h-582q-8 0 -14 6t-6 15v148q0 9 6 15t14 6h582zM656 191q9 0 15 -6t6 -15v-149q0 -9 -6 -15t-15 -6h-549
q-8 0 -14.5 6t-6.5 15v149q0 9 6.5 15t14.5 6h549z" />
<glyph glyph-name="d" unicode="d" horiz-adv-x="741"
d="M372 745q150 0 259.5 -36t109.5 -82v-505q0 -22 -15 -34l-152 152q42 69 33.5 153t-66.5 144q-70 71 -169 71q-101 0 -171 -71q-71 -70 -71 -170.5t71 -169.5q68 -71 171 -71q67 0 125 37l126 -129q-122 -34 -251 -34q-153 0 -262.5 36t-109.5 86v505q0 46 110 82t262 36
zM277 459q45 38 95 38q48 0 91 -38q38 -45 38 -92q0 -48 -38 -93q-43 -38 -91 -38q-50 0 -95 38q-37 44 -37 93q0 48 37 92z" />
<glyph glyph-name="e" unicode="e" horiz-adv-x="978"
d="M489 728q162 0 294.5 -100.5t194.5 -264.5q-63 -162 -195 -262.5t-294 -100.5q-161 0 -293.5 100.5t-195.5 262.5q63 164 195.5 264.5t293.5 100.5zM489 100q105 0 194.5 60.5t140.5 162.5q-56 -50 -144.5 -78.5t-190.5 -28.5t-190.5 28.5t-144.5 78.5
q51 -102 140 -162.5t195 -60.5z" />
<glyph glyph-name="f" unicode="f" horiz-adv-x="855"
d="M229 597q-42 0 -80.5 -25.5t-49.5 -61.5l-99 -314v255v95v163q0 22 15 37t36 15h233q21 0 35.5 -15t14.5 -37v-60h254q59 0 88 -52h-447zM774 523q43 0 64.5 -25t10.5 -61l-110 -350q-11 -36 -49.5 -61.5t-81.5 -25.5h-485q-43 0 -65 25.5t-10 61.5l111 350q11 36 49 61
t80 25h486zM666 296q4 8 -0.5 14t-13.5 6h-115l36 117q3 8 -1 14t-13 6h-73q-21 0 -28 -20l-37 -117h-116q-20 0 -27 -20l-23 -73q-5 -21 15 -21h116l-37 -116q-2 -9 1.5 -15t12.5 -6h74q17 0 27 21l36 116h116q21 0 28 21z" />
<glyph glyph-name="g" unicode="g" horiz-adv-x="812"
d="M735 735q32 0 54.5 -23.5t22.5 -55.5v-578q0 -32 -22.5 -55t-54.5 -23h-398q-32 0 -69 18t-55 44l-188 242q-19 26 -19 62.5t19 63.5l188 242q18 26 55 44.5t69 18.5h398zM250 269q41 0 69.5 28.5t28.5 68.5q0 42 -28.5 70.5t-69.5 28.5t-69.5 -28.5t-28.5 -70.5
q0 -41 28.5 -69t69.5 -28z" />
<glyph glyph-name="i" unicode="i" horiz-adv-x="751"
d="M375 751q156 0 266 -110t110 -266q0 -155 -110 -265t-266 -110q-155 0 -265 110t-110 265q0 156 110 266t265 110zM332 628v-67q0 -21 20 -21h67q20 0 20 21v67q0 21 -20 21h-67q-20 0 -20 -21zM549 150v69q0 8 -6 14t-14 6h-90v232q0 20 -20 20h-176q-21 0 -21 -20v-68
q0 -8 6 -14t15 -6h89v-144h-89q-9 0 -15 -6t-6 -14v-69q0 -20 21 -20h286q8 0 14 5.5t6 14.5z" />
<glyph glyph-name="j" unicode="j" horiz-adv-x="797"
d="M123 367l-123 123v147l123 -123l220 221v-147zM123 0l-123 123v147l123 -123l220 220v-147zM485 537v71h313v-71h-313zM798 240v-71h-313v71h313z" />
<glyph glyph-name="k" unicode="k" horiz-adv-x="798"
d="M123 93l-123 123v147l123 -123l220 220v-147zM485 262v71h313v-71h-313z" />
<glyph glyph-name="l" unicode="l" horiz-adv-x="617"
d="M551 386h66v-386h-617v386h63v106q0 100 72 171.5t173 71.5q99 0 171 -71.5t72 -171.5v-106zM173 492v-106h267v106q0 56 -38.5 94.5t-93.5 38.5q-56 0 -95.5 -39t-39.5 -94z" />
<glyph glyph-name="m" unicode="m" horiz-adv-x="804"
d="M804 729v-156h-804v156h804zM804 445v-160h-804v160h804zM804 158v-158h-804v158h804z" />
<glyph glyph-name="n" unicode="n" horiz-adv-x="738"
d="M690 697q48 -50 48 -88q0 -18 -10 -26l-243 -243l-3 -3l-4 -2l-227 -78l77 228l2 4l3 3l242 243q22 19 57 3q29 -14 58 -41zM461 371l1 2l-3 50l-34 2h-9v10v28l-51 6l-2 -1l-32 -97l33 -33zM249 512l-134 -389l304 104v-215q-136 -8 -246.5 29t-172.5 93v561
q48 -42 125 -75.5t172 -43.5l-24 -25l-17 -17z" />
<glyph glyph-name="o" unicode="o" horiz-adv-x="717"
d="M358 767l359 -192v-383l-359 -192l-358 192v383zM358 385l267 141l-267 143l-265 -143z" />
<glyph glyph-name="p" unicode="p" horiz-adv-x="776"
d="M695 695q33 -34 54.5 -74.5t21.5 -65.5q0 -7 -7.5 -22.5t-7.5 -23.5l-385 -385h-16l-355 -124l124 355v16l385 385q38 36 94 0q62 -31 92 -61zM185 124l139 61h15l-15 77h-47h-15v15v47l-77 15v-15l-61 -139z" />
<glyph glyph-name="r" unicode="r" horiz-adv-x="920"
d="M443 0q-129 0 -225.5 88.5t-108.5 217.5h-131l214 158l218 -158h-128q11 -58 56.5 -96t104.5 -38q58 0 103 37l16 13l122 -122l-18 -16q-93 -84 -223 -84zM734 272l-218 158h128q-11 58 -56.5 95t-105.5 37q-58 0 -103 -37l-16 -13l-121 122l17 16q96 85 223 85t225 -90
q98 -89 109 -215h131z" />
<glyph glyph-name="s" unicode="s" horiz-adv-x="911"
d="M221 113v-113h-154q-28 0 -47.5 19t-19.5 45v605q0 29 19 48t48 19h154v-113h-102v-510h102zM841 736q27 0 47 -19.5t20 -47.5v-605q0 -26 -20 -45t-47 -19h-154v113h101v510h-101v113h154zM647 392q47 17 56 25v-193q0 -34 -71.5 -57t-176.5 -23t-178 23t-73 57v193
q40 -20 61 -25q78 -27 190 -27q113 0 192 27zM703 513q0 33 -72 56t-176 23t-177.5 -23.5t-73.5 -55.5q0 -33 74 -58t177 -25q104 0 176 25t72 58z" />
<glyph glyph-name="t" unicode="t" horiz-adv-x="819"
d="M0 332h379q2 -101 39 -175t96 -74q62 0 97 72t42 177h166v-166q0 -46 -16.5 -80.5t-40.5 -50t-47.5 -24.5t-40.5 -10l-16 -1h-492q-46 0 -80.5 17t-50 41.5t-24.5 49t-10 41.5l-1 17v166zM444 332h139q-4 -57 -18 -102.5t-27.5 -65.5t-23.5 -20t-24 20t-28 65.5
t-18 102.5zM374 404h-138q4 57 18 103.5t28 67.5t24 21q9 0 23 -21t27.5 -67.5t17.5 -103.5zM819 404h-375q-7 106 -42 180t-96 74q-62 0 -97.5 -74t-42.5 -180h-166v170q0 45 17 78t41.5 48.5t49 24t41.5 9.5l17 1h492q45 0 78 -16.5t48.5 -40.5t24 -47.5t9.5 -40.5l1 -16
v-170z" />
<glyph glyph-name="u" unicode="u" horiz-adv-x="809"
d="M405 396l-397 -396h794zM740 732q29 0 49 -20t20 -49v-122q0 -29 -20 -49.5t-49 -20.5h-671q-29 0 -49 20.5t-20 49.5v122q0 29 20 49t49 20h671z" />
<glyph glyph-name="v" unicode="v" horiz-adv-x="787"
d="M394 202l-394 377h787q-63 -61 -194.5 -187t-198.5 -190z" />
<glyph glyph-name="x" unicode="x" horiz-adv-x="726"
d="M726 110q6 -6 6 -15t-6 -14l-72 -73q-6 -6 -15 -6t-14 6l-258 258l-257 -258q-6 -6 -15 -6t-15 6l-72 73q-6 5 -6 14t6 15l257 257l-257 258q-14 15 0 29l72 73q6 6 15 6t15 -6l257 -258l258 258q5 6 14 6t15 -6l72 -73q14 -14 0 -29l-257 -258z" />
<glyph glyph-name="y" unicode="y" horiz-adv-x="806"
d="M505 122v96l122 122v-225q0 -48 -34 -81.5t-82 -33.5h-396q-48 0 -81.5 33.5t-33.5 81.5v320q0 48 33.5 81.5t81.5 33.5h302l-122 -122h-173v-306h383zM349 730h457v-457h-91v275l-274 -275l-92 91l275 275h-275v91z" />
<glyph glyph-name="z" unicode="z" horiz-adv-x="806"
d="M548 610v122h143q48 0 81.5 -34t33.5 -82v-135h-121v129h-137zM122 481h-122v135q0 48 34 82t81 34h143v-122h-136v-129zM258 122v-122h-143q-47 0 -81 33.5t-34 81.5v136h122v-129h136zM685 251h121v-136q0 -48 -33.5 -81.5t-81.5 -33.5h-143v122h137v129z" />
<glyph glyph-name="braceleft" unicode="{" horiz-adv-x="223"
d="M223 525l-132 -263l132 -262h-92l-131 262l131 263h92z" />
<glyph glyph-name="braceright" unicode="}" horiz-adv-x="223"
d="M0 0l131 262l-131 262h91l132 -262l-132 -262h-91z" />
<glyph glyph-name="asciitilde" unicode="~" horiz-adv-x="799"
d="M658 363h141q-36 -150 -70 -227q-28 -58 -58 -88q-45 -46 -102 -48h-7q-55 0 -98 40q-34 31 -60 86q-35 72 -71 222q-35 137 -61 194q-9 18 -17.5 30t-12.5 15t-6 3q-3 0 -8 -4t-14.5 -18t-19.5 -35q-28 -62 -53 -170h-141q36 152 70 227q25 57 58 88q41 42 102 49
q57 2 105 -40q33 -31 60 -86q34 -73 70 -222q36 -140 62 -194q9 -18 17.5 -30t12.5 -15.5t5 -3.5q15 0 42 57q30 66 54 170z" />
<glyph glyph-name="fraction" unicode="&#x2044;" horiz-adv-x="761"
d="M380 751q158 0 269.5 -111.5t111.5 -268.5q0 -133 -82.5 -236.5t-209.5 -134.5l-4 491l-176 -490q-126 31 -207.5 134.5t-81.5 235.5q0 157 111.5 268.5t268.5 111.5zM168 488l55 20l-34 94l-56 -20zM410 530v100h-59v-100h59zM593 488l34 94l-55 20l-34 -94z" />
<glyph glyph-name="H.002" horiz-adv-x="803"
d="M0 0v726h187v-726h-187zM308 0v726h187v-726h-187zM616 199v527h187v-527h-187z" />
<glyph glyph-name="H.001"
/>
</font>
</defs></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 18 KiB

BIN
platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf Executable file → Normal file
View File

Binary file not shown.

BIN
platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff Executable file → Normal file
View File

Binary file not shown.

95
platform/commonUI/general/res/sass/_autoflow.scss Normal file
View File

@ -0,0 +1,95 @@
.autoflow {
$headerH: $formInputH;
$colMargin: $interiorMargin;
$rowH: 15px;
font-size: 0.75rem;
.l-autoflow-header {
bottom: auto;
height: $headerH;
line-height: $headerH;
span {
vertical-align: middle;
}
.l-filter {
margin-left: $interiorMargin;
}
}
.l-autoflow-items {
// @include test(green);
// right: auto; width: 100; // TEMP!
overflow-x: scroll;
overflow-y: hidden;
top: $headerH + $interiorMargin * 2;
white-space: nowrap;
.l-autoflow-col {
// @include test();
@include box-sizing(border-box);
border-left: 1px solid $colorInteriorBorder;
display: inline-block;
height: 100%;
padding-left: $colMargin;
padding-right: $colMargin;
width: 150px;
.l-autoflow-row {
// @include test(red);
@include box-sizing(border-box);
display: block;
height: $rowH;
line-height: $rowH;
margin-bottom: 1px; margin-top: 1px;
position: relative;
&:first-child {
border-top: none;
}
&:hover {
background: rgba(#fff, 0.1);
}
&.stale {
color: darken($colorBodyFg, 20%);
}
&:not(.stale) {
.l-autoflow-item.r {
color: lighten($colorBodyFg, 20%);
}
}
&.alert {
.l-autoflow-item.r {
background: $colorFormError;
padding-right: 2px;
}
}
&.first-in-group {
border-top: 1px solid lighten($colorInteriorBorder, 20%);
}
.l-autoflow-item {
bottom: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
top: 1px; bottom: 1px;
&.l {
// @include test(orange);
width: 60%; right: auto;
// left: $interiorMarginSm;
}
&.r {
// @include test(blue);
@include border-radius($controlCr);
left: 60%;
// right: $interiorMarginSm;
text-align: right;
}
}
}
&:first-child {
border-left: none;
padding-left: 0;
.l-autoflow-item.l {
left: 0;
}
}
}
}
}

40
platform/commonUI/general/res/sass/_badges.scss Normal file
View File

@ -0,0 +1,40 @@
.badge {
@include background-image(linear-gradient(lighten($colorAlt1, 10%), $colorAlt1));
color: $colorBodyBg;
display: inline-block;
text-align: center;
}
.top-bar .badge {
@include border-radius($controlCr * 1.5);
$h: $ueTopBarH; // - 5px;
font-size: 1.4em;
height: $h;
line-height: $h;
margin-right: $interiorMargin;
width: $badgeW;
vertical-align: middle;
}
//.top-bar .btn-browse .badge {
// Moved to _controls.scss .btn.browse-btn
// @include border-radius($controlCr * 1.5);
// $d: 20px;
// display: block;
// font-size: 1em;
// line-height: $d;
//// margin-top: -4px;
//
// position: absolute;
// top: 5px; left: 5px; bottom: 5px; right: auto;
// width: $d; height: auto;
//}
.super-menu .badge {
@include background-image(linear-gradient(lighten($colorCreateBtn, 10%), $colorCreateBtn));
@include border-radius($controlCr);
@include boxShdwSubtle();
// display: inline-block;
// margin-right: 10px !important;
padding: 2px 7px;
}

95
platform/commonUI/general/res/sass/_constants.scss Normal file
View File

@ -0,0 +1,95 @@
// Margins, spacing, radii
$bodyMargin: 10px;
$interiorMargin: 5px;
$interiorMarginLg: $interiorMargin * 2;
$interiorMarginSm: 3px;
$basicCr: 3px;
$controlCr: $basicCr;
$badgeW: 35px;
// Colors and shading
$colorBodyBg: #333;
$colorBodyFg: #999;
$colorFooterBg: #000;
$colorKey: #0099cc;
$colorKeyFg: #fff;
$colorAlt1: #ffc700;
$colorAlert: #ff3c00;
$colorCheck: $colorKey;
$colorCreateBtn: $colorKey;
$colorInteriorBorder: lighten($colorBodyBg, 10%);
$colorObjFrameBg: darken($colorBodyBg, 5%);
$colorFormRequired: #ffc700;
$colorFormValid: #33cc33;
$colorFormError: #cc0000;
$colorFormInvalid: #ff9900;
// Ratios
$ltGamma: 20%;
$btnFontSizeToH: 0.45;
// User Environment
$ueTopBarH: 35px;
$ueFooterH: 20px;
$ueColMargin: 1.5%;
$ueAppLogoW: 95px;
$ueBrowseViewBarH: $ueTopBarH; // was 30px
$ueEditToolBarH: $ueBrowseViewBarH;
$ueEditToolBarButtonH: $ueEditToolBarH * 0.8;
$ueBrowseLeftPaneW: 25%;
$ueEditLeftPaneW: 75%;
// Overlay
$colorOvrBlocker: rgba(black, 0.7);
$colorOvrBg: $colorBodyBg;
$colorOvrFg: $colorBodyFg;
$ovrTopBarH: 60px;
$ovrFooterH: 40px;
//Items
$ueBrowseGridItemLg: 200px;
$ueBrowseGridItemTopBarH: 20px;
$ueBrowseGridItemBottomBarH: 40px;
$colorItemBase: lighten($colorBodyBg, 5%);
$colorItemFg: lighten($colorItemBase, 20%);
$colorItemSelected: $colorKey;
// Tree
$treeVCW: 10px;
$treeTypeIconW: 17px;
$treeContextTriggerW: 20px;
$colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorAlt1;
//Tabular
$tabularHeaderH: 20px;
$tabularTdPadLR: 5px;
$tabularTdPadTB: 2px;
$tabularColorBorder: rgba(white, 0.1);
$tabularColorBodyBg: darken($colorBodyBg, 10%);
$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%);
$tabularColorHeaderBg: lighten($colorBodyBg, 10%);
$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%);
// Controls
$controlCr: $basicCr;
$controlDisabledOpacity: 0.3;
$formLabelW: 20%;
$formInputH: 22px;
$formRowCtrlsH: 14px;
$menuLineH: 1.5rem;
$scrollbarTrackSize: 10px;
$scrollbarTrackColorBg: rgba(#000, 0.4);
// Paths
$dirImgs: '../images/';
// Ticks
$ticksH: 25px;
$tickLblVMargin: 3px;
$tickLblH: 15px;
$tickLblW: 50px;
$tickH: $ticksH - $tickLblVMargin - $tickLblH;
$tickW: 1px;

19
platform/commonUI/general/res/sass/_effects.scss Normal file
View File

@ -0,0 +1,19 @@
.disabled,
a.disabled {
@include opacity($controlDisabledOpacity);
pointer-events: none !important;
cursor: default !important;
}
.incised {
@include boxIncised(0.8);
border-bottom: 1px solid rgba(#fff, 0.3);
}
.outline {
@include boxOutline();
}
.test {
@include test();
}

3
platform/commonUI/general/res/sass/_fonts.scss Normal file
View File

@ -0,0 +1,3 @@
.ui-symbol {
font-family: 'symbolsfont';
}

89
platform/commonUI/general/res/sass/_global.scss Normal file
View File

@ -0,0 +1,89 @@
@font-face {
/*
* Use https://www.web-font-generator.com/ to gen fonts
*/
font-family: 'symbolsfont';
src: url('../fonts/symbols/wtdsymbols.eot');
src: url('../fonts/symbols/wtdsymbols.eot?#iefix') format('embedded-opentype'),
url('../fonts/symbols/wtdsymbols.woff') format('woff'),
url('../fonts/symbols/wtdsymbols.woff2') format('woff2'),
url('../fonts/symbols/wtdsymbols.ttf') format('truetype'),
url('../fonts/symbols/wtdsymbols.svg#armataregular') format('svg');
font-weight: normal;
font-style: normal;
}
a {
color: #ccc;
cursor: pointer;
text-decoration: none;
&:hover {
color: #fff;
}
}
body, html {
background-color: $colorBodyBg;
color: $colorBodyFg;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
margin: $bodyMargin;
overflow: hidden;
}
em {
color: rgba(white, 0.2);
font-style: normal;
}
input, textarea {
font-family: Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
margin: 0;
}
h1 {
font-size: 1.7em;
font-weight: normal;
margin-bottom: 20px;
}
span {
box-sizing: border-box;
}
.abs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
width: auto;
}
.code {
font-family: "Lucida Console", monospace;
font-size: 0.7em;
line-height: 150%;
white-space: pre;
}
.centered {
text-align: center;
}
.colorKey {
color: $colorKey;
}
.ds {
@include box-shadow(rgba(#000, 0.7) 0 4px 10px 2px);
}
.hide,
.hidden {
display: none !important;
}

7
platform/commonUI/general/res/sass/_holder.scss Normal file
View File

@ -0,0 +1,7 @@
.pane {
.holder {
// left: $interiorMargin;
// right: $interiorMargin;
}
// &:first-child .holder { left: 0; }
}

69
platform/commonUI/general/res/sass/_icons.scss Normal file
View File

@ -0,0 +1,69 @@
.triangle {
$myColor: $colorKey;
$mySize: 10px;
@include triangle-right($mySize, $myColor);
&.triangle-down {
@include triangle-down($mySize, $myColor);
}
}
.ui-symbol {
$c: $colorKey;
&.icon {
color: $c;
@include txtShdwSubtle();
&.alert {
color: $colorAlert;
&:hover {
color: lighten($colorAlert, $ltGamma);
}
}
&.major {
font-size: 1.65em;
}
&:hover {
// color: lighten($c, $ltGamma);
.invoke-menu {
// color: lighten($colorBodyBg, $ltGamma * 2);
}
}
}
}
.bar .icon {
display: inline-block;
}
.invoke-menu {
@include invokeMenu($colorKey);
display: inline-block;
font-size: 1rem;
vertical-align: middle;
}
.btn-menu .invoke-menu,
.icon.major .invoke-menu {
margin-left: $interiorMargin;
}
.icon-buttons-main .invoke-menu {
@include invokeMenu(lighten($colorBodyBg, $ltGamma));
}
.menu-element .invoke-menu {
}
.object-header .type-icon {
color: $colorAlt1;
}
.menu .type-icon,
.tree-item .type-icon,
.icon-btn .menu.dropdown .icon,
.super-menu.menu.dropdown .icon {
font-size: $menuLineH * 0.93;
line-height: $menuLineH * 1.13;
position: absolute;
}

37
platform/commonUI/general/res/sass/_main.scss Executable file
View File

@ -0,0 +1,37 @@
@import "compass";
@import "compass/reset";
@import "compass/css3";
@import "compass/css3/user-interface";
@import "compass/utilities";
@import "mixins";
@import "effects";
@import "global";
@import "fonts";
@import "user-environ/layout";
@import "badges";
@import "icons";
@import "lists/tabular";
@import "controls/buttons";
@import "controls/controls";
@import "controls/lists";
@import "controls/menus";
@import "forms/mixins";
@import "forms/elems";
@import "forms/validation";
@import "forms/text-input";
@import "forms/selects";
@import "forms/channel-selector";
@import "forms/datetime";
@import "forms/filter";
@import "plots/plots-main";
@import "overlay/overlay";
@import "user-environ/frame";
@import "user-environ/top-bar";
@import "user-environ/bottom-bar";
@import "user-environ/object-browse";
@import "user-environ/tool-bar";
@import "helpers/bubbles";
@import "helpers/splitter";
@import "helpers/wait-spinner";
@import "autoflow";

163
platform/commonUI/general/res/sass/_mixins.scss Normal file
View File

@ -0,0 +1,163 @@
@mixin trans-prop-nice-resize-h() {
@include transition-property(height, bottom, top);
@include transition-duration(0.4s);
@include transition-timing-function(ease-in-out);
}
@mixin triangle-right($size, $color) {
$size: $size/2;
$ratio: 1;
width: 0;
height: 0;
border-top: $size/$ratio solid transparent;
border-left: $size solid $color;
border-bottom: $size/$ratio solid transparent;
}
@mixin triangle-down($size, $color) {
$size: $size/2;
$ratio: 1;
width: 0;
height: 0;
border-left: $size/$ratio solid transparent;
border-top: $size solid $color;
border-right: $size/$ratio solid transparent;
}
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
@include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%)));
@include border-radius($controlCr);
@include box-sizing(border-box);
// @include box-shadow(rgba(black, 0.3) 0 1px 2px);
@include boxShdwSubtle();
border-top: 1px solid lighten($bg, 20%);
color: $fg;
display: inline-block;
@if $hover == true {
&:hover {
@include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%)));
}
}
}
@mixin sliderTrack($bg: $scrollbarTrackColorBg) {
$b: 1px solid lighten($bg, 30%);
@include border-radius(2px);
@include box-sizing(border-box);
@include boxIncised(0.7);
background-color: $bg;
border-bottom: $b;
border-right: $b;
}
@mixin controlGrippy($b, $direction: horizontal, $w: 1px, $style: dotted) {
&:before {
// Grippy
content: '';
display: block;
height: auto;
position: absolute;
z-index: 2;
@if $direction == "horizontal" {
border-top: $w $style darken($b, 15%);
top: 2px;
left: 5px;
right: 5px;
} @else if $direction == "vertical" {
border-left: $w $style darken($b, 15%);
left: 2px;
bottom: 5px;
top: 5px;
}
}
&:not(.disabled):hover:before {
border-color: rgba($colorKey, 0.9);
}
}
@mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include containerSubtle($bg, $fg);
&:not(.disabled):hover {
@include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 10%)));
}
}
@mixin btnNoticeable($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include containerSubtle($bg, $fg);
@include background-image(linear-gradient(lighten($bg, 20%), $bg));
&:not(.disabled):hover {
@include background-image(linear-gradient(lighten($bg, 30%), lighten($bg, 10%)));
}
}
@mixin boxIncised($sVal: 0.6) {
@include box-shadow(inset rgba(black, $sVal) 0 1px 5px);
}
@mixin boxOutline($c: lighten($colorBodyBg, 20%)) {
border: 1px solid $c;
}
@mixin boxShdwSubtle($sVal: 0.3) {
@include box-shadow(rgba(black, $sVal) 0 1px 3px);
}
@mixin boxShdwLarge($sVal: 0.7) {
@include box-shadow(rgba(black, $sVal) 0 3px 10px);
}
@mixin outerGlow($color: #fff, $sVal: 0.3) {
@include box-shadow(rgba($color, $sVal) 0 0 30px);
}
@mixin txtShdwSubtle($sVal: 0.1) {
@include text-shadow(rgba(black, $sVal) 0 1px 2px);
}
@mixin invokeMenu($baseColor) {
$c: $baseColor;
color: $c;
&:hover {
color: lighten($c, $ltGamma);
}
}
@mixin menuUlReset() {
margin: 0;
padding: 0;
li {
list-style-type: none;
margin:0;
padding: 0;
}
}
@mixin vertical-align {
/* This doesn't work on an element inside an element with absolute positioning that has height: auto */
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@mixin wait-spinner($b: 5px, $c: $colorAlt1) {
display: block;
position: absolute;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-color: rgba($c, 0.25);
border-top-color: rgba($c, 1.0);
border-style: solid;
border-width: $b;
border-radius: 100%;
}
@mixin test($c: #ffcc00, $a: 0.2) {
background-color: rgba($c, $a);
}

52
platform/commonUI/general/res/sass/controls/_buttons.scss Normal file
View File

@ -0,0 +1,52 @@
$pad: $interiorMargin * 2;
/*********************************** TYPE STYLES */
.t-btn {
cursor: pointer;
}
/*********************************** STYLE STYLES */
.s-btn {
$base: lighten($colorBodyBg, 20%);
@include border-radius($controlCr);
@include box-sizing(border-box);
@include text-shadow(rgba(black, 0.3) 0 1px 1px);
line-height: 1.2em;
padding: 0 $pad;
text-decoration: none;
&.s-very-subtle {
@include containerSubtle($colorBodyBg, $colorBodyFg, true);
}
}
.s-icon-btn {
@extend .s-btn;
font-size: 1.2em;
.icon {
color: $colorKey;
}
&:not(.disabled):hover .icon {
color: lighten($colorKey, $ltGamma);
}
&.labeled {
padding: 0 $pad/2;
.icon {
font-size: 1.5em;
}
.title-label {
margin-left: $interiorMargin;
}
}
}
/*********************************** LAYOUT STYLES */
span.l-btn,
span.l-btn span,
a.l-btn,
a.l-btn span {
display: inline-block;
}

471
platform/commonUI/general/res/sass/controls/_controls.scss Normal file
View File

@ -0,0 +1,471 @@
.control {
&.view-control {
.icon {
display: inline-block;
margin: -1px 5px 1px 2px;
vertical-align: middle;
&.triangle-down {
margin: 2px 2px -2px 0px;
}
}
.label {
display: inline-block;
font-size: 11px;
vertical-align: middle;
}
.toggle {
@include border-radius(3px);
display: inline-block;
padding: 1px 6px 4px 4px;
&:hover {
background: rgba(white, 0.1);
}
}
}
}
.accordion {
$accordionHeadH: 18px;
margin-top: $interiorMargin;
&:first-child {
margin-top: 0;
}
.accordion-head {
$op: 0.2;
@include border-radius($basicCr * 0.75);
@include box-sizing("border-box");
background: rgba($colorBodyFg, $op);
cursor: pointer;
font-size: 0.75em;
line-height: $accordionHeadH;
margin-bottom: $interiorMargin;
padding: 0 $interiorMargin;
position: absolute;
top: 0; right: 0; bottom: auto; left: 0;
width: auto; height: $accordionHeadH;
text-transform: uppercase;
&:hover {
background: rgba($colorBodyFg, $op * 2);
}
&:after {
content: "^";
display: block;
font-family: 'symbolsfont';
font-size: 1.2em;
position: absolute;
right: $interiorMargin;
text-transform: none;
top: 0;
}
&:not(.expanded):after {
content: "v";
}
}
.accordion-contents {
position: absolute;
top: $accordionHeadH + $interiorMargin; right: 0; bottom: 0; left: 0;
overflow-y: auto;
overflow-x: hidden;
}
}
.btn {
$base: lighten($colorBodyBg, 20%); // Moved to s-btn
$p: 10px; // Moved to s-btn
@include border-radius($controlCr); // Moved to s-btn
@include box-sizing(border-box); // Moved to s-btn
@include text-shadow(rgba(black, 0.3) 0 1px 1px); // Moved to s-btn
// display: inline-block;
// margin-right: 10px;
padding: 0 ($interiorMargin * 2); // Moved to s-btn
text-decoration: none; // Moved to s-btn
&.create-btn {
$h: $ueBrowseViewBarH;
height: $h;
line-height: $h;
font-size: 1.1em;
padding: 0 ($p * 1.5) 0 $p;
.menu {
margin-left: $p * -1;
}
.ui-symbol.major {
font-size: 1.1em;
}
}
&.major {
$bg: $colorKey;
@include btnNoticeable($bg);
$fg: lighten($bg, 50%);
color: $fg;
&:hover {
@include btnNoticeable(lighten($bg, 5%));
color: $fg;
}
.invoke-menu {
color: $fg;
}
}
&.normal {
padding: $p * 0.5 $p * 0.7;
}
&.outline {
&:hover {
background: rgba(#fff, 0.1);
}
}
&.subtle {
@include btnSubtle($base, lighten($base, 40%));
}
&.very-subtle {
@include btnSubtle($colorBodyBg, lighten($colorBodyBg, 50%));
}
&.lg {
@include border-radius($controlCr * 1.5);
font-size: 1.2em;
padding: 7px 25px;
}
&.icon-btn {
.icon {
color: $colorKey;
}
&:not(.disabled):hover .icon {
color: lighten($colorKey, $ltGamma);
}
}
}
.btn-bar {
// position: relative;
.btn,
.btn-set,
.t-btn {
display: inline-block;
margin-left: $interiorMargin;
}
.btn,
.t-btn {
&:first-child {
// margin-left: 0;
}
}
}
.control-group {
// Buttons that have a conceptual grouping - internal space between, and a divider between groups.
// @include test();
@include box-sizing(border-box);
border-left: 1px solid $colorInteriorBorder;
padding: 0 $interiorMargin;
position: relative;
&:first-child {
border-left: none;
padding-left: 0;
}
}
.btn-set {
// Buttons that have a very tight conceptual grouping - no internal space between them.
display: inline-block;
position: relative;
.btn,
.t-btn {
@include border-radius(0);
border-left: 1px solid lighten($colorBodyBg, 20%);
margin-left: 0;
&:first-child {
border-left: none;
@include border-left-radius($controlCr);
}
&:last-child {
@include border-right-radius($controlCr);
}
}
}
.object-browse-bar .btn,
.object-browse-bar .t-btn,
.top-bar .buttons-main .btn,
.top-bar .buttons-main .t-btn,
.tool-bar .btn,
.tool-bar .t-btn {
$h: $ueEditToolBarButtonH;
display: inline-block;
font-size: $h * $btnFontSizeToH;
height: $h;
line-height: $h;
.icon:not(.invoke-menu) {
// position: relative;
// top: -0.04em;
font-size: 150%;
vertical-align: middle;
}
}
label.checkbox.custom {
$bg: lighten($colorBodyBg, $ltGamma);
$d: $formRowCtrlsH;
// @include vertical-align();
cursor: pointer;
display: inline-block;
line-height: $d;
margin-right: $interiorMargin * 4;
padding-left: $d + $interiorMargin;
position: relative;
em {
color: $colorBodyFg;
display: inline-block;
height: $d;
min-width: $d;
&:before {
@include border-radius($basicCr * .75);
background: $bg;
border-bottom: 1px solid lighten($bg, 10%);
box-sizing: border-box;
content: " ";
font-family: 'symbolsfont';
font-size: 0.8em;
display: inline-block;
margin-right: $interiorMargin;
height: $d;
width: $d;
left: 0;
top: 0;
position: absolute;
text-align: center;
}
}
&.no-text {
overflow: hidden;
margin-right: 0;
padding-left: 0;
height: $d;
width: $d;
em {
overflow: hidden;
}
}
input {
display: none;
&:checked ~ em:before {
background: $colorCheck;
color: lighten($colorCheck, 50%);
content: "2";
}
}
}
.input-labeled {
margin-left: $interiorMargin;
label {
display: inline-block;
margin-right: $interiorMarginSm;
}
&.inline {
display: inline-block;
}
&:first-child {
margin-left: 0;
}
}
.btn-menu label.checkbox.custom {
margin-left: 5px;
}
.item .checkbox {
&.checked label {
@include box-shadow(none);
border-bottom: none;
}
}
.btn-menu {
$h: 20px;
$p: 7px;
$c: $colorBodyFg;
@include btnSubtle($colorBodyBg);
height: $h;
line-height: $h;
&.dropdown {
// padding-left: $p;
padding-right: $p;
}
&:not(.disabled):hover {
color: lighten($c, 20%);
}
&.btn-invoke-menu {
$c: $colorKey;
color: $c;
padding: 0 5px;
&:hover {
color: lighten($c, 10%);
}
}
.type-icon {
margin-right: $interiorMargin;
}
.menu {
// margin-left: (-1 * $p);
text-align: left;
.ui-symbol.icon {
width: 12px;
}
}
}
.top-bar .btn-menu {
$h: $ueTopBarH; // 35px
$p: 10px;
$badgeM: $interiorMargin;
$badgeD: $h - ($badgeM * 2);
height: $h;
line-height: $h;
padding-right: 10px;
&.browse-btn {
margin-right: $interiorMargin;
padding-left: $badgeD + $badgeM * 2;
.badge {
@include border-radius($controlCr * 1.5);
display: block;
font-size: 1em;
line-height: $badgeD;
position: absolute;
top: $badgeM;
left: $badgeM;
bottom: $badgeM;
right: auto;
width: $badgeD;
height: auto;
}
}
}
/******************************************************** OBJECT-HEADER */
.object-header {
display: inline-block;
font-size: 1em;
.title {
color: lighten($colorBodyFg, 40%);
}
.type-icon {
font-size: 1.5em;
margin-right: $interiorMargin;
vertical-align: middle;
}
}
.top-bar,
.object-browse-bar {
.object-header {
font-size: 1.2em;
span {
display: inline-block;
margin-right: $interiorMargin;
}
}
}
/******************************************************** VIEW-CONTROLS */
.view-controls .view-type {
$d: 20px;
$p: 5px;
@include border-radius($controlCr);
box-sizing: border-box;
display: inline-block;
margin-left: $interiorMargin;
height: $d;
line-height: $d;
padding-left: $p;
padding-right: $p;
&.cur {
background: lighten($colorBodyBg, $ltGamma);
}
}
.edit-mode .top-bar .control-set.edit-view-controls {
// Used in templates/edit-view-controls.html
margin-right: $interiorMargin * 10;
}
/******************************************************** SLIDERS */
.slider {
$knobH: 100%; //14px;
$knobW: 12px;
$slotH: 50%;
.slot {
// @include border-radius($basicCr * .75);
@include sliderTrack();
height: $slotH;
width: auto;
position: absolute;
top: ($knobH - $slotH) / 2;
right: 0;
bottom: auto;
left: 0;
}
.knob {
@include btnSubtle();
@include controlGrippy(rgba(black, 0.3), vertical, 1px, solid);
cursor: ew-resize;
position: absolute;
height: $knobH;
width: $knobW;
top: 0;
auto: 0;
bottom: auto;
left: auto;
&:before {
top: 1px;
bottom: 3px;
left: ($knobW / 2) - 1;
}
}
.range {
background: rgba($colorKey, 0.6);
cursor: ew-resize;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: auto;
height: auto;
width: auto;
&:hover {
background: rgba($colorKey, 0.7);
}
}
}
/******************************************************** BROWSER ELEMENTS */
::-webkit-scrollbar {
@include sliderTrack();
height: $scrollbarTrackSize;
width: $scrollbarTrackSize;
}
::-webkit-scrollbar-thumb {
$bg: lighten($colorBodyBg, 10%);
@include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%) 20px));
@include border-radius(1px);
@include box-sizing(border-box);
@include boxShdwSubtle();
border-top: 1px solid lighten($bg, 20%);
&:hover {
@include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%) 20px));
}
}
::-webkit-scrollbar-corner {
background: rgba(#000, 0.4);
}

9
platform/commonUI/general/res/sass/controls/_lists.scss Normal file
View File

@ -0,0 +1,9 @@
.checkbox-list {
label.checkbox.custom {
display: block;
margin-bottom: $interiorMargin;
}
li {
margin-bottom: $interiorMargin;
}
}

163
platform/commonUI/general/res/sass/controls/_menus.scss Normal file
View File

@ -0,0 +1,163 @@
/******************************************************** MENUS */
.menu-element {
$bg: lighten($colorBodyBg, 5%);
$bgHover: lighten($bg, 20%);
$iconColor: $colorKey;
cursor: pointer;
position: relative;
.menu {
@include border-radius($basicCr);
@include containerSubtle($bg);
@include txtShdwSubtle(0.2);
display: block; // set to block via jQuery
padding: $interiorMarginSm 0;
position: absolute;
z-index: 10;
ul {
@include menuUlReset();
li {
// @include border-radius($controlCr);
@include box-sizing(border-box);
border-top: 1px solid lighten($bg, 20%);
line-height: $menuLineH;
padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 3) + $treeTypeIconW;
white-space: nowrap;
&:first-child {
border: none;
}
&:hover {
background: $bgHover;
a {
color: $colorKeyFg;
}
.icon {
color: lighten($iconColor, 20%);
}
}
a {
color: lighten($bg, 60%);
display: block;
}
.type-icon {
left: $interiorMargin * 2;
}
}
}
}
.super-menu {
$w: 400px;
$h: $w + 20;
$plw: $w * 0.55;
$prw: $w - $plw;
width: $w;
height: $h;
.contents { overflow: none; }
.pane {
@include box-sizing(border-box);
&.left {
// @include test();
border-right: 1px solid rgba(white, 0.2);
left: 0;
padding-right: $interiorMargin;
right: auto;
width: $plw;
overflow-x: hidden;
overflow-y: auto;
ul {
li {
@include border-radius($controlCr);
// @include test(red);
border-top: none;
// font-size: 0.85em;
// line-height: 20px;
&:hover {
background: $bgHover;
}
.icon {
@include txtShdwSubtle(0.4);
left: $interiorMargin;
}
}
}
}
&.right {
left: $plw;
right: 0;
padding: $interiorMargin * 3;
width: auto;
}
}
}
.menu-item-description {
.desc-area {
// @include test(green);
&.icon {
// @include test(red);
$h: 150px;
position: relative;
color: lighten($bg, 30%);
font-size: 8em;
left: 0;
height: $h;
line-height: $h;
// top: 0; right: 0; bottom: 5em; left: 0;
// height: 5em;
// text-align: center;
}
&.description {
color: lighten($bg, 30%);
font-size: 0.8em;
}
&.title {
color: lighten($bg, 60%);
font-size: 1.2em;
margin-bottom: 1rem;
}
}
}
.context-menu {
$bg: lighten($colorBodyBg, 25%);
$fg: lighten($bg, 70%);
$ic: lighten($colorKey, 15%);
font-size: 0.80rem;
pointer-events: auto;
&.menu {
@include containerSubtle($bg);
ul li {
padding-left: 30px;
a { color: $fg; }
.icon {
color: $ic;
}
.type-icon {
left: $interiorMargin;
}
&:hover .icon {
color: lighten($ic, 5%);
}
}
}
}
}
.context-menu-holder {
pointer-events: none;
position: absolute;
height: 200px;
width: 170px;
z-index: 59;
.context-menu-wrapper {
position: absolute;
height: 100%;
width: 100%;
.context-menu {
}
}
&.go-left .context-menu { right: 0; }
&.go-up .context-menu { bottom: 0; }
}
.btn-bar.right .menu,
.menus-to-left .menu {
left: auto; right: 0; width: auto;
}

32
platform/commonUI/general/res/sass/controls/_ticks.scss Normal file
View File

@ -0,0 +1,32 @@
.wrapper-ticks {
// @include test();
height: $ticksH; //temp!
position: relative;
}
.tick {
line-height: $tickLblH;
position: absolute;
top: 0; right: auto; bottom: 0; left: auto;
z-index: 2;
&.no-label .label { display: none; }
&:before {
background: rgba(#fff, 0.3);
// border-bottom: 1px solid blue;
content: "";
display: block;
position: absolute;
top: 0; right: auto; bottom: auto; left: auto;
height: $tickH; width: $tickW;
}
.label {
// @include test();
font-size: 0.6em;
position: absolute;
text-align: center;
height: $tickLblH; width: $tickLblW;
margin-left: -1 * $tickLblW / 2;
top: auto; right: auto; bottom: 0; left: 0;
}
}

0
platform/commonUI/general/res/sass/edit/_editor.scss Normal file
View File

16
platform/commonUI/general/res/sass/forms.scss Normal file
View File

@ -0,0 +1,16 @@
@import "compass";
@import "compass/css3";
@import "compass/css3/border-radius";
@import "compass/css3/opacity";
@import "compass/utilities";
@import "constants";
@import "mixins";
@import "forms/mixins";
@import "forms/elems";
@import "forms/textarea";
@import "forms/text-input";
@import "forms/selects";
@import "forms/channel-selector";
@import "forms/datetime";
//@import "forms/filter";

26
platform/commonUI/general/res/sass/forms/_channel-selector.scss Normal file
View File

@ -0,0 +1,26 @@
.channel-selector {
.line {
margin-bottom: $interiorMargin;
min-height: $formInputH;
}
.treeview {
$myBg: darken($colorBodyBg, 2%);
@include subdued-input();
min-height: 300px;
max-height: 400px;
overflow: auto;
padding: $interiorMargin;
}
.btns-add-remove {
// background: rgba(#ff0000, 0.3);;
margin-top: 150px;
.btn {
display: block;
font-size: 1.5em;
margin-bottom: $interiorMargin;
padding: 10px;
text-align: center;
}
}
}

36
platform/commonUI/general/res/sass/forms/_datetime.scss Normal file
View File

@ -0,0 +1,36 @@
.complex.datetime {
span {
display: inline-block;
margin-right: $interiorMargin;
}
.field-hints,
.fields {
}
.field-hints {
}
.fields {
margin-top: $interiorMarginSm 0;
padding: $interiorMarginSm 0;
}
.date {
$myW: 80px;
width: $myW + $interiorMargin;
input {
width: $myW;
}
}
.time.sm {
$myW: 40px;
width: $myW + $interiorMargin;
input {
width: $myW;
}
}
}

92
platform/commonUI/general/res/sass/forms/_elems.scss Normal file
View File

@ -0,0 +1,92 @@
.form {
.section-header {
@include border-radius(3px);
background: rgba(white, 0.1);
font-size: 0.8em;
margin-top: $interiorMargin;
padding: $interiorMargin;
&:first-child {
margin-top: 0;
}
}
.form-section {
position: relative;
}
.form-row {
@include box-sizing(border-box);
@include clearfix;
// background: rgba(#00ff00, 0.1);
border-top: 1px solid $colorInteriorBorder;
// box-sizing: border-box;
margin-top: $interiorMargin;
padding: $interiorMargin;
position: relative;
&:first-child {
border-top: none;
}
.label,
.controls {
// background: rgba(#ffcc00, 0.1);
@include box-sizing(border-box);
@include clearfix;
box-sizing: border-box;
font-size: 0.75rem;
line-height: $formInputH;
min-height: $formInputH;
}
>.label {
// Only style this way for immediate children of .form-row; prevents problems when .label is used in .controls section of a form
float: left;
position: relative;
white-space: nowrap;
width: $formLabelW;
}
.value {
color: lighten($colorBodyFg, 20%);
}
.controls {
float: left;
// padding-left: $interiorMargin;
position: relative;
width: 99% - $formLabelW; // Start with less than 100% for Firefox
}
.field-hints {
color: darken($colorBodyFg, 20%);
}
.selector-list {
// Used in create overlay to display tree view
$h: 150px;
@include border-radius($basicCr);
background: rgba(black, 0.2);
position: relative;
height: $h;
max-width: 50%;
.wrapper {
$p: $interiorMargin;
overflow-y: auto;
position: absolute;
top: $p;
right: $p;
bottom: $p;
left: $p;
}
}
}
}
label.form-control.checkbox {
input {
margin-right: $interiorMargin;
vertical-align: top;
}
}
.hint {
font-size: 0.9em;
}

82
platform/commonUI/general/res/sass/forms/_filter.scss Normal file
View File

@ -0,0 +1,82 @@
.filter,
.t-filter {
input.filter,
input.t-filter-input {
@include subdued-input();
}
input.t-filter-input {
height: $formInputH;
width: 200px;
&:not(.ng-dirty) {
// TO-DO: Update compass install to support this
// @include input-placeholder {
// color: rgba(#fff, 0.3);
// font-style: italic;
// }
}
&:not(.ng-dirty) + .t-a-clear {
display: none;
}
}
.icon.ui-symbol {
@include border-radius($controlCr);
display: block;
font-size: 1.3em;
height: $formInputH;
line-height: $formInputH;
padding: 0px 5px;
vertical-align: middle;
&:hover {
background: rgba(white, 0.1);
}
}
.s-a-clear.ui-symbol {
$mgn: 4.5px;
$d: $formInputH - $mgn * 2;
$cb: #fff;
$cf: #333;
@include border-radius($controlCr);
@include box-sizing(border-box);
@include opacity(0.2);
background: $cb;
color: $cf;
display: block;
position: absolute;
height: $d; width: $d;
line-height: $d;
margin-top: $d * -0.5;
overflow: hidden;
padding-top: 1px;
right: $mgn; top: 50%;
text-align: center;
z-index: 5;
&:hover {
@include opacity(0.6);
background-color: $colorKey;
}
}
// &:not(ng-dirty)
}
.l-filter {
// Holds an input and a clear button
display:inline-block;
position: relative;
}
.top-bar {
input.filter {
$h: $ueTopBarH;
$ip: 10px;
font-size: .8em;
height: $h;
line-height: $h;
margin-right: $interiorMargin;
margin-top: -5px;
padding-left: $ip;
padding-right: $ip;
}
.icon-filter {
font-size: 1.4em;
}
}

30
platform/commonUI/general/res/sass/forms/_mixins.scss Normal file
View File

@ -0,0 +1,30 @@
@mixin input-base($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include appearance(none);
@include border-radius($controlCr);
@include box-sizing(border-box);
@include box-shadow(inset rgba(black, 0.5) 0 1px 5px);
background: lighten($bg, 20%);
border: none;
border-bottom: 1px solid lighten($bg, 40%);
color: lighten($fg, 20%);
outline: none;
&.error {
background: rgba(red, 0.5);
}
}
@mixin nice-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include input-base($bg, $fg);
padding: 0 $interiorMarginSm;
}
@mixin nice-textarea($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include input-base($bg, $fg);
padding: $interiorMargin;
}
@mixin subdued-input($bg: $colorBodyBg, $fg: $colorBodyFg) {
@include nice-input($bg, $fg);
background: lighten($bg, 3%);
border-bottom: 1px solid lighten($bg, 10%);
}

35
platform/commonUI/general/res/sass/forms/_selects.scss Normal file
View File

@ -0,0 +1,35 @@
.form-control.select {
$myH: $formInputH + 1;
@include btnSubtle($colorBodyBg);
margin-right: $interiorMargin;
margin-top: 1px;
padding: 0 25px 0 0;
position: relative;
overflow: hidden;
vertical-align: middle;
span.arw {
display: block;
pointer-events: none;
position: absolute;
right: 8%; top: 10%;
}
select {
@include appearance(none);
@include box-sizing(border-box);
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
cursor: pointer;
// height: $myH;
// line-height: $myH;
padding: 3px 5px 4px 5px;
width: 150%;
}
select:focus {
outline: none;
}
}

14
platform/commonUI/general/res/sass/forms/_text-input.scss Normal file
View File

@ -0,0 +1,14 @@
input[type="text"] {
@include nice-input();
height: $formInputH;
line-height: $formInputH;
vertical-align: middle;
&.filter {
&.ng-dirty {
// background: red;
}
}
&.numeric {
text-align: right;
}
}

7
platform/commonUI/general/res/sass/forms/_textarea.scss Normal file
View File

@ -0,0 +1,7 @@
.edit-main textarea {
@include nice-textarea();
// font-size: 0.9em;
position: absolute;
height: 100%;
width: 100%;
}

47
platform/commonUI/general/res/sass/forms/_validation.scss Normal file
View File

@ -0,0 +1,47 @@
.validates {
$symbolW: 15px;
$symbolM: $interiorMargin * 2;
> .label {
// @include test(green, 0.1);
padding-right: $symbolW + $symbolM; // Keep room for validation element
&::after {
// @include test(yellow, 0.3);
display: block;
position: absolute;
top: 0;
right: $symbolM;
bottom: 0;
left: auto;
height: auto;
width: $symbolW;
font-family: symbolsfont;
font-size: 1.1em;
text-align: right;
vertical-align: middle;
}
}
&.invalid,
&.invalid.req {
> .label::after {
color: $colorFormInvalid;
content: "x";
}
}
&.valid,
&.valid.req {
> .label::after {
color: $colorFormValid;
content: "2";
}
}
&.req {
> .label::after {
color: $colorFormRequired;
content: "*";
}
}
}
span.req {
color: $colorFormRequired;
}

40
platform/commonUI/general/res/sass/helpers/_bubbles.scss Normal file
View File

@ -0,0 +1,40 @@
.bubble-wrapper {
$arwSize: 7px;
$c: #990000;
@include box-shadow(rgba(black, 0.4) 0 1px 5px);
position: absolute;
//top: 200px; left: 200px;
z-index: 10;
.bubble {
@include border-radius($basicCr);
display: inline-block;
background: $c;
color: lighten($c, 50%);
font-size: 0.8rem;
font-style: italic;
max-width: 200px;
padding: 4px 8px;
&:before {
content:"";
position: absolute;
width: 0;
height: 0;
}
}
&.arw-left .bubble:before {
right: 100%;
top: 50%; // 26px;
margin-top: -1 * $arwSize;
border-top: $arwSize solid transparent;
border-bottom: $arwSize solid transparent;
border-right: ($arwSize * 1.5) solid $c;
}
&.arw-down .bubble:before {
left: 50%;
top: 100%;
margin-left: -1 * $arwSize;
border-left: $arwSize solid transparent;
border-right: $arwSize solid transparent;
border-top: ($arwSize * 1.5) solid $c;
}
}

47
platform/commonUI/general/res/sass/helpers/_splitter.scss Normal file
View File

@ -0,0 +1,47 @@
.split-layout {
$b: lighten($colorBodyBg, 5%);
$splitterD: 5px;
.splitter {
background-color: $b;
@include box-shadow(rgba(black, 0.4) 0 0 3px);
overflow: hidden;
position: absolute;
z-index: 1;
}
&.horizontal {
// Slides vertically up and down, splitting the element horizontally
overflow: hidden; // Suppress overall scroll; each internal pane handles its own overflow
.pane {
left: 0;
right: 0;
}
>.splitter {
@include controlGrippy($b, horizontal);
cursor: row-resize;
left: 0; right: 0;
width: auto;
height: $splitterD;
}
}
&.vertical {
// Slides horizontally left to right, splitting the element vertically
.pane {
top: 0;
bottom: 0;
}
>.splitter {
@include controlGrippy($b, vertical);
bottom: 0;
cursor: col-resize;
width: $splitterD;
}
}
}
.browse-area .splitter {
top: $ueBrowseViewBarH + $interiorMargin;
}
.edit-area .splitter {
top: 0;
}

62
platform/commonUI/general/res/sass/helpers/_wait-spinner.scss Normal file
View File

@ -0,0 +1,62 @@
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
.t-wait-spinner,
.wait-spinner {
$d: 5%;
@include wait-spinner(0.5em, $colorKey);
top: 50%; left: 50%;
height: auto; width: auto;
padding: $d; // Will size object based on parent container WIDTH
pointer-events: none;
margin-top: $d / -1;
margin-left: $d / -1;
z-index: 2;
}
.l-wait-spinner-holder {
pointer-events: none;
position: absolute;
&.align-left {
.t-wait-spinner {
left: 0;
margin-left: 0;
}
}
&.full-size {
display: inline-block;
height: 100%; width: 100%;
.t-wait-spinner {
top: 0;
margin-top: 0;
padding: 30%;
}
}
}
.treeview .wait-spinner {
$d: 18px;
@include wait-spinner(0.25em, $colorKey);
height: $d; width: $d;
margin: 0 !important;
padding: 0 !important;
top: 2px; left: 0;
}

9
platform/commonUI/general/res/sass/items.scss Normal file
View File

@ -0,0 +1,9 @@
@import "compass";
@import "compass/css3";
@import "compass/css3/border-radius";
@import "compass/css3/opacity";
@import "compass/utilities";
@import "constants";
@import "mixins";
@import "items/item";

93
platform/commonUI/general/res/sass/items/_item.scss Normal file
View File

@ -0,0 +1,93 @@
.items-holder {
@include clearfix;
overflow-y: auto;
.contents { top: 0; }
.item {
&.grid-item {
$d: $ueBrowseGridItemLg;
@include btnSubtle($colorItemBase);
box-sizing: border-box;
cursor: pointer;
float: left;
height: $d;
// padding-bottom: 32%;
width: $d;
margin-bottom: $interiorMarginSm;
margin-right: $interiorMarginSm;
position: relative;
&:hover .item-main {
.item-type {
color: $colorKey !important;
}
.item-open {
display: block;
}
}
.bar {
&.top-bar.abs {
bottom: auto;
height: $ueBrowseGridItemTopBarH;
line-height: $ueBrowseGridItemTopBarH;
z-index: 5;
.left, .right {
width: auto;
.icon {
margin-left: $interiorMargin;
}
}
}
&.bottom-bar.abs {
top: auto;
height: $ueBrowseGridItemBottomBarH;
padding: $interiorMargin;
}
}
.item-main {
$h: $ueBrowseGridItemLg;
$lh: $h * 0.9;
// @include test();
div {
// background: rgba(deeppink, 0.2);
}
z-index: 1;
.item-type {
color: $colorItemFg;
text-align: center;
font-size: 7em;
line-height: $lh;
}
.item-open {
// color: lighten($colorItemBase, 15%);
display: none;
font-size: 5em;
line-height: $lh;
left: auto; width: 30px;
}
}
.title {
@include txtShdwSubtle();
color: lighten($colorBodyFg, 20%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
// font-weight: bold;
}
.details {
font-size: 0.8em;
}
&.selected {
$cfg: lighten($colorItemSelected, 35%);
$cfgh: lighten($cfg, 30%);
@include btnNoticeable($colorItemSelected);
color: $cfg;
.item-type, .top-bar .icon:not(.alert) { color: $cfg }
.item-main .item-open { color: $cfg }
.title { color: $cfgh; }
&:hover {
.item-main .item-type { color: $cfgh !important; }
}
}
}
}
}

80
platform/commonUI/general/res/sass/lists/_tabular.scss Normal file
View File

@ -0,0 +1,80 @@
.w1 {
background: $tabularColorHeaderBg;
padding-top: $tabularHeaderH;
position: relative;
}
.w2 {
background: $tabularColorBodyBg;
overflow-y: auto;
}
.tabular {
@include box-sizing(border-box);
border-spacing: 0;
border-collapse: collapse;
display: table;
font-size: 0.8em;
width: 100%;
.tr {
display: table-row;
&:first-child .td {
border-top: none;
}
&:hover {
background: rgba(white, 0.1);
}
&.header {
display: table-header-group;
.th {
border: none;
color: transparent;
height: 0px;
line-height: 0;
padding: 0 $tabularTdPadLR;
white-space: nowrap;
vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
&:first-child em {
border-left: none;
}
&.sort {
em:after {
display: inline-block;
font-family: symbolsfont;
margin-left: 5px;
}
&.asc em:after { content: '0'; }
&.desc em:after { content: '1'; }
}
em {
// background: rgba(green, 0.2);
border-left: 1px solid $tabularColorBorder;
color: $tabularColorHeaderFg;
cursor: pointer;
display: block;
font-style: normal;
font-weight: bold;
height: $tabularHeaderH;
line-height: $tabularHeaderH;
margin-left: - $tabularTdPadLR;
padding: 0 $tabularTdPadLR;
position: absolute;
top: 0;
vertical-align: middle;
&:hover {
color: lighten($tabularColorHeaderFg, 20%);
}
}
}
}
.th, .td {
display: table-cell;
}
.td {
border-top: 1px solid $tabularColorBorder;
padding: $tabularTdPadTB $tabularTdPadLR;
&.numeric {
text-align: right;
}
}
}
}

48
platform/commonUI/general/res/sass/overlay/_overlay.scss Normal file
View File

@ -0,0 +1,48 @@
.overlay {
.blocker {
background: $colorOvrBlocker;
z-index: 100;
}
.btn.close {
position: absolute;
top: $interiorMargin; right: $interiorMargin; bottom: auto; left: auto;
}
.editor {
// background: $colorBodyBg;
}
>.holder {
$i: 15%;
@include containerSubtle();
@include border-radius($basicCr * 3);
color: $colorOvrFg;
top: $i; right: $i; bottom: $i; left: $i;
z-index: 101;
>.contents {
$m: 20px;
top: $m; right: $m; bottom: $m; left: $m;
}
}
.title {
font-size: 1.3em;
}
.top-bar {
height: $ovrTopBarH;
}
.editor {
top: $ovrTopBarH + ($interiorMargin * 2);
bottom: $ovrFooterH + $interiorMargin * 2;
left: 0; right: 0;
}
.bottom-bar {
top: auto; right: 0; bottom: 0; left: 0;
font-size: 1em;
height: $ovrFooterH;
text-align: right;
.btn {
margin-left: 10px;
}
}
}

9
platform/commonUI/general/res/sass/plots.scss Normal file
View File

@ -0,0 +1,9 @@
@import "compass";
@import "compass/css3";
@import "compass/css3/border-radius";
@import "compass/css3/opacity";
@import "compass/utilities";
@import "constants";
@import "mixins";
@import "plots/plots-main";

225
platform/commonUI/general/res/sass/plots/_plots-main.scss Normal file
View File

@ -0,0 +1,225 @@
$yBarW: 60px;
$yLabelW: auto; //10px;
$xBarH: 32px;
$legendH: 24px;
$colorHash: rgba(white, 0.3);
$styleHash: dashed;
$swatchD: 8px;
$plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left
.gl-plot {
color: $colorBodyFg;
font-size: 0.7rem;
position: relative;
width: 100%;
height: 100%;
.gl-plot-axis-area {
// @include test(green);
position: absolute;
&.gl-plot-x {
top: auto;
right: 0;
bottom: $interiorMargin;
left: $yBarW;
height: $xBarH;
width: auto;
overflow: hidden;
}
&.gl-plot-y {
top: $legendH + $interiorMargin;
right: auto;
bottom: nth($plotDisplayArea, 3);
left: 0;
width: $yBarW;
}
}
.gl-plot-coords {
@include box-sizing(border-box);
@include border-radius($controlCr);
background: rgba($colorAlt1, 0.5);
color: lighten($colorBodyFg, 30%);
padding: 2px 5px;
position: absolute;
top: nth($plotDisplayArea,1) + $interiorMarginLg;
right: auto;
bottom: auto;
left: nth($plotDisplayArea,4) + $interiorMarginLg;
z-index: 10;
&:empty {
display: none;
}
}
.gl-plot-display-area {
position: absolute;
top: nth($plotDisplayArea, 1);
right: nth($plotDisplayArea, 2);
bottom: nth($plotDisplayArea, 3);
left: nth($plotDisplayArea, 4);
cursor: crosshair;
border: 1px solid $colorInteriorBorder;
}
.gl-plot-label {
// @include test(yellow);
color: lighten($colorBodyFg, 20%);
position: absolute;
text-align: center;
// text-transform: uppercase;
&.gl-plot-x-label {
top: auto;
right: 0;
bottom: 0;
left: 0;
height: auto;
}
&.gl-plot-y-label {
$x: -50%;
$r: -90deg;
@include transform-origin(50%, 0);
@include transform(translateX($x) rotate($r));
display: inline-block;
margin-left: $interiorMargin; // Kick off the left edge
left: 0;
top: 50%;
white-space: nowrap;
}
}
.gl-plot-y-options {
$h: 32px;
// @include test();
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: $yLabelW + $interiorMargin;
margin-top: $h / -2;
height: auto;
min-height: $h;
width: $h;
}
.gl-plot-hash {
position: absolute;
border: 0 $colorHash $styleHash;
&.hash-v {
border-right-width: 1px;
height: 100%;
}
&.hash-h {
border-bottom-width: 1px;
width: 100%;
}
}
.gl-plot-legend {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
height: $legendH;
overflow-x: hidden;
overflow-y: auto;
// .plot-legend-item {
// display: inline-block;
// margin-right: $interiorMarginLg;
// span {
// vertical-align: middle;
// }
// .plot-color-swatch {
// @include border-radius(2px);
// display: inline-block;
// height: $swatchD;
// width: $swatchD;
// margin-right: $interiorMarginSm;
// }
// }
}
}
.gl-plot-legend,
.legend {
.plot-legend-item,
.legend-item {
display: inline-block;
margin-right: $interiorMarginLg;
span {
vertical-align: middle;
}
.plot-color-swatch,
.color-swatch {
@include border-radius(2px);
display: inline-block;
height: $swatchD;
width: $swatchD;
margin-right: $interiorMarginSm;
}
.title-label {
}
}
}
.tick {
position: absolute;
border: 0 $colorHash solid;
&.tick-x {
border-right-width: 1px;
height: 100%; // Assumption is that the tick will be in a holder that will set it's height;
}
}
.gl-plot-tick,
.tick-label {
// @include test(red);
font-size: 0.7rem;
position: absolute;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&.gl-plot-x-tick-label,
&.tick-label-x {
right: auto;
bottom: auto;
left: auto;
height: auto;
width: 20%;
margin-left: -10%;
text-align: center;
}
&.gl-plot-y-tick-label,
&.tick-label-y {
top: auto;
height: 1em;
width: auto;
margin-bottom: -0.5em;
text-align: right;
}
}
.gl-plot-tick {
// @include test(red);
&.gl-plot-x-tick-label {
top: $interiorMargin;
}
&.gl-plot-y-tick-label {
right: $interiorMargin;
left: $interiorMargin;
}
}
.tick-label {
&.tick-label-x {
top: 0;
}
&.tick-label-y {
right: 0; left: 0;
}
}

3
platform/commonUI/general/res/sass/theme-espresso.scss Normal file
View File

@ -0,0 +1,3 @@
@import "constants";
@import "themes/theme-espresso";
@import "main";

2
platform/commonUI/general/res/sass/themes/_theme-espresso.scss Normal file
View File

@ -0,0 +1,2 @@
/* CONSTANTS */
$bodyMargin: 5px;

9
platform/commonUI/general/res/sass/tree.scss Normal file
View File

@ -0,0 +1,9 @@
@import "compass";
@import "compass/css3";
@import "compass/css3/border-radius";
@import "compass/css3/opacity";
@import "compass/utilities";
@import "constants";
@import "mixins";
@import "tree/tree";

101
platform/commonUI/general/res/sass/tree/_tree.scss Normal file
View File

@ -0,0 +1,101 @@
ul.tree {
@include menuUlReset();
li {
.tree-item {
// @include test();
@include border-radius($basicCr);
@include single-transition(background-color, 0.25s);
display: block;
font-size: 0.80rem;
height: $menuLineH;
line-height: $menuLineH;
margin-bottom: $interiorMarginSm;
// overflow: hidden;
// padding: 2px 4px 2px 7px;
position: relative;
// white-space: nowrap;
&.loading {
color: darken($colorBodyFg, 20%);
font-style: italic;
.wait-spinner {
margin-left: 14px;
}
}
&:not(.loading) {
cursor: pointer;
&:hover {
background: lighten($colorBodyBg, 5%);
color: lighten($colorBodyFg, 20%);
.context-trigger {
display: block;
}
.icon {
color: $colorItemTreeIconHover;
}
}
}
.selected {
color: #fff;
}
.view-control {
// @include test();
display: inline-block;
// margin-right: $interiorMargin;
// vertical-align: middle;
width: $treeVCW;
&:hover {
color: $colorItemTreeVCHover;
}
}
.context-trigger {
$h: 0.9rem;
display: none;
top: -1px;
position: absolute;
right: $interiorMarginSm;
.btn-invoke-menu {
font-size: 0.75em;
height: $h;
line-height: $h;
}
}
.icon {
// @include test();
@include txtShdwSubtle(0.6);
color: $colorItemTreeIcon;
left: $treeVCW + $interiorMargin;
.alert {
@include txtShdwSubtle(0.3);
background: $colorBodyBg;
color: $colorAlert;
font-size: 0.7em;
margin-top: -3px;
top: 0;
right: auto;
bottom: auto;
left: 9px;
height: auto;
width: auto;
position: absolute;
z-index: 2;
}
}
.title-label {
// @include test();
display: block;
position: absolute;
top: 0;
left: $treeVCW + $treeTypeIconW + ($interiorMargin * 2); //38px;
right: $treeContextTriggerW + $interiorMargin;
overflow: hidden;
text-overflow: ellipsis;
height: $menuLineH;
bottom: auto;
white-space: nowrap;
}
}
}
ul.tree {
margin-left: $treeVCW + $interiorMargin;
}
}

47
platform/commonUI/general/res/sass/user-environ/_bottom-bar.scss Normal file
View File

@ -0,0 +1,47 @@
.ue-bottom-bar {
color: lighten($colorBodyBg, 30%);
font-size: 0.7em;
line-height: $ueFooterH - 4px;
.status-holder {
@include border-radius($basicCr * 1.75);
@include box-sizing(border-box);
background: $colorFooterBg;
border-bottom: 1px solid lighten($colorBodyBg, 10%);
padding: 2px 5px;
text-transform: uppercase;
}
.app-logo {
@include box-sizing(border-box);
font-size: 0.8em;
line-height: $ueFooterH - 10px;
padding-top: 1px;
text-transform: uppercase;
&.logo-warp {
background: url($dirImgs + 'logo-warp.png') no-repeat left top;
color: lighten($colorBodyBg, 40%);
font-size: 0.7rem;
padding-top: 3px;
text-align: right;
}
}
}
.status.block {
display: inline-block;
margin-right: $interiorMargin * 4;
.status-indicator {
@include border-radius($controlCr * 0.9);
@include box-shadow(inset rgba(black, 0.5) 0 0 3px);
@include text-shadow(rgba(black, 0.3) 0 0 2px);
display: inline-block;
font-size: 1.25em;
vertical-align: middle;
margin-right: $interiorMargin;
&.ok {
color: #009900;
}
&.caution {
color: #ffaa00;
}
}
}

26
platform/commonUI/general/res/sass/user-environ/_frame.scss Normal file
View File

@ -0,0 +1,26 @@
.frame {
$ohH: 20px;
$bc: $colorInteriorBorder;
&.child-frame.panel {
background: $colorBodyBg;
border: 1px solid $bc;
&:hover {
border-color: lighten($bc, 10%);
}
}
>.object-header.abs {
font-size: 0.75em;
height: $ohH;
}
>.object-holder.abs {
top: $ohH + $interiorMarginSm;
}
}
.edit-main .frame.child-frame.panel {
&:hover {
border-color: $colorKey;
@include boxShdwLarge();
}
}

210
platform/commonUI/general/res/sass/user-environ/_layout.scss Normal file
View File

@ -0,0 +1,210 @@
@mixin cols($totalCols, $span) {
$cw: 100% / $totalCols;
min-width: (500px / $totalCols) * $span;
@if ($totalCols != $span) {
width: ($cw * $span) - $ueColMargin;
} @else {
width: $cw;
}
}
.browse-area,
.edit-area,
.editor {
@include border-radius($basicCr * 1.5);
position: absolute;
.contents {
// overflow-y: auto;
}
}
.user-environ {
.browse-area,
.edit-area,
.editor {
top: $bodyMargin + $ueTopBarH + ($interiorMargin);
right: $bodyMargin;
bottom: $bodyMargin + $ueFooterH + $interiorMargin;
left: $bodyMargin;
}
.edit-area {
$tbH: $ueEditToolBarH;
.tool-bar {
bottom: auto;
height: $tbH;
line-height: $tbH - 2;
}
.work-area {
top: $tbH + $interiorMargin * 2;
}
}
.bottom-bar {
top: auto;
right: $bodyMargin;
bottom: $bodyMargin;
left: $bodyMargin;
height: $ueFooterH;
.status-holder {
right: $ueAppLogoW + $bodyMargin;
}
.app-logo {
left: auto;
width: $ueAppLogoW;
}
}
}
.contents {
$myM: $interiorMargin;
box-sizing: border-box;
position: absolute;
top: $myM;
right: $myM;
bottom: $myM;
left: $myM;
&.nomargin {
$myM: 0px;
right: $myM;
bottom: $myM;
left: $myM;
}
}
.bar {
.icon.major {
margin-right: $interiorMargin;
}
&.abs {
text-wrap: none;
white-space: nowrap;
&.left,
.left {
width: 45%;
right: auto;
}
&.right,
.right {
width: 45%;
left: auto;
right: 0;
text-align: right;
.icon.major {
margin-left: $interiorMargin * 3;
}
// .icon.major {
// margin-left: $interiorMargin;
// }
}
}
}
.cols {
@include clearfix;
.col {
@include box-sizing(border-box);
@include clearfix;
// background: rgba(#ffcc00, 0.2);
float: left;
margin-left: $ueColMargin;
padding-left: $interiorMargin;
position: relative;
&:first-child {
margin-left: 0;
padding-left: 0;
}
}
&.cols-2 {
$nc: 2;
.col-1 {
@include cols($nc, 1);
}
}
&.cols-16 {
$nc: 16;
.col-1 {
@include cols($nc, 1);
}
.col-2 {
@include cols($nc, 2);
}
.col-7 {
@include cols($nc, 7);
}
}
&.cols-32 {
$nc: 32;
.col-2 {
@include cols($nc, 2);
}
.col-15 {
@include cols($nc, 15);
}
}
}
.pane {
position: absolute;
&.treeview {
.create-btn-holder {
bottom: auto; height: $ueBrowseViewBarH;
}
.tree-holder {
overflow: auto;
top: $ueBrowseViewBarH + $interiorMargin;
}
}
&.items {
.object-browse-bar {
// bottom: auto;
}
.object-holder {
top: $ueBrowseViewBarH + $interiorMargin;
}
}
&.edit-main {
.object-holder {
top: 0;
}
}
&.edit-objects {
}
.object-holder {
overflow: auto;
}
}
.split-layout {
&.horizontal {
// Slides up and down
>.pane {
margin-top: $interiorMargin;
&:first-child {
margin-top: 0;
}
}
}
&.vertical {
// Slides left and right
>.pane {
margin-left: $interiorMargin;
>.holder {
left: 0;
right: 0;
}
&:first-child {
margin-left: 0;
.holder {
right: $interiorMargin;
}
}
}
}
}
.vscroll {
overflow-y: auto;
}

9
platform/commonUI/general/res/sass/user-environ/_object-browse.scss Normal file
View File

@ -0,0 +1,9 @@
.object-browse-bar {
height: $ueBrowseViewBarH;
line-height: $ueBrowseViewBarH;
.items-select {
.btn-menu {
margin-right: $interiorMargin * 3;
}
}
}

19
platform/commonUI/general/res/sass/user-environ/_tool-bar.scss Normal file
View File

@ -0,0 +1,19 @@
.tool-bar {
border-bottom: 1px solid $colorInteriorBorder;
.control-group {
height: $ueEditToolBarH;
}
input[type="text"] {
@include box-sizing(border-box);
font-size: .9em;
height: $ueEditToolBarButtonH;
margin-bottom: 1px;
position: relative;
&.sm {
width: $ueEditToolBarButtonH;
}
}
.input-labeled label {
font-size: $ueEditToolBarButtonH * $btnFontSizeToH;
}
}

43
platform/commonUI/general/res/sass/user-environ/_top-bar.scss Normal file
View File

@ -0,0 +1,43 @@
.top-bar {
// $h: $ueTopBarH - 5px;
// background: rgba(#ff0000, 0.2);
line-height: $ueTopBarH;
&.browse,
&.edit {
top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin;
height: $ueTopBarH;
}
.action {
}
.title {
color: #fff;
// font-weight: bold;
}
.buttons-main {
font-size: 0.8em;
left: auto;
text-align: right;
// width: 200px;
.btn {
margin-left: $interiorMargin;
}
}
}
.edit-mode {
.top-bar {
.buttons-main {
// background: red;
// width: 600px;
white-space: nowrap;
&.abs {
bottom: auto;
left: auto;
}
}
}
}

5
platform/commonUI/general/res/templates/controls/input-filter.html Normal file
View File

@ -0,0 +1,5 @@
<!-- look at action-button for example -->
<span class="t-filter l-filter">
<input type="search" class="t-filter-input" ng-model="filter" placeholder="Filter..."/>
<a class="ui-symbol t-a-clear s-a-clear" ng-click="filter = null">x</a>
</span>