MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* headings */ .WikiaPage h2 { font-size: 20px; font-family: 'Calibri'; } h3, h4, h5, h6 { font-family: Calibri, Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif !important; font-style: normal; color: rgb(102, 102, 102); } .WikiaArticle h3 { font-size: 1.3em; border-bottom: 1px dashed grey; } .WikiaArticle h4 { font-size: 1.2em; color: rgb(153, 153, 153); border-bottom: 1px dotted grey; } .WikiaArticle h5 { font-size: 1.1em; text-decoration: underline; } .WikiaArticle h6 { font-size: 1.1em; color: rgb(153, 153, 153); text-transform: uppercase; text-decoration: underline; }

/* MP Headings */ .mp-heading { position: relative; z-index: 1; } .mp-heading:before { border-top: 1px solid #b78ab1; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 95%; z-index: -1; } span.mp-heading { background: var(--theme-page-background-color); padding: 0 5px; }

/* infoboxes */ .portable-infobox { border: 1px solid #ccc; background-color: #f5f5f5; } .theme-fandomdesktop-dark .portable-infobox { border: 1px solid #2a2a2a; background-color: #202020; } .portable-infobox .pi-secondary-background { background-color: transparent; } .portable-infobox .pi-title { margin: 6px 6px 0 !important; text-align: center; font-weight: bold; } .portable-infobox .pi-image { padding: 6px !important; } .portable-infobox .pi-header { margin: 0 6px !important; padding: 4px !important; text-align: center; font-weight: bold; font-size: 12px !important; } .portable-infobox .pi-border-color { border: #000; } .portable-infobox .pi-horizontal-group .pi-border-color { border: #ccc; } .portable-infobox .pi-secondary-font { font-size: 11px !important; } .pi-data-value { font-size: 11px; } .theme-fandomdesktop-light .portable-infobox .pi-data-label { color: #000; } .theme-fandomdesktop-dark .portable-infobox .pi-data-label { color: #fff; }

/* hover */ .opacity img { opacity: 0.5; filter: alpha(opacity=50); } .opacity img:hover { opacity: 1; filter: alpha(opacity=100); } .hoverimg img { opacity: 0.65; filter: alpha(opacity=65); /* for IE8 and earlier */ -webkit-transition-duration: 0.5s; /* Safari */ transition-duration: 0.5s; } .hoverimg img:hover { opacity: 2.0; filter: alpha(opacity=200); /* for IE8 and earlier */ } .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); } .rotate:hover img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rotate img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .shadow img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .shadow img:hover { filter: drop-shadow(1px 1px 5px #000); }

/* gallery*/ .gallery { background-color: rgb(111,94,122); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px inset; background-image:url('https://static.wikia.nocookie.net/kirakosarin/images/1/10/Gallery.jpg/revision/latest?cb=20210321205619'); background-position: center; }

/* table for credits */ .table-creds { color: rgb(51, 51, 51); background-color: #fff; border-collapse: collapse; border-spacing: 0px 0px; font-size: 13px; line-height: 20px; margin-bottom: 5px; max-width: 670px; width: 670px; } .table-creds th { font-weight: 700; border-top-color: rgb(51, 51, 51); border-top-style: none; border-top-width: 0px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: bottom; } .table-creds td { border-collapse: collapse; border-spacing: 0px 0px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; border-left-color: rgb(248, 248, 248); border-left-style: solid; border-left-width: 1px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: center; }