Link to article: Jupiter County.
:root{
--header-title: 'JUPITER COUNTY';
--header-subtitle: 'America\'s Heart.';
--header-top-gap: 1rem;
--top-bar-height: 4.75rem;
--title-size: min(calc(1.5rem + 3.75vw), 4.25rem);
--subtitle-size: min(calc(1.25rem + 2.75vw), 3.75rem);
--basalt-primary-color: 14, 12, 45;
--basalt-secondary-color: 39, 6, 75;
--basalt-tertiary-color: 150, 62, 184;
--basalt-overtone: 229,229,229;
--basalt-undertone: 204, 5, 166;
--basalt-bright-element-color:250, 245, 45;
--basalt-dark-element-color: 1, 245, 252;
--general-border-color: 250, 245, 45;
}
#header {
contain: initial;
height: auto;
min-height: var(--header-final-height);
position: static;
background: transparent;
box-shadow: none;
grid-template-areas:
'. . . . .'
'. search line top-bar user'
'h-link h-link h-link h-link h-link';
grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr max-content var(--user-button-width);
grid-template-rows: var(--header-top-gap) var(--top-bar-height) 1fr;
backdrop-filter: none;
text-shadow:
0 0 7px #555,
0 0 10px #555,
0 0 21px #555,
0 0 42px #f09,
0 0 82px #f09,
0 0 92px #f09,
0 0 102px #f09,
0 0 151px #f09;
background-color: #0e0c2d;
background-image: url("data:image/svg+xml,%3Csvg width='44' height='12' viewBox='0 0 44 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12v-2L0 0v10l4 2h16zm18 0l4-2V0L22 10v2h16zM20 0v8L4 0h16zm18 0L22 8V0h16z' fill='%2327064b' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
border-bottom: solid 2rem #01f5fc;
}
#header h1 { grid-template-columns: minmax(0,1fr); }
#header h1 a {
justify-content: center;
width: auto; height: auto;
text-align: center;
flex-wrap: wrap;
pointer-events: none;
gap: 2rem calc(var(--base-header-height) *.125);
padding: 6rem;
padding-top: 10rem;
box-sizing: border-box;
}
#header h1 a::before, #header h1 a span { height: auto; pointer-events: auto; }
#header h1 a::before {
display: none;
}
#side-bar::before, #side-bar::after {
inset: initial;
left: 0;
top: var(--header-top-gap);
height: var(--top-bar-height);
transition: left var(--side-bar-transition);
}
.glowtext{
text-shadow:
0 0 7px #555,
0 0 10px #555,
0 0 21px #555,
0 0 42px #f09,
0 0 82px #f09,
0 0 92px #f09,
0 0 102px #f09,
0 0 151px #f09;
}
.talkbox{
border: 1px solid rgb(var(--basalt-tertiary-color));
background-color: rgb(var(--basalt-secondary-color));
padding: .5rem 1rem;
}
@media only screen and (max-width: 1024px) {
:root {
--header-top-gap: 0rem;
--main-content-side-margin: calc(0.25rem + 2.25vw);
}
@media only screen and (max-width: 1290px) {
#top-bar div.mobile-top-bar>.open-menu {
position: fixed;
left: 0;
top: var(--header-top-gap);
width: var(--side-bar-button-width);
height: var(--top-bar-height);
background-color: rgba(1, 245, 252, .05);
border-radius: 0rem 1rem 1rem 0rem;
}
}
#header {
grid-template-areas:
'. search . user'
'h-link h-link h-link h-link'
'top-bar top-bar top-bar top-bar';
grid-template-columns: var(--side-bar-button-width) var(--search-button-width) 1fr var(--user-button-width);
grid-template-rows: var(--top-bar-height) 1fr var(--top-bar-height);
}
}
.notifbox{
border: rgb(var(--basalt-undertone)) .1rem solid;
padding: .2rem;
margin-right:70%;
background-color: rgb(var(--basalt-secondary-color));
margin-top: 2rem;
}
margin: 1.5rem auto 0; max-width: 47.5rem;
color: rgb(var(--basalt-undertone));
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
width: 50px; margin: 2rem auto;
component:preview
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
notifbox
strongtext
glowtext
blockquote
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox
talkbox