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,
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;
@ -17,14 +12,10 @@ #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;
@ -40,16 +31,12 @@ #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;
@ -60,18 +47,13 @@ .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;
@ -102,12 +79,10 @@ #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;
} }
@ -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,34 +121,14 @@ .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;
@ -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;
@ -260,43 +200,39 @@ .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;
@ -305,7 +241,6 @@ .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;
@ -313,17 +248,10 @@ .clientSettings {
-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,9 +298,7 @@ .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;
} }
@ -411,7 +335,6 @@ .separator *.line {
#serverlist{ #serverlist{
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverlist > .viewport { #serverlist > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -419,7 +342,6 @@ #serverlist>.viewport {
#serverdesc{ #serverdesc{
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverdesc > .viewport { #serverdesc > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -427,7 +349,6 @@ #serverdesc>.viewport {
#serverinfo{ #serverinfo{
-fx-background-color: transparent; -fx-background-color: transparent;
} }
#serverinfo > .viewport { #serverinfo > .viewport {
-fx-background-color: transparent; -fx-background-color: transparent;
} }
@ -446,6 +367,4 @@ .toggle-button:disabled {
.heading{ .heading{
-fx-text-fill: #555555; -fx-text-fill: #555555;
} }
/*-- DrLeonardo Design --*/ /*-- DrLeonardo Design --*/