1495 lines
36 KiB
CSS
1495 lines
36 KiB
CSS
/**
|
|
* Hello Minecraft! Launcher
|
|
* Copyright (C) 2020 huangyuhui <huanghongxun2008@126.com> and contributors
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
.root {
|
|
}
|
|
|
|
.svg {
|
|
-fx-fill: black;
|
|
}
|
|
|
|
.scroll-bar .thumb {
|
|
-fx-fill: -theme-thumb;
|
|
-fx-arc-width: 0;
|
|
-fx-arc-height: 0;
|
|
}
|
|
|
|
.disabled Label {
|
|
-fx-text-fill: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.title-label {
|
|
-fx-font-size: 16.0px;
|
|
-fx-padding: 14.0px;
|
|
-fx-text-fill: rgba(0.0, 0.0, 0.0, 0.87);
|
|
}
|
|
|
|
.subtitle-label {
|
|
-fx-text-fill: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.hint {
|
|
-fx-background-radius: 5;
|
|
-fx-border-width: 1;
|
|
-fx-border-radius: 5;
|
|
-fx-padding: 6;
|
|
}
|
|
|
|
/*
|
|
Colors are picked from bootstrap
|
|
|
|
https://getbootstrap.com/docs/5.3/components/alerts/
|
|
*/
|
|
|
|
.hint.info {
|
|
-fx-background-color: #cfe2ff;
|
|
-fx-border-color: #9ec5fe;
|
|
}
|
|
|
|
.hint.info Text, .hint.info .svg {
|
|
-fx-fill: #052c65;
|
|
}
|
|
|
|
.hint.success {
|
|
-fx-background-color: #d1e7dd;
|
|
-fx-border-color: #a3cfbb;
|
|
}
|
|
|
|
.hint.success Text, .hint.success .svg {
|
|
-fx-fill: #0a3622;
|
|
}
|
|
|
|
.hint.error {
|
|
-fx-background-color: #f8d7da;
|
|
-fx-border-color: #f1aeb5;
|
|
}
|
|
|
|
.hint.error Text, .hint.error .svg {
|
|
-fx-fill: #58151c;
|
|
}
|
|
|
|
.hint.warning {
|
|
-fx-background-color: #fff3cd;
|
|
-fx-border-color: #ffe69c;
|
|
}
|
|
|
|
.hint.warning Text, .hint.warning .svg {
|
|
-fx-fill: #664d03;
|
|
}
|
|
|
|
.skin-pane .jfx-text-field {
|
|
-fx-pref-width: 200;
|
|
}
|
|
|
|
.bold {
|
|
-fx-font-weight: bold;
|
|
}
|
|
|
|
.memory-label {
|
|
}
|
|
|
|
.memory-used {
|
|
-fx-background-color: -fx-base-darker-color;
|
|
}
|
|
|
|
.memory-used:disabled {
|
|
-fx-opacity: 0.4;
|
|
}
|
|
|
|
.memory-allocate {
|
|
-fx-background-color: derive(-fx-base-color, 100%);
|
|
}
|
|
|
|
.memory-allocate:disabled {
|
|
-fx-opacity: 0.4;
|
|
}
|
|
|
|
.memory-total {
|
|
-fx-background-color: -fx-base-rippler-color;
|
|
}
|
|
|
|
.memory-total:disabled {
|
|
-fx-opacity: 0.4;
|
|
}
|
|
|
|
.update-label {
|
|
-fx-text-fill: red;
|
|
}
|
|
|
|
.radio-button-title-label {
|
|
-fx-font-size: 16px;
|
|
-fx-padding: 14.0 0.0 -20.0 0.0;
|
|
-fx-text-fill: rgba(0.0, 0.0, 0.0, 0.87);
|
|
}
|
|
|
|
.announcement {
|
|
-fx-padding: 16;
|
|
}
|
|
|
|
.announcement .title {
|
|
-fx-font-size: 14px;
|
|
-fx-font-weight: BOLD;
|
|
}
|
|
|
|
.announcement JFXHyperlink, .announcement Text {
|
|
-fx-font-size: 13px;
|
|
}
|
|
|
|
.rippler-container {
|
|
-jfx-rippler-fill: #a2a2a2;
|
|
}
|
|
|
|
.rippler-container:selected .label {
|
|
-fx-text-fill: -fx-base-text-fill;
|
|
}
|
|
|
|
.advanced-list-item > .rippler-container > .container {
|
|
-fx-padding: 10 16 10 16;
|
|
-fx-background-color: null;
|
|
}
|
|
|
|
.advanced-list-item > .rippler-container > .container > .two-line-list-item {
|
|
-fx-alignment: center-left;
|
|
-fx-padding: 0 0 0 10;
|
|
}
|
|
|
|
.advanced-list-item > .rippler-container > .container > .two-line-list-item > .first-line > .title {
|
|
-fx-font-size: 13;
|
|
-fx-text-alignment: justify;
|
|
}
|
|
|
|
.advanced-list-item > .rippler-container > .container > .two-line-list-item > HBox > .subtitle {
|
|
-fx-font-size: 10;
|
|
-fx-text-alignment: justify;
|
|
}
|
|
|
|
.advanced-list-item:selected > .rippler-container > .container {
|
|
-fx-background-color: -fx-base-rippler-color;
|
|
}
|
|
|
|
.advanced-list-item:selected > .rippler-container > .container > .two-line-list-item > .first-line > .title {
|
|
-fx-text-fill: -fx-base-color;
|
|
-fx-font-weight: bold;
|
|
}
|
|
|
|
.advanced-list-item:selected .svg {
|
|
-fx-fill: -fx-base-color;
|
|
}
|
|
|
|
.navigation-drawer-item > .rippler-container > .container > VBox {
|
|
-fx-padding: 0 0 0 0;
|
|
}
|
|
|
|
.profile-list-item > .rippler-container > BorderPane > .two-line-list-item > .first-line > .title {
|
|
-fx-font-size: 13;
|
|
}
|
|
|
|
.profile-list-item > .rippler-container > BorderPane > .two-line-list-item > HBox > .subtitle {
|
|
-fx-font-size: 10;
|
|
}
|
|
|
|
.profile-list-item > .rippler-container > BorderPane {
|
|
-fx-padding: 8 0 8 16;
|
|
}
|
|
|
|
.profile-list-item:selected > .rippler-container > BorderPane {
|
|
-fx-background-color: -fx-base-rippler-color;
|
|
}
|
|
|
|
.profile-list-item:selected > .rippler-container > BorderPane > .two-line-list-item > .first-line > .title {
|
|
-fx-text-fill: -fx-base-color;
|
|
-fx-font-weight: bold;
|
|
}
|
|
|
|
.profile-list-item:selected .svg {
|
|
-fx-fill: -fx-base-color;
|
|
}
|
|
|
|
.notice-pane > .label {
|
|
-fx-text-fill: #0079FF;
|
|
-fx-font-size: 20;
|
|
-fx-wrap-text: true;
|
|
-fx-text-alignment: CENTER;
|
|
}
|
|
|
|
.class-title {
|
|
-fx-font-size: 12px;
|
|
-fx-padding: 16 16 8 16;
|
|
}
|
|
|
|
.advanced-list-box-item {
|
|
}
|
|
|
|
.advanced-list-box-content {
|
|
-fx-padding: 12 0 0 0;
|
|
-fx-spacing: 0;
|
|
}
|
|
|
|
.iconed-item {
|
|
-jfx-rippler-fill: -fx-base-color;
|
|
}
|
|
|
|
.iconed-item .iconed-item-container {
|
|
-fx-padding: 10 16 10 16;
|
|
-fx-spacing: 10;
|
|
-fx-font-size: 14;
|
|
-fx-alignment: CENTER_LEFT;
|
|
}
|
|
|
|
.iconed-menu-item {
|
|
-jfx-rippler-fill: -fx-base-color;
|
|
}
|
|
|
|
.iconed-menu-item .iconed-item-container {
|
|
-fx-padding: 8 16 8 16;
|
|
-fx-spacing: 10;
|
|
-fx-font-size: 12;
|
|
-fx-alignment: CENTER_LEFT;
|
|
}
|
|
|
|
.menu-container {
|
|
-fx-padding: 8 16 8 16;
|
|
}
|
|
|
|
.popup-menu .scroll-bar .thumb {
|
|
-fx-fill: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.popup-menu-content {
|
|
-fx-padding: 4 0 4 0;
|
|
}
|
|
|
|
.two-line-list-item > .first-line > .title {
|
|
-fx-text-fill: #292929;
|
|
-fx-font-size: 15px;
|
|
-fx-padding: 0 8 0 0;
|
|
}
|
|
|
|
.two-line-list-item > HBox > .subtitle {
|
|
-fx-text-fill: rgba(0, 0, 0, 0.5);
|
|
-fx-font-weight: normal;
|
|
-fx-font-size: 12px;
|
|
}
|
|
|
|
.two-line-list-item > .first-line > .tag {
|
|
-fx-text-fill: -fx-base-color;
|
|
-fx-background-color: -fx-base-rippler-color;
|
|
-fx-padding: 2;
|
|
-fx-font-weight: normal;
|
|
-fx-font-size: 12px;
|
|
}
|
|
|
|
.two-line-item-second-large {
|
|
|
|
}
|
|
|
|
.two-line-item-second-large > .first-line > .title, .two-line-item-second-large-title {
|
|
-fx-text-fill: rgba(0, 0, 0, 0.5);
|
|
-fx-font-weight: normal;
|
|
-fx-font-size: 12px;
|
|
}
|
|
|
|
.two-line-item-second-large > HBox > .subtitle {
|
|
-fx-text-fill: #292929;
|
|
-fx-font-size: 15px;
|
|
}
|
|
|
|
.wrap-text > HBox > .subtitle {
|
|
-fx-wrap-text: true;
|
|
}
|
|
|
|
.bubble {
|
|
-fx-background-color: rgba(0, 0, 0, 0.5);
|
|
-fx-background-radius: 2px;
|
|
-fx-text-fill: white;
|
|
}
|
|
|
|
.bubble > HBox > .two-line-list-item > .first-line > .title,
|
|
.bubble > HBox > .two-line-list-item > HBox > .subtitle {
|
|
-fx-text-fill: white;
|
|
}
|
|
|
|
.sponsor-pane {
|
|
-fx-cursor: hand;
|
|
}
|
|
|
|
.installer-item {
|
|
-fx-padding: 8px;
|
|
}
|
|
|
|
.installer-item:list-item {
|
|
-fx-border-color: #e0e0e0;
|
|
-fx-border-width: 0 0 1 0;
|
|
-fx-alignment: center-left;
|
|
}
|
|
|
|
.installer-item:list-item > .installer-item-name {
|
|
-fx-pref-width: 80px;
|
|
}
|
|
|
|
.installer-item:list-item > .installer-item-status {
|
|
-fx-max-width: infinity;
|
|
}
|
|
|
|
.installer-item:card {
|
|
-fx-background-color: white;
|
|
-fx-background-radius: 4;
|
|
-fx-alignment: center;
|
|
-fx-pref-width: 180px;
|
|
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 10, 0.12, -1, 2);
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Main Page *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.launch-pane > .jfx-button {
|
|
-fx-background-color: -fx-base-color;
|
|
-fx-cursor: hand;
|
|
}
|
|
|
|
.launch-pane > .jfx-button > StackPane > .jfx-rippler {
|
|
-jfx-rippler-fill: white;
|
|
-jfx-mask-type: CIRCLE;
|
|
-fx-padding: 0.0;
|
|
}
|
|
|
|
.launch-pane > .jfx-button, .jfx-button * {
|
|
-fx-text-fill: -fx-base-text-fill;
|
|
-fx-font-size: 14px;
|
|
}
|
|
|
|
.launch-pane > Rectangle {
|
|
-fx-fill: -fx-base-darker-color;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Tooltip *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.tooltip {
|
|
-fx-text-fill: WHITE;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Tab Pane *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.tab-header-background {
|
|
-fx-background-color: -fx-base-check-color;
|
|
}
|
|
|
|
.tab-selected-line {
|
|
-fx-background-color: derive(-fx-base-color, -30%);
|
|
}
|
|
|
|
.tab-rippler {
|
|
-jfx-rippler-fill: -fx-base-check-color;
|
|
}
|
|
|
|
.jfx-tab-pane .jfx-rippler {
|
|
-jfx-rippler-fill: white;
|
|
}
|
|
|
|
.tab-label {
|
|
-fx-font-size: 16;
|
|
}
|
|
|
|
.tab-label {
|
|
-fx-padding: 10 17 10 17;
|
|
}
|
|
|
|
.add-account-tab-header .tab-label {
|
|
-fx-font-size: 12;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Dialog Layout *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.dialog-trigger {
|
|
-fx-background-color: WHITE;
|
|
-jfx-button-type: RAISED;
|
|
-fx-font-size: 14.0px;
|
|
}
|
|
|
|
.jfx-dialog-layout {
|
|
-fx-padding: 24.0px 24.0px 16.0px 24.0px;
|
|
-fx-text-fill: rgba(0.0, 0.0, 0.0, 0.87);
|
|
}
|
|
|
|
.jfx-layout-heading {
|
|
-fx-font-size: 20.0px;
|
|
-fx-alignment: center-left;
|
|
-fx-padding: 5.0 0.0 5.0 0.0;
|
|
}
|
|
|
|
.jfx-layout-body {
|
|
-fx-pref-width: 400px;
|
|
-fx-wrap-text: true;
|
|
}
|
|
|
|
.jfx-layout-actions {
|
|
-fx-pref-width: 400;
|
|
-fx-padding: 10.0px 0.0 0.0 0.0;
|
|
-fx-alignment: center-right;
|
|
}
|
|
|
|
.dialog-error {
|
|
-fx-text-fill: #d32f2f;
|
|
-fx-padding: 0.7em 0.8em;
|
|
}
|
|
|
|
.dialog-accept {
|
|
-fx-text-fill: #03A9F4;
|
|
-fx-padding: 0.7em 0.8em;
|
|
}
|
|
|
|
.dialog-cancel {
|
|
-fx-padding: 0.7em 0.8em;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Pop Up *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.jfx-popup-overlay-pane {
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.jfx-popup-container {
|
|
-fx-background-color: WHITE;
|
|
-fx-background-radius: 4;
|
|
}
|
|
|
|
.popup-list-view {
|
|
-fx-pref-width: 150.0px;
|
|
}
|
|
|
|
.jfx-snackbar-content {
|
|
-fx-background-color: #323232;
|
|
}
|
|
|
|
.jfx-snackbar-toast {
|
|
-fx-text-fill: WHITE;
|
|
}
|
|
|
|
.jfx-snackbar-action {
|
|
-fx-text-fill: #ff4081;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Icons *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.icon {
|
|
-fx-fill: #FE774D;
|
|
-fx-padding: 10.0;
|
|
-fx-cursor: hand;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Tool Bar *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.jfx-tool-bar {
|
|
-fx-font-size: 13.0;
|
|
-fx-pref-width: 100.0%;
|
|
-fx-min-height: 40px;
|
|
-fx-max-height: 40px;
|
|
-fx-pref-height: 40px;
|
|
}
|
|
|
|
.jfx-tool-bar .jfx-decorator-title {
|
|
-fx-font-weight: BOLD;
|
|
}
|
|
|
|
.jfx-tool-bar.background {
|
|
-fx-background-color: -fx-base-color;
|
|
}
|
|
|
|
/*.jfx-tool-bar HBox {*/
|
|
/* -fx-alignment: center-left;*/
|
|
/* -fx-padding: 0.0 5.0;*/
|
|
/*}*/
|
|
|
|
.jfx-tool-bar .jfx-decorator-button {
|
|
-fx-min-width: 40px;
|
|
-fx-max-width: 40px;
|
|
-fx-pref-width: 40px;
|
|
-fx-min-height: 40px;
|
|
-fx-max-height: 40px;
|
|
-fx-pref-height: 40px;
|
|
-fx-cursor: hand;
|
|
}
|
|
|
|
.jfx-tool-bar .jfx-decorator-button .svg {
|
|
-fx-fill: -fx-base-text-fill;
|
|
}
|
|
|
|
.jfx-tool-bar Label {
|
|
-fx-text-fill: WHITE;
|
|
}
|
|
|
|
.jfx-tool-bar.gray-background Label {
|
|
/* -fx-text-fill: BLACK; */
|
|
}
|
|
|
|
.jfx-tool-bar .jfx-options-burger {
|
|
-fx-padding: 22px;
|
|
}
|
|
|
|
.jfx-tool-bar .jfx-options-burger StackPane {
|
|
-fx-pref-width: 4px;
|
|
}
|
|
|
|
.jfx-tool-bar .jfx-rippler {
|
|
-jfx-rippler-fill: WHITE;
|
|
}
|
|
|
|
.jfx-tool-bar-second {
|
|
-fx-pref-height: 42;
|
|
-fx-padding: 2 2 2 2;
|
|
-fx-background-color: -fx-base-check-color;
|
|
-fx-alignment: CENTER-LEFT;
|
|
-fx-spacing: 8;
|
|
}
|
|
|
|
.jfx-tool-bar-second .label {
|
|
-fx-text-fill: -fx-base-text-fill;
|
|
-fx-font-size: 16;
|
|
-fx-font-weight: bold;
|
|
}
|
|
|
|
.jfx-tool-bar-second .jfx-rippler {
|
|
-jfx-rippler-fill: WHITE;
|
|
}
|
|
|
|
.jfx-tool-bar-button {
|
|
-fx-toggle-icon4-size: 37px;
|
|
-fx-pref-height: -fx-toggle-icon4-size;
|
|
-fx-max-height: -fx-toggle-icon4-size;
|
|
-fx-min-height: -fx-toggle-icon4-size;
|
|
-fx-background-radius: 5px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: white;
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.jfx-tool-bar-button .icon {
|
|
-fx-fill: rgb(204.0, 204.0, 51.0);
|
|
-fx-padding: 10.0;
|
|
}
|
|
|
|
.jfx-tool-bar-button .jfx-rippler {
|
|
-jfx-rippler-fill: white;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.jfx-decorator-button {
|
|
-fx-max-width: 40px;
|
|
-fx-background-radius: 5px;
|
|
-fx-max-height: 40px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: rgba(128, 128, 255, 0.2);
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.jfx-decorator-button .icon {
|
|
-fx-fill: rgb(204.0, 204.0, 51.0);
|
|
-fx-padding: 0.0;
|
|
}
|
|
|
|
.jfx-decorator-button .jfx-rippler {
|
|
-jfx-rippler-fill: white;
|
|
-jfx-mask-type: CIRCLE;
|
|
-fx-padding: 0.0;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Radio Button *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.jfx-radio-button {
|
|
-jfx-selected-color: -fx-base-check-color;
|
|
}
|
|
|
|
.jfx-radio-button .radio {
|
|
-fx-stroke-width: 2.0px;
|
|
-fx-fill: transparent;
|
|
}
|
|
|
|
.jfx-radio-button .dot {
|
|
-fx-fill: -fx-base-check-color;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Slider *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.svg-slider .thumb {
|
|
-fx-stroke: black;
|
|
-fx-fill: black;
|
|
}
|
|
|
|
.jfx-slider:disabled {
|
|
-fx-opacity: 0.4;
|
|
}
|
|
|
|
/*******************************************************
|
|
* *
|
|
* For the main demo sliders *
|
|
* *
|
|
*******************************************************/
|
|
|
|
.jfx-slider {
|
|
-jfx-indicator-position: right;
|
|
}
|
|
|
|
.jfx-slider .thumb {
|
|
-fx-background-color: -fx-base-color;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Rippler *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-rippler:hover {
|
|
-fx-cursor: hand;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Button *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-button {
|
|
-jfx-disable-visual-focus: true;
|
|
-fx-cursor: hand;
|
|
}
|
|
|
|
.jfx-button .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-check-color;
|
|
-jfx-mask-type: CIRCLE;
|
|
-fx-padding: 0.0;
|
|
}
|
|
|
|
.jfx-button-raised {
|
|
-fx-background-color: -fx-base-color;
|
|
}
|
|
|
|
.jfx-button-raised .jfx-rippler {
|
|
-jfx-rippler-fill: white;
|
|
-jfx-mask-type: CIRCLE;
|
|
-fx-padding: 0.0;
|
|
}
|
|
|
|
.jfx-button-raised, .jfx-button-raised * {
|
|
-fx-text-fill: -fx-base-text-fill;
|
|
-fx-font-size: 14px;
|
|
}
|
|
|
|
.jfx-button-border {
|
|
-fx-border-color: gray;
|
|
-fx-border-radius: 5px;
|
|
-fx-border-width: 0.2px;
|
|
-fx-padding: 8px;
|
|
}
|
|
|
|
.jfx-button-border, .jfx-button-border * {
|
|
-fx-text-fill: -fx-base-darker-color;
|
|
}
|
|
|
|
.jfx-button-raised-round {
|
|
-fx-background-color: -fx-base-color;
|
|
-fx-background-radius: 50px;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Check Box *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-check-box {
|
|
-fx-font-weight: BOLD;
|
|
-jfx-checked-color: -fx-base-check-color;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Progress Bar *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-progress-bar {
|
|
-fx-pref-width: 500.0;
|
|
}
|
|
|
|
.jfx-progress-bar > .track, .jfx-progress-bar > .bar {
|
|
-fx-background-radius: 0;
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
.jfx-progress-bar > .track {
|
|
-fx-background-color: #E0E0E0;
|
|
}
|
|
|
|
.jfx-progress-bar > .bar {
|
|
-fx-background-color: -fx-base-check-color;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Textfield *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-text-field, .jfx-password-field, .jfx-text-area {
|
|
-fx-background-color: #f1f3f4;
|
|
-fx-font-weight: BOLD;
|
|
-fx-prompt-text-fill: #808080;
|
|
-fx-alignment: top-left;
|
|
-fx-max-width: 1000000000;
|
|
-jfx-focus-color: -fx-base-check-color;
|
|
-fx-padding: 8;
|
|
-jfx-unfocus-color: transparent;
|
|
}
|
|
|
|
.jfx-text-area .viewport {
|
|
-fx-background-color: #ffffff;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX List View *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.no-padding .list-cell {
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
.jfx-list-cell, .list-cell {
|
|
/*-fx-background-color: WHITE;*/
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.list-cell:selected, .jfx-list-cell:selected,
|
|
.list-cell:hover, .jfx-list-cell:hover {
|
|
-fx-text-fill: black;
|
|
}
|
|
|
|
.jfx-list-cell .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-color;
|
|
}
|
|
|
|
.list-cell:odd:selected > .jfx-rippler > StackPane,
|
|
.list-cell:even:selected > .jfx-rippler > StackPane {
|
|
-fx-background-color: derive(-fx-base-check-color, 30%);
|
|
}
|
|
|
|
.jfx-list-view {
|
|
-fx-background-insets: 0.0;
|
|
-jfx-cell-horizontal-margin: 0.0;
|
|
-jfx-cell-vertical-margin: 5.0;
|
|
-jfx-vertical-gap: 10.0;
|
|
-jfx-expanded: false;
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.jfx-list-view .scroll-bar {
|
|
-fx-skin: "org.jackhuang.hmcl.ui.construct.FloatScrollBarSkin";
|
|
}
|
|
|
|
.jfx-list-view .scroll-bar .track {
|
|
-fx-fill: transparent;
|
|
}
|
|
|
|
.jfx-list-view-float {
|
|
-fx-background-insets: 0.0;
|
|
-jfx-cell-horizontal-margin: 0.0;
|
|
-jfx-cell-vertical-margin: 5.0;
|
|
-jfx-vertical-gap: 10.0;
|
|
-jfx-expanded: false;
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.options-list {
|
|
-fx-background-color: transparent;
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 5, 0.06, -0.5, 1);
|
|
}
|
|
|
|
.depth-0 {
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0), 0, 0, 0, 0);
|
|
}
|
|
|
|
.depth-1 {
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 10, 0.12, -1, 2);
|
|
}
|
|
|
|
.depth-2 {
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 15, 0.16, 0, 4);
|
|
}
|
|
|
|
.depth-3 {
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 20, 0.19, 0, 6);
|
|
}
|
|
|
|
.depth-4 {
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 25, 0.25, 0, 8);
|
|
}
|
|
|
|
.depth-5 {
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 30, 0.3, 0, 10);
|
|
}
|
|
|
|
.padding-8 {
|
|
-fx-padding: 8px;
|
|
}
|
|
|
|
.card {
|
|
-fx-background-color: rgba(255, 255, 255, 0.8);
|
|
-fx-background-radius: 4;
|
|
-fx-padding: 8px;
|
|
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 10, 0.12, -1, 2);
|
|
}
|
|
|
|
.card-non-transparent {
|
|
-fx-background-color: white;
|
|
-fx-background-radius: 4;
|
|
-fx-padding: 8px;
|
|
|
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.26), 5, 0.06, -0.5, 1);
|
|
}
|
|
|
|
.card:selected {
|
|
-fx-background-color: derive(-fx-base-color, 60%);
|
|
}
|
|
|
|
.card-list {
|
|
-fx-padding: 10;
|
|
-fx-spacing: 10;
|
|
}
|
|
|
|
.md-list-cell {
|
|
-fx-border-color: #e0e0e0;
|
|
-fx-border-width: 0 0 1 0;
|
|
}
|
|
|
|
.md-list-cell:selected {
|
|
-fx-background-color: derive(-fx-base-color, 60%);
|
|
}
|
|
|
|
.options-sublist {
|
|
-fx-background-color: white;
|
|
}
|
|
|
|
.options-list-item {
|
|
-fx-background-color: white;
|
|
-fx-border-color: #e0e0e0;
|
|
-fx-border-width: 1 0 0 0;
|
|
-fx-padding: 10 16 10 16;
|
|
-fx-font-size: 12;
|
|
}
|
|
|
|
.options-list-item.no-padding {
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
.no-padding .options-list-item {
|
|
-fx-padding: 0;
|
|
}
|
|
|
|
.options-list-item:first {
|
|
-fx-background-radius: 4 4 0 0;
|
|
-fx-border-width: 0;
|
|
}
|
|
|
|
.options-list-item:last {
|
|
-fx-background-radius: 0 0 4 4;
|
|
}
|
|
|
|
.options-list-item:first:last {
|
|
-fx-background-radius: 4 4 4 4;
|
|
-fx-border-width: 0;
|
|
}
|
|
|
|
.options-list-item-expand-button {
|
|
-fx-toggle-icon4-size: 20px;
|
|
-fx-pref-width: -fx-toggle-icon4-size;
|
|
-fx-max-width: -fx-toggle-icon4-size;
|
|
-fx-min-width: -fx-toggle-icon4-size;
|
|
-fx-pref-height: -fx-toggle-icon4-size;
|
|
-fx-max-height: -fx-toggle-icon4-size;
|
|
-fx-min-height: -fx-toggle-icon4-size;
|
|
-fx-background-radius: 50px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: rgba(128, 128, 255, 0.2);
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.options-list-item-expand-button .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-check-color;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Toggle Button *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-toggle-button {
|
|
-jfx-toggle-color: -fx-base-check-color;
|
|
}
|
|
|
|
.toggle-label {
|
|
-fx-font-size: 14.0px;
|
|
}
|
|
|
|
.toggle-icon1 .icon {
|
|
-fx-fill: #4285F4;
|
|
-fx-padding: 20.0;
|
|
}
|
|
|
|
.toggle-icon1 {
|
|
-fx-pref-width: 80px;
|
|
-fx-background-radius: 80px;
|
|
-fx-pref-height: 80px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: rgba(66.0, 133.0, 244.0, 0.29885056614875793);
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.toggle-icon1 .jfx-rippler {
|
|
-jfx-rippler-fill: rgba(66.0, 133.0, 244.0, 0.29885056614875793);
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.toggle-icon2, .toggle-icon3, .jfx-decorator-button {
|
|
-fx-pref-width: 50px;
|
|
-fx-background-radius: 50px;
|
|
-fx-pref-height: 50px;
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.toggle-icon2 .icon {
|
|
-fx-fill: RED;
|
|
}
|
|
|
|
.toggle-icon2 .jfx-rippler {
|
|
-jfx-rippler-fill: RED;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.toggle-icon3 {
|
|
-fx-toggle-icon4-size: 35px;
|
|
-fx-pref-width: -fx-toggle-icon4-size;
|
|
-fx-max-width: -fx-toggle-icon4-size;
|
|
-fx-min-width: -fx-toggle-icon4-size;
|
|
-fx-pref-height: -fx-toggle-icon4-size;
|
|
-fx-max-height: -fx-toggle-icon4-size;
|
|
-fx-min-height: -fx-toggle-icon4-size;
|
|
-fx-background-radius: 50px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: white;
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.toggle-icon3 .icon {
|
|
-fx-fill: rgb(204.0, 204.0, 51.0);
|
|
-fx-padding: 10.0;
|
|
}
|
|
|
|
.toggle-icon3 .jfx-rippler {
|
|
-jfx-rippler-fill: white;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.toggle-icon4 {
|
|
-fx-toggle-icon4-size: 30px;
|
|
-fx-pref-width: -fx-toggle-icon4-size;
|
|
-fx-max-width: -fx-toggle-icon4-size;
|
|
-fx-min-width: -fx-toggle-icon4-size;
|
|
-fx-pref-height: -fx-toggle-icon4-size;
|
|
-fx-max-height: -fx-toggle-icon4-size;
|
|
-fx-min-height: -fx-toggle-icon4-size;
|
|
-fx-background-radius: 50px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: -fx-base-check-color;
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.toggle-icon4 .icon {
|
|
-fx-fill: rgb(204.0, 204.0, 51.0);
|
|
-fx-padding: 10.0;
|
|
}
|
|
|
|
.toggle-icon4 .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-check-color;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.toggle-icon-tiny {
|
|
-fx-toggle-icon-tiny-size: 15px;
|
|
-fx-pref-width: -fx-toggle-icon-tiny-size;
|
|
-fx-max-width: -fx-toggle-icon-tiny-size;
|
|
-fx-min-width: -fx-toggle-icon-tiny-size;
|
|
-fx-pref-height: -fx-toggle-icon-tiny-size;
|
|
-fx-max-height: -fx-toggle-icon-tiny-size;
|
|
-fx-min-height: -fx-toggle-icon-tiny-size;
|
|
-fx-background-radius: 25px;
|
|
-fx-background-color: transparent;
|
|
-jfx-toggle-color: -fx-base-check-color;
|
|
-jfx-untoggle-color: transparent;
|
|
}
|
|
|
|
.toggle-icon-tiny .icon {
|
|
-fx-fill: rgb(204.0, 204.0, 51.0);
|
|
-fx-padding: 5.0;
|
|
}
|
|
|
|
.toggle-icon-tiny .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-check-color;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.announcement-close-button {
|
|
-fx-announcement-close-button-size: 20px;
|
|
-fx-pref-width: -fx-announcement-close-button-size;
|
|
-fx-max-width: -fx-announcement-close-button-size;
|
|
-fx-min-width: -fx-announcement-close-button-size;
|
|
-fx-pref-height: -fx-announcement-close-button-size;
|
|
-fx-max-height: -fx-announcement-close-button-size;
|
|
-fx-min-height: -fx-announcement-close-button-size;
|
|
-fx-background-radius: 50px;
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.announcement-close-button .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-check-color;
|
|
-jfx-mask-type: CIRCLE;
|
|
}
|
|
|
|
.transparent {
|
|
-fx-background-color: null;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Log Window *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.log-toggle:selected {
|
|
-fx-background-color: transparent;
|
|
-fx-border: 1px;
|
|
-fx-border-color: black;
|
|
-fx-text-fill: black;
|
|
}
|
|
|
|
.log-toggle {
|
|
-fx-background-color: transparent;
|
|
-fx-border: 1px;
|
|
-fx-border-color: gray;
|
|
-fx-text-fill: gray;
|
|
}
|
|
|
|
.log-window .scroll-bar .thumb {
|
|
-fx-fill: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.log-window-list-cell {
|
|
-fx-text-fill: black;
|
|
-fx-border-width: 0 0 1 0;
|
|
-fx-border-color: #dddddd;
|
|
}
|
|
|
|
.log-window-list-cell:empty {
|
|
-fx-border-width: 0;
|
|
}
|
|
|
|
.log-window-list-cell:fatal {
|
|
-fx-background-color: #F7A699;
|
|
}
|
|
|
|
.log-window-list-cell:error {
|
|
-fx-background-color: #FFCCBB;
|
|
}
|
|
|
|
.log-window-list-cell:warn {
|
|
-fx-background-color: #FFEECC;
|
|
}
|
|
|
|
.log-window-list-cell:info {
|
|
-fx-background-color: #FFFFFF;
|
|
}
|
|
|
|
.log-window-list-cell:debug {
|
|
-fx-background-color: #EEE9E0;
|
|
}
|
|
|
|
.log-window-list-cell:trace {
|
|
-fx-background-color: #EEE9E0;
|
|
}
|
|
|
|
.log-window-list-cell:selected {
|
|
-fx-background-color: #C4C4C4;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Spinner *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-spinner > .arc {
|
|
-fx-stroke-width: 3.0;
|
|
-fx-fill: transparent;
|
|
-fx-stroke: -fx-base-color;
|
|
}
|
|
|
|
.first-spinner {
|
|
-jfx-radius: 20;
|
|
}
|
|
|
|
.first-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.small-spinner {
|
|
-jfx-radius: 10;
|
|
}
|
|
|
|
.small-spinner > .arc {
|
|
-fx-stroke-width: 3.0;
|
|
}
|
|
|
|
.small-spinner-pane .jfx-spinner {
|
|
-jfx-radius: 10;
|
|
}
|
|
|
|
.small-spinner-pane .jfx-spinner > .arc {
|
|
-fx-stroke-width: 3.0;
|
|
}
|
|
|
|
.large-spinner-pane .jfx-spinner {
|
|
-jfx-radius: 20;
|
|
}
|
|
|
|
.large-spinner-pane .jfx-spinner {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.second-spinner {
|
|
-jfx-radius: 30;
|
|
}
|
|
|
|
.second-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.third-spinner {
|
|
-jfx-radius: 40;
|
|
}
|
|
|
|
.third-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.fourth-spinner {
|
|
-jfx-radius: 50;
|
|
}
|
|
|
|
.fourth-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.fifth-spinner {
|
|
-jfx-radius: 60;
|
|
}
|
|
|
|
.fifth-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.sixth-spinner {
|
|
-jfx-radius: 70;
|
|
}
|
|
|
|
.sixth-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
.seventh-spinner {
|
|
-jfx-radius: 80;
|
|
}
|
|
|
|
.seventh-spinner > .arc {
|
|
-fx-stroke-width: 5.0;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Combo Box *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-combo-box {
|
|
-jfx-focus-color: transparent;
|
|
-jfx-unfocus-color: transparent;
|
|
-fx-background-color: #f1f3f4;
|
|
-fx-padding: 4;
|
|
-fx-max-width: 1000000000;
|
|
}
|
|
|
|
.jfx-combo-box-warning {
|
|
-jfx-focus-color: #D34336;
|
|
-jfx-unfocus-color: #D34336;
|
|
}
|
|
|
|
.jfx-combo-box-warning .text {
|
|
-fx-fill: #D34336;
|
|
}
|
|
|
|
.combo-box-popup .list-view .jfx-list-cell {
|
|
-fx-background-insets: 0.0;
|
|
}
|
|
|
|
.combo-box-popup .list-view .jfx-list-cell .jfx-rippler {
|
|
-jfx-rippler-fill: -fx-base-color;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* JFX Decorator *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.jfx-decorator {
|
|
-fx-decorator-color: -fx-base-color;
|
|
}
|
|
|
|
.jfx-decorator-drawer {
|
|
-fx-background-color: rgba(244, 244, 244, 0.5);
|
|
}
|
|
|
|
.jfx-decorator-title {
|
|
-fx-text-fill: -fx-base-text-fill;
|
|
-fx-font-size: 14;
|
|
}
|
|
|
|
.jfx-decorator-title:transparent {
|
|
-fx-text-fill: black;
|
|
}
|
|
|
|
.jfx-decorator-tab .tab-container .tab-label {
|
|
-fx-text-fill: -fx-base-disabled-text-fill;
|
|
-fx-font-size: 14;
|
|
}
|
|
|
|
.jfx-decorator-tab .tab-container:selected .tab-label {
|
|
-fx-text-fill: -fx-base-text-fill;
|
|
-fx-font-weight: BOLD;
|
|
}
|
|
|
|
.window {
|
|
-fx-background-color: transparent;
|
|
-fx-padding: 8;
|
|
}
|
|
|
|
.debug-border {
|
|
-fx-border-color: red;
|
|
-fx-border-width: 1;
|
|
}
|
|
|
|
.content-background {
|
|
-fx-background-color: rgba(244, 244, 244, 0.5);
|
|
}
|
|
|
|
.gray-background {
|
|
-fx-background-color: rgba(244, 244, 244, 0.5);
|
|
}
|
|
|
|
.white-background {
|
|
-fx-background-color: rgb(255, 255, 255);
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Scroll Bar *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background {
|
|
-fx-background-color: #F1F1F1;
|
|
-fx-background-insets: 0.0;
|
|
}
|
|
|
|
.scroll-bar:vertical .thumb, .scroll-bar:horizontal .thumb {
|
|
-fx-background-color: #BCBCBC;
|
|
-fx-background-insets: 0.0;
|
|
-fx-background-radius: 1.0;
|
|
}
|
|
|
|
.scroll-bar > .increment-button, .scroll-bar > .decrement-button {
|
|
-fx-padding: 5 2 5 2;
|
|
}
|
|
|
|
.scroll-bar > .increment-button, .scroll-bar > .decrement-button, .scroll-bar:hover > .increment-button, .scroll-bar:hover > .decrement-button {
|
|
-fx-background-color: transparent;
|
|
}
|
|
|
|
.scroll-bar > .increment-button > .increment-arrow, .scroll-bar > .decrement-button > .decrement-arrow {
|
|
-fx-background-color: rgb(150.0, 150.0, 150.0);
|
|
}
|
|
|
|
.scroll-bar > .increment-button > .increment-arrow {
|
|
-fx-shape: "M298 426h428l-214 214z";
|
|
}
|
|
|
|
.scroll-bar > .decrement-button > .decrement-arrow {
|
|
-fx-shape: "M298 598l214-214 214 214h-428z";
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Scroll Pane *
|
|
* *
|
|
******************************************************************************/
|
|
|
|
.scroll-pane {
|
|
-fx-background-color: null;
|
|
-fx-background-insets: 0;
|
|
-fx-padding: 0;
|
|
-fx-snap-to-pixel: false;
|
|
}
|
|
|
|
.scroll-pane:focused {
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
.scroll-pane .corner {
|
|
-fx-background-insets: 0;
|
|
}
|
|
|
|
.scroll-pane > .viewport {
|
|
-fx-background-color: null;
|
|
}
|
|
|
|
.scroll-pane .scroll-bar {
|
|
-fx-skin: "org.jackhuang.hmcl.ui.construct.FloatScrollBarSkin";
|
|
}
|
|
|
|
.scroll-pane .scroll-bar .track {
|
|
-fx-fill: transparent;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* Error Facade *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.error-label {
|
|
-fx-text-fill: #D34336;
|
|
-fx-font-size: 0.75em;
|
|
-fx-font-weight: bold;
|
|
}
|
|
|
|
.error-icon {
|
|
-fx-fill: #D34336;
|
|
-fx-font-size: 1.0em;
|
|
}
|
|
|
|
.jfx-text-field:error, .jfx-password-field:error, .jfx-text-area:error, .jfx-combo-box:error {
|
|
-jfx-focus-color: #D34336;
|
|
-jfx-unfocus-color: #D34336;
|
|
}
|
|
|
|
.jfx-text-field .error-label, .jfx-password-field .error-label, .jfx-text-area .error-label {
|
|
-fx-text-fill: #D34336;
|
|
-fx-font-size: 0.75em;
|
|
}
|
|
|
|
.jfx-text-field .error-icon, .jfx-password-field .error-icon, .jfx-text-area .error-icon {
|
|
-fx-fill: #D34336;
|
|
-fx-font-size: 1.0em;
|
|
}
|
|
|
|
.fit-width {
|
|
-fx-pref-width: 100%;
|
|
}
|
|
|
|
/*******************************************************************************
|
|
* *
|
|
* HTML Renderer *
|
|
* *
|
|
*******************************************************************************/
|
|
|
|
.html {
|
|
-fx-font-size: 16;
|
|
}
|
|
|
|
.html-hyperlink {
|
|
-fx-fill: blue;
|
|
}
|
|
|
|
.html-h1 {
|
|
-fx-font-size: 22;
|
|
}
|
|
|
|
.html-h2 {
|
|
-fx-font-size: 20;
|
|
}
|
|
|
|
.html-h3 {
|
|
-fx-font-size: 18;
|
|
}
|
|
|
|
.html-bold {
|
|
-fx-font-weight: bold;
|
|
}
|
|
|
|
.html-italic {
|
|
-fx-font-style: italic;
|
|
}
|