lanta/pubg
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Dev #120

Merged
gr00tie merged 17 commits from dev into main 2023-11-15 21:34:08 +00:00
Conversation 1 Commits 17 Files changed 3 +19 -16
3 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
images/bck.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 26 KiB

29
includes/styles.css
View file

@ -10,8 +10,13 @@ body, h1, h2, p, ul, li, a {
body { body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
background: linear-gradient(to right, #0f2027, #203a43, #2c5364); /*background: linear-gradient(to right, #0f2027, #203a43, #2c5364);*/
color: white; color: white;
background: url(../images/bck.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} }
@ -55,8 +60,9 @@ header .banner {
max-width: 100%; /* Ensures the image is never larger than its container */ max-width: 100%; /* Ensures the image is never larger than its container */
max-height: 200px; /* Maximum height for the image */ max-height: 200px; /* Maximum height for the image */
display: block; /* Prevents inline default spacing */ display: block; /* Prevents inline default spacing */
margin: 0 auto; /* Centers the image within the header */ margin: 40px auto 0px auto; /* Centers the image within the header */
width: auto; /* Adjusts the width to maintain the aspect ratio */ width: auto; /* Adjusts the width to maintain the aspect ratio */
border-radius: 10px;
} }
@ -65,7 +71,7 @@ header, main, footer {
min-width: 800px; min-width: 800px;
margin: 5px auto; margin: 5px auto;
padding: 10px; padding: 10px;
border: 1px solid rgb(255, 255, 255); /*border: 1px solid rgb(255, 255, 255);*/
border-radius: 10px; border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
} }
@ -81,13 +87,14 @@ header h1 {
} }
section h2 { section h2 {
border-bottom: 1px solid white;
margin-bottom: 10px; margin-bottom: 10px;
padding-bottom: 5px; padding-bottom: 5px;
font-family: 'Bungee Spice'; font-family: 'Bungee Spice';
text-align: center; /* Centers the text horizontally */ text-align: center; /* Centers the text horizontally */
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 40px;
margin-bottom: 30px;
} }
@ -146,7 +153,7 @@ table {
} }
table, th, td { table, th, td {
border: 1px solid white; border: 1px solid #e6910924;
border-radius: 1px; border-radius: 1px;
} }
@ -156,7 +163,8 @@ th, td {
} }
th { th {
background-color: #555; background-color: #1e0c0094;
color: #ff6000;
} }
tr:hover { tr:hover {
@ -180,14 +188,6 @@ tr:hover {
} }
/* Hacker theme styles */
body {
font-family: 'Noto Sans', monospace;
background: #0f0f0f; /* Dark background for hacker aesthetic */
color: #e69109; /* Bright green text, reminiscent of old terminals */
}
/* Ensure elements scale well on mobile */ /* Ensure elements scale well on mobile */
@media (max-width: 768px) { @media (max-width: 768px) {
body { body {
@ -217,6 +217,7 @@ a {
padding: 10px 20px; padding: 10px 20px;
text-transform: uppercase; text-transform: uppercase;
transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease;
border-radius: 10px;
} }
.btn:hover { .btn:hover {

6
includes/topnav.css
View file

@ -7,7 +7,6 @@
min-width: 800px; min-width: 800px;
margin: 5px auto 5px auto; margin: 5px auto 5px auto;
padding: 10px; padding: 10px;
border: 1px solid rgb(255, 255, 255);
border-radius: 10px; border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
} }
@ -19,11 +18,11 @@
/* Style navigation menu links */ /* Style navigation menu links */
.topnav a { .topnav a {
color: white;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
font-size: 17px; font-size: 17px;
display: block; display: block;
border-radius: 10px;
} }
/* Style the hamburger menu */ /* Style the hamburger menu */
@ -34,6 +33,9 @@
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
margin-top: 10px;
margin-right: 10px;
border-radius: 10px;
} }
/* Add a grey background color on mouse-over */ /* Add a grey background color on mouse-over */