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