MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/*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');

/* --- -- -- TABLE OF CONTENTS Use CTRL+F to go to a section

- WIKI MAIN - ARTICLE BODY - PORTABLE INFOBOX CUSTOMIZATION - PRETTYTABLE - NAVBOX - TABBER - 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 !important; }

/* --- 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; } .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(221, 188, 155,0.2); } .mainpagenav_dropdown-content a { text-decoration: none; display: block; } .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(241, 207, 98,0.5); } /* background */ .pi-europa.pi-background { background-color: #f1efedab; } /* title */ .portable-infobox .pi-title { background: rgba(241, 207, 98,0.5); font-size: 20pt; font-family: 'Passion One'; text-transform: uppercase; padding: 10px !important; } /* header */ .portable-infobox .pi-header { background: rgba(241, 207, 98,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(241, 207, 98,0.5); } .pi-europa .pi-horizontal-group { border-bottom: 1px solid rgba(241, 207, 98,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(241, 207, 98,0.5); } .pi-europa .pi-horizontal-group-item:nth-child(2n) { background-color: #f9ebbf; } /* 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(242, 218, 142, 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(242, 218, 142); 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 #f1cf62; border-collapse: collapse; } table.prettytable th { border: 1px solid #f1cf62; background: rgba(242, 218, 142, 0.2); } table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytable tr:not(:first-child) th { border: 1px solid #f1cf62; background: rgba(242, 218, 142, 0.2); } table.prettytable td { padding: 0.1em 0.3em; border: 1px solid #f1cf62; background: rgba(255, 255, 255, 0.1); } /* --- NAVBOX table.navbox { width:100%; margin-top:1em; border: 1px solid #f1cf62; 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 #f1cf62; background: rgba(242, 218, 142, 0.2); font-weight: normal; font-family: 'Cabin Condensed'; text-transform: uppercase; } table.navbox td { border: 1px solid #f1cf62; padding:0.2em 0.5em; } /* nav */ table.nav { width:100%; margin-top:1em; border: 1px solid #f1cf62; 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 #f1cf62; background: rgba(242, 218, 142, 0.2); font-weight: normal; font-family: 'Cabin Condensed'; text-transform: uppercase; } table.nav td { border: 1px solid #f1cf62; 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(241, 207, 98, 0.25) !important; color: #000 !important; } ul.tabbernav li.tabberactive a { border: none !important; border-radius: 5px; background: rgba(241, 207, 98, 0.5) !important; color: #000 !important; } ul.tabbernav li a { border: none !important; border-radius: 5px; background-color: rgba(241, 207, 98, 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(241, 207, 98, 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; }

/* --- 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:SuperSarcosmic"], .content-moderator-username { color: #1fc9de; } /* 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 -- */ .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; }