Infobox.css

@charset "UTF-8";

/*!
 * 각종 정보상자에 사용되는 스타일 시트입니다.
 * [[미디어위키:Wikia.css]] 머릿부분에 @import 해야 적용됩니다.
 */

html [class^="infobox-"],
html [class*="infobox-"] {
    clear: right;
    float: right;
    min-width: 15em;
    max-width: 25em;
    margin: 0 0 1em 1em;
    overflow: hidden;
}

/** 포켓몬정보상자 **/
.infobox-pokemon {
    background: #eee;
    border: 4px solid #ccc;
    width: 300px;
    text-align: center;
}

/* 헤드 */
.infobox-pokemon .head {
    box-sizing: border-box;
    display: table;
    padding: 2px;
    width: 100%;
    height: 6.5rem;
}

.infobox-pokemon .head .name {
    display: table-cell;
    padding: .5em 0;
    vertical-align: middle;
    line-height: 1.2;
}
.infobox-pokemon .head .index {
    display: table-cell;
    vertical-align: middle;
    width: 6.5rem;
    position: relative;
}

.infobox-pokemon .name-ko {
    font-size: 1.4em;
}
.infobox-pokemon .name-ja {
    margin-top: .25em;
    font-size: 1em;
}
.infobox-pokemon .name-ja span:lang(ja) {
    font-weight: bold;
}
.infobox-pokemon .name-en {
    margin-top: .1em;
    font-size: 1em;
}
.infobox-pokemon .name-ko strong,
.infobox-pokemon .name-ja span,
.infobox-pokemon .name-en span {
    word-break: keep-all;
}
.infobox-pokemon .index strong {
    background: white;
    display: inline-block;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    font-size: 1.4em;
}

/* 그림 */
.infobox-pokemon .image {
    background: white;
    margin: 0 2px;
    padding: .25em;
}

/* 바디 */
.infobox-pokemon .body {
    border-collapse: separate;
    border-spacing: 2px;
    margin: .5em 0 0;
    width: 100%;
}

.infobox-pokemon .body th,
.infobox-pokemon .body td {
    border: 1px solid #aaa;
    padding: 1px 0;
}
.infobox-pokemon .body th {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.infobox-pokemon .body td {
    background: white;
}
.infobox-pokemon .body td:first-child {
    border-bottom-left-radius: 10px;
}
.infobox-pokemon .body td:last-child {
    border-bottom-right-radius: 10px;
}
.infobox-pokemon .body > tbody > tr > td:not([colspan]) {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 50%;
}
.infobox-pokemon .body .nostyle {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

/* 타입에 따라 색상을 넣음
 * 특정 칸에서 이 스타일링을 제거해야 할 땐
 * 해당 칸에 class="nostyle"을 사용해 주세요.
 */
.scheme-노말 { background: #A8A878; border-color: #6D6D4E } /* 정보상자 전체를 감싸는 컨테이너 */
.scheme-노말 .body th { background: #C6C6A7 } /* 데이터 칸의 제목 */
.scheme-노말 .body th,
.scheme-노말 .body td { border-color: #6D6D4E } /* 데이터 칸의 제목 및 내용 */

.scheme-불꽃 { background: #F08030; border-color: #9C531F }
.scheme-불꽃 .body th { background: #F5AC78 }
.scheme-불꽃 .body th,
.scheme-불꽃 .body td { border-color: #9C531F }

.scheme-물 { background: #6890F0; border-color: #445E9C }
.scheme-물 .body th { background: #9DB7F5 }
.scheme-물 .body th,
.scheme-물 .body td { border-color: #445E9C }

.scheme-전기 { background: #F8D030; border-color: #A1871F }
.scheme-전기 .body th { background: #FAE078 }
.scheme-전기 .body th,
.scheme-전기 .body td { border-color: #A1871F }

.scheme-풀 { background: #78C850; border-color: #4E8234 }
.scheme-풀 .body th { background: #A7DB8D }
.scheme-풀 .body th,
.scheme-풀 .body td { border-color: #4E8234 }

.scheme-얼음 { background: #98D8D8; border-color: #638D8D }
.scheme-얼음 .body th { background: #BCE6E6 }
.scheme-얼음 .body th,
.scheme-얼음 .body td { border-color: #638D8D }

.scheme-격투 { background: #C03028; border-color: #7D1F1A }
.scheme-격투 .body th { background: #D67873 }
.scheme-격투 .body th,
.scheme-격투 .body td { border-color: #7D1F1A }

.scheme-독 { background: #A040A0; border-color: #682A68 }
.scheme-독 .body th { background: #C183C1 }
.scheme-독 .body th,
.scheme-독 .body td { border-color: #682A68 }

.scheme-땅 { background: #E0C068; border-color: #927D44 }
.scheme-땅 .body th { background: #EBD69D }
.scheme-땅 .body th,
.scheme-땅 .body td { border-color: #927D44 }

.scheme-비행 { background: #A890F0; border-color: #6D5E9C }
.scheme-비행 .body th { background: #C6B7F5 }
.scheme-비행 .body th,
.scheme-비행 .body td { border-color: #6D5E9C }

.scheme-에스퍼 { background: #F85888; border-color: #A13959 }
.scheme-에스퍼 .body th { background: #FA92B2 }
.scheme-에스퍼 .body th,
.scheme-에스퍼 .body td { border-color: #A13959 }

.scheme-벌레 { background: #A8B820; border-color: #6D7815 }
.scheme-벌레 .body th { background: #C6D16E }
.scheme-벌레 .body th,
.scheme-벌레 .body td { border-color: #6D7815 }

.scheme-바위 { background: #B8A038; border-color: #786824 }
.scheme-바위 .body th { background: #D1C17D }
.scheme-바위 .body th,
.scheme-바위 .body td { border-color: #786824 }

.scheme-고스트 { background: #705898; border-color: #493963 }
.scheme-고스트 .body th { background: #A292BC }
.scheme-고스트 .body th,
.scheme-고스트 .body td { border-color: #493963 }

.scheme-드래곤 { background: #7038F8; border-color: #4924A1 }
.scheme-드래곤 .body th { background: #A27DFA }
.scheme-드래곤 .body th,
.scheme-드래곤 .body td { border-color: #4924A1 }

.scheme-악 { background: #705848; border-color: #49392F }
.scheme-악 .body th { background: #A29288 }
.scheme-악 .body th,
.scheme-악 .body td { border-color: #49392F }

.scheme-강철 { background: #B8B8D0; border-color: #787887 }
.scheme-강철 .body th { background: #D1D1E0 }
.scheme-강철 .body th,
.scheme-강철 .body td { border-color: #787887 }

.scheme-페어리 { background: #FEA3E8; border-color: #B66783 }
.scheme-페어리 .body th { background: #FFCFF3 }
.scheme-페어리 .body th,
.scheme-페어리 .body td { border-color: #B66783 }

.scheme-언노운 { background: #68A090; border-color: #44685E }
.scheme-언노운 .body th { background: #9DC1B7 }
.scheme-언노운 .body th,
.scheme-언노운 .body td { border-color: #44685E }

/* 두 번째 타입이 있는 경우 색상을 덮어씀 */
.scheme-sub-노말 .body th { background: #C6C6A7 }
.scheme-sub-불꽃 .body th { background: #F5AC78 }
.scheme-sub-물 .body th { background: #9DB7F5 }
.scheme-sub-전기 .body th { background: #FAE078 }
.scheme-sub-풀 .body th { background: #A7DB8D }
.scheme-sub-얼음 .body th { background: #BCE6E6 }
.scheme-sub-격투 .body th { background: #D67873 }
.scheme-sub-독 .body th { background: #C183C1 }
.scheme-sub-땅 .body th { background: #EBD69D }
.scheme-sub-비행 .body th { background: #C6B7F5 }
.scheme-sub-에스퍼 .body th { background: #FA92B2 }
.scheme-sub-벌레 .body th { background: #C6D16E }
.scheme-sub-바위 .body th { background: #D1C17D }
.scheme-sub-고스트 .body th { background: #A292BC }
.scheme-sub-드래곤 .body th { background: #A27DFA }
.scheme-sub-악 .body th { background: #A29288 }
.scheme-sub-강철 .body th { background: #D1D1E0 }
.scheme-sub-페어리 .body th { background: #FFCFF3 }
.scheme-sub-언노운 .body th { background: #9DC1B7 }


/*!
 * 간편 정보상자
 * Portable Infoboxes
 */
 
/* infobox theme="pretty"
 ------------------------------*/
/* 컨테이너 */
.pi-theme-pretty.portable-infobox {
    background: #ccf;
    border: 3px solid #8e8eb1;
    border-radius: 10px;
    color: inherit;
    width: 300px;
}

/* 글꼴 */
.pi-theme-pretty .pi-secondary-font,
.pi-theme-pretty .pi-data-value {
    line-height: normal;
    font-size: 1rem;
}

/* 제목 */
.pi-theme-pretty .pi-header,
.pi-theme-pretty .pi-title {
    background: #ccf;
    color: black;
    text-align: center;
}

.pi-theme-pretty .pi-title {
    border-radius: 7px 7px 0 0;
    padding: 14px;
    font-size: 24px;
}

.pi-theme-pretty .pi-title div[lang] {
    margin-top: .25rem;
    line-height: normal;
    font-size: 1rem;
    font-weight: normal;
}
.pi-theme-pretty .pi-title div[lang] + div[lang] {
    margin-top: 0;
}

/* 이미지 */
.pi-theme-pretty .pi-image {
    background: white;
    margin: 0 2px;
    padding: 10px 0;
}
.pi-theme-pretty .pi-image .image {
    display: block;
    margin: 0 auto;
    width: 75%;
}
.pi-theme-pretty .pi-image-thumbnail {
    max-width: 100%;
    height: auto;
}
.pi-theme-pretty .pi-caption {
    margin-top: .5rem;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

/* 데이터 */
.pi-theme-pretty .pi-data {
    border: 0;
    margin: 2px 0;
    padding: 0 2px;
}

/* 데이터 제목 */
.pi-theme-pretty .pi-data-label {
    margin: 0;
    padding: 3px 5px;
    text-align: right;
    -ms-flex-preferred-size: 120px;
    -webkit-flex-basis: 120px;
    -moz-flex-basis: 120px;
    flex-basis: 120px;
}

/* 데이터 내용 */
.pi-theme-pretty .pi-data-value {
    background: white;
    padding: 3px 5px;
    -ms-flex: 1 auto;
    -webkit-flex: 1 auto;
    flex: 1 auto;
}

/* 코너 라운딩 */
.pi-theme-pretty > .pi-item:not(.pi-data):last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pi-theme-pretty .pi-data:last-child .pi-data-value {
    border-radius: 0 0 5px 0;
}


/* [[틀:포켓몬정보상자]]
 ------------------------------*/
 
/* 컨테이너 */
.portable-infobox.pi-theme-pokemon {
    background: #eee;
    border: 4px solid #ccc;
    border-radius: 10px;
    color: #111;
    min-width: 20em;
    max-width: 24em;
    padding: 4px;
    width: auto;
    line-height: 1.6;
}
 
/* 기본 글꼴 설정 */
.portable-infobox.pi-theme-pokemon .pi-secondary-font,
.portable-infobox.pi-theme-pokemon .pi-header,
.portable-infobox.pi-theme-pokemon .pi-data-label,
.portable-infobox.pi-theme-pokemon .pi-data-value {
    line-height: inherit;
    font-size: inherit;
}
 
/* 기본 색상 설정 */
.portable-infobox.pi-theme-pokemon .pi-title,
.portable-infobox.pi-theme-pokemon .pi-header,
.portable-infobox.pi-theme-pokemon .pi-data-label a,
.portable-infobox.pi-theme-pokemon .pi-header a {
    color: inherit;
}
.pi-theme-pokemon .pi-border-color {
    border: 0;
}
 
/* 헤더 */
.portable-infobox.pi-theme-pokemon .pi-title {
    background: transparent;
    color: inherit;
    display: table;
    margin: 0 0 4px;
    padding: 0;
    width: 100%;
    line-height: 1.2;
    font-size: 1rem;
    text-align: center;
}
.pi-theme-pokemon .pi-title > div {
    display: table-cell;
    vertical-align: middle;
}
 
/* 헤더 >> 번호, 이름, 타입 */
.pi-theme-pokemon .pi-title-primary {
    padding: .5rem .5rem .75rem;
}
.pi-theme-pokemon .pi-title-primary strong {
    line-height: 1.6;
}
 
/* 헤더 >> 일칭, 영칭 */
.pi-theme-pokemon .pi-title-secondary {
    padding: .5rem .25rem;
    width: 3.5em;
}
 
/* 이미지 */
.pi-theme-pokemon .pi-image {
    background: white;
    border-radius: 10px;
    margin: 4px 0 2px;
    padding: 1em;
}
.pi-theme-pokemon .pi-image .image {
    display: block;
    margin: 0 auto;
    width: 200px;
}
.pi-theme-pokemon .pi-image img {
    height: auto;
    max-width: 100%;
}
 
/* 데이터: 제목, 내용 */
.pi-theme-pokemon .pi-data-label,
.pi-theme-pokemon .pi-data-value,
.pi-theme-pokemon .pi-header {
    border: 1px solid #aaa;
    padding: .1em .25em;
    text-align: center;
}
.pi-theme-pokemon .pi-smart-data-label:nth-child(odd),
.pi-theme-pokemon .pi-smart-data-value:nth-child(odd) {
    margin-right: 2px;
}
.pi-theme-pokemon .pi-smart-data-label:nth-child(even),
.pi-theme-pokemon .pi-smart-data-value:nth-child(even) {
    margin-left: 2px;
}
 
/* 데이터: 제목 */
.pi-theme-pokemon .pi-data-label,
.pi-theme-pokemon .pi-header {
    background: #ddd;
    border-radius: 10px 10px 0 0;
    margin-top: 3px;
    margin-bottom: 2px;
}
 
/* 데이터: 내용 */
.pi-theme-pokemon .pi-data-value {
    background: white;
    border-radius: 0 0 10px 10px;
}

/* 그룹 데이터 */
.pi-theme-pokemon .pi-group .pi-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.pi-theme-pokemon .pi-group .pi-group .pi-item {
    display: initial;
}
.pi-theme-pokemon .pi-group .pi-group .pi-header {
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
}
.pi-theme-pokemon .pi-group .pi-group .pi-data {
    padding: 0 2px 0 0;
    -webkit-flex: 1 0px;
    -ms-flex: 1 0px;
    flex: 1 0px;
}
.pi-theme-pokemon .pi-group .pi-group .pi-data:last-child {
    padding: 0;
}
 
/* 타입 칸 */
.pi-theme-pokemon .cell-split {
    padding: 0 .5em .1em;
}

/* 타입별 테마 */
.pi-theme-노말 > .pi-theme-pokemon { background: #A8A878; border-color: #6D6D4E }
.pi-theme-노말 > .pi-theme-pokemon .pi-data-label,
.pi-theme-노말 > .pi-theme-pokemon .pi-header { background: #C6C6A7 }
.pi-theme-노말 > .pi-theme-pokemon .pi-data-label,
.pi-theme-노말 > .pi-theme-pokemon .pi-data-value,
.pi-theme-노말 > .pi-theme-pokemon .pi-header { border-color: #6D6D4E }
 
.pi-theme-불꽃 > .pi-theme-pokemon { background: #F08030; border-color: #9C531F }
.pi-theme-불꽃 > .pi-theme-pokemon .pi-data-label,
.pi-theme-불꽃 > .pi-theme-pokemon .pi-header { background: #F5AC78 }
.pi-theme-불꽃 > .pi-theme-pokemon .pi-data-label,
.pi-theme-불꽃 > .pi-theme-pokemon .pi-data-value,
.pi-theme-불꽃 > .pi-theme-pokemon .pi-header { border-color: #9C531F }
 
.pi-theme-물 > .pi-theme-pokemon { background: #6890F0; border-color: #445E9C }
.pi-theme-물 > .pi-theme-pokemon .pi-data-label,
.pi-theme-물 > .pi-theme-pokemon .pi-header { background: #9DB7F5 }
.pi-theme-물 > .pi-theme-pokemon .pi-data-label,
.pi-theme-물 > .pi-theme-pokemon .pi-data-value,
.pi-theme-물 > .pi-theme-pokemon .pi-header { border-color: #445E9C }
 
.pi-theme-전기 > .pi-theme-pokemon { background: #F8D030; border-color: #A1871F }
.pi-theme-전기 > .pi-theme-pokemon .pi-data-label,
.pi-theme-전기 > .pi-theme-pokemon .pi-header { background: #FAE078 }
.pi-theme-전기 > .pi-theme-pokemon .pi-data-label,
.pi-theme-전기 > .pi-theme-pokemon .pi-data-value,
.pi-theme-전기 > .pi-theme-pokemon .pi-header { border-color: #A1871F }
 
.pi-theme-풀 > .pi-theme-pokemon { background: #78C850; border-color: #4E8234 }
.pi-theme-풀 > .pi-theme-pokemon .pi-data-label,
.pi-theme-풀 > .pi-theme-pokemon .pi-header { background: #A7DB8D }
.pi-theme-풀 > .pi-theme-pokemon .pi-data-label,
.pi-theme-풀 > .pi-theme-pokemon .pi-data-value,
.pi-theme-풀 > .pi-theme-pokemon .pi-header { border-color: #4E8234 }
 
.pi-theme-얼음 > .pi-theme-pokemon { background: #98D8D8; border-color: #638D8D }
.pi-theme-얼음 > .pi-theme-pokemon .pi-data-label,
.pi-theme-얼음 > .pi-theme-pokemon .pi-header { background: #BCE6E6 }
.pi-theme-얼음 > .pi-theme-pokemon .pi-data-label,
.pi-theme-얼음 > .pi-theme-pokemon .pi-data-value,
.pi-theme-얼음 > .pi-theme-pokemon .pi-header { border-color: #638D8D }
 
.pi-theme-격투 > .pi-theme-pokemon { background: #C03028; border-color: #7D1F1A }
.pi-theme-격투 > .pi-theme-pokemon .pi-data-label,
.pi-theme-격투 > .pi-theme-pokemon .pi-header { background: #D67873 }
.pi-theme-격투 > .pi-theme-pokemon .pi-data-label,
.pi-theme-격투 > .pi-theme-pokemon .pi-data-value,
.pi-theme-격투 > .pi-theme-pokemon .pi-header { border-color: #7D1F1A }
 
.pi-theme-독 > .pi-theme-pokemon { background: #A040A0; border-color: #682A68 }
.pi-theme-독 > .pi-theme-pokemon .pi-data-label,
.pi-theme-독 > .pi-theme-pokemon .pi-header { background: #C183C1 }
.pi-theme-독 > .pi-theme-pokemon .pi-data-label,
.pi-theme-독 > .pi-theme-pokemon .pi-data-value,
.pi-theme-독 > .pi-theme-pokemon .pi-header { border-color: #682A68 }
 
.pi-theme-땅 > .pi-theme-pokemon { background: #E0C068; border-color: #927D44 }
.pi-theme-땅 > .pi-theme-pokemon .pi-data-label,
.pi-theme-땅 > .pi-theme-pokemon .pi-header { background: #EBD69D }
.pi-theme-땅 > .pi-theme-pokemon .pi-data-label,
.pi-theme-땅 > .pi-theme-pokemon .pi-data-value,
.pi-theme-땅 > .pi-theme-pokemon .pi-header { border-color: #927D44 }
 
.pi-theme-비행 > .pi-theme-pokemon { background: #A890F0; border-color: #6D5E9C }
.pi-theme-비행 > .pi-theme-pokemon .pi-data-label,
.pi-theme-비행 > .pi-theme-pokemon .pi-header { background: #C6B7F5 }
.pi-theme-비행 > .pi-theme-pokemon .pi-data-label,
.pi-theme-비행 > .pi-theme-pokemon .pi-data-value,
.pi-theme-비행 > .pi-theme-pokemon .pi-header { border-color: #6D5E9C }
 
.pi-theme-에스퍼 > .pi-theme-pokemon { background: #F85888; border-color: #A13959 }
.pi-theme-에스퍼 > .pi-theme-pokemon .pi-data-label,
.pi-theme-에스퍼 > .pi-theme-pokemon .pi-header { background: #FA92B2 }
.pi-theme-에스퍼 > .pi-theme-pokemon .pi-data-label,
.pi-theme-에스퍼 > .pi-theme-pokemon .pi-data-value,
.pi-theme-에스퍼 > .pi-theme-pokemon .pi-header { border-color: #A13959 }
 
.pi-theme-벌레 > .pi-theme-pokemon { background: #A8B820; border-color: #6D7815 }
.pi-theme-벌레 > .pi-theme-pokemon .pi-data-label,
.pi-theme-벌레 > .pi-theme-pokemon .pi-header { background: #C6D16E }
.pi-theme-벌레 > .pi-theme-pokemon .pi-data-label,
.pi-theme-벌레 > .pi-theme-pokemon .pi-data-value,
.pi-theme-벌레 > .pi-theme-pokemon .pi-header { border-color: #6D7815 }
 
.pi-theme-바위 > .pi-theme-pokemon { background: #B8A038; border-color: #786824 }
.pi-theme-바위 > .pi-theme-pokemon .pi-data-label,
.pi-theme-바위 > .pi-theme-pokemon .pi-header { background: #D1C17D }
.pi-theme-바위 > .pi-theme-pokemon .pi-data-label,
.pi-theme-바위 > .pi-theme-pokemon .pi-data-value,
.pi-theme-바위 > .pi-theme-pokemon .pi-header { border-color: #786824 }
 
.pi-theme-고스트 > .pi-theme-pokemon { background: #705898; border-color: #493963 }
.pi-theme-고스트 > .pi-theme-pokemon .pi-data-label,
.pi-theme-고스트 > .pi-theme-pokemon .pi-header { background: #A292BC }
.pi-theme-고스트 > .pi-theme-pokemon .pi-data-label,
.pi-theme-고스트 > .pi-theme-pokemon .pi-data-value,
.pi-theme-고스트 > .pi-theme-pokemon .pi-header { border-color: #493963 }
 
.pi-theme-드래곤 > .pi-theme-pokemon { background: #7038F8; border-color: #4924A1 }
.pi-theme-드래곤 > .pi-theme-pokemon .pi-data-label,
.pi-theme-드래곤 > .pi-theme-pokemon .pi-header { background: #A27DFA }
.pi-theme-드래곤 > .pi-theme-pokemon .pi-data-label,
.pi-theme-드래곤 > .pi-theme-pokemon .pi-data-value,
.pi-theme-드래곤 > .pi-theme-pokemon .pi-header { border-color: #4924A1 }
 
.pi-theme-악 > .pi-theme-pokemon { background: #705848; border-color: #49392F }
.pi-theme-악 > .pi-theme-pokemon .pi-data-label,
.pi-theme-악 > .pi-theme-pokemon .pi-header { background: #A29288 }
.pi-theme-악 > .pi-theme-pokemon .pi-data-label,
.pi-theme-악 > .pi-theme-pokemon .pi-data-value,
.pi-theme-악 > .pi-theme-pokemon .pi-header { border-color: #49392F }
 
.pi-theme-강철 > .pi-theme-pokemon { background: #B8B8D0; border-color: #787887 }
.pi-theme-강철 > .pi-theme-pokemon .pi-data-label,
.pi-theme-강철 > .pi-theme-pokemon .pi-header { background: #D1D1E0 }
.pi-theme-강철 > .pi-theme-pokemon .pi-data-label,
.pi-theme-강철 > .pi-theme-pokemon .pi-data-value,
.pi-theme-강철 > .pi-theme-pokemon .pi-header { border-color: #787887 }
 
.pi-theme-페어리 > .pi-theme-pokemon { background: #FEA3E8; border-color: #B66783 }
.pi-theme-페어리 > .pi-theme-pokemon .pi-data-label,
.pi-theme-페어리 > .pi-theme-pokemon .pi-header { background: #FFCFF3 }
.pi-theme-페어리 > .pi-theme-pokemon .pi-data-label,
.pi-theme-페어리 > .pi-theme-pokemon .pi-data-value,
.pi-theme-페어리 > .pi-theme-pokemon .pi-header { border-color: #B66783 }
 
.pi-theme-언노운 > .pi-theme-pokemon { background: #68A090; border-color: #44685E }
.pi-theme-언노운 > .pi-theme-pokemon .pi-data-label,
.pi-theme-언노운 > .pi-theme-pokemon .pi-header { background: #9DC1B7 }
.pi-theme-언노운 > .pi-theme-pokemon .pi-data-label,
.pi-theme-언노운 > .pi-theme-pokemon .pi-data-value,
.pi-theme-언노운 > .pi-theme-pokemon .pi-header { border-color: #44685E }

/* 서브타입별 테마 */
.pi-subtheme-노말 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-노말 > .pi-theme-pokemon .pi-header { background: #C6C6A7 }

.pi-subtheme-불꽃 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-불꽃 > .pi-theme-pokemon .pi-header { background: #F5AC78 }

.pi-subtheme-물 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-물 > .pi-theme-pokemon .pi-header { background: #9DB7F5 }

.pi-subtheme-전기 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-전기 > .pi-theme-pokemon .pi-header { background: #FAE078 }

.pi-subtheme-풀 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-풀 > .pi-theme-pokemon .pi-header { background: #A7DB8D }

.pi-subtheme-얼음 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-얼음 > .pi-theme-pokemon .pi-header { background: #BCE6E6 }

.pi-subtheme-격투 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-격투 > .pi-theme-pokemon .pi-header { background: #D67873 }

.pi-subtheme-독 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-독 > .pi-theme-pokemon .pi-header { background: #C183C1 }

.pi-subtheme-땅 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-땅 > .pi-theme-pokemon .pi-header { background: #EBD69D }

.pi-subtheme-비행 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-비행 > .pi-theme-pokemon .pi-header { background: #C6B7F5 }

.pi-subtheme-에스퍼 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-에스퍼 > .pi-theme-pokemon .pi-header { background: #FA92B2 }

.pi-subtheme-벌레 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-벌레 > .pi-theme-pokemon .pi-header { background: #C6D16E }

.pi-subtheme-바위 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-바위 > .pi-theme-pokemon .pi-header { background: #D1C17D }

.pi-subtheme-고스트 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-고스트 > .pi-theme-pokemon .pi-header { background: #A292BC }

.pi-subtheme-드래곤 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-드래곤 > .pi-theme-pokemon .pi-header { background: #A27DFA }

.pi-subtheme-악 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-악 > .pi-theme-pokemon .pi-header { background: #A29288 }

.pi-subtheme-강철 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-강철 > .pi-theme-pokemon .pi-header { background: #D1D1E0 }

.pi-subtheme-페어리 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-페어리 > .pi-theme-pokemon .pi-header { background: #FFCFF3 }

.pi-subtheme-언노운 > .pi-theme-pokemon .pi-data-label,
.pi-subtheme-언노운 > .pi-theme-pokemon .pi-header { background: #9DC1B7 }