MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */

/* New Rodin Pro*/ @font-face { font-family: 'NewRodinPro-B'; src: url("https://static.miraheze.org/argobdpwiki/9/9f/NewRodinPro-B.ttf") format("truetype"); } /* * FreeSans, designed by GNU FreeFont, alternative to Helvetica Neue */ @font-face { font-family: "Free Sans"; src: url("https://static.miraheze.org/argobdpwiki/5/5d/FreeSans-LrmZ.ttf") format("truetype"); }

/* General */

body { background: #fff; }	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 h3 {

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

/* Heading Fonts */

font-family: 'Arial', sans-serif; font-weight: bold; }
 * 1) mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {

/* Sidebar Logo Spacing Fix */

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

border-bottom: solid 4px #0280d9; }
 * 1) mw-content h1.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: #434545; }
 * 1) mw-header-container {

/* 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 */

/** Infobox **/ .portable-infobox { background-color: transparent; border: 1px solid #333441; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 300px; background: url("https://vignette.wikia.nocookie.net/argo-bdp/images/9/91/Pi_bg.png"); background-repeat: repeat; background-size: contain; }

.portable-infobox .pi-item-spacing { padding: 4px 5px; }

.portable-infobox .pi-image-collection-tab-content { background: none; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background-color: #0280d9; color: #ffffff; text-align: center; text-shadow: 3px 3px 3px #000000; background-image: url("https://static.wikia.nocookie.net/argo-bdp/images/c/c9/Bg_pattern.png"); background-position: center; }

.portable-infobox .pi-title { font-size: 20px; font-weight: bold; line-height: 25px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.portable-infobox .pi-header { font-size: 15px; line-height: 20px; }

.portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: row wrap; justify-content: center; margin: 5px 0 0; }

.portable-infobox .pi-image-collection-tabs li { background: #f8f8f8; border: none; box-sizing: border-box; color: #999; font-size: 12px; line-height: 18px; flex: 1 0 auto; margin: 0; }

.portable-infobox .pi-image-collection-tabs li.current, .portable-infobox .pi-image-collection-tabs li:hover { background: #0280d9; color: white; font-weight: normal; transition: all 0.15s; }

.portable-infobox .pi-data-label { color: inherit; }

.portable-infobox .pi-data, .portable-infobox .pi-group { border: none; }

.portable-infobox .pi-section-label { font-size: 10px; font-weight: 600; height: 25px; }

/* PI Theme Colors */ .pi-theme-Argonavis .pi-title, .pi-theme-Argonavis .pi-header, .pi-theme-Argonavis .pi-secondary-background, .pi-theme-Argonavis .pi-image-collection-tabs li.current, .pi-theme-Argonavis .pi-image-collection-tabs li:hover { background-color: #00a0ff; } /* Argonavis */

.pi-theme-Gyroaxia .pi-title, .pi-theme-Gyroaxia .pi-header, .pi-theme-Gyroaxia .pi-secondary-background, .pi-theme-Gyroaxia .pi-image-collection-tabs li.current, .pi-theme-Gyroaxia .pi-image-collection-tabs li:hover, .pi-theme-GYROAXIA .pi-title, .pi-theme-GYROAXIA .pi-header, .pi-theme-GYROAXIA .pi-secondary-background, .pi-theme-GYROAXIA .pi-image-collection-tabs li.current, .pi-theme-GYROAXIA .pi-image-collection-tabs li:hover { background-color: #d70a30; } /* GYROAXIA */

.pi-theme-Fantome-Iris .pi-title, .pi-theme-Fantome-Iris .pi-header, .pi-theme-Fantome-Iris .pi-secondary-background, .pi-theme-Fantome-Iris .pi-image-collection-tabs li.current, .pi-theme-Fantome-Iris .pi-image-collection-tabs li:hover { background-color: #8e274c; } /* Fontome Iris */

.pi-theme-Fujin-Rizing .pi-title, .pi-theme-Fujin-RIZING .pi-title, .pi-theme-Fujin-Rizing .pi-header, .pi-theme-Fujin-RIZING .pi-header, .pi-theme-Fujin-Rizing .pi-secondary-background, .pi-theme-Fujin-RIZING .pi-secondary-background, .pi-theme-Fujin-Rizing .pi-image-collection-tabs li.current, .pi-theme-Fujin-RIZING .pi-image-collection-tabs li.current, .pi-theme-Fujin-Rizing .pi-image-collection-tabs li:hover, .pi-theme-Fujin-RIZING .pi-image-collection-tabs li:hover { background-color: #ffbf0d; } /* Fujin RIZING! */

.pi-theme-Epsilon-Phi .pi-title, .pi-theme-Epsilon-Phi .pi-header, .pi-theme-Epsilon-Phi .pi-secondary-background, .pi-theme-Epsilon-Phi .pi-image-collection-tabs li.current, .pi-theme-Epsilon-Phi .pi-image-collection-tabs li:hover { background-color: #b73e91; } /* εpsilonΦ */

/* PI BG */ .pi-theme-Argonavis { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/2/29/Argonavis_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Gyroaxia, .pi-theme-GYROAXIA { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/4/48/GYROAXIA_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Fantome-Iris { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/1/1d/Fantome_Iris_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Fujin-Rizing, .pi-theme-Fujin-RIZING { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/d/d3/Fujin_RIZING_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Epsilon-Phi { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/b/b6/%CE%95psilon%CE%A6_BG.png"); background-repeat: repeat; background-size: contain; }

/** Lyrics **/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; border-style: solid; border-width: .1875vw; border-color: #dbfff0; border-radius: 1.5625vw; background: transparent; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 13px; font-weight: bold; }

.pi-theme-lyrics.portable-infobox .pi-header { display: none; } .pi-theme-lyrics .pi-data-value { font-size: 14px; width: 100%; text-align: center; } /* [begin] For Styled Tables */

.table { border-collapse: collapse; width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; text-align: left; }

.table th { color: #495057; background-color: #dee2e6; border-bottom: 2px solid #dee2e6; }

.table td, .table th { padding: .70rem; border-top: 1px solid #dee2e6; }

.table th { text-align: inherit; }

.table tbody tr:hover { background-color: #fcfcfc; }

.table-bordered { border: 1px solid #dee2e6; }

.table caption { font-weight: bold; font-size: 1.2em; }

.cardstatsepsi th { padding: 1em 1.5em 1em 1.5em; background-color: #b73e91!important; border-color: #b73e91!important; }

/* [end] For Styled Tables */

/* [begin] for Styled Tabs */

.tabs-tabbox { background: none!important; border: none!important;

} .tabs-container { width: 100%; background: none!important; border: none!important; }

.tabs-card .tabs-label { width: 20%; min-width: 10em; padding: 0; padding-right: 1em!important; padding-left: 1em!important; margin: 0.5rem; font-size: var(font-large); font-weight: bold; border: 2px solid!important; border-radius: 0px!important; color: #18191A; text-align: center; }

/* [end] For Styled Tabs */

.tabs { margin: 0 auto; max-width: 350px; font-size: 0; }

.tabs > input[type="radio"] { display: none; }

.tabs > div { display: none; border: 1px solid #e0e0e0; padding: 10px 15px; font-size: 16px; }

display: block; }
 * 1) tab-btn-1:checked ~ #content-1,
 * 2) tab-btn-2:checked ~ #content-2,
 * 3) tab-btn-3:checked ~ #content-3 {

.tabs > label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 2px 8px; font-size: 16px; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; }

.tabs > label:not(:first-of-type) { border-left: none; }

.tabs > input[type="radio"]:checked + label { background-color: #fff; border-bottom: 1px solid #fff; }