mirror of
https://github.com/GravitLauncher/Launcher
synced 2025-07-06 07:49:48 +03:00
Update styles.css
This commit is contained in:
parent
6567631e33
commit
05648cbfd3
1 changed files with 57 additions and 138 deletions
|
@ -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 --*/
|
Loading…
Reference in a new issue