xevion/runnerspace
1
0
Fork 0
mirror of https://github.com/Xevion/runnerspace.git synced 2025-12-09 22:08:25 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add essential Runnerspace styling & front page routes [empty]

Browse Source
This commit is contained in:
Xevion
2022-03-26 19:05:26 -05:00
parent 27222fdfe5
commit e3d4a75ec7
11 changed files with 234 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
static/styles.css
View File

@@ -0,0 +1,71 @@
body, html {
font-family: Arial, sans-serif;
margin: 0;
}
#content {
width: 900px;
max-width: 100%;
margin: 0 auto;
}
#content .content-inner {
margin: 2em;
}
#logo {
color: #ef7900;
font-size: 2.5em;
letter-spacing: -2.8px;
}
.header-primary {
background-color: #1b53a8;
padding: 10px;
}
.header-primary .header-login {
color: white;
}
.header-primary .header-login .username {
text-decoration: underline;
color: white !important;
}
.header-secondary {
background-color: #7ca6ef;
height: 30px;
text-align: center;
display: flex;
}
.header-secondary .links {
margin: auto auto;
}
nav .links, footer .links {
margin: 0;
list-style: none;
}
nav .links li, footer .links li {
display: inline-block;
}
nav .links li a, footer .links li a {
text-decoration: none;
color: white;
}
footer .links {
font-size: 0.875em;
margin: 16px 0 5px 0;
padding: 0;
text-align: center;
}
nav .links li.active a {
font-weight: bold;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " | ";
color: black;
}
/*# sourceMappingURL=styles.css.map */

78
static/styles.scss Normal file
View File

@@ -0,0 +1,78 @@
body, html {
font-family: Arial, sans-serif;
margin: 0;
}
#content {
width: 900px;
max-width: 100%;
margin: 0 auto;
.content-inner {
margin: 2em;
}
}
#logo {
color: #ef7900;
font-size: 2.5em;
letter-spacing: -2.8px;
}
.header-primary {
background-color: #1b53a8;
padding: 10px;
.header-login {
color: white;
.username {
text-decoration: underline;
color: white !important;
}
}
}
.header-secondary {
background-color: #7ca6ef;
height: 30px;
text-align: center;
display: flex;
.links {
margin: auto auto;
}
}
nav, footer {
.links {
margin: 0;
list-style: none;
li {
display: inline-block;
a {
text-decoration: none;
color: white;
}
}
}
}
footer .links {
font-size: 0.875em;
margin: 16px 0 5px 0;
padding: 0;
text-align: center;
}
nav .links li.active a {
font-weight: bold;
}
nav, footer {
.links li:not(:last-child)::after {
content: " | ";
color: black;
}
}