Template:EmythTheme/styles.css

/* Main color: #28D785 | Secondary color: #51DE9C */
/* page info */
 @media screen {
     .page-info {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px;
         border-width: 3px !important;
    }
}
/* comments */
 .cs-comments {
     background-color: rgba(0, 0, 0, 0.6) !important;
     backdrop-filter: blur(4px) !important;
     border-radius: 8px;
     border-width: 3px !important;
}
/* categories */
 @media screen {
     .catlinks {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px;
         border-width: 3px !important;
    }
}
/* last edited */
 @media screen {
     #citizen-sidebar-lastmod {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px;
         border-width: 3px !important;
    }
}
/* table of contents */
 @media screen {
     .citizen-toc {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px;
         border-width: 3px !important;
    }
}
/* top header */
 @media screen {
     .citizen-page-header-inner {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px;
         border-width: 3px !important;
    }
}
/* main page */
 @media screen {
     #bodyContent {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px;
         border-width: 3px !important;
    }
}
/* related pages */
 @media screen {
     .read-more-container > .read-more-container {
         border-width: 3px !important;
         border-radius: 8px;
         backdrop-filter: blur(4px) !important;
         background-color: rgba(0, 0, 0, 0.6) !important;
    }
}
 .read-more-container-heading {
     text-shadow: none;
     text-transform: initial;
}
/* page headers */
 h1 {
     color: #28D785;
     font-weight: normal;
     text-shadow: #51DE9C 0px 0px 12px;
     margin-top: 24px;
     border-bottom: 2px solid;
}
 h2 {
     color: white;
     font-weight: normal;
     text-shadow: #d8d8d8 0px 0px 8px;
     margin-top: 24px;
}
 h3 {
     color: #28D785;
     font-weight: normal;
     text-shadow: #51DE9C 0px 0px 12px;
     margin-top: 24px;
}
 h4 {
     color: white;
     font-weight: normal;
     text-shadow: #d8d8d8 0px 0px 8px;
     margin-top: 24px;
}
 h5 {
     color: #28D785;
     font-weight: normal;
     text-shadow: #51DE9C 0px 0px 12px;
     margin-top: 24px;
}
 h6 {
     color: white;
     font-weight: normal;
     text-shadow: #d8d8d8 0px 0px 8px;
     margin-top: 24px;
}
/* page text */
 body {
     color: white;
}
 b {
     color: white;
}
/* infoboxes */
 .portable-infobox {
     padding: 0px !important;
     background: rgba(16, 16, 16, 0.4);
     border: 2px solid #28D785;
     border-radius: 8px;
     box-shadow: #28D785 0 0 10px;
}
 .portable-infobox .pi-title {
     text-align: center;
     background: rgba(16, 16, 16, 0.2);
     color: #28D785 !important;
     text-shadow: #51DE9C 0px 0px 12px;
     margin-top: 0px;
}
 .portable-infobox .pi-data-label {
     color: #28D785;
     font-size: 15px;
     text-shadow: #51DE9C 0px 0px 12px;
     margin-top: 0px;
}
 .portable-infobox .pi-header {
     text-align: center;
     background: rgba(16, 16, 16, 0.2);
     color: white;
     font-size: 19px;
     margin-top: 0px;
}
 .pi-layout-stacked .pi-data {
     border: none;
}
 .portable-infobox .pi-border-color {
     border: none;
}
/* font download */
 @font-face {
     font-family: 'TemplateStyles Overpass';
     src: url('https://amaranth-legacy.yttrium.systems/Overpass_Regular.woff2') format('woff2'), url('https://amaranth-legacy.yttrium.systems/Overpass_Regular.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
/* font implement */
 body {
     font-family: 'TemplateStyles Overpass';
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'TemplateStyles Overpass';
     font-weight: normal !important;
}
 .oo-ui-labelElement-label {
     font-family: 'TemplateStyles Overpass';
}
/* title */
 @media screen {
     .firstHeading {
         text-shadow: #d8d8d8 0px 0px 12px !important;
         color: white;
         border-bottom: 0px solid;
    }
}
/* namespace in title */
 @media screen {
     .mw-page-title-namespace {
         text-shadow: var(--color-base) 0px 0px 12px;
    }
}
/* parenthesis in title */
 @media screen {
     .mw-page-title-parenthesis {
         text-shadow: var(--color-subtle) 0px 0px 12px;
    }
}
/* self link */
 @media screen {
     a.mw-selflink {
         color: #28D785;
         font-weight: normal !important;
         text-decoration: underline !important;
    }
}
/* self link hover */
 @media screen {
     a.mw-selflink:hover {
         color: #28D785;
         font-weight: normal !important;
         text-decoration: underline !important;
    }
}
/* redlinks */
 @media screen {
     a.new {
         border-bottom: dashed #28D785 1px !important;
    }
}
/* profile avatar */
 .profile-avatar-image {
     border: 3px solid #28D785;
     box-shadow: 0px 0px 10px #51DE9C !important;
}
/* little tabbers */
 .tabber__tab[aria-selected="true"] {
     box-shadow: 0 -2px 0 #28D785 inset;
     color: #28D785;
}
 .tabber__tab[aria-selected="true"]:hover {
     box-shadow: 0 -2px 0 #28D785 inset;
     color: #28D785;
}
 .tabber__tab[aria-selected="true"]:visited {
     box-shadow: 0 -2px 0 #28D785 inset;
     color: #28D785;
}
 .tabber__tab:hover {
     box-shadow: 0 -2px 0 #28D785 inset;
     color: #28D785;
}
/* Collapsible text */
 .mw-collapsible-text {
     color: #28D785 !important;
}