MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ActivityFeed.css&only=styles";

/*fonts*/ @import url('https://fonts.googleapis.com/css?family=Passion+One:400,700,900'); @import url('https://fonts.googleapis.com/css?family=Cabin+Condensed'); @import url('https://fonts.googleapis.com/css2?family=PT+Sans');

/*modernization*/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedToggles/code.css&only=styles"; @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernPolls.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernRail.css&only=styles");

/* --- -- --

TABLE OF CONTENTS Use CTRL+F to go to a section

- WIKI MAIN - MODULES - ARTICLE BODY - PORTABLE INFOBOX CUSTOMIZATION - PRETTYTABLE - NAVBOX - TABBER - POLL - SPOILER - USER HILITE - MISC -- -- --- */

/* --- WIKI MAIN --- */

/* h2 header */ .WikiaArticle h2 { font-size:28px; }

/* h3 header */ .WikiaArticle h3 { font-size:24px; }

/* bolded links */ .page-content .mw-parser-output a { font-weight: normal; }

/* --- MAIN PAGE NAVIGATION -- MAINPAGENAV -- DROPDOWN --- */ .mainpagenav { opacity: 0.9; transition: 0.3s all ease; transition-timing-function: cubic-bezier(0.36,1.68,0.46,1); }

.mainpagenav a { text-decoration: none !important; display: block; }

.mainpagenav:hover { opacity: 1; transform: perspective(1px) scale(1.05); z-index: 52; }

.mainpagenav_dropdown { position: relative; display: inline-block; margin: 5px; }

.mainpagenav_dropdown-content { margin-top: 5px; display: none; position: absolute; z-index: 51; /* 51 to lay over mainpage slider's z-index 50 */ background: rgba(255, 255, 255, 0.9); border-radius: 3px; box-shadow: 4px 4px 2px rgba(33,117,143,0.2); }

.mainpagenav_dropdown-content a { text-decoration: none; display: block; margin: 5px; }

.mainpagenav_dropdown:hover .mainpagenav_dropdown-content { display: block; }

/* social media icon */ .socialnav { opacity: 0.8; transition: 0.3s all ease; transition-timing-function: cubic-bezier(0.36,1.68,0.46,1); }

.socialnav:hover { opacity: 1; transform: perspective(1px) scale(1.1); }

/* --- ARTICLE BODY --- */

/* res-img */ .res-img img { max-width: 100%; height: auto; }

/* --- PORTABLE INFOBOX CUSTOMIZATION

.portable-infobox { width: 300px; background-color: rgba(255,255,255,0.1); border: 1px solid rgba(77,193,231,0.5); }

/* background */ .pi-europa.pi-background { background-color: #cce3eb99; }

/* title */ .portable-infobox .pi-title { background: rgba(77,193,231,0.5); font-size: 20pt; font-family: 'Passion One'; text-transform: uppercase; padding: 10px !important; }

/* header */ .portable-infobox .pi-header { background: rgba(77,193,231,0.5); font-weight: 300; font-size: 14pt; }

/* font */ .portable-infobox .pi-secondary-font { font-weight: normal !important; font-family: 'Cabin Condensed'; text-transform: uppercase; }

/* data labels */ .pi-europa .pi-item-spacing { padding: 5px 2px; color: #000; }

.pi-data-label { hyphens: none !important; }

.pi-data-value .article-thumb { margin: auto; /* thumbs in infoboxes don't need more vertical spacing */ }

.pi-horizontal-group { border-top: 1px solid rgba(77,193,231,0.5); }

.pi-europa .pi-horizontal-group { border-bottom: 1px solid rgba(77,193,231,0.5); }

.pi-horizontal-group .pi-horizontal-group-item { padding: 0; border: none; }

.pi-europa .pi-horizontal-group .pi-data-label { padding: 10px 14px 6px; text-align: center; }

.pi-europa .pi-horizontal-group .pi-data-value { padding-left: 0 !important; padding-top: 0; text-align: center; vertical-align: bottom; }

.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid rgba(77,193,231,0.5); }

.pi-europa .pi-horizontal-group-item:nth-child(2n) { background-color: #a2dbf466; }

/* gallery tabber */ .pi-europa .pi-tab-link { margin: 0 2px 0 0; padding: 5px 8px !important; }

.pi-tab-link.pi-item-spacing:hover { background-color:rgba(144, 212, 235, 0.5); border-radius:5px; }

.pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center !important; text-transform: uppercase; font-family: 'Cabin Condensed'; padding: 3px; }

.pi-europa .pi-image-collection-tabs .current { background-color: rgb(144, 212, 235); padding: 5px 8px; font-weight: normal; border-radius: 5px; }

/* caption */ .pi-europa .pi-caption { color: #000; font-style: normal; line-height: 18px; }

.pi-europa .pi-item-spacing.pi-caption { padding-bottom: 14px; text-align: center; }

/* stacked */ .pi-layout-stacked .pi-data-value { padding: 0; }

/* --- PRETTYTABLE table.prettytable { margin: 0 0.2em 1em 0; padding: 1px; border: 1px solid #6EBBFF; border-collapse: collapse; } table.prettytable th { border: 1px solid #6EBBFF; background: rgba(160, 220, 255, 0.2); } table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytable tr:not(:first-child) th { border: 1px solid #6EBBFF; background: rgba(160, 220, 255, 0.2); } table.prettytable td { padding: 0.1em 0.3em; border: 1px solid #6EBBFF; background: rgba(255, 255, 255, 0.1); }

/* --- NAVBOX table.navbox { width:100%; margin-top:1em; border: 1px solid #6EBBFF; background-color:rgba(255, 255, 255, 0.1); font-size: 10pt; border-collapse: collapse; }

table.navbox tr:first-child{ padding:0.2em 0.5em; font-weight:bold; font-size: 12pt; }

table.navbox th { text-align:center; border: 1px solid #6EBBFF; background: rgba(160, 220, 255, 0.2); font-weight: normal; font-family: 'Cabin Condensed'; text-transform: uppercase; } table.navbox td { border: 1px solid #6EBBFF; padding:0.2em 0.5em; }

/* nav */ table.nav { width:100%; margin-top:1em; border: 1px solid #6EBBFF; background-color: rgba(255, 255, 255, 0.1); font-size: 10pt; border-collapse: collapse; }

table.nav tr:first-child{ padding:0.2em 0.5em; font-weight:bold; font-size: 12pt; }

table.nav th { text-align:center; border: 1px solid #6EBBFF; background: rgba(160, 220, 255, 0.2); font-weight: normal; font-family: 'Cabin Condensed'; text-transform: uppercase; } table.nav td { border: 1px solid #6EBBFF; padding:0.2em 0.5em; }

/* --- TABBER .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } ul.tabbernav li a:link { color: #000 !important; } ul.tabbernav li a:hover { border: none !important; border-radius: 5px; background-color: rgba(77, 193, 231, 0.25) !important; color: #000 !important; } ul.tabbernav li.tabberactive a { border: none !important; border-radius: 5px; background: rgba(77, 193, 231, 0.5) !important; color: #000 !important; } ul.tabbernav li a { border: none !important; border-radius: 5px; background-color: rgba(77, 193, 231, 0) !important; margin-left: 0px !important; margin-right: 1px; font-size: 16px; font-family: 'Cabin Condensed'; text-transform: unset; font-weight: normal; padding: 4px 8px !important; } ul.tabbernav li { line-height: 27px !important; } .tabberlive .tabbertab { border-top: 2px solid rgba(77, 193, 231, 0.8) !important; border-left: none !important; border-right: none !important; border-bottom: none !important; } .pi-data-value .tabberlive .tabbertab { border: 0 solid !important; /* No top or bottom lines for tabbers inside of infoboxes */ padding: 0; /* no need for vertical spacing inside of infoboxes */ } ul.tabbernav { border-bottom: none !important; padding: 1px 0 0 !important; } .tabberlive .editsection { display: none; }

/* --- TOOLTIP .tooltip { position: relative; display: inline-block; padding:1px; font-size:12px; }

.tooltip .tooltiptext { visibility: hidden; width:200px; border:1px solid rgba(77, 193, 231, 0.8); background:linear-gradient(to bottom right,rgb(216, 237, 244),rgb(139, 226, 255)); color: #1B80A1; text-align: center; border-radius: 6px; padding: 7px 2px; position: absolute; z-index: 1; bottom: 125%; left: -28%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; font-size:14pt; font-family:'Passion One'; text-transform: uppercase; line-height:1.1; }

.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(77, 193, 231, 0.8) transparent transparent transparent; }

.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }

/* --- SPOILER .spoiler, .spoiler a, .spoiler a.new { background: black; color: black; } .spoiler:hover, .spoiler:hover a, .spoiler:hover a.new { background: transparent; color: inherit; }

/* --- ACHIEVEMENTS

background-image: url(https://vignette.wikia.nocookie.net/mytimeatportia/images/4/42/Blue_badge_small.png/revision/latest?cb=20190413155808); }
 * 1) about-achievements ul .bronze span {

background-image: url(https://vignette.wikia.nocookie.net/mytimeatportia/images/f/fe/Purple_badge_small.png/revision/latest?cb=20190413155809); }
 * 1) about-achievements ul .silver span {

background-image: url(https://vignette.wikia.nocookie.net/mytimeatportia/images/7/7d/Yellow_badge_small.png/revision/latest?cb=20190413155809); }
 * 1) about-achievements ul .gold span {

/* --- USER HILITE

/* keep list alphabetized */ /* admins -- */ a[href="/wiki/User:Bermuda"], a[href="/wiki/User:Cimeex"], .admin-username { color: #0dc476; font-weight: bold; font-style: italic; }

/* content moderator -- */ a[href="/wiki/User:JVC-Portia"], a[href="/wiki/User:Starle_Liyr"], a[href="/wiki/User:SuperSarcosmic"], .content-moderator-username { color: #dba32c; }

/* discussion moderator -- */

.discussion-moderator-username { color: #1ca7bc; }

/* rollbacks -- */ .rollback-username { color: #33B0A8; }

/* bots -- */ a[href="/wiki/User:BermudaBot"], .bot-username { color: #acacac; font-style: italic; }

/* wiki manager -- */ a[href="/wiki/User:Bluerock"], .wiki-manager-username { color: #1a54e5; }

/* --- MISC /* hidden value to hide items on a template like "headers" when parameters are not used class="hidden" */ .hidden { display: none !important; }

.mw-parser-output a.external::after { content: none !important; }

/* grayscale */ /* class="grayscale" */ .grayscale { filter: grayscale(100%); }

/* Collapsible */ .mw-collapsible-toggle{height:32px; cursor: pointer; background:none right center no-repeat;}

/* manual of style */ .moscorrect { color: #53B84F; } .mosincorrect { color: #BA5252; }

/* material div */ .material { float:left; height:auto; display:inline-block; vertical-align:center; text-align:center; margin-top:5px; }

.article-media-placeholder { border: none !important; }