.label-large{ -fx-alignmen: center; -fx-font-size: 35; -fx-text-fill: #222222; } .label-medium{ -fx-alignmen: center; -fx-font-size: 25; -fx-text-fill: #222222; } .label-small{ -fx-alignmen: center; -fx-font-size: 15; -fx-text-fill: #222222; } .label-large-white{ -fx-alignmen: center; -fx-font-size: 35; -fx-text-fill: WHITE; } .label-medium-white{ -fx-alignmen: center; -fx-font-size: 25; -fx-text-fill: WHITE; } .label-small-white{ -fx-alignmen: center; -fx-font-size: 15; -fx-text-fill: WHITE; } .border-curve-blue{ -fx-border-color: #B5BBE8; -fx-border-radius: 10; } .icons{ -fx-fill: #F1F1F1; } .icons-1{ -fx-fill: #222222; } .botoncito{ -fx-background-radius:5; -fx-text-fill: #3a89b8; -fx-background-color: white; -fx-font-size:15; } .button-0{ -fx-background-radius:30; -fx-background-color: #40A7E3; -fx-text-fill: WHITE; -fx-font-weight: BOLD; -fx-font-size:16; -jfx-button-type: RAISED; -fx-cursor:hand; } .button-simple{ -fx-background-radius:5; -fx-text-fill: #3a89b8; -fx-background-color: white; -fx-font-size:15; /*-fx-cursor:hand;*/ } .button-1{ -fx-background-radius:30; -fx-background-color: #40A7E3; -fx-text-fill: WHITE; -fx-font-weight: BOLD; -fx-font-size:16; -jfx-button-type: RAISED; -fx-cursor:hand; -fx-pref-width: 100; -fx-pref-height: 30; } .button-2{ -fx-background-radius:30; -fx-background-color: white; -fx-text-fill: #222222; -fx-font-weight: BOLD; } .button-3:hover{ -fx-text-fill: #222222; -fx-background-color: #F1F1F1; -fx-font-weight: BOLD; } .button-4{ -fx-background-radius:35; -fx-background-color: transparent; -fx-font-weight: BOLD; } .button-5{ -fx-background-radius:30; -fx-background-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA); -fx-text-fill: WHITE; -fx-font-weight: BOLD; -fx-font-size:16; -jfx-button-type: RAISED; -fx-cursor:hand; -fx-pref-width: 100; -fx-pref-height: 30; } .jfx-text-field { -fx-prompt-text-fill: #222222; -jfx-unfocus-color: #222222; -fx-text-inner-color: #222222; -jfx-focus-color: #40A7E3; } /*!******************************************************************************** */ /** **/ /** JFX Decorator **/ /** **/ /********************************************************************************!*/ .jfx-decorator { -fx-decorator-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA);; } .jfx-decorator .jfx-decorator-buttons-container { -fx-background-color: -fx-decorator-color; } .jfx-decorator .resize-border { -fx-border-color: #276899; -fx-border-width: 0 4 4 4; } .jfx-decorator .jfx-decorator-title-container .jfx-decorator-text { -fx-fill: WHITE; -fx-font-size: 16; } .jfx-decorator .jfx-decorator-title-container .jfx-svg-glyph { -fx-shape: "M512 682c-128.024-99.309-255.626-199.040-384-298l384-298 384 298c-128.375 98.958-255.974 198.693-384 298zM512 792l314-246 70 54-384 298-384-298 70-54z"; -jfx-size: 15px; -fx-background-color: WHITE; } .jfx-text-field, .jfx-password-field { -fx-prompt-text-fill: #808080; -jfx-focus-color:#40A7E3; -jfx-unfocus-color: #4d4d4d; } .jfx-text-field:error, .jfx-password-field:error, .jfx-text-area: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.65em; } .jfx-text-field .error-icon, .jfx-password-field .error-icon, .jfx-text-area .error-icon { -fx-text-fill: #D34336; -fx-font-size: 1em; } .icon-error{ -fx-fill: #D34336; } .background-1{ -fx-background-color:transparent; } .background-2{ -fx-background-color: #40A7E3; } .background-3 { -fx-background-color: WHITE; } .background-4 { -fx-background-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA); -fx-background-radius:20; } .background-5{ -fx-background-color: #FFFFFF; -fx-background-radius:10; } .background-6{ -fx-background-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA); } .hand-mode{ -fx-cursor:hand; } .frosty-box { -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.24), 15, 0, 0, 5); -fx-background-color: rgba(255, 255, 255, 0.07); -fx-background-radius: inherit; } .profile-image-background{ -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,10), 10,0,0,0); -fx-stroke:white; -fx-stroke-width:2; } .profile-image-background-1{ -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,8), 5,0,0,0); -fx-stroke:black; -fx-stroke-width:1; } .toggle-theme-mode{ -jfx-toggle-color: #40A7E3; -jfx-toggle-line-color: #40A7E3; } .radioButton{ -jfx-selected-color: #40A7E3; } .button-aligment{ -fx-alignment: center; }