mirror of
https://github.com/GravitLauncher/Launcher
synced 2025-04-19 14:33:04 +03:00
Update styles.css
This commit is contained in:
parent
bff95f2d5d
commit
d1e8ccafe5
1 changed files with 139 additions and 59 deletions
|
@ -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 --*/
|
Loading…
Reference in a new issue