jfxtras.labs.scene.control.gauge.steelseries.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of jfxtras-labs Show documentation
Show all versions of jfxtras-labs Show documentation
Experimental components for JavaFX 2
/*
* Copyright (c) 2012, JFXtras
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* * Neither the name of the nor the
* names of its contributors may be used to endorse or promote products
* derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
.root {
/************************************************************
* Defintion of texture color which is used for some *
* backgrounds and frames *
************************************************************/
-fx-texture: rgb(104, 104, 104);
/************************************************************
* Definition of a color that will be used as a base color *
* to create a gradient background *
************************************************************/
-fx-simplegradient-base: rgb(213, 0, 0);
/************************************************************
* Defintions of default colors *
************************************************************/
-fx-red : rgb(213, 0, 0);
-fx-green : rgb( 0, 148, 0);
-fx-blue : rgb( 0, 120, 220);
-fx-orange : rgb(248, 142, 0);
-fx-yellow : rgb(210, 204, 0);
-fx-cyan : rgb( 0, 159, 215);
-fx-magenta : rgb(223, 42, 125);
-fx-lila : rgb( 71, 0, 255);
-fx-white : rgb(245, 245, 245);
-fx-gray : rgb(102, 102, 102);
-fx-black : rgb( 15, 15, 15);
-fx-raith : rgb( 65, 143, 193);
-fx-green-lcd: rgb( 24, 220, 183);
-fx-jug-green: rgb( 90, 183, 0);
-fx-custom : rgb( 0, 195, 97);
-fx-normal : -fx-red;
-fx-verydark : derive(-fx-normal, -80%);
-fx-darker : derive(-fx-normal, -50%);
-fx-dark : derive(-fx-normal, -20%);
-fx-bright : derive(-fx-normal, 20%);
-fx-brighter : derive(-fx-normal, 50%);
-fx-verybright: derive(-fx-normal, 80%);
/************************************************************
* Defintions of all value colors used for pointer and bar *
************************************************************/
-fx-value : -fx-red;
-fx-value-verydark : derive(-fx-value, -80%);
-fx-value-darker : derive(-fx-value, -50%);
-fx-value-dark : derive(-fx-value, -20%);
-fx-value-bright : derive(-fx-value, 20%);
-fx-value-brighter : derive(-fx-value, 50%);
-fx-value-verybright: derive(-fx-value, 80%);
/************************************************************
* Defintions of all led colors *
************************************************************/
-fx-led : -fx-red;
-fx-led-verydark : derive(-fx-led, -80%);
-fx-led-darker : derive(-fx-led, -50%);
-fx-led-dark : derive(-fx-led, -20%);
-fx-led-bright : derive(-fx-led, 20%);
-fx-led-brighter : derive(-fx-led, 50%);
-fx-led-verybright : derive(-fx-led, 80%);
/************************************************************
* Defintions of all threshold colors *
************************************************************/
-fx-threshold : -fx-red;
-fx-threshold-verydark : derive(-fx-threshold, -80%);
-fx-threshold-darker : derive(-fx-threshold, -50%);
-fx-threshold-dark : derive(-fx-threshold, -20%);
-fx-threshold-bright : derive(-fx-threshold, 20%);
-fx-threshold-brighter : derive(-fx-threshold, 50%);
-fx-threshold-verybright: derive(-fx-threshold, 80%);
}
.radial {
-fx-skin : "jfxtras.labs.internal.scene.control.skin.RadialSkin";
-fx-value: -fx-red;
}
.radial-half-north {
-fx-skin : "jfxtras.labs.internal.scene.control.skin.RadialHalfNSkin";
-fx-value: -fx-red;
}
.radial-half-east {
-fx-skin : "jfxtras.labs.internal.scene.control.skin.RadialHalfESkin";
}
.radial-half-south {
-fx-skin : "jfxtras.labs.internal.scene.control.skin.RadialHalfSSkin";
-fx-value: -fx-red;
}
.radial-half-west {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.RadialHalfWSkin";
}
.radial-quarter-north {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.RadialQuarterNSkin";
}
.radial-quarter-west {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.RadialQuarterWSkin";
}
.radial-quarter-south {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.RadialQuarterSSkin";
}
.radial-quarter-east {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.RadialQuarterESkin";
}
.linear {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.LinearSkin";
}
.lcd {
-fx-skin : "jfxtras.labs.internal.scene.control.skin.LcdSkin";
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(219, 230, 220);
-fx-frac2 : rgb(179, 194, 178);
-fx-frac3 : rgb(153, 176, 151);
-fx-stop : rgb(114, 138, 109);
-fx-lcd-text : rgb( 0, 12, 6);
-fx-lcd-text-bg: rgba(0, 12, 6, 0.1);
}
.simple-radial-gauge {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.SimpleRadialGaugeSkin";
}
.simple-linear-gauge {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.SimpleLinearGaugeSkin";
}
.small-radial {
-fx-skin: "jfxtras.labs.internal.scene.control.skin.SmallRadialSkin";
}
/************************************************************
* Defintions of all lcd colors *
************************************************************/
.lcd-beige {
-fx-start : rgb(200, 200, 177);
-fx-frac1 : rgb(241, 237, 207);
-fx-frac2 : rgb(234, 230, 194);
-fx-frac3 : rgb(225, 220, 183);
-fx-stop : rgb(237, 232, 191);
-fx-lcd-text : rgb( 0, 0, 0);
-fx-lcd-text-bg: rgba( 0, 0, 0, 0.1);
}
.lcd-blue {
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(231, 246, 255);
-fx-frac2 : rgb(170, 224, 255);
-fx-frac3 : rgb(136, 212, 255);
-fx-stop : rgb(192, 232, 255);
-fx-lcd-text : rgb( 18, 69, 100);
-fx-lcd-text-bg: rgba(18, 69, 100, 0.1);
}
.lcd-orange {
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(255, 245, 225);
-fx-frac2 : rgb(255, 217, 147);
-fx-frac3 : rgb(255, 201, 104);
-fx-stop : rgb(255, 227, 173);
-fx-lcd-text : rgb( 80, 55, 0);
-fx-lcd-text-bg: rgba(80, 55, 0, 0.1);
}
.lcd-red {
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(255, 225, 225);
-fx-frac2 : rgb(252, 114, 115);
-fx-frac3 : rgb(252, 114, 115);
-fx-stop : rgb(254, 178, 178);
-fx-lcd-text : rgb( 79, 12, 14);
-fx-lcd-text-bg: rgba(79, 12, 14, 0.1);
}
.lcd-yellow {
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(245, 255, 186);
-fx-frac2 : rgb(158, 205, 0);
-fx-frac3 : rgb(158, 205, 0);
-fx-stop : rgb(210, 255, 0);
-fx-lcd-text : rgb( 64, 83, 0);
-fx-lcd-text-bg: rgba(64, 83, 0, 0.1);
}
.lcd-white {
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(255, 255, 255);
-fx-frac2 : rgb(241, 246, 242);
-fx-frac3 : rgb(229, 239, 244);
-fx-stop : rgb(255, 255, 255);
-fx-lcd-text : rgb( 0, 0, 0);
-fx-lcd-text-bg: rgba(0, 0, 0, 0.1);
}
.lcd-gray {
-fx-start : rgb( 65, 65, 65);
-fx-frac1 : rgb(117, 117, 117);
-fx-frac2 : rgb( 87, 87, 87);
-fx-frac3 : rgb( 65, 65, 65);
-fx-stop : rgb( 81, 81, 81);
-fx-lcd-text : rgb(255, 255, 255);
-fx-lcd-text-bg: rgba(255, 255, 255, 0.1);
}
.lcd-black {
-fx-start : rgb( 65, 65, 65);
-fx-frac1 : rgb(102, 102, 102);
-fx-frac2 : rgb( 51, 51, 51);
-fx-frac3 : rgb( 0, 0, 0);
-fx-stop : rgb( 51, 51, 51);
-fx-lcd-text : rgb(204, 204, 204);
-fx-lcd-text-bg: rgba(204, 204, 204, 0.1);
}
.lcd-green {
-fx-start : rgb( 33, 67, 67);
-fx-frac1 : rgb( 33, 67, 67);
-fx-frac2 : rgb( 29, 58, 58);
-fx-frac3 : rgb( 28, 57, 57);
-fx-stop : rgb( 23, 46, 46);
-fx-lcd-text : rgb( 0, 185, 165);
-fx-lcd-text-bg: rgba(0, 185, 165, 0.1);
}
.lcd-green-darkgreen {
-fx-start : rgb( 27, 41, 17);
-fx-frac1 : rgb( 70, 84, 58);
-fx-frac2 : rgb( 36, 60, 14);
-fx-frac3 : rgb( 24, 50, 1);
-fx-stop : rgb( 8, 10, 7);
-fx-lcd-text : rgb(152, 255, 74);
-fx-lcd-text-bg: rgba(152, 255, 74, 0.1);
}
.lcd-blue2 {
-fx-start : rgb( 0, 68, 103);
-fx-frac1 : rgb( 8, 109, 165);
-fx-frac2 : rgb( 0, 72, 117);
-fx-frac3 : rgb( 0, 72, 117);
-fx-stop : rgb( 0, 68, 103);
-fx-lcd-text : rgb(111, 182, 228);
-fx-lcd-text-bg: rgba(111, 182, 228, 0.1);
}
.lcd-blue-black {
-fx-start : rgb( 22, 125, 212);
-fx-frac1 : rgb( 3, 162, 254);
-fx-frac2 : rgb( 3, 162, 254);
-fx-frac3 : rgb( 3, 162, 254);
-fx-stop : rgb( 11, 172, 244);
-fx-lcd-text : rgb( 0, 0, 0);
-fx-lcd-text-bg: rgba( 0, 0, 0, 0.1);
}
.lcd-blue-darkblue {
-fx-start : rgb( 18, 33, 88);
-fx-frac1 : rgb( 18, 33, 88);
-fx-frac2 : rgb( 19, 30, 90);
-fx-frac3 : rgb( 17, 31, 94);
-fx-stop : rgb( 21, 25, 90);
-fx-lcd-text : rgb( 23, 99, 221);
-fx-lcd-text-bg: rgba(23, 99, 221, 0.1);
}
.lcd-blue-lightblue {
-fx-start : rgb( 88, 107, 132);
-fx-frac1 : rgb( 53, 74, 104);
-fx-frac2 : rgb( 27, 37, 65);
-fx-frac3 : rgb( 5, 12, 40);
-fx-stop : rgb( 32, 47, 79);
-fx-lcd-text : rgb( 71, 178, 254);
-fx-lcd-text-bg: rgba(71, 178, 254, 0.1);
}
.lcd-blue-gray {
-fx-start : rgb(135, 174, 255);
-fx-frac1 : rgb(101, 159, 255);
-fx-frac2 : rgb( 44, 93, 255);
-fx-frac3 : rgb( 27, 65, 254);
-fx-stop : rgb( 12, 50, 255);
-fx-lcd-text : rgb(178, 180, 237);
-fx-lcd-text-bg: rgba(178, 180, 237, 0.1);
}
.lcd-standard {
-fx-start : rgb(131, 133, 119);
-fx-frac1 : rgb(176, 183, 167);
-fx-frac2 : rgb(165, 174, 153);
-fx-frac3 : rgb(166, 175, 156);
-fx-stop : rgb(175, 184, 165);
-fx-lcd-text : rgb( 35, 42, 52);
-fx-lcd-text-bg: rgba(35, 42, 52, 0.1);
}
.lcd-standard-green {
-fx-start : rgb(255, 255, 255);
-fx-frac1 : rgb(219, 230, 220);
-fx-frac2 : rgb(179, 194, 178);
-fx-frac3 : rgb(153, 176, 151);
-fx-stop : rgb(114, 138, 109);
-fx-lcd-text : rgb( 0, 12, 6);
-fx-lcd-text-bg: rgba(0, 12, 6, 0.1);
}
.lcd-blue-blue {
-fx-start : rgb(100, 168, 253);
-fx-frac1 : rgb(100, 168, 253);
-fx-frac2 : rgb( 95, 160, 250);
-fx-frac3 : rgb( 80, 144, 252);
-fx-stop : rgb( 74, 134, 255);
-fx-lcd-text : rgb( 0, 44, 187);
-fx-lcd-text-bg: rgba( 0, 44, 187, 0.1);
}
.lcd-red-darkred {
-fx-start : rgb( 72, 36, 50);
-fx-frac1 : rgb(185, 111, 110);
-fx-frac2 : rgb(148, 66, 72);
-fx-frac3 : rgb( 83, 19, 20);
-fx-stop : rgb( 7, 6, 14);
-fx-lcd-text : rgb(254, 139, 146);
-fx-lcd-text-bg: rgba(254, 139, 146, 0.1);
}
.lcd-darkblue {
-fx-start : rgb( 14, 24, 31);
-fx-frac1 : rgb( 46, 105, 144);
-fx-frac2 : rgb( 19, 64, 96);
-fx-frac3 : rgb( 6, 20, 29);
-fx-stop : rgb( 8, 9, 10);
-fx-lcd-text : rgb( 61, 179, 255);
-fx-lcd-text-bg: rgba(61, 179, 255, 0.1);
}
.lcd-lila {
-fx-start : rgb(175, 164, 255);
-fx-frac1 : rgb(188, 168, 253);
-fx-frac2 : rgb(176, 159, 255);
-fx-frac3 : rgb(174, 147, 252);
-fx-stop : rgb(168, 136, 233);
-fx-lcd-text : rgb( 7, 97, 72);
-fx-lcd-text-bg: rgba( 7, 97, 72, 0.1);
}
.lcd-black-red {
-fx-start : rgb( 8, 12, 11);
-fx-frac1 : rgb( 10, 11, 13);
-fx-frac2 : rgb( 11, 10, 15);
-fx-frac3 : rgb( 7, 13, 9);
-fx-stop : rgb( 9, 13, 14);
-fx-lcd-text : rgb(181, 0, 38);
-fx-lcd-text-bg: rgba(181, 0, 38, 0.1);
}
.lcd-darkgreen {
-fx-start : rgb( 25, 85, 0);
-fx-frac1 : rgb( 47, 154, 0);
-fx-frac2 : rgb( 30, 101, 0);
-fx-frac3 : rgb( 30, 101, 0);
-fx-stop : rgb( 25, 85, 0);
-fx-lcd-text : rgb( 35, 49, 35);
-fx-lcd-text-bg: rgba(35, 49, 35, 0.1);
}
.lcd-amber {
-fx-start : rgb(182, 71, 0);
-fx-frac1 : rgb(236, 155, 25);
-fx-frac2 : rgb(212, 93, 5);
-fx-frac3 : rgb(212, 93, 5);
-fx-stop : rgb(182, 71, 0);
-fx-lcd-text : rgb( 89, 58, 10);
-fx-lcd-text-bg: rgba(89, 58, 10, 0.1);
}
.lcd-lightblue {
-fx-start : rgb(125, 146, 184);
-fx-frac1 : rgb(197, 212, 231);
-fx-frac2 : rgb(138, 155, 194);
-fx-frac3 : rgb(138, 155, 194);
-fx-stop : rgb(125, 146, 184);
-fx-lcd-text : rgb( 9, 0, 81);
-fx-lcd-text-bg: rgba( 9, 0, 81, 0.1);
}
.lcd-green-black {
-fx-start : rgb( 1, 47, 0);
-fx-frac1 : rgb( 20, 106, 61);
-fx-frac2 : rgb( 33, 125, 84);
-fx-frac3 : rgb( 33, 125, 84);
-fx-stop : rgb( 33, 109, 63);
-fx-lcd-text : rgb( 3, 15, 11);
-fx-lcd-text-bg: rgba(3, 15, 11, 0.1);
}
.lcd-yellow-black {
-fx-start : rgb(223, 248, 86);
-fx-frac1 : rgb(222, 255, 28);
-fx-frac2 : rgb(213, 245, 24);
-fx-frac3 : rgb(213, 245, 24);
-fx-stop : rgb(224, 248, 88);
-fx-lcd-text : rgb( 9, 19, 0);
-fx-lcd-text-bg: rgba( 9, 19, 0, 0.1);
}
.lcd-black-yellow {
-fx-start : rgb( 43, 3, 3);
-fx-frac1 : rgb( 29, 0, 0);
-fx-frac2 : rgb( 26, 2, 2);
-fx-frac3 : rgb( 31, 5, 8);
-fx-stop : rgb( 30, 1, 3);
-fx-lcd-text : rgb(255, 254, 24);
-fx-lcd-text-bg: rgba(255, 254, 24, 0.1);
}
.lcd-lightgreen-black {
-fx-start : rgb( 79, 121, 19);
-fx-frac1 : rgb( 96, 169, 0);
-fx-frac2 : rgb(120, 201, 2);
-fx-frac3 : rgb(118, 201, 0);
-fx-stop : rgb(105, 179, 4);
-fx-lcd-text : rgb( 0, 35, 0);
-fx-lcd-text-bg: rgba( 0, 35, 0, 0.1);
}
.lcd-darklila {
-fx-start : rgb( 35, 24, 75);
-fx-frac1 : rgb( 42, 20, 111);
-fx-frac2 : rgb( 40, 22, 103);
-fx-frac3 : rgb( 40, 22, 103);
-fx-stop : rgb( 41, 21, 111);
-fx-lcd-text : rgb(158, 167, 210);
-fx-lcd-text-bg: rgba(158, 167, 210, 0.1);
}
.lcd-darkamber {
-fx-start : rgb(134, 39, 17);
-fx-frac1 : rgb(120, 24, 0);
-fx-frac2 : rgb( 83, 15, 12);
-fx-frac3 : rgb( 83, 15, 12);
-fx-stop : rgb(120, 24, 0);
-fx-lcd-text : rgb(233, 140, 44);
-fx-lcd-text-bg: rgba(233, 140, 44, 0.1);
}
.lcd-blue-lightblue2 {
-fx-start : rgb( 15, 84, 151);
-fx-frac1 : rgb( 60, 103, 198);
-fx-frac2 : rgb( 67, 109, 209);
-fx-frac3 : rgb( 67, 109, 209);
-fx-stop : rgb( 64, 101, 190);
-fx-lcd-text : rgb(193, 253, 254);
-fx-lcd-text-bg: rgba(193, 253, 254, 0.1);
}
.lcd-gray-lila {
-fx-start : rgb(153, 164, 161);
-fx-frac1 : rgb(203, 215, 213);
-fx-frac2 : rgb(202, 212, 211);
-fx-frac3 : rgb(202, 212, 211);
-fx-stop : rgb(198, 209, 213);
-fx-lcd-text : rgb( 99, 124, 204);
-fx-lcd-text-bg: rgba(99, 124, 204, 0.1);
}
.lcd-sections {
-fx-start : #B2B2B2;
-fx-frac1 : #FFFFFF;
-fx-frac2 : #C4C4C4;
-fx-frac3 : #C4C4C4;
-fx-stop : #B2B2B2;
-fx-lcd-text : #000000;
-fx-lcd-text-bg: rgba(0, 0, 0, 0.1);
}
/************************************************************
* Defintions of all framedesign gradients *
************************************************************/
.frame-design-blackmetal {
-fx-fill: black;
}
.frame-design-shinymetal {
-fx-fill: gray;
}
.frame-design-chrome {
-fx-fill: gray;
}
.frame-design-metal {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(254, 254, 254) 0%, rgb(210, 210, 210) 7%, rgb(179, 179, 179) 12%, rgb(213, 213, 213) 100%);
}
.frame-design-glossymetal {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(254, 254, 254) 0%, rgb(210, 210, 210) 7%, rgb(179, 179, 179) 12%, rgb(213, 213, 213) 100%);
}
.frame-design-darkglossy {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(254, 254, 254) 0%, rgb(210, 210, 210) 7%, rgb(179, 179, 179) 12%, rgb(213, 213, 213) 100%);
}
.frame-design-brass {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(249, 243, 155) 0%, rgb(246, 226, 101) 5%, rgb(240, 225, 132) 10%, rgb(90, 57, 22) 50%, rgb(249, 237, 139) 90%, rgb(243, 226, 108) 95%, rgb(202, 182, 113) 100%);
}
.frame-design-steel {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(231, 237, 237) 0%, rgb(189, 199, 198) 5%, rgb(192, 201, 200) 10%, rgb(23, 31, 33) 50%, rgb(196, 205, 204) 90%, rgb(194, 204, 203) 95%, rgb(189, 201, 199) 100%);
}
.frame-design-gold {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(255, 255, 207) 0%, rgb(255, 237, 96) 15%, rgb(254, 199, 57) 22%, rgb(255, 249, 203) 30%, rgb(255, 199, 64) 38%, rgb(252, 194, 60) 44%, rgb(255, 204, 59) 51%, rgb(213, 134, 29) 60%, rgb(255, 201, 56) 68%, rgb(212, 135, 29) 75%, rgb(247, 238, 101) 100%);
}
.frame-design-anthracite {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(118, 117, 135) 0%, rgb(74, 74, 82) 6%, rgb(50, 50, 54) 12%, rgb(97, 97, 108) 100%);
}
.frame-design-tiltedgray {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(255, 255, 255) 0%, rgb(210, 210, 210) 7%, rgb(179, 179, 179) 16%, rgb(255, 255, 255) 33%, rgb(197, 197, 197) 55%, rgb(255, 255, 255) 79%, rgb(102, 102, 102) 100%);
}
.frame-design-tiltedblack {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(102, 102, 102) 0%, rgb(0, 0, 0) 21%, rgb(102, 102, 102) 47%, rgb(0, 0, 0) 99%, rgb(0, 0, 0) 100%);
}
.frame-design-custom {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(254, 254, 254) 0%, rgb(210, 210, 210) 7%, rgb(179, 179, 179) 12%, rgb(213, 213, 213) 100%);
}
/************************************************************
* Defintions of all background gradients *
************************************************************/
.background-design-darkgray {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(0, 0, 0) 0%, rgb(51, 51, 51) 40%, rgb(153, 153, 153) 100%);
-fx-stroke: white;
}
.background-design-darkgray-text {
-fx-fill: white;
}
.background-design-satingray {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(45, 57, 57) 0%, rgb(45, 57, 57) 40%, rgb(45, 57, 57) 100%);
-fx-stroke: rgb(167, 184, 180);
}
.background-design-satingray-text {
-fx-fill: rgb(167, 184, 180);
}
.background-design-lightgray {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(130, 130, 130) 0%, rgb(181, 181, 181) 40%, rgb(253, 253, 253) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-lightgray-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-white {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.backgground-design-white-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-black {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 40%, rgb(0, 0, 0) 100%);
-fx-stroke: rgb(255, 255, 255);
}
.background-design-black-text {
-fx-fill: rgb(255, 255, 255);
}
.background-design-beige {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(178, 172, 150) 0%, rgb(204, 205, 184) 40%, rgb(231, 231, 214) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-beige-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-brown {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(245, 225, 193) 0%, rgb(245, 225, 193) 40%, rgb(255, 250, 240) 100%);
-fx-stroke: rgb(109, 73, 47);
}
.background-design-brown-text {
-fx-fill: rgb(109, 73, 47);
}
.background-design-red {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(189, 93, 95) 0%, rgb(212, 132, 134) 40%, rgb(242, 218, 218) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-red-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-green {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(65, 120, 40) 0%, rgb(129, 171, 95) 40%, rgb(218, 237, 202) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-green-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-blue {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(45, 83, 122) 0%, rgb(115, 144, 170) 40%, rgb(227, 234, 238) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-blue-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-anthracite {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(50, 50, 54) 0%, rgb(47, 47, 51) 40%, rgb(69, 69, 74) 100%);
-fx-stroke: rgb(250, 250, 250);
}
.background-design-anthracite-text {
-fx-fill: rgb(250, 250, 250);
}
.background-design-mud {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgb(80, 86, 82) 0%, rgb(70, 76, 72) 40%, rgb(57, 62, 58) 100%);
-fx-stroke: rgb(255, 255, 240);
}
.background-design-mud-text {
-fx-fill: rgb(255, 255, 240);
}
.background-design-simplegradient {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, derive(-fx-simplegradient-base, -50%) 0%, derive(-fx-simplegradient-base, 50%) 50%, derive(-fx-simplegradient-base, -50%) 100%);
}
.background-design-simplegradient-text {
-fx-fill: ladder(-fx-simplegradient-base, rgb(255, 255, 255) 49%, rgb(0, 0, 0) 50%);
}
.background-design-transparent {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-transparent-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-custom {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-custom-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-carbon {
-fx-fill : rgb(29, 33, 35);
-fx-stroke: rgb(255, 255, 255);
}
.background-design-carbon-text {
-fx-fill: rgb(255, 255, 255);
}
.background-design-punchedsheet {
-fx-fill : rgb(29, 33, 35);
-fx-stroke: rgb(255, 255, 255);
}
.background-design-punchedsheet-text {
-fx-fill: rgb(255, 255, 255);
}
.background-design-noisyplastic {
-fx-fill : rgb(29, 33, 35);
-fx-stroke: rgb(255, 255, 255);
}
.background-design-noisyplastic-text {
-fx-fill: rgb(255, 255, 255);
}
.background-design-stainless {
-fx-fill : rgb(160, 160, 160);
-fx-stroke: rgb(0, 0, 0);
}
.background-design-stainless-text {
-fx-fill: rgb(0, 0, 0);
}
.background-design-brushedmetal {
-fx-fill : rgb(220, 220, 220);
-fx-stroke: rgb(220, 220, 220);
}
.background-design-brushedmetal-text {
-fx-fill : rgb(220, 220, 220);
}
/************************************************************
* Defintions of all pointer gradients *
************************************************************/
.pointer1-gradient {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, -fx-value-verydark 0%, -fx-value-dark 30%, -fx-value-dark 60%, -fx-value-verydark 100%);
-fx-stroke: -fx-value-bright;
}
.pointer2-gradient {
-fx-fill: linear-gradient(from 0% 100% to 0% 0%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 36%, -fx-value-bright 36%, -fx-value-bright 100%);
}
.pointer3-gradient {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, -fx-value-bright 0%, -fx-value-bright 100%);
}
.pointer4-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-darker 0%, -fx-value-darker 51%, -fx-value-bright 52%, -fx-value-bright 100%);
}
.pointer5-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-bright 0%, -fx-value-bright 50%, -fx-value-dark 50%, -fx-value-dark 100%);
-fx-stroke: -fx-value-darker;
}
.pointer6-gradient {
-fx-fill: linear-gradient(from 0% 100% to 0% 0%, -fx-value-bright 0%, -fx-value-dark 25%, -fx-value-dark 75%, -fx-value-bright 100%);
-fx-stroke: -fx-value-darker;
}
.pointer7-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-dark 0%, -fx-value-bright 100%);
}
.pointer8-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-bright 0%, -fx-value-bright 50%, -fx-value-dark 50%, -fx-value-dark 100%);
-fx-stroke: -fx-value-darker;
}
.pointer9-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, rgb(50, 50, 50) 0%, rgb(102, 102, 102) 48%, rgb(50, 50, 50) 100%);
-fx-stroke: #2E2E2E;
}
.pointer9-box {
-fx-fill: -fx-value-bright;
}
.pointer10-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-bright 0%, -fx-value-bright 47%, -fx-value-dark 47%, -fx-value-dark 100%);
-fx-stroke: -fx-value-dark;
}
.pointer11-gradient {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, -fx-value-dark 0%, -fx-value-darker 100%);
-fx-stroke: -fx-value-verydark;
}
.pointer12-gradient {
-fx-fill: linear-gradient(from 50% 16.8224% to 50% 50.467%, -fx-value-dark 0%, -fx-value-darker 100%);
-fx-stroke: -fx-value-verydark;
}
.pointer13-gradient {
-fx-fill: linear-gradient(from 50% 50% to 50% 13.0841%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 85%, -fx-value-dark 85%, -fx-value-dark 100%);
}
.pointer14-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-darker 0%, -fx-value-bright 50%, -fx-value-darker 100%);
}
.pointer15-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-darker 0%, -fx-value-bright 50%, -fx-value-darker 100%);
}
.pointer16-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value-darker 0%, -fx-value-bright 50%, -fx-value-darker 100%);
}
/************************************************************
* Defintions of bargraph color *
************************************************************/
.bargraph-on {
-fx-fill : radial-gradient(focus-angle 0deg, focus-distance 0%, center 50% 50%, radius 45%, derive(-fx-value, 50%) 0%, derive(-fx-value, -20%) 100%);
-fx-effect: dropshadow(gaussian, -fx-value, 20, 0.9, 0, 0);
}
.bargraph-threshold {
-fx-fill : radial-gradient(focus-angle 0deg, focus-distance 0%, center 50% 50%, radius 45%, derive(-fx-threshold, 50%) 0%, derive(-fx-threshold, -20%) 100%);
-fx-effect: dropshadow(gaussian, -fx-threshold, 20, 0.9, 0, 0);
}
.bargraph-off {
-fx-fill: rgb(80, 80, 80);
}
/************************************************************
* Defintions of bar highlight gradients *
************************************************************/
.bar-vertical-solid {
-fx-fill: -fx-value;
}
.bar-vertical-gradient {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, -fx-value 0%, -fx-value-bright 99%, -fx-value-bright 100%);
}
.bar-vertical-highlight {
-fx-fill: linear-gradient(from 0% 0% to 100% 0%, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0.09) 80%, rgba(255, 255, 255, 0) 92%, rgba(0, 0, 0, 0.2) 100%);
}
.bar-vertical-highlight1 {
-fx-fill: linear-gradient(from 0% 0% to 50% 0%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.047) 100%);
}
.bar-horizontal-solid {
-fx-fill: -fx-value;
}
.bar-horizontal-gradient {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, -fx-value-dark 0%, -fx-value-bright 99%, -fx-value-bright 100%);
}
.bar-horizontal-highlight {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0.09) 80%, rgba(255, 255, 255, 0) 92%, rgba(0, 0, 0, 0.2) 100%);
}
.bar-horizontal-highlight1 {
-fx-fill: linear-gradient(from 0% 0% to 0% 50%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.047) 100%);
}
/************************************************************
* Defintion of led gradients *
************************************************************/
.led-off-gradient {
-fx-fill: radial-gradient(focus-angle 0deg, focus-distance 0%, center 50% 47%, radius 45%, -fx-led-darker 0%, -fx-led-darker 15%, -fx-led-verydark 100%);
}
.led-on-gradient {
-fx-fill: radial-gradient(focus-angle 0deg, focus-distance 0%, center 50% 47%, radius 45%, -fx-led-verybright 0%, -fx-led-brighter 25%, -fx-led-brighter 45%, -fx-led-bright 100%);
}
/************************************************************
* Defintion of the lcd gradient *
************************************************************/
.lcd-main {
-fx-fill : linear-gradient(from 0% 0% to 0% 100%, -fx-start 0%, -fx-frac1 3%, -fx-frac2 50%, -fx-frac3 50%, -fx-stop 100%);
-fx-stroke: transparent;
}
.lcd-text {
-fx-fill : -fx-lcd-text;
-fx-stroke: transparent;
}
.lcd-text-background {
-fx-fill : -fx-lcd-text-bg;
-fx-stroke: transparent;
}
/************************************************************
* Defintion of threshold indicator gradient *
************************************************************/
.threshold-gradient {
-fx-fill: linear-gradient(from 0% 0% to 0% 100%, -fx-threshold-darker 0%, -fx-threshold-bright 30%, -fx-threshold-bright 60%, -fx-threshold-darker 100%);
-fx-stroke: derive(-fx-threshold-verybright, 100%);
}
/************************************************************
* Defintion of circular foreground gradients *
************************************************************/
.foreground-type1 {
-fx-fill: linear-gradient(from 50% 8% to 50% 50%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
}
.foreground-type2 {
-fx-fill: linear-gradient(from 31% 13% to 49% 49%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
}
.foreground-type3 {
-fx-fill: linear-gradient(from 50% 8% to 50% 55%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
}
.foreground-type4 {
-fx-fill: linear-gradient(from 13% 37% to 27% 41%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.04) 100%);
}
.foreground-type5 {
-fx-fill: linear-gradient(from 50% 8% to 50% 64%, rgba(255, 255, 255, 0.25) 0%, transparent 100%);
}