From f85d9f9af761c9e707f8951e8c4503e669ac2ff2 Mon Sep 17 00:00:00 2001 From: Zsolt Tasnadi Date: Sun, 14 Dec 2025 00:01:18 +0100 Subject: [PATCH] css files --- assets/css/matrix.css | 8 ++++ assets/css/style.css | 82 +++++++++++++++++++++++++++++++++++ http/views/shared/layout.html | 70 ++---------------------------- 3 files changed, 93 insertions(+), 67 deletions(-) create mode 100644 assets/css/matrix.css create mode 100644 assets/css/style.css diff --git a/assets/css/matrix.css b/assets/css/matrix.css new file mode 100644 index 0000000..c90390e --- /dev/null +++ b/assets/css/matrix.css @@ -0,0 +1,8 @@ +#matrix-canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..987aa0a --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,82 @@ +body { + background-color: black; + color: limegreen; + /* Light green */ + font-family: "Lucida Console", "Courier New", monospace; +} + +.card { + background-color: #333; + /* Darker background for cards */ + color: limegreen; + border: 1px solid limegreen; +} + +a { + color: limegreen; +} + +a:hover { + color: #00FF00; + /* Brighter green on hover */ +} + +.btn-primary { + background-color: limegreen; + border-color: limegreen; + color: black; +} + +.btn-primary:hover { + background-color: #00FF00; + border-color: #00FF00; + color: black; +} + +/* Table styling for black background and green borders */ +.table { + --bs-table-bg: black; + /* Bootstrap 5 variable for table background */ + --bs-table-color: limegreen; + /* Text color for table */ + --bs-table-border-color: limegreen; + /* Border color for the table and cells */ +} + +.table-striped>tbody>tr:nth-of-type(odd)>* { + --bs-table-bg-type: #1a1a1a; + /* Slightly lighter black for striped rows */ + color: limegreen; +} + +.table-hover>tbody>tr:hover>* { + --bs-table-hover-bg: #444; + /* Darker grey on hover */ + color: limegreen; +} + +.table-bordered> :not(caption)>*>* { + border-color: limegreen; +} + +.bg-dark { + /* Ensure consistency for manually set dark backgrounds */ + background-color: black !important; +} + +.text-success { + /* Ensure consistency for success text */ + color: limegreen !important; +} + +.header-border, +.content-border, +.footer-border { + border: 3px solid limegreen !important; +} + +.content-border { + background-color: #111; + padding: 1.5rem; +} + diff --git a/http/views/shared/layout.html b/http/views/shared/layout.html index 952be42..e1c1d61 100644 --- a/http/views/shared/layout.html +++ b/http/views/shared/layout.html @@ -3,75 +3,11 @@ - Teletype Softwares + Teletype Games -