Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:EmythTheme/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Main color: #28D785 | Secondary color: #51DE9C */
/* Color: #28D785 */
/* page info */
/* Bottom header */
@media screen {
@media screen {
#bodyContent,#citizen-sidebar-lastmod,#catlinks:not(:empty),.cs-comments:not(:empty),body:not(.action-edit):not(.action-submit):not(.action-purge):not(.ns--1) .page-info,.read-more-container > .read-more-container {
.page-info {
background-color: rgba(0, 0, 0, 0.6) !important;
background-color: rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(4px) !important;
backdrop-filter: blur(4px) !important;
border-radius: 8px;
border-radius: 8px !important;
border-width: 3px !important;
border-width: 3px !important;
}
}
/* Top header */
}
@media (max-width: 1119px) {
/* comments */
body:not(.citizen-sticky-header-visible) .citizen-page-heading {
.cs-comments {
background-color: rgba(0, 0, 0, 0.6) !important;
background-color: rgba(0, 0, 0, 0.6) !important;
backdrop-filter: blur(4px) !important;
backdrop-filter: blur(4px) !important;
border-radius: 8px;
border-radius: 8px !important;
border-width: 3px !important;
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;
}
}
@media (min-width: 1120px) {
}
body:not(.citizen-sticky-header-visible) .citizen-page-header-inner {
/* last edited */
background-color: rgba(0, 0, 0, 0.6) !important;
@media screen {
backdrop-filter: blur(4px) !important;
#citizen-sidebar-lastmod {
background-color: rgba(0, 0, 0, 0.6) !important;
border-radius: 8px !important;
backdrop-filter: blur(4px) !important;
border-width: 3px !important;
border-radius: 8px;
}
border-width: 3px !important;
/* Table of Contents */
body:not(.citizen-sticky-header-visible) #citizen-toc {
}
background-color: rgba(0, 0, 0, 0.6) !important;
}
backdrop-filter: blur(4px) !important;
/* table of contents */
border-radius: 8px !important;
@media screen {
border-width: 3px !important;
.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;
}
}
}
}
/* Related pages */
.read-more-container-heading {
.read-more-container-heading {
text-shadow: none;
text-shadow: none;
Line 78: Line 42:
color: #28D785;
color: #28D785;
font-weight: normal;
font-weight: normal;
text-shadow: #51DE9C 0px 0px 12px;
text-shadow: #28D785 0px 0px 12px;
margin-top: 24px;
margin-top: 24px;
border-bottom: 2px solid;
border-bottom: 2px solid;
font-size: 32px;
}
}
h2 {
h2 {
color: white;
color: white !important;
font-weight: normal;
font-weight: normal;
text-shadow: #d8d8d8 0px 0px 8px;
text-shadow: #d8d8d8 0px 0px 8px;
margin-top: 24px;
margin-top: 24px;
font-size: 26px;
}
}
h3 {
h3 {
color: #28D785;
color: #28D785;
font-weight: normal;
font-weight: normal;
text-shadow: #51DE9C 0px 0px 12px;
text-shadow: #28D785 0px 0px 12px;
margin-top: 24px;
margin-top: 24px;
font-size: 22px;
}
}
h4 {
h4 {
color: white;
color: white !important;
font-weight: normal;
font-weight: normal;
text-shadow: #d8d8d8 0px 0px 8px;
text-shadow: #d8d8d8 0px 0px 8px;
margin-top: 24px;
margin-top: 24px;
font-size: 20px;
}
}
h5 {
h5 {
color: #28D785;
color: #28D785;
font-weight: normal;
font-weight: normal;
text-shadow: #51DE9C 0px 0px 12px;
text-shadow: #28D785 0px 0px 12px;
margin-top: 24px;
margin-top: 24px;
}
}
h6 {
h6 {
color: white;
color: white !important;
font-weight: normal;
font-weight: normal;
text-shadow: #d8d8d8 0px 0px 8px;
text-shadow: #d8d8d8 0px 0px 8px;
Line 114: Line 82:
/* page text */
/* page text */
body {
body {
color: white;
color: #dbdbdb;
}
}
b {
b {
color: white;
color: #dbdbdb;
}
}
/* infoboxes */
/* infoboxes */
.portable-infobox {
.mw-parser-output .infobox {
padding: 0px !important;
background: rgba(16, 16, 16, 0.4) !important;
background: rgba(16, 16, 16, 0.4);
border: 2px solid #28D785 !important;
border: 2px solid #28D785;
border-radius: 8px !important;
box-shadow: #28D785 0 0 10px !important;
border-radius: 8px;
font-family: 'TemplateStyles Overpass' !important;
box-shadow: #28D785 0 0 10px;
}
}
.mw-parser-output .infobox__title {
.portable-infobox .pi-title {
text-align: center;
display: block !important;
background: rgba(16, 16, 16, 0.2);
padding: 2px !important;
color: #28D785 !important;
color: #28D785 !important;
text-shadow: #51DE9C 0px 0px 12px;
text-shadow: #28D785 0px 0px 12px !important;
font-family: 'TemplateStyles Overpass' !important;
margin-top: 0px;
}
}
.mw-parser-output .infobox__header {
.portable-infobox .pi-data-label {
color: #28D785;
display: block !important;
font-size: 15px;
padding: 2px !important;
text-shadow: #51DE9C 0px 0px 12px;
margin-top: 0px;
}
}
.mw-parser-output .infobox__sectionTitle {
.portable-infobox .pi-header {
text-align: center;
display: block !important;
background: rgba(16, 16, 16, 0.2);
padding: 2px !important;
color: white;
color: #28D785 !important;
text-shadow: #28D785 0px 0px 12px !important;
font-size: 19px;
margin-top: 0px;
}
}
.mw-parser-output .infobox__section .infobox__item .infobox__label {
.pi-layout-stacked .pi-data {
border: none;
color: #28D785 !important;
text-shadow: #28D785 0px 0px 12px !important;
}
}
.mw-parser-output .infobox__image img {
.portable-infobox .pi-border-color {
border: none;
border-radius: 0px;
}
}
/* font download */
/* font download */
Line 191: Line 157:
text-shadow: var(--color-subtle) 0px 0px 12px;
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 */
/* little tabbers */
.tabber__tab[aria-selected="true"] {
.tabber__tab[aria-selected="true"] {
color: #28D785;
font-size: 18px;
text-shadow: #28D785 0px 0px 12px;
box-shadow: 0 -2px 0 #28D785 inset;
box-shadow: 0 -2px 0 #28D785 inset;
color: #28D785;
}
}
.tabber__tab[aria-selected="true"]:hover {
.tabber__tab[aria-selected="true"]:hover {
box-shadow: 0 -2px 0 #28D785 inset;
color: #28D785;
color: #28D785;
font-size: 18px;
text-shadow: #28D785 0px 0px 12px;
}
}
.tabber__tab[aria-selected="true"]:visited {
.tabber__tab[aria-selected="true"]:visited {
box-shadow: 0 -2px 0 #28D785 inset;
color: #28D785;
color: #28D785;
font-size: 18px;
text-shadow: #28D785 0px 0px 12px;
}
.tabber__tab {
color: #d8d8d8;
font-size: 18px;
text-shadow: #d8d8d8 0px 0px 8px;
box-shadow: none !important;
}
.tabber__tab:hover {
color: #28D785 !important;
font-size: 18px;
text-shadow: #28D785 0px 0px 12px;
box-shadow: 0 -2px 0 #28D785 inset;
}
.tabber__tab:visited {
color: #d8d8d8;
font-size: 18px;
text-shadow: #d8d8d8 0px 0px 9px;
}
.tabber__header {
box-shadow: none !important;
}
.tabber__tabs {
border: 2px solid #28D785;
border-radius: 8px;
margin: 10px;
box-shadow: #28D785 0 0 10px;
}
}
/* Collapsible text */
/* Collapsible text */
.mw-collapsible-text {
.mw-collapsible-text {
color: #28D785 !important;
color: #28D785 !important;
}
/* ---- line */
hr {
border-width: 2px !important;
}
/* Category boxes */
@media screen {
.catlinks li > a {
border-color: #28D785;
border-width: 2px;
}
}
/* Profile box */
.profile-avatar-image {
border-width: 2px;
border-color: #28D785;
}
/* List formatting fix */
p:not(.mw-empty-elt) + ul, p:not(.mw-empty-elt) + ol, p:not(.mw-empty-elt) + table, p:not(.mw-empty-elt) + dl, p:not(.mw-empty-elt) + blockquote {
margin-top: 0;
}
/* Simple index list */
#bodyContent .template__simple_index_list__summary {
color: #28D785 !important;
text-shadow: #28D785 0px 0px 12px !important;
font-family: 'TemplateStyles Overpass' !important;
font-weight: normal !important;
}
.mw-parser-output .template__simple_index_list__wrapper > ul > li {
font-weight: normal !important;
font-family: 'TemplateStyles Overpass' !important;
}
/* Scope boxes */
.mw-parser-output .template-ScopeBox-content > :nth-child(2) {
text-shadow: #28D785 0px 0px 12px !important;
font-family: 'TemplateStyles Overpass' !important;
}
.mw-parser-output .template-ScopeBox-content {
border-radius: 8px;
border-width: 2px !important;
}
.mw-parser-output .template-ScopeBox {
border-radius: 8px;
border-width: 2px !important;
}
@media screen {
figure[typeof~="mw:File"] > .mw-file-description {
border-color: #28D785;
border-width: 3px;
border-radius: 8px;
box-shadow: #28D785 0px 0px 12px;
display: grid;
}
}
img {
border-radius: 8px;
}
figure[typeof~="mw:File/Thumb"] > .mw-file-description .mw-file-element {
border-radius: 0px;
}
li.gallerybox div.thumb img {
border-radius: 0px !important;
}
.mw-parser-output .hr-with-image {
justify-content: flex-start !important;
width: 194%;
}
/* Note info */
.mw-parser-output .module-note-container {
background: #28D7854F !important;
}
}

Latest revision as of 15:19, February 28, 2026

/* Color: #28D785 */
/* Bottom header */
 @media screen {
     #bodyContent,#citizen-sidebar-lastmod,#catlinks:not(:empty),.cs-comments:not(:empty),body:not(.action-edit):not(.action-submit):not(.action-purge):not(.ns--1) .page-info,.read-more-container > .read-more-container {
         background-color: rgba(0, 0, 0, 0.6) !important;
         backdrop-filter: blur(4px) !important;
         border-radius: 8px !important;
         border-width: 3px !important;
    }
    /* Top header */
     @media (max-width: 1119px) {
         body:not(.citizen-sticky-header-visible) .citizen-page-heading {
             background-color: rgba(0, 0, 0, 0.6) !important;
             backdrop-filter: blur(4px) !important;
             border-radius: 8px !important;
             border-width: 3px !important;
        }
    }
     @media (min-width: 1120px) {
         body:not(.citizen-sticky-header-visible) .citizen-page-header-inner {
             background-color: rgba(0, 0, 0, 0.6) !important;
             backdrop-filter: blur(4px) !important;
             border-radius: 8px !important;
             border-width: 3px !important;
        }
        /* Table of Contents */
         body:not(.citizen-sticky-header-visible) #citizen-toc {
             background-color: rgba(0, 0, 0, 0.6) !important;
             backdrop-filter: blur(4px) !important;
             border-radius: 8px !important;
             border-width: 3px !important;
        }
    }
}
/* Related pages */
 .read-more-container-heading {
     text-shadow: none;
     text-transform: initial;
}
/* page headers */
 h1 {
     color: #28D785;
     font-weight: normal;
     text-shadow: #28D785 0px 0px 12px;
     margin-top: 24px;
     border-bottom: 2px solid;
     font-size: 32px;
}
 h2 {
     color: white !important;
     font-weight: normal;
     text-shadow: #d8d8d8 0px 0px 8px;
     margin-top: 24px;
     font-size: 26px;
}
 h3 {
     color: #28D785;
     font-weight: normal;
     text-shadow: #28D785 0px 0px 12px;
     margin-top: 24px;
     font-size: 22px;
}
 h4 {
     color: white !important;
     font-weight: normal;
     text-shadow: #d8d8d8 0px 0px 8px;
     margin-top: 24px;
     font-size: 20px;
}
 h5 {
     color: #28D785;
     font-weight: normal;
     text-shadow: #28D785 0px 0px 12px;
     margin-top: 24px;
}
 h6 {
     color: white !important;
     font-weight: normal;
     text-shadow: #d8d8d8 0px 0px 8px;
     margin-top: 24px;
}
/* page text */
 body {
     color: #dbdbdb;
}
 b {
     color: #dbdbdb;
}
/* infoboxes */
 .mw-parser-output .infobox {
     background: rgba(16, 16, 16, 0.4) !important;
     border: 2px solid #28D785 !important;
     border-radius: 8px !important;
     box-shadow: #28D785 0 0 10px !important;
     font-family: 'TemplateStyles Overpass' !important;
}
 .mw-parser-output .infobox__title {
     display: block !important;
     padding: 2px !important;
     color: #28D785 !important;
     text-shadow: #28D785 0px 0px 12px !important;
     font-family: 'TemplateStyles Overpass' !important;
}
 .mw-parser-output .infobox__header {
     display: block !important;
     padding: 2px !important;
}
 .mw-parser-output .infobox__sectionTitle {
     display: block !important;
     padding: 2px !important;
     color: #28D785 !important;
     text-shadow: #28D785 0px 0px 12px !important;
}
 .mw-parser-output .infobox__section .infobox__item .infobox__label {
     color: #28D785 !important;
     text-shadow: #28D785 0px 0px 12px !important;
}
.mw-parser-output .infobox__image img {
  border-radius: 0px;
}
/* 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;
    }
}
/* little tabbers */
 .tabber__tab[aria-selected="true"] {
     color: #28D785;
     font-size: 18px;
     text-shadow: #28D785 0px 0px 12px;
     box-shadow: 0 -2px 0 #28D785 inset;
}
 .tabber__tab[aria-selected="true"]:hover {
     color: #28D785;
     font-size: 18px;
     text-shadow: #28D785 0px 0px 12px;
}
 .tabber__tab[aria-selected="true"]:visited {
     color: #28D785;
     font-size: 18px;
     text-shadow: #28D785 0px 0px 12px;
}
 .tabber__tab {
     color: #d8d8d8;
     font-size: 18px;
     text-shadow: #d8d8d8 0px 0px 8px;
     box-shadow: none !important;
}
 .tabber__tab:hover {
     color: #28D785 !important;
     font-size: 18px;
     text-shadow: #28D785 0px 0px 12px;
     box-shadow: 0 -2px 0 #28D785 inset;
}
 .tabber__tab:visited {
     color: #d8d8d8;
     font-size: 18px;
     text-shadow: #d8d8d8 0px 0px 9px;
}
 .tabber__header {
    box-shadow: none !important;
}
 .tabber__tabs {
     border: 2px solid #28D785;
     border-radius: 8px;
     margin: 10px;
     box-shadow: #28D785 0 0 10px;
}
/* Collapsible text */
 .mw-collapsible-text {
     color: #28D785 !important;
}
/* ---- line */
 hr {
     border-width: 2px !important;
}
/* Category boxes */
 @media screen {
     .catlinks li > a {
         border-color: #28D785;
         border-width: 2px;
    }
}
/* Profile box */
 .profile-avatar-image {
     border-width: 2px;
     border-color: #28D785;
}
/* List formatting fix */
p:not(.mw-empty-elt) + ul, p:not(.mw-empty-elt) + ol, p:not(.mw-empty-elt) + table, p:not(.mw-empty-elt) + dl, p:not(.mw-empty-elt) + blockquote {
  margin-top: 0;
}
/* Simple index list */
#bodyContent .template__simple_index_list__summary {
	 color: #28D785 !important;
     text-shadow: #28D785 0px 0px 12px !important;
     font-family: 'TemplateStyles Overpass' !important;
     font-weight: normal !important;
}
.mw-parser-output .template__simple_index_list__wrapper > ul > li {
	font-weight: normal !important;
	font-family: 'TemplateStyles Overpass' !important;
}
/* Scope boxes */
.mw-parser-output .template-ScopeBox-content > :nth-child(2) {
     text-shadow: #28D785 0px 0px 12px !important;
     font-family: 'TemplateStyles Overpass' !important;
}
.mw-parser-output .template-ScopeBox-content {
  border-radius: 8px;
  border-width: 2px !important;
}
.mw-parser-output .template-ScopeBox {
  border-radius: 8px;
  border-width: 2px !important;
}
@media screen {
  figure[typeof~="mw:File"] > .mw-file-description {
    border-color: #28D785;
    border-width: 3px;
    border-radius: 8px;
    box-shadow: #28D785 0px 0px 12px;
	display: grid;
	}
}
img {
  border-radius: 8px;
}
figure[typeof~="mw:File/Thumb"] > .mw-file-description .mw-file-element {
	border-radius: 0px;
}
li.gallerybox div.thumb img {
  border-radius: 0px !important;
}
.mw-parser-output .hr-with-image {
	justify-content: flex-start !important;
	width: 194%;
}
/* Note info */
.mw-parser-output .module-note-container {
	background: #28D7854F !important;
}