MediaWiki:Timeless.css: Difference between revisions
From Equestripedia, the Archives of Equestria!
Content added Content deleted
No edit summary |
(Lets see if this fixes things.) |
||
Line 338: | Line 338: | ||
/* DOCUMENTATION */ |
/* DOCUMENTATION */ |
||
div .documentation { |
div .documentation { |
||
/* Font & Text */ |
|||
font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Lato, "Liberation Sans", "Noto Sans", "Helvetica Neue", Helvetica, sans-serif; |
|||
font-size: 15.2px; |
|||
font-style: normal; |
|||
font-variant: normal; |
|||
font-weight: 400; |
|||
letter-spacing: normal; |
|||
line-height: 22.8px; |
|||
text-decoration: none solid rgb(223, 205, 221); |
|||
text-align: start; |
|||
text-indent: 0px; |
|||
text-transform: none; |
|||
vertical-align: baseline; |
|||
white-space: normal; |
|||
word-spacing: 0px; |
|||
/* Color & Background */ |
|||
background-attachment: scroll; |
|||
background-color: #2B1D42 !important; |
background-color: #2B1D42 !important; |
||
background-image: none; |
|||
background-position: 0% 0%; |
|||
background-repeat: repeat; |
|||
color: #DFCDDD !important; |
color: #DFCDDD !important; |
||
/* Box */ |
|||
height: 579.609px; |
|||
width: 763.484px; |
|||
border: 2px solid #DFCDDD !important; |
border: 2px solid #DFCDDD !important; |
||
border-top: 2px solid #DFCDDD !important; |
border-top: 2px solid #DFCDDD !important; |
||
Line 370: | Line 345: | ||
border-bottom: 2px solid #DFCDDD !important; |
border-bottom: 2px solid #DFCDDD !important; |
||
border-left: 2px solid #DFCDDD !important; |
border-left: 2px solid #DFCDDD !important; |
||
margin: 15.2px 0px 0px; |
|||
padding: 15.2px; |
|||
max-height: none; |
|||
min-height: 0px; |
|||
max-width: none; |
|||
min-width: 0px; |
|||
/* Positioning */ |
|||
position: static; |
|||
top: auto; |
|||
bottom: auto; |
|||
right: auto; |
|||
left: auto; |
|||
float: none; |
|||
display: block; |
|||
clear: both; |
|||
z-index: auto; |
|||
/* List */ |
|||
list-style-image: none; |
|||
list-style-type: disc; |
|||
list-style-position: outside; |
|||
/* Table */ |
|||
border-collapse: separate; |
|||
border-spacing: 0px 0px; |
|||
caption-side: top; |
|||
empty-cells: show; |
|||
table-layout: auto; |
|||
/* Miscellaneous */ |
|||
overflow: visible; |
|||
cursor: auto; |
|||
visibility: visible; |
|||
/* Effects */ |
|||
transform: none; |
|||
transition: all 0s ease 0s; |
|||
outline: rgb(255, 0, 0) dashed 0px !important; |
|||
outline-offset: 0px; |
|||
box-sizing: content-box; |
|||
resize: none; |
|||
text-shadow: none; |
|||
text-overflow: clip; |
|||
word-wrap: break-word; |
|||
box-shadow: none; |
|||
border-top-left-radius: 0px; |
|||
border-top-right-radius: 0px; |
|||
border-bottom-left-radius: 0px; |
|||
border-bottom-right-radius: 0px; |
|||
} |
} |
||
/*MACROBOX */ |
/*MACROBOX */ |
Revision as of 14:58, 19 October 2022
/* All CSS here will be loaded for users of the Timeless skin */
/* All CSS here will be loaded for users of the Timeless skin */
/** General styling **/
body {
color: #dfcddd;
background: #422d65; }
/* Background */
#mw-content-container {
background-image: url(https://static.miraheze.org/mooncomicswiki/3/3a/Bg.png) !important;
background-size: cover !important;
background-attachment: fixed !important; }
/* Logo */
.mw-wiki-logo.fallback {
background-color: #DFCDDD;
border: 2px solid #2B1D42;
padding: 13px; }
/* Links */
a {
color: #F3B88D !important; }
a:visited {
color: #FCECCB !important; }
a.new {
color:#ca828e !important; }
a.new:visited {
color:#d9a6ae !important; }
/* Trick to make icons lighter */
.tools-inline li a { /* A the top of a page with action links */
color: #862100 !important;
filter: invert(100%); }
.tools-inline li a:visited {
color: #FC4407 !important; }
.mw-editsection { /* In sections */
filter: invert(100%);}
.mw-editsection a {
color: #862100 !important; }
.mw-editsection a:visited {
color: #FC4407 !important; }
#mw-indicator-mw-helplink a { /* Help link */
color: #862100 !important;
filter: invert(100%); }
#mw-indicator-mw-helplink a:visited {
color: #FC4407 !important; }
.oo-ui-icon-lock { /* Page protection */
filter: invert(50%); }
#ca-more span { /* Page tools on smaller screens */
filter: invert(100%); }
.dropdown-toggle::after {
filter: invert(100%); }
/* Headers */
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }
.mw-body h3 {
margin: 0.5em 0 0.5em;
font-weight: bold;
font-size: 1.5em; }
#personal h2 {
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }
/* Wiki title */
#mw-header-container {
background: #2B1D42;
color: #fff; }
#p-logo-text {
margin-top: 11px; }
#p-logo-text a {
color: #fff !important;
text-decoration: none;
font-family: unset;
font-variant: unset; }
/* Search bar */
#simpleSearch {
background: #422D65;
border: solid 2px #DFCDDD; }
#searchInput {
color: #DFCDDD; }
.suggestions .suggestions-results {
background-color: #BAA6D1;
border: 1px solid #2B1D42; }
.suggestions .suggestions-special {
background-color: #D7C5E3;
border: 1px solid #2B1D42; }
.suggestions .suggestions-result-current {
background-color: #422D65; }
#searchButton, #mw-searchButton {
background-color: transparent !important;
filter: invert(1); /* Lighter icon */
}
/* Banner decoration */
#mw-header-hack {
box-shadow: none; }
.color-middle, .color-left, .color-right {
background: #2B1D42; }
/* Content */
#mw-content-container {
background: #170926;
border-bottom: solid 3px #2B1D42; }
#mw-content {
background: #422d65;
border: 3px solid #2B1D42;
border-top: none;
box-shadow: none; }
/* Page main header (title) */
.mw-body h1.firstHeading {
border-bottom: solid 4px #2B1D42;
font-weight: bold;
padding-bottom: 5px; }
.tools-inline li.selected {
border-bottom-color: #2B1D42; }
/* ToC */
#toc {
background: #2B1D42;
border: solid #DFCDCE;
border-width: 2px; }
.toctogglelabel {
color: #79DEFF !important; }
.tocnumber {
color: #E9E6E8 !important; }
/* Notifications */
.mw-notification {
border: 1px solid #2B1D42;
background:#DFCDDD;
color:#E9E6E8; }
/* Menus */
#mw-site-navigation h2, #mw-related-navigation h2 {
font-family: 'Helvetica Neue','Helvetica','Arial',sans-serif; }
#mw-site-navigation .sidebar-chunk {
background: #422D65;
border:none;
padding-bottom:2px; }
#mw-related-navigation .sidebar-chunk {
background: #422D65;
border:none;
padding-bottom:2px; }
#mw-header-nav-hack {
border-top: solid 2px transparent;
background: #422D65; }
#mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner {
border: none;
background: #422D65;
box-shadow: none; }
#mw-site-navigation .sidebar-chunk h2 span::before, #mw-site-navigation .sidebar-chunk h2 span::after {
top:33px;
border-bottom:10px solid #79DEFF; }
#mw-related-navigation .sidebar-inner::before,#mw-related-navigation .sidebar-inner::after {
top:-10px;
border-bottom-color:#79DEFF !important; }
/* User menu drop down */
#personal .dropdown {
border: none;
background: #6f4e96;
box-shadow: none; }
#personal .dropdown::after {
border-bottom-color: #79DEFF;
top: -10px; }
/* Pre-footer space on non-desktop screens */
#content-bottom-stuff {
background: #422D65; }
/* Footer */
#mw-footer-container {
border-top: none;
box-shadow: none; }
/* Miraheze notice */
/* .mw-dismissable-notice {
background: #746586;
border: solid #800649;
border-width: 2px;
font-size: 90%;
padding: 0; }
.mw-dismissable-notice-body .wikitable {
border: solid #746586; }
.sitedir-ltr .mw-dismissable-notice-body {
margin: -10px 15%; }
.mw-dismissable-notice-body td {
border: none !important;
background: none !important; } */
/* Editor UI */
div .editOptions {
background: #EFECF1;
color: #54595D }
.wikiEditor-ui-toolbar {
background-color: #EFECF1; }
/* Changes highlights */
.diff-deletedline .diffchange {
background: #ff8730; }
.diff-addedline .diffchange {
background: #0083ff; }
/* General tables */
.wikitable, .wikitable td {
color:inherit;
background-color:transparent; }
.wikitable tr th {
background-color: #800649; }
/* File metadata table (doesn't work?) */
.mw_metadata th, .mw_metadata td {
background-color:transparent; }
/* Special table class */
.bigtable {
width: 80%; }
/** Changes for desktop screens **/
@media only screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk { /* Side menus borders */
border: 2px solid #DFCDDD; }
#mw-related-navigation .sidebar-chunk {
border: 2px solid #DFCDDD; }
}
@media only screen and (max-width: 1400px) {
.bigtable {
width: 100%; }
}
/** Changes for mobile screens **/
@media only screen and (max-width: 500px) {
#mw-content { /* content */
border-right: none;
border-left: none; }
#p-logo-text { /* Wiki title */
position: unset;
text-align: center;
margin: 0 auto 10px;
font-weight: bold;
font-size: 120%; }
}
.mw-ext-cite-error { color: #ca828e; }
/* Thumbnails */
div.thumbinner {
border: 2px solid #DFCDDD;
background-color: #2B1D42;
color: #DFCDDD;
text-align: center;
}
/* Navbox template CSS */
/* Site styles */
.navbox {
width: 100%;
color: #2B1D42;
font-size: 88%;
background: #422D65;
border: 2px solid #DFCDDD;
margin-top: 15px;
}
.nav-right {
color: #2B1D42;
clear: right;
float: right;
font-size: 90%;
margin:0 0 10px 1em;
}
.navbox + .navbox,
.navbox .navbox {
margin-top: 0;
}
.navbox .navbox {
font-size: 100%;
}
.mobile .navbox tr:nth-of-type(2) > td:first-child {
padding-left: 0 !important;
padding-right: 0 !important;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
padding-left: 4.1em;
}
.navbox tr:first-child th {
color: #DFCDDD;
font-size: 108%;
font-weight: bold;
background: #999;
}
.navbox tr:first-child th, .navbox tr:first-child th a {
color: #DFCDDD !important;
}
.navbox tr th {
text-align: center;
background: #ccc;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
background: #E6E6E6;
}
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
color: #2B1D42;
}
.navbox tr:nth-child(2n) td {
background: #F6F6F6;
}
.navbox tr td {
background: #FCFCFC;
}
.navbox td a {
color: #2B1D42;
}
.navbox td a:visited {
color: #2B1D42;
}
.navbox td a.new {
color: #CC2200;
}
.navbox td a.new:visited {
color: #A55858;
}
@media print {
.navbox {
display: none;
}
}
.nb-basic-one {
background-color: #2B1D42;
color: #DFCDDD;
}
/* DOCUMENTATION */
div .documentation {
background-color: #2B1D42 !important;
color: #DFCDDD !important;
border: 2px solid #DFCDDD !important;
border-top: 2px solid #DFCDDD !important;
border-right: 2px solid #DFCDDD !important;
border-bottom: 2px solid #DFCDDD !important;
border-left: 2px solid #DFCDDD !important;
}
/*MACROBOX */
.macrobox {
width: 100%;
border: 2px solid #DFCDDD;
background: #2B1D42;
color: #DFCDDD;
}
.macrobox-bottom {
width: 100%;
border-left: 2px solid #DFCDDD;
border-right: 2px solid #DFCDDD;
border-bottom: 2px solid #DFCDDD;
background: #2B1D42;
color: #DFCDDD;
text-align: center;
}
/*NAVBOXES*/
.sweetie-dark {
width: 100%;
border: 2px solid #DFCDDD;
background: #2B1D42;
color: #DFCDDD;
}
.c-form-title {
color: #DFCDDD;
}
#comments-body .comments-body {
background: #422d65 !important;
}
.default-dark {
width: 100%;
border: 2px solid #DFCDDD;
background: #2B1D42;
color: #DFCDDD;
}
.default-inner {
background: #422D65;
color: #DFCDDD;
}
.default-light {
border: 2px solid #2B1D42;
background: #DFCDDD;
color: #2B1D42;
}