Update styles.css

This commit is contained in:
JoshOOOWAH 2019-06-02 01:59:48 +05:00
parent 6567631e33
commit 05648cbfd3

View file

@ -1,15 +1,10 @@
/*-- DrLeonardo Design --*/ /*-- DrLeonardo Design --*/
Button, CheckBox, ComboBox, RadioButton {
Button, -fx-cursor: hand;
CheckBox,
ComboBox,
RadioButton {
-fx-cursor: hand;
} }
/* Backgrounds */ /* Backgrounds */
#layout { #layout {
-fx-background-color: transparent; -fx-background-color: transparent;
-fx-background-size: cover; -fx-background-size: cover;
@ -17,61 +12,48 @@ #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;
} }
#serverLabel { #serverLabel{
-fx-text-fill: #323232; -fx-text-fill: #323232;
} }
#serverStatus { #serverStatus{
-fx-text-fill: #323232; -fx-text-fill: #323232;
-fx-pref-width: 120px; -fx-pref-width: 120px;
-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;
-fx-text-fill: #CE5757; -fx-text-fill: #CE5757;
} }
.error { .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;
@ -80,12 +62,7 @@ #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;
@ -93,23 +70,21 @@ #discord {
-fx-pref-height: 45px; -fx-pref-height: 45px;
} }
#logout { #logout{
-fx-text-fill: #323232; -fx-text-fill:#323232;
-fx-font-size: 12; -fx-font-size:12;
-fx-font-weight: normal; -fx-font-weight:normal;
-fx-border-color: #CE5757; -fx-border-color:#CE5757;
-fx-border-width: 1; -fx-border-width:1;
-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;
} }
#send { #send {
@ -122,13 +97,9 @@ #send {
-fx-pref-height: 30px; -fx-pref-height: 30px;
} }
#send:pressed { #send:pressed { -fx-background-color: #d8d8d8; }
-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;
@ -142,9 +113,7 @@ #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;
@ -152,40 +121,20 @@ .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 { .auth:hover, .auth: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;
} }
.text-input { .text-input{
-fx-focus-color: transparent; -fx-focus-color: transparent;
-fx-background-repeat: no-repeat; -fx-background-repeat: no-repeat;
-fx-text-fill: #909090; -fx-text-fill: #909090;
@ -196,9 +145,7 @@ .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;
@ -208,28 +155,21 @@ #link {
-fx-pref-height: 17px; -fx-pref-height: 17px;
} }
#link:hover, #link:hover, #link:pressed { -fx-opacity: 0.8; }
#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;
@ -247,7 +187,7 @@ .combologin .list-cell {
.combologin-popup .list-view { .combologin-popup .list-view {
-fx-background-color: white, white; -fx-background-color: white, white;
-fx-background-insets: 0, 1; -fx-background-insets: 0, 1;
-fx-effect: dropshadow( three-pass-box, rgba(0, 0, 0, 0.6), 8, 0.0, 0, 0); -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 8, 0.0 , 0 , 0 );
} }
.combologin .list-cell:filled:selected .text, .combologin .list-cell:filled:selected .text,
@ -260,44 +200,40 @@ .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, .combologin-popup .list-view .list-cell:filled:selected:hover
.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;
-fx-font-size: 16pt; -fx-font-size: 16pt;
@ -305,25 +241,17 @@ .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;
-fx-background-color: #5fd97a; -fx-background-color: #5fd97a;
-fx-background-radius: 0; -fx-background-radius: 0;
} }
.clientLaunch:hover, .clientLaunch:hover, .clientLaunch:pressed { -fx-background-color: #75e18c; }
.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);
@ -332,9 +260,7 @@ .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;
} }
@ -372,14 +298,12 @@ .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;
} }
#optionsPane>#modlist>.viewport { #optionsPane > #modlist > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -408,44 +332,39 @@ .separator *.line {
-fx-border-width: 0 0 10 0; -fx-border-width: 0 0 10 0;
} }
#serverlist { #serverlist{
-fx-background-color: transparent;
}
#serverlist > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverlist>.viewport { #serverdesc{
-fx-background-color: transparent;
}
#serverdesc > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverdesc { #serverinfo{
-fx-background-color: transparent;
}
#serverinfo > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverdesc>.viewport { #servercontainer{
-fx-background-color: transparent;
}
#serverinfo {
-fx-background-color: transparent;
}
#serverinfo>.viewport {
-fx-background-color: transparent;
}
#servercontainer {
-fx-background-color: transparent; -fx-background-color: transparent;
-jfx-button-type: FLAT; -jfx-button-type: FLAT;
-fx-pref-width: 282px; -fx-pref-width: 282px;
-fx-pref-height: 75px; -fx-pref-height: 75px;
} }
.toggle-button:disabled { .toggle-button:disabled{
-fx-opacity: 1.0; -fx-opacity: 1.0;
} }
.heading { .heading{
-fx-text-fill: #555555; -fx-text-fill: #555555;
} }
/*-- DrLeonardo Design --*/ /*-- DrLeonardo Design --*/