MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Exo+2|Rubik&subset=latin-ext'); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalistSliderText/code.css&only=styles");

/* MainPageBox */ .mp-box { display: block; margin: 1px 1px 7px 1px; border:0.24em double #F8CCC9; border-radius: 5px 5px 5px 5px; background-color: #A0C8E1; } .mp-box .mp-title { margin: 0px; text-align: center; padding: 5px; background-color: #0000; font-weight: bold; border:none; border-radius: 0px 0px 0px 0px; font-size: 25px; font-family: 'Exo 2'; color: #00000 } .mp-box div { font-size: 16px; font-family: 'Rubik', serif; padding:0.5em; margin-bottom:1em; }

/* Quotebox */ .quotebox{ background: #A0C8E1; border-left: solid 5px #F8CCC9; margin:8px 0 !important; padding:12px; width:auto; font:italic normal 14px/14px sans-serif; clear:both } .quotebox .attribution{ text-align:right; padding:.4em 1em; font-size:14px; font-style:oblique }

/* Custom slider highlight color */ .wikiaPhotoGallery-slider-body { --mst-main: #A0C8E1; --mst-secondary: #A0C8E1 }

.wikiaPhotoGallery-slider-body .wikia-button.secondary { display: none; }

.wikiaPhotoGallery-slider-body .horizontal .description { color:black; }

/*   Toggle display of spoiler content .spoiler-text .hidden-text { display:none; } .spoiler-text:hover .hidden-text { display:block; }

/* Replace all instances of rgb(159,247,129), with the next theme color. */ .themecolor { background-color: #4caf50; /*rgb(76, 175, 80);*/ border-color: #4caf50; color: #ffffff; }

.t_nihongo_icon { color: rgb(159,247,129); }						/*    Portable Infobox customization .portable-infobox { border:1px solid #aaaaaa; background-color: #dedcff; width:300px; } .portable-infobox .pi-header { color: fff; text-align: center; padding: 1px; margin:5px; border-top-left-radius: 50px; border-top-right-radius: 50px; }

.pi-secondary-background { background-color: #6699ff; }

.portable-infobox .pi-border-color { border-color:#E1E1E1; }  .portable-infobox .pi-title { background-color: #4caf50; font-size:120%; color: #fff; text-align: center; padding: 1px; margin:5px; } .portable-infobox .pi-tab-link.current { background-color:white; } .portable-infobox .pi-image-collection-tab-content { background-color:#E1E1E1; }

ul.pi-image-collection-tabs{ margin: auto; width: 270px; display: flex; flex-wrap: wrap; } ul.pi-image-collection-tabs li { flex-grow: 1; /* Force tabs to take up a 4th of available space per row, before rendering */ /* This effectively limits each row of tabs to just 4 tabs. */ flex-basis: 24%; border: none; /* Wikia's default CSS sets max-width for tabs to 50%. Why? */ max-width: 100%; } /* Every 4th element + 1 (first element of every row) */ ul.pi-image-collection-tabs li:first-child, ul.pi-image-collection-tabs li:nth-child(4n+1){ border-top-left-radius: 50px; } /* Every 4th element (last element of every row) */ ul.pi-image-collection-tabs li:last-child, ul.pi-image-collection-tabs li:nth-child(4n){ border-top-right-radius: 50px; } ul.pi-image-collection-tabs li:hover{ background-color: #eee; } ul.pi-image-collection-tabs li.current { flex-grow: 4; } .portable-infobox .pi-title { border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } /*   Necessary for infoboxes because line breaks can't be put into labels of a data source, it is not rendered. with this, blank spaces can be added and line breaks can be achieved. See Character Infobox, data source "VR" In hopes it does not break anything h3.pi-data-label.pi-secondary-font b { white-space: pre-wrap !important; }

/* Horizontally centers item labels and values */ .portable-infobox .pi-data { align-items: center; }

/*   End of Portable Infobox styling

/*    Experimental customization for Translation Tabber .trans .tabberlive { display: flex; border: 1px solid #002266; } .trans .tabberlive > .tabbernav > li { width: 100%; height: 100%; display: block; }

.trans .tabberlive > .tabbernav > li > a { display: flex; justify-content: center; /* align horizontal */ align-items: center; width: 100%; height: 100%; background: none; border: none; margin: 0; padding: 0; /*Addition for translation template*/ padding-left: 5px; }

.trans .tabberlive > .tabbernav { width: 100px; margin: 0; padding: 0; border: none; }

.trans .tabberlive > .tabbertab { flex-grow: 1; padding: 0; padding-left: 1em; border: none; }

.trans .tabberlive > .tabbernav > li.tabberactive { /* selected tabber tab */ display: none; } /*   End of translation tabber styling

/*   Styling of tables .wikitable th { background-color: #FFD700 !important; color: #000000 !important; } .wikitable { width:100% ; background: transparent ; border-collapse:separate ; border-spacing:0 ; } /*Left is the default wikitable styling*/ .wikitable-left td { padding:0 ; text-align:left; } .wikitable-center td { padding:0 ; text-align:center; } .wikitable-right td { padding:0 ; text-align:right; } /*   End of table styling

/* Change color of chevrons in sortable tables */ table.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-bottom-color: #000000 !important; } table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #000000; } /* End of Chevron styling */