Template:EmythTheme/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 88: | Line 88: | ||
} |
} |
||
/* infoboxes */ |
/* infoboxes */ |
||
.mw-parser-output .infobox { |
.mw-parser-output .infobox { |
||
background: rgba(16, 16, 16, 0.4) !important; |
background: rgba(16, 16, 16, 0.4) !important; |
||
border: 2px solid #28D785 !important; |
border: 2px solid #28D785 !important; |
||
| Line 95: | Line 95: | ||
font-family: 'TemplateStyles Overpass' !important; |
font-family: 'TemplateStyles Overpass' !important; |
||
} |
} |
||
.mw-parser-output .infobox__title { |
.mw-parser-output .infobox__title { |
||
display: block !important; |
display: block !important; |
||
padding: 2px !important; |
padding: 2px !important; |
||
| Line 101: | Line 101: | ||
text-shadow: #28D785 0px 0px 12px !important; |
text-shadow: #28D785 0px 0px 12px !important; |
||
} |
} |
||
.mw-parser-output .infobox__header { |
.mw-parser-output .infobox__header { |
||
display: block !important; |
display: block !important; |
||
padding: 2px !important; |
padding: 2px !important; |
||
} |
} |
||
.mw-parser-output .infobox__sectionTitle { |
.mw-parser-output .infobox__sectionTitle { |
||
display: block !important; |
display: block !important; |
||
padding: 2px !important; |
padding: 2px !important; |
||
| Line 111: | Line 111: | ||
text-shadow: #28D785 0px 0px 12px !important; |
text-shadow: #28D785 0px 0px 12px !important; |
||
} |
} |
||
.mw-parser-output .infobox__section .infobox__item .infobox__label { |
.mw-parser-output .infobox__section .infobox__item .infobox__label { |
||
color: #28D785 !important; |
color: #28D785 !important; |
||
text-shadow: #28D785 0px 0px 12px !important; |
text-shadow: #28D785 0px 0px 12px !important; |
||
} |
} |
||
/* font download */ |
/* font download */ |
||
| Line 159: | Line 159: | ||
font-size: 18px; |
font-size: 18px; |
||
text-shadow: #28D785 0px 0px 12px; |
text-shadow: #28D785 0px 0px 12px; |
||
box-shadow: 0 -2px 0 #28D785 inset; |
|||
} |
} |
||
.tabber__tab[aria-selected="true"]:hover { |
.tabber__tab[aria-selected="true"]:hover { |
||
| Line 179: | Line 180: | ||
font-size: 18px; |
font-size: 18px; |
||
text-shadow: #28D785 0px 0px 12px; |
text-shadow: #28D785 0px 0px 12px; |
||
box-shadow: 0 -2px 0 #28D785 inset; |
|||
} |
} |
||
.tabber__tab:visited { |
.tabber__tab:visited { |
||
| Line 206: | Line 208: | ||
} |
} |
||
/* Some file on page stuff */ |
/* Some file on page stuff */ |
||
figure { |
figure { |
||
margin-top: 0px !important; |
margin-top: 0px !important; |
||
margin-bottom: 0px !important; |
margin-bottom: 0px !important; |
||
margin-right: 8px !important; |
margin-right: 8px !important; |
||
} |
} |
||
figcaption { |
figcaption { |
||
margin-top: 0px !important; |
margin-top: 0px !important; |
||
} |
} |
||
Revision as of 22:17, January 20, 2025
/* 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;
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;
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;
font-weight: normal;
text-shadow: #d8d8d8 0px 0px 8px;
margin-top: 24px;
}
/* page text */
body {
color: white;
}
b {
color: white;
}
/* 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;
}
.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;
}
/* 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;
}
.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;
}
/* 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;
}
/* Some file on page stuff */
figure {
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-right: 8px !important;
}
figcaption {
margin-top: 0px !important;
}