Add Referee's Tools
Update JS, add versioning (for cache-busting updates) Clean up a bunch of unused files Add Rivertail community Add some new races
This commit is contained in:
@@ -3,22 +3,12 @@
|
||||
*
|
||||
* Copyright 2023 Eric Woodward
|
||||
* Source released under CC0 Public Domain License v1.0
|
||||
* https://www.itsericwoodward.com/licenses/cc0
|
||||
* http://creativecommons.org/publicdomain/zero/1.0/
|
||||
****************************************************************************/
|
||||
|
||||
/*
|
||||
Old New Palette
|
||||
color: #e7a07f
|
||||
bg: #252837
|
||||
link: #38B1B6
|
||||
border: #C33F3D
|
||||
big-font: #C33F3D
|
||||
black: #1A0608
|
||||
other: #E8A384
|
||||
visited: #3d81a5
|
||||
blockquote: #04778f
|
||||
|
||||
New New Palette
|
||||
Palette
|
||||
color: #FADBB0
|
||||
bg: #2C0F2A
|
||||
link: #44FCFC
|
||||
@@ -33,8 +23,10 @@
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #2c0f2a; /* Old browsers */
|
||||
background: #2c0f2a;
|
||||
/* Old browsers */
|
||||
background: url("/images/site-bg.jpg") bottom fixed;
|
||||
background-size: cover;
|
||||
color: #fadbb0;
|
||||
@@ -100,7 +92,7 @@ kbd {
|
||||
background-color: rgba(13, 24, 82, 0.5);
|
||||
color: #ccc;
|
||||
font-size: 0.9em;
|
||||
padding: 0.25em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
details {
|
||||
@@ -112,7 +104,7 @@ details[open] {
|
||||
max-height: 100rem;
|
||||
}
|
||||
|
||||
details > summary {
|
||||
details>summary {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
@@ -122,7 +114,7 @@ details > summary {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
details[open] > summary::before {
|
||||
details[open]>summary::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
@@ -154,18 +146,19 @@ figure {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
figure[data-type="image"] > a {
|
||||
figure[data-type="image"]>a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
figure[data-type="image"] > a[target="_blank"]::after {
|
||||
figure[data-type="image"]>a[target="_blank"]::after {
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
figure img {
|
||||
width: 100%; /* Scale down */
|
||||
width: 100%;
|
||||
/* Scale down */
|
||||
}
|
||||
|
||||
h1 {
|
||||
@@ -265,7 +258,7 @@ pre {
|
||||
color: #ccc;
|
||||
font-size: 0.9em;
|
||||
overflow: auto;
|
||||
padding: 0.25em;
|
||||
padding: 0.25em 0.5em;
|
||||
}
|
||||
|
||||
pre code,
|
||||
@@ -357,13 +350,13 @@ a.hiddenLink:hover {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.imgWrapper figure > a {
|
||||
.imgWrapper figure>a {
|
||||
border-color: transparent;
|
||||
display: inline-block;
|
||||
padding: 0.5rem 0.5rem 0.25rem;
|
||||
}
|
||||
|
||||
.imgWrapper figure > a:hover {
|
||||
.imgWrapper figure>a:hover {
|
||||
border-color: #e94e5c;
|
||||
}
|
||||
|
||||
@@ -391,9 +384,10 @@ a.licenseLink:hover {
|
||||
cursor: pointer;
|
||||
z-index: 9;
|
||||
}
|
||||
.menu-icon > span,
|
||||
.menu-icon > span::before,
|
||||
.menu-icon > span::after {
|
||||
|
||||
.menu-icon>span,
|
||||
.menu-icon>span::before,
|
||||
.menu-icon>span::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -401,11 +395,13 @@ a.licenseLink:hover {
|
||||
background-color: #616161;
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
.menu-icon > span::before {
|
||||
|
||||
.menu-icon>span::before {
|
||||
content: "";
|
||||
top: -8px;
|
||||
}
|
||||
.menu-icon > span::after {
|
||||
|
||||
.menu-icon>span::after {
|
||||
content: "";
|
||||
top: 8px;
|
||||
}
|
||||
@@ -447,36 +443,36 @@ a.licenseLink:hover {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label {
|
||||
#menu-toggle:checked+.menu-label {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label .menu-icon > span {
|
||||
#menu-toggle:checked+.menu-label .menu-icon>span {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label .menu-icon > span::before {
|
||||
#menu-toggle:checked+.menu-label .menu-icon>span::before {
|
||||
top: 0;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label .menu-icon > span::after {
|
||||
#menu-toggle:checked+.menu-label .menu-icon>span::after {
|
||||
top: 0;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
#menu-toggle:checked ~ .navMenu {
|
||||
#menu-toggle:checked~.navMenu {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label .menu-text {
|
||||
#menu-toggle:checked+.menu-label .menu-text {
|
||||
transform: rotate(90deg);
|
||||
left: -1rem;
|
||||
top: 4rem;
|
||||
}
|
||||
|
||||
/* Prevents close toggle from scrolling offscreen */
|
||||
#menu-toggle:checked + .menu__btn {
|
||||
#menu-toggle:checked+.menu__btn {
|
||||
position: fixed;
|
||||
top: 1rem;
|
||||
}
|
||||
@@ -563,7 +559,7 @@ a.licenseLink:hover {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.navMenu > ul > li.hasSubMenu:hover > a {
|
||||
.navMenu>ul>li.hasSubMenu:hover>a {
|
||||
border: 1px solid #e94e5c;
|
||||
}
|
||||
|
||||
@@ -615,16 +611,19 @@ a.licenseLink:hover {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.navMenu > ul {
|
||||
.navMenu>ul {
|
||||
padding: 1rem 2rem 1rem 4rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.navMenu > ul > li {
|
||||
|
||||
.navMenu>ul>li {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.navMenu > ul > li:first-child {
|
||||
|
||||
.navMenu>ul>li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.navMenu ul li ul {
|
||||
align-items: stretch;
|
||||
display: flex;
|
||||
@@ -652,7 +651,7 @@ a.licenseLink:hover {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.navMenu ul li.hasSubMenu > a {
|
||||
.navMenu ul li.hasSubMenu>a {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
@@ -666,7 +665,7 @@ a.licenseLink:hover {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.navMenu ul li.hasSubMenu > a::before {
|
||||
.navMenu ul li.hasSubMenu>a::before {
|
||||
content: ">";
|
||||
margin-left: -1rem;
|
||||
padding-right: 0.5rem;
|
||||
@@ -785,6 +784,23 @@ a.pageTitle-sublink {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.refereeTools {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.rollerForm input[type=reset] {
|
||||
font-size: small;
|
||||
margin-left: -1.5rem;
|
||||
margin-right: .5rem;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.rollerForm input[type=text] {
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.rulesMenu {
|
||||
/* border: 1px solid #fadbb0; */
|
||||
align-items: center;
|
||||
@@ -848,78 +864,6 @@ a.pageTitle-sublink {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.siteTitle-text {
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.timelineTableWrapper td:first-child {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.siteTitle-text {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.table-of-contents {
|
||||
backdrop-filter: blur(2rem);
|
||||
border: 1px dashed #f6bc43;
|
||||
display: block;
|
||||
float: right;
|
||||
margin-left: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.table-of-contents ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style: none;
|
||||
margin: 0 0 0.5rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul li a {
|
||||
border-bottom: 0;
|
||||
padding: 0 0.5rem;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-of-contents ul li ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul li ul li a {
|
||||
padding: 0 0.5rem 0 1.5rem;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.toc-container-header {
|
||||
text-align: center;
|
||||
background-color: rgba(37, 40, 55, 0.6);
|
||||
color: rgba(195, 63, 61, 1);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/****************************************************************************
|
||||
* JS Overrides
|
||||
****************************************************************************/
|
||||
|
||||
.js .pubDate.isDone {
|
||||
-webkit-transition: 0.3s visibility;
|
||||
transition: 0.3s visibility;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.no-js .pubDate {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/*
|
||||
.searchBox {
|
||||
margin-left: auto;
|
||||
@@ -985,6 +929,81 @@ a.pageTitle-sublink {
|
||||
max-width: 48rem;
|
||||
}
|
||||
|
||||
.siteTitle-text {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.table-of-contents {
|
||||
backdrop-filter: blur(2rem);
|
||||
border: 1px dashed #f6bc43;
|
||||
display: block;
|
||||
float: right;
|
||||
margin-left: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.table-of-contents ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style: none;
|
||||
margin: 0 0 0.5rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul li a {
|
||||
border-bottom: 0;
|
||||
padding: 0 0.5rem;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-of-contents ul li ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul li ul li a {
|
||||
padding: 0 0.5rem 0 1.5rem;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.timelineTableWrapper td:first-child {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.toc-container-header {
|
||||
text-align: center;
|
||||
background-color: rgba(37, 40, 55, 0.6);
|
||||
color: rgba(195, 63, 61, 1);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toolDetails {
|
||||
border: 1px dashed;
|
||||
display: none;
|
||||
margin-bottom: 4%;
|
||||
overflow-y: auto;
|
||||
padding: .5rem 2rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.toolDetails[open] {
|
||||
max-height: 25rem;
|
||||
}
|
||||
|
||||
.toolDetails p {
|
||||
margin-left: -1rem;
|
||||
}
|
||||
|
||||
.toolDetails summary {
|
||||
margin-left: -2rem;
|
||||
}
|
||||
|
||||
.topAnchor {
|
||||
border: none;
|
||||
height: 0;
|
||||
@@ -1005,6 +1024,26 @@ a.pageTitle-sublink {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* JS Overrides
|
||||
****************************************************************************/
|
||||
|
||||
.js .pubDate.isDone {
|
||||
-webkit-transition: 0.3s visibility;
|
||||
transition: 0.3s visibility;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.js .toolDetails {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.no-js .pubDate {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
||||
/****************************************************************************
|
||||
* Media Queries
|
||||
****************************************************************************/
|
||||
@@ -1091,11 +1130,11 @@ a.pageTitle-sublink {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label {
|
||||
#menu-toggle:checked+.menu-label {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#menu-toggle:checked + .menu-label .menu-text {
|
||||
#menu-toggle:checked+.menu-label .menu-text {
|
||||
transform: none;
|
||||
left: 2.25rem;
|
||||
top: 0.75rem;
|
||||
@@ -1105,7 +1144,7 @@ a.pageTitle-sublink {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navMenu > ul {
|
||||
.navMenu>ul {
|
||||
padding: 4rem 2rem 1rem 2rem;
|
||||
}
|
||||
|
||||
@@ -1137,10 +1176,14 @@ a.pageTitle-sublink {
|
||||
.siteTitle {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.toolDetails {
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
#menu-toggle:checked + .menu-label .menu-text {
|
||||
#menu-toggle:checked+.menu-label .menu-text {
|
||||
background: rgba(37, 40, 55, 0.9);
|
||||
border-radius: 0.3rem;
|
||||
padding: 0.5rem;
|
||||
@@ -1155,4 +1198,4 @@ a.pageTitle-sublink {
|
||||
a {
|
||||
transition-duration: 0.1s;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user