Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Timeless.css

MediaWiki interface page

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Timeless skin */

/* PM Style Edits */

.mw-body h1.firstHeading {
    border-color: #d53a7d;
}

.tools-inline li.selected{
    border-bottom-color: #d53a7d;
}


h1, h2, h3, h4, h5, h6 {
 font-family: Bahnschrift !important;
}

#mw-header-container {
    margin: 0.5%;
    width: 99%;
    background: #202020;
    color: white;
    border-radius: 8px;
    border-top: #d53a7d;
    border-bottom: #303030;
    border-width: 3px 0px 1px 0px;
    border-style: solid;
    padding: 6px 0px;
}

#mw-header-nav-hack, #mw-header-hack {
    display: none;
}

#simpleSearch {
    border: none;
    border-radius: 4px;
    background-color: #404040;
}

#searchInput {
    padding: 5px 15px;
    color: #ffffff
}

#mw-content-container{
    background: none;
}

body {
    background: #000000;
    color: white;
}

#p-logo {
    display: none;
}

#p-logo-text {
    padding: 0px;
}

#p-logo-text a{
    padding: 0px;
}

#mw-content {
    margin-top: 10px;
    border-radius: 8px;
    border-top: #d53a7d;
    border-bottom: #202020;
    border-width: 3px 0px;
    border-style: solid;
    background: #202020
}

#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
    margin-top: 10px;
    border-radius: 8px;
    border-top: #d53a7d;
    border-bottom: #202020;
    border-width: 3px 0px;
    border-style: solid;
    background: #202020
}

#personal, #personal-extra{
    bottom: 10%;
}

#mw-list-item::before{
    filter: invert(100%);
}

.toc {
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
    padding: 10px 15px 5px 15px;
}

.infobox {
    border-collapse: separate !important;
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
}

.wikitable {
    border-collapse: separate;
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
    padding: 3px;
}

.wikitable > * > tr > td, .wikitable > * > tr > th {
    border-radius: 4px;
}

.thumbinner{
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
    padding: 6px;
}

.thumbinner .thumbimage {
    border-radius: 4px;
}

#content .gallerybox div.thumb {
    background: #00000000
}

.gallerybox .thumb img {
    background: none;
}

.mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td{
    background-color: #303030;
    color: #ffffff;
    border: none
}

.infobox tr > th {
    background-color: #00000000 !important;
}

.mw-parser-output .documentation{
    background: #2b2727;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
}

table.ombox, .tdg-editscreen-edit-notice {
    border-collapse: separate !important;
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: #534e45;
    border: none;
}


.tocnumber {
    color: #909090
}

a:link {
    color: #87b2e1
}

a:visited  {
    color: #87b2e1
}

a:hover  {
    color: #87b2e1
}

a:active  {
    color: #87b2e1
}

a.new {
    color: #ea6565
}

.toctogglelabel {
    color: #87b2e1
}



.wikiEditor-ui .wikiEditor-ui-view {
    background: #202020;
    
    border-collapse: separate !important;
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
}

textarea {
    background: #404040;
    color: white;
}

#mw-content-container {
    border-bottom: solid 4px  #d53a7d;
}

.oo-ui-processDialog-content .oo-ui-window-body {
    color: black
}

.oo-ui-popupWidget-popup {
    background: #404040;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
}



.portable-infobox {
    border-collapse: separate !important;
    background: #404040;
    color: white;
    border-radius: 6px;
    border-top: #d53a7d;
    border-bottom: #505050;
    border-width: 3px 0px 2px 0px;
    border-style: solid;
}

.portable-infobox .pi-title {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(162, 169, 177) !important;
    text-align: center;
}

.portable-infobox .pi-title::after {
    display: none !important;
}

.portable-infobox .pi-media {
    padding: 5% 15% 0% 15%
}

.pi-item[data-source=shield]  {
    padding: 5% 30% 0% 30%
}

.skin-timeless #mw-content-text .pi-header {
    background: #606060;
    border-bottom: solid 1px #a2a9b1;
}

.skin-timeless #mw-content-text .pi-header {
    font-size: 1.4em !important;
    padding: 5px 0px;
    text-align: center;
}

.skin-timeless #mw-content-text .pi-header:after {
    display: none;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
    font-family: Bahnschrift;
    font-weight: Bold;
    font-size: 1.1em;
    margin: 5px 2px 0px 2px;
    background: #505050 !important;
    border-width: 0px 0px 0px 0px;
    border-radius: 4px;
}

.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
    background: #606060 !important;
    border-bottom-width: 2px;
    border-bottom-color: #d53a7d;
}

.pi-item[data-source=symbol]  {
    padding-top: 0%
}

.pi-item[data-source=symbol] >a  {
    padding: 0%
}

.pi-title[data-source=countryName] {
    border-bottom: none !important;
}

.pi-title[data-source=localName] {
    color: #cccccc;
    font-size: 140% !important;
    padding-top: 0%
}

.pi-item[data-source=globe] {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #a2a9b1;
}




@media screen and (min-width: 851px) and (max-width: 1099px) {
    #mw-site-navigation, #mw-related-navigation {
        padding-top: 35px;
    }
    
    #mw-content {
        padding-top: 40px !important;
    }
    
    #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
        background: #404040;
        padding: 5px 10px;
        border: none
    }
    
    #mw-site-navigation h2, #mw-related-navigation h2 {
        padding: 0px;
    }
    
    #mw-site-navigation .sidebar-chunk h2 span:after, #mw-site-navigation .sidebar-chunk h2 span:before {
        display: none;
    }
    
    #mw-site-navigation .sidebar-inner {
    border-radius: 8px;
    border-top: #d53a7d;
    border-bottom: #202020;
    border-width: 3px 0px;
    border-style: solid;
    background: #404040
}

}

@media screen and (max-width: 850px) {
    #simpleSearch {
        margin: 0% 14em;
    }
    
    #site-navigation .sidebar-inner, .sidebar-inner, .dropdown {
        
    border-radius: 8px;
    border-top: #d53a7d;
    border-bottom: #202020;
    border-width: 3px 0px;
    border-style: solid;
    background: #404040
    }
    
    #menus-cover  {
        background: #000000
    }
    
    #mw-content-block {
        background: #000000
    }
    
    #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
        border: none !important;
    }
}

#footer-copyrightico {
    display: none;
}




/* Don't display some stuff on the main page */
.page-Main_Page #deleteconfirm,
.page-Main_Page #t-cite,
.page-Main_Page #footer-info-lastmod,
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub {
	display: none !important;
}

/* Position coordinates */
#coordinates {
	position: absolute;
	top: 0.25em;
	right: 0;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	text-transform: none;
	white-space: nowrap;
}

/* correct position for VE */
.ve-ce-surface-enabled #coordinates {
	margin-right: 3em;
	margin-top: -6.25;
}

/* mobile: hide coordinates until we find a better spot */
@media screen and ( max-width: 719px ) {
	#coordinates {
		display: none;
	}
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.