Compare commits

..

10 Commits

Author SHA1 Message Date
b6fafc9221 Update themeguide 2025-05-03 19:55:09 +00:00
f5cd527f6b Update themeguide 2025-04-30 00:33:53 +00:00
14909e50cb Add themeguide 2025-04-30 00:33:32 +00:00
a4acd3c5ab added index, and temporary pages 2025-04-12 16:12:42 -04:00
9908ac699e css8 2025-04-07 06:46:36 -04:00
d7ddc5d61b css7 2025-04-07 06:39:44 -04:00
63c9d8be28 css6 2025-04-07 06:33:52 -04:00
258a4157b2 css5 2025-04-07 06:30:37 -04:00
a4f2f17381 css4 2025-04-07 06:23:04 -04:00
9697fb7f71 css3 2025-04-07 06:21:33 -04:00
10 changed files with 229 additions and 5 deletions

View File

@@ -0,0 +1,46 @@
.center {
text-align: center;
}
.smallertext {
font-size: large;
}
.nohead {
font-size: 26pt;
}
.main {
font-family: monospace;
font-weight: 500;
font-size: x-large;
color: rgba(230, 186, 142, 0.747);
}
.link:link {
color: bisque;
text-decoration: none;
}
.link:visited {
color: bisque;
text-decoration: none;
}
.link:hover {
color: rgba(255, 228, 196, 0.564);
}
.link:active {
color: bisque;
}
body {
background-color: rgb(22, 9, 38);
}
.footer{
font-size: small;
padding-top: 10%;
}
.spacer{
padding: 2.5%;
}
.smallImage{
width: 20px;
height: auto;
}

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="home.css">
<link rel="icon" type="image/x-icon" href="https://gitea.apexfight.net/assets/img/logo.png">
<title>ApexFight.net</title>
</head>
<div class="main center">
<div class="spacer"></div>
<div class="nohead">ApexFight.net</div>
<div class="spacer"><br></div>
<div class="smallertext">
Index: <a class="link" href="https://index.apexfight.net/">index.apexfight.net</a>
</div>
<footer class="footer">
© ApexFight 2025, All rights reserved. <img class="smallImage" src="https://gitea.apexfight.net/assets/img/logo.png" alt="I'll Stay Up With You">
</footer>
</div>
</html>

View File

@@ -1,8 +1,12 @@
.center { .center {
text-align: center; text-align: center;
} }
.nohead {
font-size: 26pt;
}
.main { .main {
font-family: monospace; font-family: monospace;
font-weight: 500;
font-size: x-large; font-size: x-large;
color: rgba(230, 186, 142, 0.747); color: rgba(230, 186, 142, 0.747);
} }

View File

@@ -7,8 +7,8 @@
</head> </head>
<body> <body>
<div class="center main"> <div class="center main">
<div class="spacer"></div>
<h1>Index of ApexFight.net</h1> <div class="nohead">Index of ApexFight.net</div>
<div class="spacer"></div> <div class="spacer"></div>

View File

@@ -0,0 +1,46 @@
.center {
text-align: center;
}
.smallertext {
font-size: large;
}
.nohead {
font-size: 26pt;
}
.main {
font-family: monospace;
font-weight: 500;
font-size: x-large;
color: rgba(230, 186, 142, 0.747);
}
.link:link {
color: bisque;
text-decoration: none;
}
.link:visited {
color: bisque;
text-decoration: none;
}
.link:hover {
color: rgba(255, 228, 196, 0.564);
}
.link:active {
color: bisque;
}
body {
background-color: rgb(22, 9, 38);
}
.footer{
font-size: small;
padding-top: 10%;
}
.spacer{
padding: 2.5%;
}
.smallImage{
width: 20px;
height: auto;
}

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="janky.css">
<link rel="icon" type="image/x-icon" href="https://gitea.apexfight.net/assets/img/logo.png">
<title>ApexFight.net Janky</title>
</head>
<div class="main center">
<div class="spacer"></div>
<div class="nohead">Under Construction...</div>
<div class="spacer"><br></div>
<div class="smallertext">
Index: <a class="link" href="https://index.apexfight.net/">index.apexfight.net</a>
</div>
<footer class="footer">
© ApexFight 2025, All rights reserved. <img class="smallImage" src="https://gitea.apexfight.net/assets/img/logo.png" alt="I'll Stay Up With You">
</footer>
</div>
</html>

View File

@@ -0,0 +1,46 @@
.center {
text-align: center;
}
.smallertext {
font-size: large;
}
.nohead {
font-size: 26pt;
}
.main {
font-family: monospace;
font-weight: 500;
font-size: x-large;
color: rgba(230, 186, 142, 0.747);
}
.link:link {
color: bisque;
text-decoration: none;
}
.link:visited {
color: bisque;
text-decoration: none;
}
.link:hover {
color: rgba(255, 228, 196, 0.564);
}
.link:active {
color: bisque;
}
body {
background-color: rgb(22, 9, 38);
}
.footer{
font-size: small;
padding-top: 10%;
}
.spacer{
padding: 2.5%;
}
.smallImage{
width: 20px;
height: auto;
}

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="snail.css">
<link rel="icon" type="image/x-icon" href="https://gitea.apexfight.net/assets/img/logo.png">
<title>ApexFight.net Janky</title>
</head>
<div class="main center">
<div class="spacer"></div>
<div class="nohead">Under Construction...</div>
<div class="spacer"><br></div>
<div class="smallertext">
Index: <a class="link" href="https://index.apexfight.net/">index.apexfight.net</a>
</div>
<footer class="footer">
© ApexFight 2025, All rights reserved. <img class="smallImage" src="https://gitea.apexfight.net/assets/img/logo.png" alt="I'll Stay Up With You">
</footer>
</div>
</html>

View File

@@ -1,6 +1,10 @@
:root { :root {
--fonts-regular: monospace !important;
--fonts-proportional: monospace/* custom proportional fonts */ !important;
--fonts-monospace: monospace/* custom monospace fonts */ !important;
--is-dark-theme: true; --is-dark-theme: true;
--color-primary: rgba(230, 186, 142, 0.747); --color-link: rgba(230, 186, 142, 0.747);
--color-primary: bisque;
--color-primary-contrast: rgb(22, 9, 38); --color-primary-contrast: rgb(22, 9, 38);
--color-primary-dark-1: var(--color-primary); --color-primary-dark-1: var(--color-primary);
--color-primary-dark-2: #7bbae8; --color-primary-dark-2: #7bbae8;
@@ -105,11 +109,11 @@
--color-box-body: #333644; --color-box-body: #333644;
--color-box-body-highlight: #363a49; --color-box-body-highlight: #363a49;
--color-text-dark: #d38aea; --color-text-dark: #d38aea;
--color-text: var(--color-primary); --color-text: rgba(230, 186, 142, 0.747);
--color-text-hover: rgba(197, 205, 217, 0.8); --color-text-hover: rgba(197, 205, 217, 0.8);
--color-text-light: #a0c980; --color-text-light: #a0c980;
--color-text-light-1: #758094; --color-text-light-1: #758094;
--color-text-light-2: #d38aea; --color-text-light-2: var(--color-primary);
--color-text-light-3: #758094; --color-text-light-3: #758094;
--color-footer: #333644; --color-footer: #333644;
--color-timeline: #404455; --color-timeline: #404455;
@@ -349,6 +353,11 @@ i.grey.icon.icon.icon.icon {
background: transparent background: transparent
} }
a {
color: var(--color-link);
}
.ui.red.labels .label, .ui.red.labels .label,
.ui.ui.ui.red.label, .ui.ui.ui.red.label,
.ui.red.button, .ui.red.button,

10
themeguide Normal file
View File

@@ -0,0 +1,10 @@
/*
APEXFIGHT THEMING GUIDE
secondary background color can be #333644
hover background color is usually: #3A3E4E;
primary bg color is: rgb(22, 9, 38);
text color is almost always bisque
secondary text color can be #d38aea
all fonts must be monospace fonts
*/