MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* SECTION I: Formatting */ @import url("https://fonts.googleapis.com/css?family=Segoe+Alt");

body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav { font-family: Segoe Alt!important; }

/* SECTION II: Infoboxes */ .portable-infobox { background-color: #ffffff; color: #000000; border: 1px solid #3a3a3a; } .portable-infobox .pi-item, .portable-infobox .pi-item-spacing { padding: 0; } .portable-infobox .pi-title { font-family: "Segoe Alt"; color: #ffffff; background-color: #000000; text-align: center; font-size: 1rem; font-weight: bold; line-height: 20px; padding: 9px 3px; } .portable-infobox .pi-caption { padding: 3px 0; line-height: 18px; text-align: center; background-color: #ffffff; border-bottom: 1px solid #d6d6d6; } .portable-infobox .pi-header { font-family: "Segoe Alt"; text-transform: uppercase; font-weight: bold; font-size: 12px; text-align: center; background-color: #000000; color: #ffffff; padding: 5px 0!important; } .portable-infobox .pi-data-label { background-color: #f2f2f2; padding: 8px; border-right: 1px solid #d6d6d6; font-weight: bold; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-size: 9px; word-break: normal; hyphens: none; } .portable-infobox .pi-border-color { border: 0!important; } .portable-infobox .pi-data-value { padding: 8px; } .portable-infobox th.pi-horizontal-group-item.pi-border-color { border-color: #d6d6d6; } .portable-infobox .pi-section-navigation { padding: 0; } .portable-infobox .pi-section-tab { cursor: pointer; margin: 0!important; } .portable-infobox .pi-section-tab.pi-section-active, .portable-infobox .pi-section-tab.pi-section-active:hover { box-shadow: 0!important; } .portable-infobox .pi-section-label { color: #777; font-weight: normal; height: 1.5em; } .portable-infobox .pi-section-active .pi-section-label { color: #000; font-weight: bold; } .portable-infobox .pi-section-tab:only-child { display: none; } .pi-theme-smallhorizontalcells .pi-horizontal-group-item.pi-data-value.pi-font.pi-border-color.pi-item-spacing:first-child { text-align: left; } .pi-theme-smallhorizontalcells .pi-item.pi-group .pi-horizontal-group tr > td:first-child { width: 120px; } .pi-theme-smallhorizontalcells .pi-item.pi-group.pi-border-color .pi-horizontal-group thead > tr:first-child > th:first-child { width: 108px; }

.pi-image-collection-tab-content { background: transparent; } ul.pi-image-collection-tabs { font-size: 10px; font-weight: bold; margin: 5px 0 -1px; } ul.pi-image-collection-tabs li { line-height: 1.6em!important; margin: 0 3px 0 0; padding: 0 4px!important; background-color: #ffffff; color: #000000; border: 1px solid #ffffff;} ul.pi-image-collection-tabs li.current { background-color: #000000; color: #ffffff; border: 1px solid #000000} ul.pi-image-collection-tabs li:last-child { margin: 0; } .pi-europa .pi-image-collection-tabs { text-align: center; } .portable-infobox .pi-image img { max-width: 100%; height: auto; } .portable-infobox .pi-section-navigation { display: flex; background-color: inherit; border-top: 1px solid #d6d6d6; padding: 7px 0; text-align: center; justify-content: space-between; }

/* SECTION III: Images */ .mw-stack .wikia-gallery-item { margin: 0; padding: 0; } /* remove whitespace around gallery images */ .article-thumb { display: table; border: 1.5px solid #cccccc!important; background-color: #f9f9f9!important; font-size: 94%!important; overflow: hidden!important; text-align: left!important; padding: 3px!important; } /* design of the thumb images */
 * 1) file img { background: url("https://images.wikia.nocookie.net/central/images/5/5d/Checker-16x16.png") repeat; } /* put a checker background at the image description page only visible if the image has transparent background */

.thumbimage { background-color: transparent; border: 1px solid #cccccc!important; width: auto!important; } .caption { background-color: #f9f9f9; border: medium none!important; font-size: 94% !important; text-indent:0.11em; line-height:1.4em!important; color: #000000!important; height: auto!important; } .tleft { margin: 0.5em 1.4em 0.8em 0!important; clear: left!important; float: left !important; } .tright { margin: 0.5em 0 0.8em 1.4em!important; clear: right!important; float: right !important; } .tnone { margin: auto !important; clear: both !important; }

.hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(0.95) scaleY(0.95); }