aboutsummaryrefslogtreecommitdiff
path: root/src/gui
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
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')
-rw-r--r--src/gui/Driver.java7
-rw-r--r--src/gui/style.css236
2 files changed, 240 insertions, 3 deletions
diff --git a/src/gui/Driver.java b/src/gui/Driver.java
index 4f840e8..b46f4c9 100644
--- a/src/gui/Driver.java
+++ b/src/gui/Driver.java
@@ -18,7 +18,8 @@ import javafx.stage.Stage;
import main.LevelController;
import main.SettingsController;
import main.SoundController;
-import java.io.File;
+import java.nio.file.Paths;
+
import devmenu.DebugMenu;
@@ -50,7 +51,7 @@ public class Driver extends Application
primaryStage = newPrimaryStage;
Scene primaryScene = new Scene(primaryPane, 800,600);
- primaryScene.getStylesheets().add("assets/style.css");
+ primaryScene.getStylesheets().add("gui/style.css");
primaryStage.setScene(primaryScene);
primaryStage.setTitle("NPE Hero");
@@ -109,7 +110,7 @@ public class Driver extends Application
public static void setMenuBackground()
{
- setBackground(new Image(new File("src/assets/mountains.png").toURI().toString()));
+ setBackground(new Image(Paths.get("resources/mountains.png").toUri().toString()));
}
/**
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; */
+}
+