Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* -------------------------------------
Mew Mew Infobox
------------------------------------- */
.portable-infobox { width:282px; border:3px solid #FF84C4; border-radius:10px; padding:2px; }
.portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin:2px; margin-bottom:0; padding:0; }
.portable-infobox .pi-item-spacing { text-align:center; padding:2px; padding-left:0px; }
.portable-infobox .pi-title, .portable-infobox .pi-data-label, .portable-infobox .pi-secondary-background { background-color:#FF84C4; color:#FFF; }
.pi-background { background:transparent; }
.portable-infobox .pi-image-thumbnail { max-height: 450px; width: auto; }
.portable-infobox .pi-image-collection-tabs { margin: auto; }
.pi-border-color { border-color:#FF84C4; }
.pi-title { border-radius:6px 6px 0 0; font-weight:bold; }
.pi-header { border-radius:0 0 0 0; }
.pi-data-label { border-radius:0 8px 8px 0; display:flex; flex-direction:column; justify-content:center; }
.pi-data-value { margin: 0.4em 0; }
.pi-header:nth-child(3) { font-weight:normal; font-style:italic; border-top:1px dotted; margin-top:0; }
.pi-header:last-child { border-radius:0 0 6px 6px; margin-bottom:2px; }
.pi-header:last-child a { color:white; }
/* -------------------------------------
Custom Colors
------------------------------------- */
.pi-theme-Ichigo, .pi-theme-Ichigo .pi-border-color { border-color:#FFCBE4; }
.pi-theme-Ichigo .pi-title, .pi-theme-Ichigo .pi-secondary-font { background-color:#FFCBE4; color:#000; }
.pi-theme-Ichigo .pi-header:last-child a { color:black; }
.pi-theme-Mint, .pi-theme-Mint .pi-border-color { border-color:#2141D6; }
.pi-theme-Mint .pi-title, .pi-theme-Mint .pi-secondary-font { background-color:#2141D6; }
.pi-theme-Lettuce, .pi-theme-Lettuce .pi-border-color { border-color:#2EB651; }
.pi-theme-Lettuce .pi-title, .pi-theme-Lettuce .pi-secondary-font { background-color:#2EB651; }
.pi-theme-Pudding, .pi-theme-Pudding .pi-border-color { border-color:#FFFF38; }
.pi-theme-Pudding .pi-title, .pi-theme-Pudding .pi-secondary-font { background-color:#FFFF38; color:#000; }
.pi-theme-Pudding .pi-header:last-child a { color:black; }
.pi-theme-Zakuro, .pi-theme-Zakuro .pi-border-color { border-color:#984D95; }
.pi-theme-Zakuro .pi-title, .pi-theme-Zakuro .pi-secondary-font { background-color:#984D95; }
.pi-theme-Ringo, .pi-theme-Ringo .pi-border-color { border-color:#FF2F1A; }
.pi-theme-Ringo .pi-title, .pi-theme-Ringo .pi-secondary-font { background-color:#FF2F1A; }
.pi-theme-Berry, .pi-theme-Berry .pi-border-color { border-color:#FFFFB3; }
.pi-theme-Berry .pi-title, .pi-theme-Berry .pi-secondary-font { background-color:#FFFFB3; color:#000; }
.pi-theme-Berry .pi-header:last-child a { color:black; }
.pi-theme-Hime, .pi-theme-Hime .pi-border-color { border-color:#838383; }
.pi-theme-Hime .pi-title, .pi-theme-Hime .pi-secondary-font { background-color:#838383; }
.pi-theme-Masaya, .pi-theme-Masaya .pi-border-color { border-color:#114499; }
.pi-theme-Masaya .pi-title, .pi-theme-Masaya .pi-secondary-font { background-color:#114499; }
.pi-theme-Tasuku, .pi-theme-Tasuku .pi-border-color { border-color:#323232; }
.pi-theme-Tasuku .pi-title, .pi-theme-Tasuku .pi-secondary-font { background-color:#323232; }
.pi-theme-Ryou, .pi-theme-Ryou .pi-border-color { border-color:#E5E4E2; }
.pi-theme-Ryou .pi-title, .pi-theme-Ryou .pi-secondary-font { background-color:#E5E4E2; color:#000; }
.pi-theme-Ryou .pi-header:last-child a { color:black; }
.pi-theme-Keiichiro, .pi-theme-Keiichiro .pi-border-color { border-color:#B42D0F; }
.pi-theme-Keiichiro .pi-title, .pi-theme-Keiichiro .pi-secondary-font { background-color:#B42D0F; }
.pi-theme-DeepBlue, .pi-theme-DeepBlue .pi-border-color { border-color:#172F47; }
.pi-theme-DeepBlue .pi-title, .pi-theme-DeepBlue .pi-secondary-font { background-color:#172F47; }
.pi-theme-Quiche, .pi-theme-Quiche .pi-border-color { border-color:#526842; }
.pi-theme-Quiche .pi-title, .pi-theme-Quiche .pi-secondary-font { background-color:#526842; }
.pi-theme-Pie, .pi-theme-Pie .pi-border-color { border-color:#444455; }
.pi-theme-Pie .pi-title, .pi-theme-Pie .pi-secondary-font { background-color:#444455; }
.pi-theme-Tart, .pi-theme-Tart .pi-border-color { border-color:#773333; }
.pi-theme-Tart .pi-title, .pi-theme-Tart .pi-secondary-font { background-color:#773333; }
.pi-theme-Gateau, .pi-theme-Gateau .pi-border-color { border-color:#5EA857; }
.pi-theme-Gateau .pi-title, .pi-theme-Gateau .pi-secondary-font { background-color:#5EA857; }
.pi-theme-Duke, .pi-theme-Duke .pi-border-color { border-color:#991122; }
.pi-theme-Duke .pi-title, .pi-theme-Duke .pi-secondary-font { background-color:#991122; }
.pi-theme-RoyalHighness, .pi-theme-RoyalHighness .pi-border-color { border-color:#C48686; }
.pi-theme-RoyalHighness .pi-title, .pi-theme-RoyalHighness .pi-secondary-font { background-color:#C48686; }
.pi-theme-HappyChild, .pi-theme-HappyChild .pi-border-color { border-color:#FFDD36; }
.pi-theme-HappyChild .pi-title, .pi-theme-HappyChild .pi-secondary-font { background-color:#FFDD36; color:#000 }
.pi-theme-HappyChild .pi-header:last-child a { color:black; }
.pi-theme-BlueBayou, .pi-theme-BlueBayou .pi-border-color { border-color:#515188; }
.pi-theme-BlueBayou .pi-title, .pi-theme-BlueBayou .pi-secondary-font { background-color:#515188; }
.pi-theme-SweetJuliet, .pi-theme-SweetJuliet .pi-border-color { border-color:#FBCEB1; }
.pi-theme-SweetJuliet .pi-title, .pi-theme-SweetJuliet .pi-secondary-font { background-color:#FBCEB1; color:#000; }
.pi-theme-SweetJuliet .pi-header:last-child a { color:black; }
.pi-theme-Anzu, .pi-theme-Anzu .pi-border-color { border-color:#F7873E; }
.pi-theme-Anzu .pi-title, .pi-theme-Anzu .pi-secondary-font { background-color:#F7873E; }
.pi-theme-Aoi, .pi-theme-Aoi .pi-border-color { border-color:#383838; }
.pi-theme-Aoi .pi-header {background-color: #FDFF6B; color:#000; }
.pi-theme-Aoi .pi-title, .pi-theme-Aoi .pi-data-label, .pi-theme-Aoi .pi-navigation { background-color:#383838; }
.pi-theme-Aoi .pi-header:last-child a { color:black; }
.pi-theme-Shizuka, .pi-theme-Shizuka .pi-border-color { border-color:#F533DB; }
.pi-theme-Shizuka .pi-header {background-color: #383838; }
.pi-theme-Shizuka .pi-title, .pi-theme-Shizuka .pi-data-label, .pi-theme-Shizuka .pi-navigation { background-color:#F533DB; }
.pi-theme-Ryusei, .pi-theme-Ryusei .pi-border-color { border-color:#FFEA83; }
.pi-theme-Ryusei .pi-header {background-color: #F1F1EF; color:#000; }
.pi-theme-Ryusei .pi-title, .pi-theme-Ryusei .pi-data-label, .pi-theme-Ryusei .pi-navigation { background-color:#FFEA83; color:#000; }
.pi-theme-Ryusei .pi-header:last-child a { color:black; }
.pi-theme-Taichi, .pi-theme-Taichi .pi-border-color { border-color:#8029E3; }
.pi-theme-Taichi .pi-header {background-color: #D2B48C; color:#000; }
.pi-theme-Taichi .pi-title, .pi-theme-Taichi .pi-data-label, .pi-theme-Taichi .pi-navigation { background-color:#8029E3; }
.pi-theme-Taichi .pi-header:last-child a { color:black; }
.pi-theme-Ayato, .pi-theme-Ayato .pi-border-color { border-color:#AD0034; }
.pi-theme-Ayato .pi-header {background-color: #6500D1; }
.pi-theme-Ayato .pi-title, .pi-theme-Ayato .pi-data-label, .pi-theme-Ayato .pi-navigation { background-color:#AD0034; }
.pi-theme-Mocha, .pi-theme-Mocha .pi-border-color { border-color:#BE276A; }
.pi-theme-Mocha .pi-header {background-color: #FDFDAD; color:#000; }
.pi-theme-Mocha .pi-title, .pi-theme-Mocha .pi-data-label, .pi-theme-Mocha .pi-navigation { background-color:#BE276A; }
.pi-theme-Mocha .pi-header:last-child a { color:black; }
.pi-theme-Chai, .pi-theme-Chai .pi-border-color { border-color:#B18CEF; }
.pi-theme-Chai .pi-title, .pi-theme-Chai .pi-secondary-font { background-color:#B18CEF; }
.pi-theme-Latte, .pi-theme-Latte .pi-border-color { border-color:#C5A3BE; }
.pi-theme-Latte .pi-header {background-color: #FDE3D8; color:#000; }
.pi-theme-Latte .pi-title, .pi-theme-Latte .pi-data-label, .pi-theme-Latte .pi-navigation { background-color:#C5A3BE; }
.pi-theme-Latte .pi-header:last-child a { color:black; }
.pi-theme-Natsume, .pi-theme-Natsume .pi-border-color { border-color:#C83C40; }
.pi-theme-Natsume .pi-header {background-color: #7F181E; }
.pi-theme-Natsume .pi-title, .pi-theme-Natsume .pi-data-label, .pi-theme-Natsume .pi-navigation { background-color:#C83C40; }