MediaWiki:Fandomdesktop.css

/* LEAVE THIS IMPORT ABOVE EVERYTHING ELSE */ @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

/* Remove bold links */ .mw-parser-output a { font-weight: inherit; }

/* Overriding global text/header sizing */ /*.page-content { font-size: 14px !important;} .page-content h1 {font-size:25px; font-weight:bold;} .page-content h2 {font-size:21px; font-weight:bold;} .page-content h3 {font-size:18px; font-weight:bold;} .page-content h4 {font-size:16px; font-weight:bold;} .page-content h5 {font-size:15px; font-weight:bold;} .page-content h6 {font-size:15px; font-weight:bold;} /* Wikitable properties */ .wikitable th, .wikitable td { /*padding: 0.25em 0.4em !important;*/ padding-top: 0.25em !important; padding-bottom: 0.25em !important; }

/* Table of contents */ .toc ul { list-style: none; margin: 1; } /* Background CSS */ body { background-attachment: fixed; }

/* Slider colour */ .neutral { background-color: black; } .wikia-slideshow-wrapper, .wikia-slideshow-images-wrapper, .wikia-slideshow-image { background: transparent; }

/* Disabling "Read More" at page bottom */ .RelatedPagesModule {display: none;}

/* Show Large Tables Normally */ .WikiaWideTablesWrapper canvas {display:none;} .WikiaWideTablesWrapper img.sprite.popout {display:none;} .WikiaWideTablesWrapper > .table {overflow:visible;}

/* === Gallery settings === */ .gallery-image-wrapper { background: transparent; border:1px solid #cccccc; }

/* === Navbox style === */ .navbox th { text-align: center;     /* Centered title & bigger margin to right  */ padding-left: 0.5em;    /* and left sides                           */ padding-right: 0.5em; }

/* === Collapse Button === */

/* the ones created with collapsible collapsed */ .collapseButton {         /* 'show'/'hide' buttons created dynamically */ float: right;         /* by the CollapsibleTables javascript in    */ font-weight: normal;  /* MediaWiki:Common.jsare styled here    */ text-align: right;    /* so they can be customised. */   width: auto; } /* Yellow button for Template:Aston Martin Racing */ .amryellow .collapseLink { color:#ffeb00; font-weight: bold; } .amryellow .collapseButton { font-weight: bold; } /* White Button */ .white .collapseLink { color:#ffffff; font-weight: bold; } .white .collapseButton { font-weight: bold; } /* Black Button */ .black .collapseLink { color:#000000; font-weight: bold; } .black .collapseButton { font-weight: bold; }

/* the ones created with mw-collapsible mw-collapsed */

/* White colored buttons */ .whitelinks .mw-collapsible-toggle > a { color: white; }

/* Yellow - AMR navibox */ .amryellow .mw-collapsible-toggle > a { color: #ffeb00; }

/* === Mainpage lineup image size === */ .mainpagelineup img{ width:100%; height:auto; }

/* === Image scaling class for country flag icons === */ .flags img { width:100%; height:auto; max-width:23px; }

/* === Portable Infobox general === */

/* Remove round corners on templates */ /* .page-content .thumbborder, ---for flags*/ .page-content .portable-infobox { border-radius: 0; } /* == overall font-size == */ .page-content .portable-infobox .pi-secondary-font, .page-content .portable-infobox .pi-font { font-size: 11px; } /* == overall background color == */ .page-content .portable-infobox.pi-background { background-color:#f8f8f8; } /* == collaps arrow color == */ .page-content .portable-infobox .pi-collapse .pi-header::after { border-color:#ffffff !important; } /* == infobox attributs == */ .page-content .portable-infobox { border:1px solid #cccccc; } /* == title attributes == */ .page-content .portable-infobox .pi-title { background-color:#f8f8f8; color:#3a3a3a; text-align: center; font-size: 14px; font-weight: bold; } /* == header attributes == */ .page-content .portable-infobox .pi-header { background-color:#c71e1e; color:#ffffff; text-align: center; font-weight: bold; }

/* == panel attributes == */

.page-content .portable-infobox .pi-panel .wds-tabs { display: block; text-align: center; background-color:#f8f8f8; } .page-content .portable-infobox .pi-panel .wds-tabs__tab { border-bottom:4px solid #f8f8f8; display: inline-block; } .page-content .portable-infobox .pi-panel .wds-tabs__tab.wds-is-current { box-shadow:none; border-bottom: 4px solid #c71e1d; color: transparent; } .page-content .portable-infobox .pi-panel .wds-tabs__tab-label { text-transform:none; height:16px; font-size: 11px; color:#3a3a3a; font-weight:normal; } .page-content .portable-infobox .pi-panel .wds-tabs__tab:hover { border-bottom:4px solid #de6060; } .page-content .portable-infobox .pi-panel .wds-tabs__tab:hover.wds-is-current { border-bottom:4px solid #c71e1d; } /* == group attributes == */ .page-content .portable-infobox .pi-group { border:none; } /* == data attributes == */ .page-content .portable-infobox .pi-data { border:none; }

/* == image caption attributes ==*/ .page-content .portable-infobox .pi-caption { text-align: center; } /* === Portable Infobox theme driver === */ /* == infobox attributs == */ .page-content .pi-theme-driver { width:270px; } /* == image attributes == */ .page-content .pi-theme-driver .pi-image-thumbnail { max-width: 250px; /* Typically, use the same width as your infobox, minus borders */ height: auto; /* Preserves the image ratio */ margin-bottom: 2px; } /* == label (left) column width == */ .page-content .pi-theme-driver .pi-data-label { flex-basis:108px; } /* === Portable Infobox theme constructor === */ /* == infobox attributs == */ .page-content .pi-theme-constructor { width:270px; } /* == image attributes == */ .page-content .pi-theme-constructor .pi-image-thumbnail { max-width: 264px; /* Typically, use the same width as your infobox, minus borders */ max-height: 200px; height: auto; /* Preserves the image ratio */ width: auto; /* Preserves the image ratio */ } /* == label (left) column width == */ .page-content .pi-theme-constructor .pi-data-label { flex-basis:108px; }

/* == navigation styling == */ .page-content .pi-theme-constructor .pi-navigation { background-color:#f8f8f8; border-top:1px solid #cccccc; text-align:center; line-height:13px; } /* == link colour in navigation == .pi-theme-constructor .pi-navigation a, .pi-theme-constructor .pi-navigation a:link, .pi-theme-constructor .pi-navigation a:visited { color:#ffffff; }/*

/* === Portable Infobox theme grand prix === */

/* == infobox attributes == */ .page-content .pi-theme-grand_prix { width:300px; }

/* == label font size == */ .page-content .pi-theme-grand_prix .pi-panel .wds-tabs__tab-label { font-size:16px; }

/* == label (left) column width == */ .page-content .pi-theme-grand_prix .pi-data-label { flex-basis:150px; }

/* == image attributes == */ .page-content .pi-theme-grand_prix .pi-image-thumbnail { max-width: 294px; /* Typically, use the same width as your infobox, minus borders */ height: auto; /* Preserves the image ratio */ } .page-content .pi-theme-grand_prix .pi-caption { font-size: 11px; }

/* = for all tabs = */ .page-content .pi-theme-grand_prix .wds-tabs__wrapper li { background: #f8f8f8; }

/* = for the currently selected tab = */ .page-content .pi-theme-grand_prix .wds-tab__content li.current { background: #f8f8f8; }

.page-content .pi-theme-grand_prix .wds-tab__content { background-color: transparent; }

/* === Portable Infobox theme season === */ /* == infobox attributes == */ .page-content .pi-theme-season { width:300px; } /* == overall font-size == */ .page-content .pi-theme-season .pi-secondary-font, .page-content .pi-theme-season .pi-font { font-size:10px; } /* == title attributes == */ .page-content .pi-theme-season .pi-title { font-size:10.5px; /*line-height:12px;*/ border-bottom:1px solid #cccccc; } /* == label (left) column width == */ .page-content .pi-theme-season .pi-data-label { flex-basis:150px; font-weight:normal; } /* == horizontal group attributes == */ .page-content .pi-theme-season .pi-horizontal-group { border-top:1px solid #cccccc; }

.page-content .pi-theme-season .pi-horizontal-group .pi-data-value { border:none; line-height:22px; }

/* === Portable Infobox theme race report === */

/* == Restore colouring behaviour pre Fandomdesktop == */ .page-content .portable-infobox.pi-theme-race_report a { color: var(--theme-link-color); }

/* == infobox attributes == */ .page-content .pi-theme-race_report { width:450px; }

/* == overall font-size == */ .page-content .pi-theme-race_report .pi-secondary-font, .page-content .pi-theme-race_report .pi-font { font-size:10px; }

/* == title attributes == */ .page-content .pi-theme-race_report .pi-title { font-size:11px; line-height:20px; }

/* == header attributes == */ .page-content .pi-theme-race_report .pi-header { background-color:#f8f8f8; font-size:11px; border-top:1px solid #cccccc; }

/* == horizontal group attributes == */ .page-content .pi-theme-race_report .pi-horizontal-group { border-top:1px solid #cccccc; } .page-content .pi-theme-race_report .pi-horizontal-group .pi-data-value, .page-content .pi-theme-race_report .pi-horizontal-group .pi-data-label { border:none; }

/* === Portable Infobox theme test === */ /* == infobox attributs == */ .page-content .pi-theme-test { width:270px; } /* == image attributes == */ .page-content .pi-theme-test .pi-image-thumbnail { max-width: 264px; /* Typically, use the same width as your infobox, minus borders */ max-height: 200px; height: auto; /* Preserves the image ratio */ width: auto; /* Preserves the image ratio */ } /* == label (left) column width == */ .page-content .pi-theme-test .pi-data-label { flex-basis:108px; } /* == navigation styling == */ .page-content .pi-theme-test .pi-navigation { background-color:#f8f8f8; border-top:1px solid #cccccc; text-align:center; line-height:13px; }

/* === Dark Them Adjustments === */

/* == Wikitable coloured cells == */ .theme-fandomdesktop-dark .mw-parser-output .wikitable [style*="background:"] { color: #3a3a3a; }

/* == overall background color == */ .theme-fandomdesktop-dark .page-content .portable-infobox.pi-background { background-color:#152021; }

/* == infobox attributs == */ .theme-fandomdesktop-dark .page-content .portable-infobox { border:1px solid #414c4d; }

/* == title attributes == */ .theme-fandomdesktop-dark .page-content .portable-infobox .pi-title { background-color:#152021; color:#e6e6e6; }

/* == panel attributes == */ .theme-fandomdesktop-dark .page-content .portable-infobox .pi-panel .wds-tabs { background-color:#152021; } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-panel .wds-tabs__tab { border-bottom:4px solid #152021; } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-panel .wds-tabs__tab-label { color:#e6e6e6; } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-panel .wds-tabs__tab.wds-is-current { border-bottom: 4px solid #c71e1d; } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-panel .wds-tabs__tab:hover { border-bottom:4px solid #de6060; } .theme-fandomdesktop-dark .page-content .portable-infobox .pi-panel .wds-tabs__tab:hover.wds-is-current { border-bottom:4px solid #c71e1d; }

/* === Portable Infobox theme constructor === */ /* == navigation styling == */ .theme-fandomdesktop-dark .page-content .pi-theme-constructor .pi-navigation { background-color:#152021; border-top:1px solid #414c4d; }

/* === Portable Infobox theme grand prix === */ /* = for all tabs = */ .theme-fandomdesktop-dark .page-content .pi-theme-grand_prix .wds-tabs__wrapper li { background: #152021; }

/* = for the currently selected tab = */ .theme-fandomdesktop-dark .page-content .pi-theme-grand_prix .wds-tab__content li.current { background: #152021; }

/* === Portable Infobox theme season === */ /* == title attributes == */ .theme-fandomdesktop-dark .page-content .pi-theme-season .pi-title { border-bottom:1px solid #414c4d; }

/* == horizontal group attributes == */ .theme-fandomdesktop-dark .page-content .pi-theme-season .pi-horizontal-group { border-top:1px solid #414c4d; }

/* === Portable Infobox theme race report === */ /* == header attributes == */ .theme-fandomdesktop-dark .page-content .pi-theme-race_report .pi-header { background-color:#152021; border-top:1px solid #414c4d; }

/* == horizontal group attributes == */ .theme-fandomdesktop-dark .page-content .pi-theme-race_report .pi-horizontal-group { border-top:1px solid #414c4d; }