aboutsummaryrefslogtreecommitdiff
path: root/src/gui/style.css
diff options
context:
space:
mode:
authorsowgro <tpoke.ferrari@gmail.com>2023-06-08 02:50:36 -0400
committersowgro <tpoke.ferrari@gmail.com>2023-06-08 02:50:36 -0400
commit5951f6b55f20981f411a06d98fb686acc4da394e (patch)
tree7f3657ddb1a714afd90be952cd0f4e736572c006 /src/gui/style.css
parente498bd79689dfc3f9a8fd4670b825dddcbc24842 (diff)
downloadNPEhero-5951f6b55f20981f411a06d98fb686acc4da394e.tar.gz
NPEhero-5951f6b55f20981f411a06d98fb686acc4da394e.tar.bz2
NPEhero-5951f6b55f20981f411a06d98fb686acc4da394e.zip
move resources out of src so they can be read from a jar
Diffstat (limited to 'src/gui/style.css')
-rw-r--r--src/gui/style.css236
1 files changed, 236 insertions, 0 deletions
diff --git a/src/gui/style.css b/src/gui/style.css
new file mode 100644
index 0000000..dd1de55
--- /dev/null
+++ b/src/gui/style.css
@@ -0,0 +1,236 @@
+@import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');
+
+/* global */
+
+.root{
+ -fx-font-family: "space mono";
+}
+
+/* button */
+
+.button {
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-text-fill: white;
+ -fx-border-color: transparent;
+ -fx-border-width: 3;
+ -fx-border-radius: 5;
+ -fx-font-size: 25;
+ -fx-background-radius: 5;
+}
+
+.button:hover {
+ -fx-background-color: rgb(50, 50, 50, 0.5);
+}
+
+.button:focused {
+ -fx-background-color: rgb(50, 50, 50, 0.5);
+ -fx-border-color: rgb(255, 255, 255);
+}
+
+.button:selected {
+ -fx-background-color: rgb(255, 255, 255);
+ -fx-text-fill: rgb(0, 0, 0);
+
+}
+
+.button:pressed{
+ -fx-background-color: rgb(231, 231, 231);
+ -fx-border-color: transparent;
+ -fx-text-fill: rgb(0, 0, 0);
+}
+
+/* table */
+
+TableView {
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-background-radius: 5;
+ -fx-padding: 5;
+}
+
+.table-view .column-header-background .filler {
+ -fx-background-color: transparent;
+}
+
+.table-view .table-cell{
+ -fx-border-color: transparent;
+}
+
+.table-view .column-header-background{
+ -fx-background-color: transparent;
+}
+
+.table-cell {
+ -fx-padding: .5em;
+}
+
+.table-view .column-header {
+ -fx-text-background-color: rgb(168, 168, 168);
+ -fx-background-color: transparent;
+}
+
+.table-row-cell {
+ -fx-cell-size: 40;
+ -fx-background-color: transparent;
+ -fx-background-radius: 3;
+ -fx-text-background-color: rgb(255, 255, 255);
+ /* -fx-border-width: 3; */
+ /* -fx-border-radius: 5; */
+ /* -fx-border-color: transparent; */
+}
+
+.table-row-cell:hover {
+ -fx-background-color: rgba(100, 100, 100, 0.5);
+
+}
+
+TableView:focused {
+ -fx-effect: null;
+}
+
+TableView:focused .list-cell:focused {
+ -fx-background-color: rgb(50, 50, 50, 0.5);
+ /* -fx-border-color: rgb(255, 255, 255); */
+}
+
+.table-view .corner {
+ -fx-background-color: transparent;
+ -fx-border-color: transparent;
+}
+
+.table-row-cell:selected {
+ -fx-background-color: rgb(255, 255, 255);
+ -fx-text-background-color: rgb(0, 0, 0);
+}
+
+.table-row-cell:pressed {
+ -fx-background-color: rgb(231, 231, 231);
+ /* -fx-border-color: transparent; */
+}
+
+.table-row-cell:empty {
+ -fx-background-color: transparent;
+ /* -fx-border-color: transparent; */
+ -fx-text-background-color: white;
+}
+
+.unselectable .table-row-cell{
+ -fx-background-color: transparent;
+ /* -fx-border-color: transparent; */
+ -fx-text-background-color: white;
+}
+
+/* slider */
+
+Slider {
+ -fx-padding: 1em;
+}
+
+.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);
+}
+
+/* scroll bars */
+
+.scroll-bar:horizontal ,
+.scroll-bar:vertical{
+ -fx-font-size: 5px;
+ -fx-background-color :transparent;
+ -fx-border-color :transparent;
+ -fx-background-radius : 0.0em;
+ -fx-border-radius :2.0em;
+}
+
+.increment-button ,.decrement-button {
+ -fx-background-color:transparent;
+ -fx-border-color:transparent;
+}
+
+.scroll-bar:horizontal .track ,
+.scroll-bar:vertical .track{
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-background-radius: 5em;
+}
+
+.scroll-bar:horizontal .thumb,
+.scroll-bar:vertical .thumb {
+ -fx-background-color:white;
+ -fx-background-radius: 5em;
+ -fx-border-width: 0;
+
+}
+
+.scroll-bar .thumb:pressed {
+ -fx-background-color: rgb(231, 231, 231);
+}
+
+/* text */
+
+.t0 {
+ -fx-font-size: 125;
+ -fx-fill: black;
+}
+
+.t1 {
+ -fx-font-size: 50;
+ -fx-fill: white;
+}
+
+.t11 {
+ -fx-font-size: 50;
+ -fx-fill: black;
+}
+
+.t2 {
+ -fx-font-size: 30;
+ -fx-fill: white;
+}
+
+.t3 {
+ -fx-fill: white;
+}
+
+/* text box */
+
+.box {
+ -fx-background-radius: 5;
+ -fx-background-color: rgba(0, 0, 0, 0.5);
+ -fx-text-fill: white;
+}
+
+/* debug */
+
+.debug {
+ /* -fx-background-radius: 5; */
+ -fx-background-color: rgb(255, 0, 0);
+ /* -fx-border-color: red; */
+ /* -fx-text-fill: white; */
+ /* -fx-border-width: 20; */
+}
+