aboutsummaryrefslogtreecommitdiff
path: root/src/gui/style.css
diff options
context:
space:
mode:
authorsowgro <tpoke.ferrari@gmail.com>2023-05-14 01:46:56 -0400
committersowgro <tpoke.ferrari@gmail.com>2023-05-14 01:46:56 -0400
commit9568ea5118b9100b3375a6bd2153042506b0d5d1 (patch)
tree0e8ea5d267677bfc914b52ced330022ecd7efce9 /src/gui/style.css
parent054ff93a8e5bf51988f0324619ae4c95249f9556 (diff)
downloadNPEhero-9568ea5118b9100b3375a6bd2153042506b0d5d1.tar.gz
NPEhero-9568ea5118b9100b3375a6bd2153042506b0d5d1.tar.bz2
NPEhero-9568ea5118b9100b3375a6bd2153042506b0d5d1.zip
Finish css and menus
Diffstat (limited to 'src/gui/style.css')
-rw-r--r--src/gui/style.css78
1 files changed, 73 insertions, 5 deletions
diff --git a/src/gui/style.css b/src/gui/style.css
index 3e18f9d..7ca76be 100644
--- a/src/gui/style.css
+++ b/src/gui/style.css
@@ -1,14 +1,20 @@
+/* button */
+
Button {
-fx-background-color: rgba(0, 0, 0, 0.5);
-fx-text-fill: white;
-fx-padding: .5em;
-fx-font-size: 25;
- -fx-background-radius: 10;
+ -fx-background-radius: 5;
}
Button:hover {
- -fx-background-color: rgb(255, 255, 255);
- -fx-text-fill: rgb(0, 0, 0);
+ -fx-background-color: rgb(50, 50, 50, 0.5);
+}
+
+Button:focused {
+ -fx-background-color: rgb(255, 255, 255);
+ -fx-text-fill: rgb(0, 0, 0);
}
Button:pressed {
@@ -16,6 +22,68 @@ Button:pressed {
-fx-text-fill: rgb(0, 0, 0);
}
-.pad {
+/* list */
+
+ListView {
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-background-radius: 5;
+}
+
+.list-cell {
+ -fx-padding: .5em;
+ -fx-background-color: transparent;
+ -fx-text-fill: rgb(255, 255, 255);
+}
+
+.list-cell:hover {
+ -fx-background-color: rgba(100, 100, 100, 0.5);
+
+}
+
+.list-cell:selected {
+ -fx-background-color: rgb(255, 255, 255);
+ -fx-text-fill: rgb(0, 0, 0);
+}
+
+/* slider */
+
+Slider {
-fx-padding: 1em;
-} \ No newline at end of file
+}
+
+.track {
+
+ -fx-padding: 3;
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-background-radius: 5;
+}
+
+.thumb {
+ -fx-pref-height: 30;
+ -fx-prefer-width: 30;
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-size: 25;
+ -fx-border-radius: 5;
+ -fx-border-color: rgb(231, 231, 231);
+ -fx-border-width: 3;
+}
+
+.thumb:hover {
+ -fx-background-color: rgb(50, 50, 50, 0.5);
+}
+
+Slider:focused .thumb{
+ -fx-background-color: rgb(255,255,255);
+ -fx-border-color: white;
+}
+
+.thumb:pressed {
+ -fx-background-color: rgb(231, 231, 231);
+ -fx-border-color: rgb(231, 231, 231);
+}
+
+.textBox {
+ -fx-background-radius: 5;
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-text-fill: white;
+}