247 lines
4.5 KiB
CSS
247 lines
4.5 KiB
CSS
@charset "UTF-8";
|
|
|
|
/* Fonts */
|
|
@import url("https://fonts.googleapis.com/css2?family=Creepster&display=swap");
|
|
|
|
@font-face {
|
|
font-family: "Plakat Fraktur Black";
|
|
src: url("/assets/fonts/event/Plakat-Fraktur-Black.woff") format("woff");
|
|
}
|
|
:root {
|
|
--primary: rgb(179 26 70);
|
|
/*--dark: rgb(4 23 28);*/
|
|
/*--primary: #B1333F;*/
|
|
--dark:hsl(192deg 33% 7%);
|
|
--secondary: #003028;;
|
|
--white: #E1E1E1;
|
|
--black: #CFCFCF;
|
|
--light: #170535;
|
|
--muted: #E1E1E1;
|
|
--gray: #383838;
|
|
--gray-100: #E1E1E1;
|
|
--gray-200: #E1E1E1;
|
|
--gray-300: #291720;
|
|
--gray-400: #303030;
|
|
--gray-500: var(--dark);
|
|
--gray-600: var(--dark);
|
|
--gray-700: var(--dark);
|
|
--gray-800: var(--dark);
|
|
--gray-900: var(--dark);
|
|
--background: var(--dark);
|
|
}
|
|
|
|
body {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
* {
|
|
border-color: var(--primary);
|
|
}
|
|
|
|
a:hover.user-name {
|
|
cursor: url('/assets/images/event/machete.webp'), auto !important;
|
|
}
|
|
|
|
.border {
|
|
border-color: var(--primary) !important;
|
|
}
|
|
|
|
.form-control {
|
|
background: transparent;
|
|
border-color: var(--primary) !important;
|
|
}
|
|
|
|
.btn {
|
|
background: transparent;
|
|
border-color: var(--primary) !important;
|
|
border-width: 2px;
|
|
}
|
|
|
|
.form-control:disabled, .form-control[readonly] {
|
|
background: transparent;
|
|
border-color: var(--primary) !important;
|
|
}
|
|
|
|
.btn-success {
|
|
border-color: #38A169 !important;
|
|
}
|
|
|
|
.btn-danger {
|
|
border-color: #E53E3E !important;
|
|
}
|
|
|
|
#frontpage .pseudo-submit-form.card .card-body .form-control {
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
.btn-lg {
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
pre {
|
|
color: #CFCFCF;
|
|
}
|
|
|
|
.transparent {
|
|
background: None !important;
|
|
}
|
|
|
|
#frontpage .post-title a:visited {
|
|
color: #7a7a7a !important;
|
|
}
|
|
|
|
.post-title a, h1.post-title {
|
|
font-family: 'SpecialElite-Regular';
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.arrow-up::before, .arrow-down::before {
|
|
content: '\f7dc';
|
|
width: 20px;
|
|
}
|
|
|
|
.arrow-down::before {
|
|
display: inline-block;
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.arrow-up.active::before, .arrow-down.active::before {
|
|
content: '\f7db';
|
|
}
|
|
|
|
/* Blood Effect */
|
|
.blood::before {
|
|
content: '';
|
|
position: absolute;
|
|
background-image: url('/assets/images/event/blood-anim.webp');
|
|
width: 100%;
|
|
height: 55px;
|
|
background-repeat: repeat-x;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.blood {
|
|
position: relative;
|
|
}
|
|
|
|
.blood .comment-text {
|
|
color: #dc3545 !important;
|
|
font-family: 'DoubleFeature';
|
|
}
|
|
|
|
.sketch {
|
|
z-index: 10000;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Eyes */
|
|
.eye {
|
|
position: relative;
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
|
|
/* Trick or Treat */
|
|
#trick-or-treat {
|
|
font-family: Jo_wrote_a_lovesong;
|
|
font-size: 2rem;
|
|
letter-spacing: 0.5rem;
|
|
border-color: var(--primary) !important;
|
|
}
|
|
|
|
#trick-or-treat::before {
|
|
content:"";
|
|
background-image:url('/e/marseyface.webp'); ;
|
|
background-size: cover;
|
|
height:28px;
|
|
width:32px;
|
|
display:inline-block;
|
|
}
|
|
|
|
#trick-or-treat::after {
|
|
content:"";
|
|
background-image:url('/e/marseytrickortreat.webp'); ;
|
|
background-size: cover;
|
|
height:28px;
|
|
width:32px;
|
|
display:inline-block;
|
|
}
|
|
|
|
/* progressbar */
|
|
.progress {
|
|
background-color: #1d9bf0;
|
|
background-image: linear-gradient(0deg, #1d9bf0 0%, #59b1ec 100%);
|
|
width: 270px;
|
|
height: 24px;
|
|
border-radius: 4px;
|
|
box-shadow: inset 0px 12px 2px #ffffff10;
|
|
backdrop-filter: blur(2px) brightness(101%);
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.progress::before {
|
|
content: "\f48e";
|
|
font-family: "Font Awesome 6 Pro";
|
|
position: absolute;
|
|
left: 6px;
|
|
top: 2px;
|
|
font-size: 13px;
|
|
color: #fff;
|
|
}
|
|
.progress::after {
|
|
content: "\f780";
|
|
font-family: "Font Awesome 6 Pro";
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 2px;
|
|
font-size: 13px;
|
|
color: #fff;
|
|
}
|
|
|
|
.progress > .legend {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 6px;
|
|
padding: 0 6px;
|
|
color: #dc3545;
|
|
font-family: -apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.progress > .legend span:nth-child(1) {
|
|
color: #d3bc00;
|
|
}
|
|
|
|
.bar-left {
|
|
display: inline-block;
|
|
width: var(--width);
|
|
height: 24px;
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
background-color: #d3bc00;
|
|
background-image: linear-gradient(180deg, #d3bc00 50%, #877800 100%);
|
|
box-shadow: inset 0px 12px 2px #ffffff20;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
|
|
.bar-right {
|
|
display: inline-block;
|
|
width: var(--width);
|
|
height: 24px;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
background-color: #dc3545;
|
|
background-image: linear-gradient(180deg, #dc3545 50%, #9e1b32 100%);
|
|
box-shadow: inset 2px 12px 0px #ffffff20;
|
|
color: white;
|
|
text-align: center;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|