MediaWiki:Wikia.css

/**
 * Notes:
 *
 * Police PW font originally hosted at aceattorney.sparklin.org; don't use without permission
 * Text backgrounds hosted at imgur; move to a more "safer" place
 * Finished model: http://i.imgur.com/Vb5nfaF.png
 */
@font-face {
font-family:'Police PW';
src:url('http://aceattorney.sparklin.org/PWinternational.ttf?modif=310120101418');
}
.evidence {
font:12px Police PW;
border:1px solid #000;
}
.evidence .name {
background:url(https://i.imgur.com/MvkHoqn.png) #393939;
color:#ffad18;
}
.evidence .name a {
color:#ffad18;
}
.evidence .sub {
background:url(https://i.imgur.com/TnbUGtC.png) #9cc694;
color:#000;
}
.evidence .sub a {
color:#000;
}
.evidence .desc {
background:url(https://i.imgur.com/XrM4mc4.png) #847342;
color:#fff;
padding:2px 5px;
height:55px;
}

/* Main page CSS */

.header {
    width: 100%;
    height: 60px;
    margin: 10px 0;
    border-collapse: collapse;
}
.header .before, .header .after {
    width: 9px;
}
.header .before {
    background: url(https://vignette.wikia.nocookie.net/aceattorney/images/d/d5/Header-before.png/revision/latest);
}
.header th {
    background: url(https://vignette.wikia.nocookie.net/aceattorney/images/d/dd/Header-center.png/revision/latest);
    color: #fff;
    text-shadow: 3px 3px #000, -1px 1px #000, 1px -1px #000,-1px -1px #000;
    font-size: 25px;
}
.header .after {
    background: url(https://vignette.wikia.nocookie.net/aceattorney/images/7/7c/Header-after.png/revision/latest);
}
.header .header-sprite {
    line-height: 54px;
    background-repeat: no-repeat;
    background-size: 200px;
}
.header .header-sprite.phoenix {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/8/8f/Phoenix_Wright_Portrait.png/revision/latest/);
    background-position: right -30px;
}
.header .header-sprite.maya {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/5/50/Maya_Fey_Portrait.png/revision/latest/);
    background-position: left -75px;
}
.header .header-sprite.mia {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/c/cf/Mia_Fey_Portrait.png/revision/latest/);
    background-position: right -50px;
}
.header .header-sprite.edgeworth {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/6/62/Miles_Edgeworth_Portrait.png/revision/latest/);
    background-position: left -50px;
}
.header .header-sprite.franziska {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/2/27/Franziska_von_Karma_Portrait.png/revision/latest/);
    background-position: right -50px;
}
.header .header-sprite.godot {
    background-image:url(https://vignette.wikia.nocookie.net/aceattorney/images/3/38/Godot_Portrait.png/revision/latest/);
    background-position: left -67px;
}
.header .header-sprite.badge {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/b/ba/Sprite-badge.png/revision/latest);
    background-size: 50px;
    background-position: right;
    padding-right: 20px;
}
.header .header-sprite.magatama {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/e/e6/Sprite-magatama.png/revision/latest);
    background-size: 50px;
    background-position: left;
    padding-left: 30px;
}
.header .header-sprite.bracelet {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/9/93/Sprite-bracelet.png/revision/latest);
    background-size: 50px;
    background-position: right;
    padding-right: 45px;
}
.header .header-sprite.footer {
    background-image: url(https://vignette.wikia.nocookie.net/aceattorney/images/b/be/Pearl_Fey_Portrait.png/revision/latest/), url(https://vignette.wikia.nocookie.net/aceattorney/images/5/50/Larry_Butz_Portrait.png/revision/latest/);
    background-position: left -85px, right -40px;
}
.header-body {
    background-color: #fff;
    margin: -10px 10px 10px 10px;
    border: 5px double #4d4423;
    border-top: 0;
    padding: 5px 10px;
    width: calc(100% - 20px);
}
.spoiler-notice {
    border: 3px solid #4d4423;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 15px;
    padding: 0 15px;
}
.side-header {
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 20px;
    background: -webkit-linear-gradient(#6f6234, #4d4423);
    background: -moz-linear-gradient(#6f6234, #4d4423);
    background: -o-linear-gradient(#6f6234, #4d4423);
    background: linear-gradient(#6f6234, #4d4423);
    color: #fff;
    text-shadow: 2px 2px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000;
    padding: 2px 5px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.side-header a:hover {
    text-decoration: none;
}
.side-header-body {
    margin: 0 auto;
    width: 100%;
    border: 3px solid #4d4423;
    border-top: 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
    text-align: center;
}
.side-header-body table {
    width: 60%;
    margin: 0 auto;
}
.longquote {
    width: 100%;
    margin: 0 auto;
}
.longquote th {
    background: -webkit-linear-gradient(#6f6234, #4d4423);
    background: -moz-linear-gradient(#6f6234, #4d4423);
    background: -o-linear-gradient(#6f6234, #4d4423);
    background: linear-gradient(#6f6234, #4d4423);
    color: #fff;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 4px;
}
.longquote img {
    width: 100%;
    height: 100%;
}
.longquote .mw-collapsible-toggle > a {
    color: #fff;
}

/* For the welcome module */
.welcome-module .buttons-container {
    margin-top: 10px;
}
.welcome-module .buttons-container button {
    margin-left: 10px;
}
.welcome-module ul {
    list-style-type: square;
    margin-left: 20px;
}
.welcome-module ul > li {
    margin: 5px 0;
}

/* Infobox CSS */

.portable-infobox.pi-background {
    background-color: beige;
    border: 2px solid #646234;
    border-radius: 4px;
    width: 250px;
    padding: 2px;
}
.portable-infobox .pi-image img {
    width: 100%;
    height: auto;
}
.portable-infobox .pi-image-collection-tabs {
    background-color: transparent;
    text-align: center;
    margin: 2px 0 5px 0;
    display: flex;
}
.portable-infobox .pi-image-collection-tabs .current {
    background-color: #646234;
    color: #fff;
    font-weight: 400;
}
.portable-infobox .pi-image-collection-tabs > li {
    width: 100%;
}
.portable-infobox .pi-title img {
    margin-bottom: 5px;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
    background-color: #646234;
    font-size: 14px;
    font-weight: 400;
}
.portable-infobox .pi-header a {
    text-decoration: none;
    border-bottom: 1px dotted;
}
.portable-infobox .pi-item-spacing {
    padding: 5px;
}
.portable-infobox .pi-data:not(:first-of-type) {
    border-top: 1px solid #dcdabb;
}
.portable-infobox .pi-collapse + .pi-data {
    border-top: 0;
}
.portable-infobox .pi-collapse .pi-header {
    cursor: pointer;
}
.portable-infobox .pi-collapse .pi-header::after, .portable-infobox .pi-header.collapsible::after {
    width: 5px;
    height: 5px;
    margin-top: -3px;
}
.portable-infobox a {
    color: #75723d;
}
.portable-infobox .pi-data-value ul {
    list-style-type: square;
    margin-left: 20px;
}
.portable-infobox .pi-data-value li {
    padding-bottom: 0;
}

/* Custom infobox themes */

.portable-infobox.pi-theme-pwaat .pi-secondary-background {
    background-color: #395A8C;
}