MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */ /* Default font */ body { font-family: 'Free Sans', sans-serif; } h1, h2, h3, h4 { color:#0280d9; }


 * lang(ja) {font-family: 'M PLUS Rounded 1c', sans-serif;}

/* Background picture */ background-image: url(https://static.miraheze.org/argobdpwiki/a/a5/Bg2.jpg) !important; background-position: center center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; border-bottom: solid 4px #0088d4 !important; }
 * 1) mw-content-container {

/* General */

body { background: #10263D; }	font-family: 'Arial', sans-serif; font-weight: bold; text-transform: uppercase; color:white; display:none; }
 * 1) p-logo-text a {

/* Username text */ font-family: 'Arial'; font-weight: bold; text-transform: uppercase; color: white; }
 * 1) personal > h2 > span {

/* Navigation */ font-family: 'Arial', sans-serif; font-weight: bold; padding: 8px; background-color:#0280d9; color: white; text-transform:uppercase; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%); }
 * 1) mw-site-navigation .mw-portlet {

content: '🟄 '; color: #0280d9; }
 * 1) mw-site-navigation .mw-portlet li::before {

/* Heading Fonts */

font-family: 'Arial', sans-serif; font-weight: bold; }
 * 1) mw-content, #mw-content, #mw-content, #mw-content, #mw-content, #mw-content, #mw-content dt {

/* Sidebar Logo Spacing Fix */

margin: 1em auto; }
 * 1) p-logo {

border-bottom: solid 4px #0280d9; }
 * 1) mw-content .firstHeading {

/*    border-bottom: dotted 2px #0280d9; }
 * 1) mw-content h2 {

font-size:1.4em; }
 * 1) mw-content h3 {

font-size:1.2em; }
 * 1) mw-content h4 {



/* Changing color of table */

background:#0280d9; color:white; }
 * 1) mw-content th {

.clicktoview th { background:white; color:black; }

.guide { border-spacing: 15px; margin-left: auto; margin-right: auto; border: none }

/* Fixed positioned top bar */ background: #0280d9; }
 * 1) mw-header-container {

/* Navbar Colours */

.color-left { background: #0280d9 } .color-middle { background: #0280d9 } .color-right { background: #0280d9 }

.mw-collapsed{ width:85%; } /* Category Listing customization */ .CategorySelect.articlePage { background-image:linear-gradient(135deg, rgba(9,26,45,0.9) 0, rgba(0,129,204,0.4) 100%); border-radius: 5px; } /* Customizing Tabber */ /* Modern Tabs - Credits to JustLeafy and Speedit on Dev Fandom */ border: none; justify-content: center; }	display: flex; flex-flow: row nowrap; padding: 0; overflow: auto; } /*== Add space between Tabs ==*/ .tabberlive > ul.tabbernav > li { margin-right: 5px; margin-top: 5px;; }	/*== Not Applied to the last Tab ==*/ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; }
 * 1) mw-content-text .tabber div.tabbertab,
 * 2) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav {

.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; border: 0; margin: 10px 0; display: inline-block; }

/*== Inactive Tab CSS ==*/ ul.tabbernav li a { border-radius: 0px !important; border-bottom: none !important; border: 2px solid #FFF100 !important; background:#10263D !important; color: #FFF100 !important; font-size: 14px !important; letter-spacing: 2px !important; font-weight: 500 !important; padding: 3px 0.5em !important; position: relative; margin-left: 0 !important; margin: 3px; display: inline-block; }

/*== Active Tab CSS ==*/ ul.tabbernav li.tabberactive a { border-radius: 0px !important; border-bottom: none !important; border: 2px solid #FFF100 !important; background: #FFF100 !important; color: #10263D !important; font-size: 14px !important; letter-spacing: 2px !important; font-weight: 500 !important; padding: 3px 0.5em !important; position: relative; margin-left: 0 !important; margin: 3px; display: inline-block; }

ul.tabbernav li.tabberactive { line-height: flex !important; }

ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; }

.tabbertab .ajax-poll { border: none !important; }

.tabberlive .tabbertab, .tabberlive .tabbertab { display: block !important; } /* End of Customizing Tabber */