Update styles.css

This commit is contained in:
JoshOOOWAH 2019-05-26 19:56:38 +05:00
parent bff95f2d5d
commit d1e8ccafe5

View file

@ -1,10 +1,15 @@
/*-- DrLeonardo Design --*/ /*-- DrLeonardo Design --*/
Button, CheckBox, ComboBox, RadioButton {
Button,
CheckBox,
ComboBox,
RadioButton {
-fx-cursor: hand; -fx-cursor: hand;
} }
/* Backgrounds */ /* Backgrounds */
#layout { #layout {
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-background-size: cover; -fx-background-size: cover;
@ -12,10 +17,14 @@ #layout {
-fx-pref-height: 450px; -fx-pref-height: 450px;
-fx-background-image: url('images/background.jpg'); -fx-background-image: url('images/background.jpg');
} }
#background { #background {
-fx-background-color: #fff; -fx-background-color: #fff;
} }
/** Labels **/ /** Labels **/
#background>#settingsTitle { #background>#settingsTitle {
-fx-font-size: 14pt; -fx-font-size: 14pt;
-fx-alignment: baseline-center; -fx-alignment: baseline-center;
@ -31,12 +40,16 @@ #serverStatus{
-fx-pref-height: 25px; -fx-pref-height: 25px;
} }
/* Mask */ /* Mask */
#mask { #mask {
-fx-effect: DropShadow( gaussian, rgba(255, 255, 255, 0.5), 0, 0, 0, 1); -fx-effect: DropShadow( gaussian, rgba(255, 255, 255, 0.5), 0, 0, 0, 1);
} }
/** Errors **/ /** Errors **/
#errormessage { #errormessage {
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-text-alignment: center; -fx-text-alignment: center;
@ -47,13 +60,18 @@ .error{
-fx-text-fill: #CE5757; -fx-text-fill: #CE5757;
} }
/* bars */ /* bars */
#bar { #bar {
-fx-background-color: #323232; -fx-background-color: #323232;
-fx-pref-width: 46px; -fx-pref-width: 46px;
-fx-pref-height: 450px; -fx-pref-height: 450px;
} }
/** buttons in bar **/ /** buttons in bar **/
#close { #close {
-fx-background-position: center; -fx-background-position: center;
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
@ -62,7 +80,12 @@ #close {
-fx-pref-width: 46px; -fx-pref-width: 46px;
-fx-pref-height: 45px; -fx-pref-height: 45px;
} }
#hide, #back, #goConsole, #settings, #discord {
#hide,
#back,
#goConsole,
#settings,
#discord {
-fx-background-position: center; -fx-background-position: center;
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
-fx-background-radius: 0; -fx-background-radius: 0;
@ -79,10 +102,12 @@ #logout{
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-padding: 0; -fx-padding: 0;
} }
#logout:hover, #logout:hover,
#logout:focus { #logout:focus {
-fx-text-fill: #ff6a5e; -fx-text-fill: #ff6a5e;
} }
#logout:pressed { #logout:pressed {
-fx-border-color: #cb4d43; -fx-border-color: #cb4d43;
} }
@ -97,9 +122,13 @@ #send {
-fx-pref-height: 30px; -fx-pref-height: 30px;
} }
#send:pressed { -fx-background-color: #d8d8d8; } #send:pressed {
-fx-background-color: #d8d8d8;
}
/* LoginMenu */ /* LoginMenu */
#authPane { #authPane {
-fx-background-color: rgba(255, 255, 255, 0.71); -fx-background-color: rgba(255, 255, 255, 0.71);
-fx-pref-width: 270px; -fx-pref-width: 270px;
@ -113,7 +142,9 @@ #logo {
-fx-pref-height: 32px; -fx-pref-height: 32px;
} }
/** Buttons & textarea**/ /** Buttons & textarea**/
.auth { .auth {
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
-fx-font-weight: bold; -fx-font-weight: bold;
@ -121,10 +152,11 @@ .auth {
-fx-background-radius: 0; -fx-background-radius: 0;
-fx-background-color: #5fd97a; -fx-background-color: #5fd97a;
-fx-text-fill: #ffffff; -fx-text-fill: #ffffff;
-fx-pref-width: 145px; -fx-pref-width: 200px;
-fx-pref-height: 45px; -fx-pref-height: 45px;
-fx-effect: dropshadow(gaussian, rgba(23, 25, 29, 0.3), 15, 0, 0, 3); -fx-effect: dropshadow(gaussian, rgba(23, 25, 29, 0.3), 15, 0, 0, 3);
} }
.vkauth { .vkauth {
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
-fx-background-radius: 0; -fx-background-radius: 0;
@ -136,10 +168,28 @@ .vkauth {
-fx-effect: dropshadow(gaussian, rgba(23, 25, 29, 0.3), 15, 0, 0, 3); -fx-effect: dropshadow(gaussian, rgba(23, 25, 29, 0.3), 15, 0, 0, 3);
} }
.auth:hover, .auth:pressed { -fx-background-color: #75e18c; } .vkauth {
.vkauth:hover, .vkauth:pressed { -fx-background-color: #75e18c; } -jfx-button-type: FLAT;
-fx-background-radius: 0;
-fx-font-size: 0pt;
-fx-background-image: url('images/icons/vk.png');
-fx-background-repeat: no-repeat;
-fx-pref-width: 62px;
-fx-pref-height: 62px;
-fx-effect: dropshadow(gaussian, rgba(23, 25, 29, 0.3), 15, 0, 0, 3);
}
#password, #login { .auth:hover,
.auth:pressed {
-fx-background-color: #75e18c;
}
.vkauth:hover,
.vkauth:pressed {
-fx-background-color: #75e18c;
}
#password,
#login {
-fx-background-radius: 0; -fx-background-radius: 0;
-fx-pref-width: 200px; -fx-pref-width: 200px;
-fx-pref-height: 30px; -fx-pref-height: 30px;
@ -156,7 +206,9 @@ .text-input{
-fx-font-weight: bold; -fx-font-weight: bold;
} }
/** Hyperlink **/ /** Hyperlink **/
#link { #link {
-fx-font-weight: bold; -fx-font-weight: bold;
-fx-font-size: 7pt; -fx-font-size: 7pt;
@ -166,21 +218,28 @@ #link {
-fx-pref-height: 17px; -fx-pref-height: 17px;
} }
#link:hover, #link:pressed { -fx-opacity: 0.8; } #link:hover,
#link:pressed {
-fx-opacity: 0.8;
}
/** CheckBox & ComboBox**/ /** CheckBox & ComboBox**/
#rememberchb { #rememberchb {
-fx-font-size: 13; -fx-font-size: 13;
-fx-text-fill: #909090; -fx-text-fill: #909090;
-fx-pref-width: 145px; -fx-pref-width: 145px;
-fx-pref-height: 30px; -fx-pref-height: 30px;
} }
#combologin { #combologin {
-fx-text-fill: #909090; -fx-text-fill: #909090;
-fx-prompt-text-fill: #909090; -fx-prompt-text-fill: #909090;
-fx-pref-width: 200px; -fx-pref-width: 200px;
-fx-pref-height: 30px; -fx-pref-height: 30px;
} }
.combologin, .combologin,
.combologin { .combologin {
-fx-font-size: 13px; -fx-font-size: 13px;
@ -211,39 +270,43 @@ .combologin .arrow {
-fx-background-color: #5fd97a; -fx-background-color: #5fd97a;
} }
.combologin-popup .list-view .list-cell .combologin-popup .list-view .list-cell {
{
-fx-background-color: white; -fx-background-color: white;
} }
.combologin-popup .list-view .list-cell:filled:selected, .combologin-popup .list-view .list-cell:filled:selected:hover .combologin-popup .list-view .list-cell:filled:selected,
{ .combologin-popup .list-view .list-cell:filled:selected:hover {
-fx-background: -fx-accent; -fx-background: -fx-accent;
-fx-background-color: -fx-selection-bar; -fx-background-color: -fx-selection-bar;
-fx-text-fill: #909090; -fx-text-fill: #909090;
} }
.combologin-popup .list-view .list-cell:filled:hover .combologin-popup .list-view .list-cell:filled:hover {
{
-fx-background-color: white; -fx-background-color: white;
-fx-text-fill: #909090; -fx-text-fill: #909090;
} }
/** web**/ /** web**/
#news { #news {
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-pref-width: 423px; -fx-pref-width: 423px;
-fx-pref-height: 450px; -fx-pref-height: 450px;
} }
/* MenuPane */ /* MenuPane */
.serverentrance { .serverentrance {
-fx-background-color: rgba(255, 255, 255, 0.71); -fx-background-color: rgba(255, 255, 255, 0.71);
-fx-pref-width: 386px; -fx-pref-width: 386px;
-fx-pref-height: 450px; -fx-pref-height: 450px;
} }
/** buttons **/ /** buttons **/
.clientLaunch { .clientLaunch {
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
-fx-font-weight: bold; -fx-font-weight: bold;
@ -252,6 +315,7 @@ .clientLaunch{
-fx-background-color: #5fd97a; -fx-background-color: #5fd97a;
-fx-text-fill: #ffffff; -fx-text-fill: #ffffff;
} }
.clientSettings { .clientSettings {
-fx-background-position: center; -fx-background-position: center;
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
@ -259,10 +323,17 @@ .clientSettings{
-fx-background-radius: 0; -fx-background-radius: 0;
} }
.clientLaunch:hover, .clientLaunch:pressed { -fx-background-color: #75e18c; } .clientLaunch:hover,
.clientLaunch:pressed {
-fx-background-color: #75e18c;
}
/* Pressets options */ /* Pressets options */
.pressetLight, .pressetMedium, .pressetHigh {
.pressetLight,
.pressetMedium,
.pressetHigh {
-jfx-toggle-color: #5fd97a; -jfx-toggle-color: #5fd97a;
-jfx-untoggle-color: #FAFAFA; -jfx-untoggle-color: #FAFAFA;
-jfx-toggle-line-color: rgba(116, 192, 133, 0.79); -jfx-toggle-line-color: rgba(116, 192, 133, 0.79);
@ -271,7 +342,9 @@ .pressetLight, .pressetMedium, .pressetHigh {
-jfx-disable-visual-focus: false; -jfx-disable-visual-focus: false;
} }
/* Scrolls */ /* Scrolls */
.scroll-pane { .scroll-pane {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -309,7 +382,9 @@ .scroll-pane>.corner {
-fx-background-color: rgba(0, 0, 0, 0.19); -fx-background-color: rgba(0, 0, 0, 0.19);
} }
/* OptionsPane */ /* OptionsPane */
#optionsPane>#modlist { #optionsPane>#modlist {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -346,6 +421,7 @@ .separator *.line {
#serverlist { #serverlist {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverlist>.viewport { #serverlist>.viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -353,6 +429,7 @@ #serverlist > .viewport {
#serverdesc { #serverdesc {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverdesc>.viewport { #serverdesc>.viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -360,6 +437,7 @@ #serverdesc > .viewport {
#serverinfo { #serverinfo {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverinfo>.viewport { #serverinfo>.viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -378,4 +456,6 @@ .toggle-button:disabled{
.heading { .heading {
-fx-text-fill: #555555; -fx-text-fill: #555555;
} }
/*-- DrLeonardo Design --*/ /*-- DrLeonardo Design --*/