Template:EmythTheme/styles.css
Template page
More actions
/* 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;
}
}
/* 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 tabber underline */
.tabber__tab[aria-selected="true"] {
box-shadow: 0 -2px 0 #28D785 inset;
}
.tabber__tab:hover {
box-shadow: 0 -2px 0 #28D785 inset;
}