css files

This commit is contained in:
2025-12-14 00:01:18 +01:00
parent 5b18b582e3
commit f85d9f9af7
3 changed files with 93 additions and 67 deletions
+3 -67
View File
@@ -3,75 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teletype Softwares</title>
<title>Teletype Games</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
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;
}
<link href="/assets/css/style.css" rel="stylesheet" type="text/css" />
<link href="/assets/css/matrix.css" rel="stylesheet" type="text/css" />
/* 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;
}
#matrix-canvas {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
</style>
</head>
<body>
<header class="navbar navbar-expand-lg header-border" style="background-color: black;">