MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ body.page-Themes_Mewmew { } .WikiaPage .WikiaPageBackground, .WikiaPage .WikiaPageBackground { opacity: 0.86; }

.custom-gallery div.wikia-gallery-item { width: 120px !important; }

.tabbertab { border-top: 2px solid #818ea5 !important; border-bottom: 2px solid #818ea5 !important; border-left: 2px solid #818ea5 !important; border-right: 2px solid #818ea5 !important; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 2px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; } ul.tabbernav li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #2882c2 !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border: 2px solid #818ea5 !important; color: white !important; font-size: 16px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #2882c2 !important; border: 2px solid #818ea5 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; }   ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } /* End of Customizing Tabber */
 * Customizing Tabber */

/* Selected Tab */ ul.tabs li.selected a { color: White !important; background: #206ea6 !important; border: 2px solid #195c8c !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; } /* Normal Tab; NOT selected */ ul.tabs li a { background: #2882c2 !important; color: White !important; border: 1px solid #195c8c !important; border-bottom: none !important; } /* Contents of the selected tab */ div.tabBody.selected { background: #bfd0ec !important; color: Black !important; border: 2px solid #195c8c!important; border-radius: 8px !important; padding: 5px !important; box-shadow: none; }

/* Contents of the selected tab */ .nbg-tabview div.tabBody.selected { background: none !important; color: Black !important; border: none !important; border-radius: 8px !important; padding: 5px !important; box-shadow: none; }

/*******************************NO BACKGROUND TABVIEW*******************************/ /* Selected Tab */ .nobg-tabview ul.tabs li.selected a { color: Black !important; background: none !important; border: none !important; border-bottom: none !important; } /* Normal Tab; NOT selected */ .nobg-tabview ul.tabs li a { background: none !important; color: Black !important; border: none !important; border-bottom: none !important; } /* Contents of the selected tab */ .nobg-tabview div.tabBody.selected { background: none !important; color: Black !important; border: none !important; border-radius: 8px !important; padding: 5px !important; box-shadow: none; } /*******************************NO BACKGROUND TABVIEW*******************************/

/* Selected Tab */ .kouji-tabview ul.tabs li.selected a { color: White !important; background: #c28bc2 !important; border: 2px solid #b07fb0 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #aa79aa, 1px -1px 0 #aa79aa, -1px 1px 0 #aa79aa, 1px 1px 0 #aa79aa; } /* Normal Tab; NOT selected */ .kouji-tabview ul.tabs li a { background: #dca0dc !important; color: White !important; border: 1px solid #b07fb0 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #b07fb0, 1px -1px 0 #b07fb0, -1px 1px 0 #b07fb0, 1px 1px 0 #b07fb0; } /* Contents of the selected tab */ .kouji-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #b07fb0!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .hiro-tabview ul.tabs li.selected a { color: White !important; background: #74b8da !important; border: 2px solid #61b3dc !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #68a7c7, 1px -1px 0 #68a7c7, -1px 1px 0 #68a7c7, 1px 1px 0 #68a7c7; } /* Normal Tab; NOT selected */ .hiro-tabview ul.tabs li a { background: #96dcff !important; color: White !important; border: 1px solid #61b3dc !important; border-bottom: none !important; text-shadow: -1px -1px 0 #61b3dc, 1px -1px 0 #61b3dc, -1px 1px 0 #61b3dc, 1px 1px 0 #61b3dc; } /* Contents of the selected tab */ .hiro-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #61b3dc!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .kazuki-tabview ul.tabs li.selected a { color: White !important; background: #48b96e !important; border: 2px solid #62a879 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #75a77e, 1px -1px 0 #75a77e, -1px 1px 0 #75a77e, 1px 1px 0 #75a77e; } /* Normal Tab; NOT selected */ .kazuki-tabview ul.tabs li a { background: #5ad282 !important; color: White !important; border: 1px solid #62a879 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #62a879, 1px -1px 0 #62a879, -1px 1px 0 #62a879, 1px 1px 0 #62a879; } /* Contents of the selected tab */ .kazuki-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #62a879!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .shin-tabview ul.tabs li.selected a { color: White !important; background: #e27c67 !important; border: 2px solid #d77c69 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #ba6f6f, 1px -1px 0 #ba6f6f, -1px 1px 0 #ba6f6f, 1px 1px 0 #ba6f6f; } /* Normal Tab; NOT selected */ .shin-tabview ul.tabs li a { background: #ff9b86 !important; color: White !important; border: 1px solid #d77c69 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #d77c69, 1px -1px 0 #d77c69, -1px 1px 0 #d77c69, 1px 1px 0 #d77c69; } /* Contents of the selected tab */ .shin-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #d77c69!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .yukinojo-tabview ul.tabs li.selected a { color: White !important; background: #7c93ce !important; border: 2px solid #6aa1d3 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #6c80b3, 1px -1px 0 #6c80b3, -1px 1px 0 #6c80b3, 1px 1px 0 #6c80b3; } /* Normal Tab; NOT selected */ .yukinojo-tabview ul.tabs li a { background: #7fc0fa !important; color: White !important; border: 1px solid #6aa1d3 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #6aa1d3, 1px -1px 0 #6aa1d3, -1px 1px 0 #6aa1d3, 1px 1px 0 #6aa1d3; } /* Contents of the selected tab */ .yukinojo-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #6aa1d3!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .taiga-tabview ul.tabs li.selected a { color: White !important; background: #92ba74 !important; border: 2px solid #94be73 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #83a36b, 1px -1px 0 #83a36b, -1px 1px 0 #83a36b, 1px 1px 0 #83a36b; } /* Normal Tab; NOT selected */ .taiga-tabview ul.tabs li a { background: #aae180 !important; color: White !important; border: 1px solid #94be73 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #94be73, 1px -1px 0 #94be73, -1px 1px 0 #94be73, 1px 1px 0 #94be73; } /* Contents of the selected tab */ .taiga-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #94be73!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .kakeru-tabview ul.tabs li.selected a { color: White !important; background: #e8af71 !important; border: 2px solid #e8a966 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #cc975e, 1px -1px 0 #cc975e, -1px 1px 0 #cc975e, 1px 1px 0 #cc975e; } /* Normal Tab; NOT selected */ .kakeru-tabview ul.tabs li a { background: #ffbe78 !important; color: White !important; border: 1px solid #e8a966 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #e8a966, 1px -1px 0 #e8a966, -1px 1px 0 #e8a966, 1px 1px 0 #e8a966; } /* Contents of the selected tab */ .kakeru-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #e8a966!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .minato-tabview ul.tabs li.selected a { color: White !important; background: #4cb8af !important; border: 2px solid #59b6af !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #40a199, 1px -1px 0 #40a199, -1px 1px 0 #40a199, 1px 1px 0 #40a199; } /* Normal Tab; NOT selected */ .minato-tabview ul.tabs li a { background: #5ccdc4 !important; color: White !important; border: 1px solid #59b6af !important; border-bottom: none !important; text-shadow: -1px -1px 0 #59b6af, 1px -1px 0 #59b6af, -1px 1px 0 #59b6af, 1px 1px 0 #59b6af; } /* Contents of the selected tab */ .minato-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #59b6af!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .leo-tabview ul.tabs li.selected a { color: White !important; background: #de88b2 !important; border: 2px solid #e787b6 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #ca7aa1, 1px -1px 0 #ca7aa1, -1px 1px 0 #ca7aa1, 1px 1px 0 #ca7aa1; } /* Normal Tab; NOT selected */ .leo-tabview ul.tabs li a { background: #f89ac8 !important; color: White !important; border: 1px solid #e787b6 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #e787b6, 1px -1px 0 #e787b6, -1px 1px 0 #e787b6, 1px 1px 0 #e787b6; } /* Contents of the selected tab */ .leo-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #e787b6!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .yu-tabview ul.tabs li.selected a { color: White !important; background: #9696d8 !important; border: 2px solid #97a1de !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #8686c5, 1px -1px 0 #8686c5, -1px 1px 0 #8686c5, 1px 1px 0 #8686c5; } /* Normal Tab; NOT selected */ .yu-tabview ul.tabs li a { background: #adb7f5 !important; color: White !important; border: 1px solid #97a1de !important; border-bottom: none !important; text-shadow: -1px -1px 0 #97a1de, 1px -1px 0 #97a1de, -1px 1px 0 #97a1de, 1px 1px 0 #97a1de; } /* Contents of the selected tab */ .yu-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #97a1de!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .louis-tabview ul.tabs li.selected a { color: White !important; background: #c1bda1 !important; border: 2px solid #b7b798 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #aeaa8d, 1px -1px 0 #aeaa8d, -1px 1px 0 #aeaa8d, 1px 1px 0 #aeaa8d; } /* Normal Tab; NOT selected */ .louis-tabview ul.tabs li a { background: #d3d3b4 !important; color: White !important; border: 1px solid #b7b798 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #b7b798, 1px -1px 0 #b7b798, -1px 1px 0 #b7b798, 1px 1px 0 #b7b798; } /* Contents of the selected tab */ .louis-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #b7b798!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .alexander-tabview ul.tabs li.selected a { color: White !important; background: #a28dcd !important; border: 2px solid #a692cd !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #8e7cb1, 1px -1px 0 #8e7cb1, -1px 1px 0 #8e7cb1, 1px 1px 0 #8e7cb1; } /* Normal Tab; NOT selected */ .alexander-tabview ul.tabs li a { background: #beaae6 !important; color: White !important; border: 1px solid #a692cd !important; border-bottom: none !important; text-shadow: -1px -1px 0 #a692cd, 1px -1px 0 #a692cd, -1px 1px 0 #a692cd, 1px 1px 0 #a692cd; } /* Contents of the selected tab */ .alexander-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #a692cd!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .joji-tabview ul.tabs li.selected a { color: White !important; background: #b8c151 !important; border: 2px solid #bdc659 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #9fa743, 1px -1px 0 #9fa743, -1px 1px 0 #9fa743, 1px 1px 0 #9fa743; } /* Normal Tab; NOT selected */ .joji-tabview ul.tabs li a { background: #d4de5f !important; color: White !important; border: 1px solid #bdc659 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #bdc659, 1px -1px 0 #bdc659, -1px 1px 0 #bdc659, 1px 1px 0 #bdc659; } /* Contents of the selected tab */ .joji-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #bdc659!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .sakyo-tabview ul.tabs li.selected a { color: White !important; background: #e19898 !important; border: 2px solid #de9797 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #ca8282, 1px -1px 0 #ca8282, -1px 1px 0 #ca8282, 1px 1px 0 #ca8282; } /* Normal Tab; NOT selected */ .sakyo-tabview ul.tabs li a { background: #ffb4b4 !important; color: White !important; border: 1px solid #de9797 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #de9797, 1px -1px 0 #de9797, -1px 1px 0 #de9797, 1px 1px 0 #de9797; } /* Contents of the selected tab */ .sakyo-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #de9797!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .ukyo-tabview ul.tabs li.selected a { color: White !important; background: #aaaad5 !important; border: 2px solid #a0a0d4 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #9191be, 1px -1px 0 #9191be, -1px 1px 0 #9191be, 1px 1px 0 #9191be; } /* Normal Tab; NOT selected */ .ukyo-tabview ul.tabs li a { background: #bebef0 !important; color: White !important; border: 1px solid #a0a0d4 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #a0a0d4, 1px -1px 0 #a0a0d4, -1px 1px 0 #a0a0d4, 1px 1px 0 #a0a0d4; } /* Contents of the selected tab */ .ukyo-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #a0a0d4!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

/* Selected Tab */ .nikkanen-tabview ul.tabs li.selected a { color: White !important; background: #7fc5bc !important; border: 2px solid #71b6ad !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #6eb0a7, 1px -1px 0 #6eb0a7, -1px 1px 0 #6eb0a7, 1px 1px 0 #6eb0a7; } /* Normal Tab; NOT selected */ .nikkanen-tabview ul.tabs li a { background: #8fddd3 !important; color: White !important; border: 1px solid #71b6ad !important; border-bottom: none !important; text-shadow: -1px -1px 0 #71b6ad, 1px -1px 0 #71b6ad, -1px 1px 0 #71b6ad, 1px 1px 0 #71b6ad; } /* Contents of the selected tab */ .nikkanen-tabview div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #71b6ad!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }

.portable-infobox { border-radius: 10px; border: 3px solid #2781c2; color: white; width: 282px; }

.portable-infobox.pi-theme-Red{ border-radius: 10px; border: 3px solid #ff3754; border-color: #ff3754; background-color:#ffdee2; color: white; } .portable-infobox.pi-theme-Orange{ border-radius: 10px; border: 3px solid #ff9853; background-color:#ffe6d6; color: white; } .portable-infobox.pi-theme-Yellow{ border-radius: 10px; border: 3px solid #ffdc29; background-color:#fffdd6; color: white; } .portable-infobox.pi-theme-Green{ border-radius: 10px; border: 3px solid #3be140; background-color:#d7ffd6; color: white; } .portable-infobox.pi-theme-Blue{ border-radius: 10px; border: 3px solid #3b9fff; background-color:#cce6ff; color: white; } .portable-infobox.pi-theme-Indigo{ border-radius: 10px; border: 3px solid #3437ff; background-color:#d6dcff; color: white; } .portable-infobox.pi-theme-Purple{ border-radius: 10px; border: 3px solid #b13dde; background-color:#edd6ff; color: white; }

.portable-infobox.pi-theme-Kouji-Mihama{ border-radius: 10px; border: 3px solid #dca0dc; color: white; } .portable-infobox.pi-theme-Hiro-Hayami{ border-radius: 10px; border: 3px solid #96dcff; color: white; } .portable-infobox.pi-theme-Kazuki-Nishina{ border-radius: 10px; border: 3px solid #5ad282; color: white; } .portable-infobox.pi-theme-Shin-Ichijo{ border-radius: 10px; border: 3px solid #ff9b86; color: white; } .portable-infobox.pi-theme-Yukinojo-Tachibana{ border-radius: 10px; border: 3px solid #7fc0fa; color: white; } .portable-infobox.pi-theme-Taiga-Kougami{ border-radius: 10px; border: 3px solid #aae180; color: white; } .portable-infobox.pi-theme-Kakeru-Juuouin{ border-radius: 10px; border: 3px solid #ffbe78; color: white; } .portable-infobox.pi-theme-Minato-Takahashi{ border-radius: 10px; border: 3px solid #5ccdc4; color: white; } .portable-infobox.pi-theme-Leo-Saionji{ border-radius: 10px; border: 3px solid #f89ac8; color: white; } .portable-infobox.pi-theme-Yu-Suzuno{ border-radius: 10px; border: 3px solid #adb7f5; color: white; } .portable-infobox.pi-theme-Louis-Kisaragi{ border-radius: 10px; border: 3px solid #d3d3b4; color: white; } .portable-infobox.pi-theme-Alexander-Yamato{ border-radius: 10px; border: 3px solid #beaae6; color: white; } .portable-infobox.pi-theme-Joji-Takadanobaba{ border-radius: 10px; border: 3px solid #d4de5f; color: white; } .portable-infobox.pi-theme-Sakyo-Amamoto{ border-radius: 10px; border: 3px solid #ffb4b4; color: white; } .portable-infobox.pi-theme-Ukyo-Amamoto{ border-radius: 10px; border: 3px solid #bebef0; color: white; } .portable-infobox.pi-theme-Revontulet-Nikkanen{ border-radius: 10px; border: 3px solid #8fddd3; color: white; }

.portable-infobox.pi-theme-Red .pi-image { padding: 0px; } .portable-infobox.pi-theme-Orange .pi-image { padding: 0px; } .portable-infobox.pi-theme-Yellow .pi-image { padding: 0px; } .portable-infobox.pi-theme-Green .pi-image { padding: 0px; } .portable-infobox.pi-theme-Blue .pi-image { padding: 0px; } .portable-infobox.pi-theme-Indigo .pi-image { padding: 0px; } .portable-infobox.pi-theme-Purple .pi-image { padding: 0px; }

.portable-infobox.pi-theme-Red .pi-title{ background:#ff3754; } .portable-infobox.pi-theme-Orange .pi-title{ background:#ff9853; } .portable-infobox.pi-theme-Yellow .pi-title{ background:#ffdc29; } .portable-infobox.pi-theme-Green .pi-title{ background:#3be140; } .portable-infobox.pi-theme-Blue .pi-title{ background:#3b9fff; } .portable-infobox.pi-theme-Indigo .pi-title{ background:#3437ff; } .portable-infobox.pi-theme-Purple .pi-title{ background:#b13dde; }

.portable-infobox.pi-theme-Red .pi-data-label{ background:#ff3754; } .portable-infobox.pi-theme-Orange .pi-data-label{ background:#ff9853; } .portable-infobox.pi-theme-Yellow .pi-data-label{ background:#ffdc29; } .portable-infobox.pi-theme-Green .pi-data-label{ background:#3be140; } .portable-infobox.pi-theme-Blue .pi-data-label{ background:#3b9fff; } .portable-infobox.pi-theme-Indigo .pi-data-label{ background:#3437ff; } .portable-infobox.pi-theme-Purple .pi-data-label{ background:#b13dde; }

.portable-infobox.pi-theme-Red .pi-header, .portable-infobox.pi-theme-Red .pi-navigation{ background:#ff3754; } .portable-infobox.pi-theme-Orange .pi-header, .portable-infobox.pi-theme-Orange .pi-navigation{ background:#ff9853; } .portable-infobox.pi-theme-Yellow .pi-header, .portable-infobox.pi-theme-Yellow .pi-navigation{ background:#ffdc29; } .portable-infobox.pi-theme-Green .pi-header, .portable-infobox.pi-theme-Green .pi-navigation{ background:#3be140; } .portable-infobox.pi-theme-Blue .pi-header, .portable-infobox.pi-theme-Blue .pi-navigation{ background:#3b9fff; } .portable-infobox.pi-theme-Indigo .pi-header, .portable-infobox.pi-theme-Indigo .pi-navigation{ background:#3437ff; } .portable-infobox.pi-theme-Purple .pi-header, .portable-infobox.pi-theme-Purple .pi-navigation{ background:#b13dde; }

.portable-infobox.pi-theme-Kouji-Mihama .pi-title, .portable-infobox.pi-theme-Kouji-Mihama .pi-data-label, .portable-infobox.pi-theme-Kouji-Mihama .pi-header, .portable-infobox.pi-theme-Kouji-Mihama .pi-navigation{ background:#dca0dc; } .portable-infobox.pi-theme-Hiro-Hayami .pi-title, .portable-infobox.pi-theme-Hiro-Hayami .pi-data-label, .portable-infobox.pi-theme-Hiro-Hayami .pi-header, .portable-infobox.pi-theme-Hiro-Hayami .pi-navigation{ background:#96dcff; } .portable-infobox.pi-theme-Kazuki-Nishina .pi-title, .portable-infobox.pi-theme-Kazuki-Nishina .pi-data-label, .portable-infobox.pi-theme-Kazuki-Nishina .pi-header, .portable-infobox.pi-theme-Kazuki-Nishina .pi-navigation{ background:#5ad282; } .portable-infobox.pi-theme-Shin-Ichijo .pi-title, .portable-infobox.pi-theme-Shin-Ichijo .pi-data-label, .portable-infobox.pi-theme-Shin-Ichijo .pi-header, .portable-infobox.pi-theme-Shin-Ichijo .pi-navigation{ background:#ff9b86; } .portable-infobox.pi-theme-Yukinojo-Tachibana .pi-title, .portable-infobox.pi-theme-Yukinojo-Tachibana .pi-data-label, .portable-infobox.pi-theme-Yukinojo-Tachibana .pi-header, .portable-infobox.pi-theme-Yukinojo-Tachibana .pi-navigation{ background:#7fc0fa; } .portable-infobox.pi-theme-Taiga-Kougami .pi-title, .portable-infobox.pi-theme-Taiga-Kougami .pi-data-label, .portable-infobox.pi-theme-Taiga-Kougami .pi-header, .portable-infobox.pi-theme-Taiga-Kougami .pi-navigation{ background:#aae180; } .portable-infobox.pi-theme-Kakeru-Juuouin .pi-title, .portable-infobox.pi-theme-Kakeru-Juuouin .pi-data-label, .portable-infobox.pi-theme-Kakeru-Juuouin .pi-header, .portable-infobox.pi-theme-Kakeru-Juuouin .pi-navigation{ background:#ffbe78; } .portable-infobox.pi-theme-Minato-Takahashi .pi-title, .portable-infobox.pi-theme-Minato-Takahashi .pi-data-label, .portable-infobox.pi-theme-Minato-Takahashi .pi-header, .portable-infobox.pi-theme-Minato-Takahashi .pi-navigation{ background:#5ccdc4; } .portable-infobox.pi-theme-Leo-Saionji .pi-title, .portable-infobox.pi-theme-Leo-Saionji .pi-data-label, .portable-infobox.pi-theme-Leo-Saionji .pi-header, .portable-infobox.pi-theme-Leo-Saionji .pi-navigation{ background:#f89ac8; } .portable-infobox.pi-theme-Yu-Suzuno .pi-title, .portable-infobox.pi-theme-Yu-Suzuno .pi-data-label, .portable-infobox.pi-theme-Yu-Suzuno .pi-header, .portable-infobox.pi-theme-Yu-Suzuno .pi-navigation{ background:#adb7f5; } .portable-infobox.pi-theme-Louis-Kisaragi .pi-title, .portable-infobox.pi-theme-Louis-Kisaragi .pi-data-label, .portable-infobox.pi-theme-Louis-Kisaragi .pi-header, .portable-infobox.pi-theme-Louis-Kisaragi .pi-navigation{ background:#d3d3b4; } .portable-infobox.pi-theme-Alexander-Yamato .pi-title, .portable-infobox.pi-theme-Alexander-Yamato .pi-data-label, .portable-infobox.pi-theme-Alexander-Yamato .pi-header, .portable-infobox.pi-theme-Alexander-Yamato .pi-navigation{ background:#beaae6; } .portable-infobox.pi-theme-Joji-Takadanobaba .pi-title, .portable-infobox.pi-theme-Joji-Takadanobaba .pi-data-label, .portable-infobox.pi-theme-Joji-Takadanobaba .pi-header, .portable-infobox.pi-theme-Joji-Takadanobaba .pi-navigation{ background:#d4de5f; } .portable-infobox.pi-theme-Sakyo-Amamoto .pi-title, .portable-infobox.pi-theme-Sakyo-Amamoto .pi-data-label, .portable-infobox.pi-theme-Sakyo-Amamoto .pi-header, .portable-infobox.pi-theme-Sakyo-Amamoto .pi-navigation{ background:#ffb4b4; } .portable-infobox.pi-theme-Ukyo-Amamoto .pi-title, .portable-infobox.pi-theme-Ukyo-Amamoto .pi-data-label, .portable-infobox.pi-theme-Ukyo-Amamoto .pi-header, .portable-infobox.pi-theme-Ukyo-Amamoto .pi-navigation{ background:#bebef0; } .portable-infobox.pi-theme-Revontulet-Nikkanen .pi-title, .portable-infobox.pi-theme-Revontulet-Nikkanen .pi-data-label, .portable-infobox.pi-theme-Revontulet-Nikkanen .pi-header, .portable-infobox.pi-theme-Revontulet-Nikkanen .pi-navigation{ background:#8fddd3; }

.pi-image { padding: 10px; }

.portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin: 2px; padding: 0px; } .portable-infobox .pi-item-spacing { padding: 2px; text-align: center; }

.pi-background {background-color: #ecf3ff;}

.pi-image img { height: auto; width: 100%; } .portable-infobox.pi-theme-Red .pi-border-color {border-color: #ff3754;} .portable-infobox.pi-theme-Orange .pi-border-color {border-color: #ff9853;} .portable-infobox.pi-theme-Yellow .pi-border-color {border-color: #ffdc29;} .portable-infobox.pi-theme-Green .pi-border-color {border-color: #3be140;} .portable-infobox.pi-theme-Blue .pi-border-color {border-color: #3b9fff;} .portable-infobox.pi-theme-Indigo .pi-border-color {border-color: #3437ff;} .portable-infobox.pi-theme-Purple .pi-border-color {border-color: #b13dde;}

.portable-infobox.pi-theme-Kouji-Mihama .pi-border-color {border-color:#dca0dc; } .portable-infobox.pi-theme-Hiro-Hayami .pi-border-color {border-color:#96dcff; } .portable-infobox.pi-theme-Kazuki-Nishina .pi-border-color {border-color:#5ad282; } .portable-infobox.pi-theme-Shin-Ichijo .pi-border-color {border-color:#ff9b86; } .portable-infobox.pi-theme-Yukinojo-Tachibana .pi-border-color {border-color:#7fc0fa; } .portable-infobox.pi-theme-Taiga-Kougami .pi-border-color {border-color:#aae180; } .portable-infobox.pi-theme-Kakeru-Juuouin .pi-border-color {border-color:#ffbe78; } .portable-infobox.pi-theme-Minato-Takahashi .pi-border-color {border-color:#5ccdc4; } .portable-infobox.pi-theme-Leo-Saionji .pi-border-color {border-color:#f89ac8; } .portable-infobox.pi-theme-Yu-Suzuno .pi-border-color {border-color:#adb7f5; } .portable-infobox.pi-theme-Louis-Kisaragi .pi-border-color {border-color:#d3d3b4; } .portable-infobox.pi-theme-Alexander-Yamato .pi-border-color {border-color:#beaae6; } .portable-infobox.pi-theme-Joji-Takadanobaba .pi-border-color {border-color:#d4de5f; } .portable-infobox.pi-theme-Sakyo-Amamoto .pi-border-color {border-color:#ffb4b4; } .portable-infobox.pi-theme-Ukyo-Amamoto .pi-border-color {border-color:#bebef0; } .portable-infobox.pi-theme-Revontulet-Nikkanen .pi-border-color {border-color:#8fddd3; }

.pi-border-color {border-color: #2781c2;}

.portable-infobox .pi-image-collection-tabs { text-align: center; padding: 4px 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: none; border-style: none; color: #216ea6; font-size: 12px; font-weight: bold; margin: 0; padding: 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:after { color: #216ea6; content: "|"; width: 1em; padding-right: 3px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:last-of-type:after { content: none; }

/*************************TAB LINK COLORS ********************************/

.portable-infobox.pi-theme-Red .pi-image-collection-tabs .pi-tab-link { color: #e02f49; } .portable-infobox.pi-theme-Red .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Red .pi-image-collection-tabs .pi-tab-link:after { color: #e02f49; }

.portable-infobox.pi-theme-Orange .pi-image-collection-tabs .pi-tab-link { color: #e08649; } .portable-infobox.pi-theme-Orange .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Orange .pi-image-collection-tabs .pi-tab-link:after { color: #e08649; }

.portable-infobox.pi-theme-Yellow .pi-image-collection-tabs .pi-tab-link { color: #e3bc21; } .portable-infobox.pi-theme-Yellow .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Yellow .pi-image-collection-tabs .pi-tab-link:after { color: #e3bc21; }

.portable-infobox.pi-theme-Green .pi-image-collection-tabs .pi-tab-link { color: #00af19; } .portable-infobox.pi-theme-Green .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Green .pi-image-collection-tabs .pi-tab-link:after { color: #00af19; }

.portable-infobox.pi-theme-Blue .pi-image-collection-tabs .pi-tab-link { color: #2e8de7; } .portable-infobox.pi-theme-Blue .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Blue .pi-image-collection-tabs .pi-tab-link:after { color: #2e8de7; }

.portable-infobox.pi-theme-Indigo .pi-image-collection-tabs .pi-tab-link { color: #242da0; } .portable-infobox.pi-theme-Indigo .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Indigo .pi-image-collection-tabs .pi-tab-link:after { color: #242da0; }

.portable-infobox.pi-theme-Purple .pi-image-collection-tabs .pi-tab-link { color: #7324a0; } .portable-infobox.pi-theme-Purple .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox.pi-theme-Purple .pi-image-collection-tabs .pi-tab-link:after { color: #7324a0; }

/************************TAB LINK COLORS END ****************************/

.pi-title { border-radius: 6px 6px 0 0; font-weight: bold; background-color: #2781c2; } .pi-header, .pi-data-label { border-radius: 0 8px 8px 0px; }

.pi-header,.pi-navigation {background-color: #2781c2; }

.pi-data-label { display: flex; flex-direction: column; justify-content: center; background-color: #2781c2; } .pi-data-value { margin: 0.4em 0; text-align: left; color: #535353; } .pi-navigation:nth-child(2) { margin-bottom: 0; } .pi-navigation:nth-child(3) { border-top: 1px dotted black; font-style: italic; font-weight: normal; margin-top: 0; } .pi-navigation:last-child { border-radius: 0 0 6px 6px; } .pi-navigation:last-child a { color: black; }

.profile-table th  { color:#fff; border: none; padding: 3px; }   .profile-table tr, .profile-table td  { border: none; }

/**** EVENT TABLE ****/

.event-table, .WikiaTable { background: #f4f4f4; border-collapse: collapse; border: 0px none #6b6a6a; margin: 1em 1em 1em 0 }

.event-table th, .event-table td, .WikiaTable th, .WikiaTable td { border-bottom: 1px #d5d5d5 solid; padding: 6px 12px }

.event-table th, .WikiaTable th { background: #f4f4f4; text-align: left }

.event-table caption, .WikiaTable caption { font-weight:bold }

/******************************** BROMIDE TABLE HEADERS ******************************************/

.article-table th  { background-color: #bfd0ec; color:#fff; border: 1px solid #a0b0cb; padding: 3px; text-shadow: -1px -1px 0 #a0b0cb, 1px -1px 0 #a0b0cb, -1px 1px 0 #a0b0cb, 1px 1px 0 #a0b0cb; }   .article-table tr, .article-table td  { background-color:#ecf3ff; border: 1px solid #a0b0cb; }

.red-headers th  { background-color: #ff3754; color:#fff; border: 1px solid #db324a; padding: 3px; text-shadow: -1px -1px 0 #db324a, 1px -1px 0 #db324a, -1px 1px 0 #db324a, 1px 1px 0 #db324a; }   .red-headers tr, .red-headers td  { background-color:#ffdee2; border: 1px solid #db324a; }  .orange-headers th   { background-color: #ff9853; color:#fff; border: 1px solid #de7d3c; padding: 3px; text-shadow: -1px -1px 0 #de7d3c, 1px -1px 0 #de7d3c, -1px 1px 0 #de7d3c, 1px 1px 0 #de7d3c; }   .orange-headers tr, .orange-headers td  { background-color:#ffe6d6; border: 1px solid #de7d3c; }

.yellow-headers th  { background-color: #ffdc29; color:#fff; border: 1px solid #ddbb0a; padding: 3px; text-shadow: -1px -1px 0 #ddbb0a, 1px -1px 0 #ddbb0a, -1px 1px 0 #ddbb0a, 1px 1px 0 #ddbb0a; }   .yellow-headers tr, .yellow-headers td  { background-color:#fffdd6; border: 1px solid #ddbb0a; }

.green-headers th  { background-color: #3be140; color:#fff; border: 1px solid #2ebc32; padding: 3px; text-shadow: -1px -1px 0 #2ebc32, 1px -1px 0 #2ebc32, -1px 1px 0 #2ebc32, 1px 1px 0 #2ebc32; }   .green-headers tr, .green-headers td  { background-color:#d7ffd6; border: 1px solid #2ebc32; }  .blue-headers th   { background-color: #3b9fff; color:#fff; border: 1px solid #2480d8; padding: 3px; text-shadow: -1px -1px 0 #2480d8, 1px -1px 0 #2480d8, -1px 1px 0 #2480d8, 1px 1px 0 #2480d8; }   .blue-headers tr, .blue-headers td  { background-color:#cce6ff; border: 1px solid #2480d8; }  .indigo-headers th   { background-color: #3437ff; color:#fff; border: 1px solid #2426af; padding: 3px; text-shadow: -1px -1px 0 #2426af, 1px -1px 0 #2426af, -1px 1px 0 #2426af, 1px 1px 0 #2426af; }   .indigo-headers tr, .indigo-headers td  { background-color:#d6dcff; border: 1px solid #2426af; }  .purple-headers th   { background-color: #b13dde; color:#fff; border: 1px solid #8320a9; padding: 3px; text-shadow: -1px -1px 0 #8320a9, 1px -1px 0 #8320a9, -1px 1px 0 #8320a9, 1px 1px 0 #8320a9; }   .purple-headers tr, .purple-headers td  { background-color:#edd6ff; border: 1px solid #8320a9; } /******************************** JUMP TABLE HEADERS ******************************************/ .kouji-headers th  { background-color: #dca0dc; color:#fff; border: 1px solid #b07fb0; padding: 3px; text-shadow: -1px -1px 0 #b07fb0, 1px -1px 0 #b07fb0, -1px 1px 0 #b07fb0, 1px 1px 0 #b07fb0; }   .kouji-headers tr, .kouji-headers td  { background-color:#ecf3ff; border: 1px solid #b07fb0; }  .hiro-headers th   { background-color: #96dcff; color:#fff; border: 1px solid #61b3dc; padding: 3px; text-shadow: -1px -1px 0 #61b3dc, 1px -1px 0 #61b3dc, -1px 1px 0 #61b3dc, 1px 1px 0 #61b3dc; }   .hiro-headers tr, .hiro-headers td  { background-color:#ecf3ff; border: 1px solid #61b3dc; }

.kazuki-headers th  { background-color: #5ad282; color:#fff; border: 1px solid #62a879; padding: 3px; text-shadow: -1px -1px 0 #62a879, 1px -1px 0 #62a879, -1px 1px 0 #62a879, 1px 1px 0 #62a879; }   .kazuki-headers tr, .kazuki-headers td  { background-color:#ecf3ff; border: 1px solid #62a879; }

.shin-headers th  { background-color: #ff9b86; color:#fff; border: 1px solid #d77c69; padding: 3px; text-shadow: -1px -1px 0 #d77c69, 1px -1px 0 #d77c69, -1px 1px 0 #d77c69, 1px 1px 0 #d77c69; }   .shin-headers tr, .shin-headers td  { background-color:#ecf3ff; border: 1px solid #d77c69; }  .yukinojo-headers th   { background-color: #7fc0fa; color:#fff; border: 1px solid #6aa1d3; padding: 3px; text-shadow: -1px -1px 0 #6aa1d3, 1px -1px 0 #6aa1d3, -1px 1px 0 #6aa1d3, 1px 1px 0 #6aa1d3; }   .yukinojo-headers tr, .yukinojo-headers td  { background-color:#ecf3ff; border: 1px solid #6aa1d3; }  .taiga-headers th   { background-color: #aae180; color:#fff; border: 1px solid #94be73; padding: 3px; text-shadow: -1px -1px 0 #94be73, 1px -1px 0 #94be73, -1px 1px 0 #94be73, 1px 1px 0 #94be73; }   .taiga-headers tr, .taiga-headers td  { background-color:#ecf3ff; border: 1px solid #94be73; }  .kakeru-headers th   { background-color: #ffbe78; color:#fff; border: 1px solid #e8a966; padding: 3px; text-shadow: -1px -1px 0 #e8a966, 1px -1px 0 #e8a966, -1px 1px 0 #e8a966, 1px 1px 0 #e8a966; }   .kakeru-headers tr, .kakeru-headers td  { background-color:#ecf3ff; border: 1px solid #e8a966; }  .minato-headers th   { background-color: #5ccdc4; color:#fff; border: 1px solid #59b6af; padding: 3px; text-shadow: -1px -1px 0 #59b6af, 1px -1px 0 #59b6af, -1px 1px 0 #59b6af, 1px 1px 0 #59b6af; }   .minato-headers tr, .minato-headers td  { background-color:#ecf3ff; border: 1px solid #59b6af; }  .leo-headers th   { background-color: #f89ac8; color:#fff; border: 1px solid #e787b6; padding: 3px; text-shadow: -1px -1px 0 #e787b6, 1px -1px 0 #e787b6, -1px 1px 0 #e787b6, 1px 1px 0 #e787b6; }   .leo-headers tr, .leo-headers td  { background-color:#ecf3ff; border: 1px solid #e787b6; }  .yu-headers th   { background-color: #adb7f5; color:#fff; border: 1px solid #97a1de; padding: 3px; text-shadow: -1px -1px 0 #97a1de, 1px -1px 0 #97a1de, -1px 1px 0 #97a1de, 1px 1px 0 #97a1de; }   .yu-headers tr, .yu-headers td  { background-color:#ecf3ff; border: 1px solid #97a1de; }  .louis-headers th   { background-color: #d3d3b4; color:#fff; border: 1px solid #b7b798; padding: 3px; text-shadow: -1px -1px 0 #b7b798, 1px -1px 0 #b7b798, -1px 1px 0 #b7b798, 1px 1px 0 #b7b798; }   .louis-headers tr, .louis-headers td  { background-color:#ecf3ff; border: 1px solid #b7b798; }  .alexander-headers th   { background-color: #beaae6; color:#fff; border: 1px solid #a692cd; padding: 3px; text-shadow: -1px -1px 0 #a692cd, 1px -1px 0 #a692cd, -1px 1px 0 #a692cd, 1px 1px 0 #a692cd; }   .alexander-headers tr, .alexander-headers td  { background-color:#ecf3ff; border: 1px solid #a692cd; }  .joji-headers th   { background-color: #d4de5f; color:#fff; border: 1px solid #bdc659; padding: 3px; text-shadow: -1px -1px 0 #bdc659, 1px -1px 0 #bdc659, -1px 1px 0 #bdc659, 1px 1px 0 #bdc659; }   .joji-headers tr, .joji-headers td  { background-color:#ecf3ff; border: 1px solid #bdc659; }  .sakyo-headers th   { background-color: #ffb4b4; color:#fff; border: 1px solid #de9797; padding: 3px; text-shadow: -1px -1px 0 #de9797, 1px -1px 0 #de9797, -1px 1px 0 #de9797, 1px 1px 0 #de9797; }   .sakyo-headers tr, .sakyo-headers td  { background-color:#ecf3ff; border: 1px solid #de9797; }  .ukyo-headers th   { background-color: #bebef0; color:#fff; border: 1px solid #a0a0d4; padding: 3px; text-shadow: -1px -1px 0 #a0a0d4, 1px -1px 0 #a0a0d4, -1px 1px 0 #a0a0d4, 1px 1px 0 #a0a0d4; }   .ukyo-headers tr, .ukyo-headers td  { background-color:#ecf3ff; border: 1px solid #a0a0d4; }  .nikkanen-headers th   { background-color: #8fddd3; color:#fff; border: 1px solid #71b6ad; padding: 3px; text-shadow: -1px -1px 0 #71b6ad, 1px -1px 0 #71b6ad, -1px 1px 0 #71b6ad, 1px 1px 0 #71b6ad; }   .nikkanen-headers tr, .nikkanen-headers td  { background-color:#ecf3ff; border: 1px solid #71b6ad; }

/******************************** MEDIA PLAYER ******************************************/

.audio-button { display: inline-block; vertical-align: text-top; width: 1em; height: 1em; overflow: hidden; border-radius: 3px; background-color: #a3a3a3; transition: background-color .2s; cursor: pointer; background-repeat: no-repeat; background-position: center; background-image: url('https://vignette.wikia.nocookie.net/dev/images/d/d6/OggPlayer_play.svg'); } .audio-button-parent { cursor: pointer; } .audio-button.now-playing, .audio-button:hover, .audio-button-parent:hover > .click-parent { background-color: #3280b2; } .audio-button.now-playing { background-image: url('https://vignette.wikia.nocookie.net/dev/images/a/a9/OggPlayer_stop.svg'); } .audio-button.no-audio { cursor: help; background-color: #3280b2; background-image: url('https://vignette.wikia.nocookie.net/dev/images/a/ae/OggPlayer_mute.svg'); } .ogg-player audio, .ogg-player video { display: inline-block; } .ogg-player .info-icon { display: none; position: absolute; z-index: 2; background-color: transparent; background-image: url('https://images.wikia.nocookie.net/common/skins/shared/images/sprite.png'); background-repeat: no-repeat; background-position: -1228px 0; height: 18px; width: 18px; } .ogg-audio-player .info-icon { background-color: rgba(0, 0, 0, .5); margin: -5px 0 0 -5px; border-radius: 100%; } .ogg-video-player .info-icon { margin: 2px 0 0 -20px; } .ogg-player:hover .info-icon { display: inline-block; }

/***************** OGG PLAYER BUTTONS *************************/ .red-button { background-color:#db324a; } .orange-button { background-color:#de7d3c; } .yellow-button { background-color:#ddbb0a; } .green-button { background-color:#2ebc32; } .blue-button { background-color:#2480d8; } .indigo-button { background-color:#2426af; } .purple-button { background-color:#8320a9; justify-content: center;}

.kouji-button { background-color:#b07fb0; } .hiro-button { background-color:#61b3dc; } .kazuki-button { background-color:#62a879; } .shin-button { background-color:#d77c69; } .yukinojo-button { background-color:#6aa1d3; } .taiga-button { background-color:#94be73; } .kakeru-button { background-color:#e8a966; } .minato-button { background-color:#59b6af; } .leo-button { background-color:#e787b6; } .yu-button { background-color:#97a1de; } .louis-button { background-color:#b7b798; } .alexander-button { background-color:#a692cd; } .joji-button { background-color:#bdc659; } .sakyo-button { background-color:#de9797; } .ukyo-button { background-color:#a0a0d4; } .nikkanen-button { background-color:#71b6ad; } /* Customizing Tabber */

/* Kouji Tabber */ .kouji-tabber .tabbertab { border-top: 2px solid #b07fb0 !important; border-bottom: 2px solid #b07fb0 !important; border-left: 2px solid #b07fb0 !important; border-right: 2px solid #b07fb0 !important; } .kouji-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #b07fb0!important; border-radius: 8px !important; background: #ecf3ff; } .kouji-tabber ul.tabbernav li a { background: #dca0dc !important; border: 2px solid #b07fb0 !important; } .kouji-tabber ul.tabbernav li.tabberactive a { background-color: #dca0dc !important; border: 2px solid #b07fb0 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Hiro Tabber */ .hiro-tabber .tabbertab { border-top: 2px solid #61b3dc !important; border-bottom: 2px solid #61b3dc !important; border-left: 2px solid #61b3dc !important; border-right: 2px solid #61b3dc !important; } .hiro-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #61b3dc!important; border-radius: 8px !important; background: #ecf3ff; } .hiro-tabber ul.tabbernav li a { background: #96dcff !important; border: 2px solid #61b3dc !important; } .hiro-tabber ul.tabbernav li.tabberactive a { background-color: #96dcff !important; border: 2px solid #61b3dc !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Kazuki Tabber */ .kazuki-tabber .tabbertab { border-top: 2px solid #62a879 !important; border-bottom: 2px solid #62a879 !important; border-left: 2px solid #62a879 !important; border-right: 2px solid #62a879 !important; } .kazuki-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #62a879!important; border-radius: 8px !important; background: #ecf3ff; } .kazuki-tabber ul.tabbernav li a { background: #5ad282 !important; border: 2px solid #62a879 !important; } .kazuki-tabber ul.tabbernav li.tabberactive a { background-color: #5ad282 !important; border: 2px solid #62a879 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Shin Tabber */ .shin-tabber .tabbertab { border-top: 2px solid #d77c69 !important; border-bottom: 2px solid #d77c69 !important; border-left: 2px solid #d77c69 !important; border-right: 2px solid #d77c69 !important; } .shin-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #d77c69!important; border-radius: 8px !important; background: #ecf3ff; } .shin-tabber ul.tabbernav li a { background: #ff9b86 !important; border: 2px solid #d77c69 !important; } .shin-tabber ul.tabbernav li.tabberactive a { background-color: #ff9b86 !important; border: 2px solid #d77c69 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Yukinojo Tabber */ .yukinojo-tabber .tabbertab { border-top: 2px solid #6aa1d3 !important; border-bottom: 2px solid #6aa1d3 !important; border-left: 2px solid #6aa1d3 !important; border-right: 2px solid #6aa1d3 !important; } .yukinojo-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #6aa1d3!important; border-radius: 8px !important; background: #ecf3ff; } .yukinojo-tabber ul.tabbernav li a { background: #7fc0fa !important; border: 2px solid #6aa1d3 !important; } .yukinojo-tabber ul.tabbernav li.tabberactive a { background-color: #7fc0fa !important; border: 2px solid #6aa1d3 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Taiga Tabber */ .taiga-tabber .tabbertab { border-top: 2px solid #94be73 !important; border-bottom: 2px solid #94be73 !important; border-left: 2px solid #94be73 !important; border-right: 2px solid #94be73 !important; } .taiga-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #94be73!important; border-radius: 8px !important; background: #ecf3ff; } .taiga-tabber ul.tabbernav li a { background: #aae180 !important; border: 2px solid #94be73 !important; } .taiga-tabber ul.tabbernav li.tabberactive a { background-color: #aae180 !important; border: 2px solid #94be73 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Kakeru Tabber */ .kakeru-tabber .tabbertab { border-top: 2px solid #e8a966 !important; border-bottom: 2px solid #e8a966 !important; border-left: 2px solid #e8a966 !important; border-right: 2px solid #e8a966 !important; } .kakeru-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #e8a966!important; border-radius: 8px !important; background: #ecf3ff; } .kakeru-tabber ul.tabbernav li a { background: #ffbe78 !important; border: 2px solid #e8a966 !important; } .kakeru-tabber ul.tabbernav li.tabberactive a { background-color: #ffbe78 !important; border: 2px solid #e8a966 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Minato Tabber */ .minato-tabber .tabbertab { border-top: 2px solid #59b6af !important; border-bottom: 2px solid #59b6af !important; border-left: 2px solid #59b6af !important; border-right: 2px solid #59b6af !important; } .minato-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #59b6af!important; border-radius: 8px !important; background: #ecf3ff; } .minato-tabber ul.tabbernav li a { background: #5ccdc4 !important; border: 2px solid #59b6af !important; } .minato-tabber ul.tabbernav li.tabberactive a { background-color: #5ccdc4 !important; border: 2px solid #59b6af !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Leo Tabber */ .leo-tabber .tabbertab { border-top: 2px solid #e787b6 !important; border-bottom: 2px solid #e787b6 !important; border-left: 2px solid #e787b6 !important; border-right: 2px solid #e787b6 !important; } .leo-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #e787b6!important; border-radius: 8px !important; background: #ecf3ff; } .leo-tabber ul.tabbernav li a { background: #f89ac8 !important; border: 2px solid #e787b6 !important; } .leo-tabber ul.tabbernav li.tabberactive a { background-color: #f89ac8 !important; border: 2px solid #e787b6 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Yu Tabber */ .yu-tabber .tabbertab { border-top: 2px solid #97a1de !important; border-bottom: 2px solid #97a1de !important; border-left: 2px solid #97a1de !important; border-right: 2px solid #97a1de !important; } .yu-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #97a1de!important; border-radius: 8px !important; background: #ecf3ff; } .yu-tabber ul.tabbernav li a { background: #adb7f5 !important; border: 2px solid #97a1de !important; } .yu-tabber ul.tabbernav li.tabberactive a { background-color: #adb7f5 !important; border: 2px solid #97a1de !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Louis Tabber */ .louis-tabber .tabbertab { border-top: 2px solid #b7b798 !important; border-bottom: 2px solid #b7b798 !important; border-left: 2px solid #b7b798 !important; border-right: 2px solid #b7b798 !important; } .louis-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #b7b798!important; border-radius: 8px !important; background: #ecf3ff; } .louis-tabber ul.tabbernav li a { background: #d3d3b4 !important; border: 2px solid #b7b798 !important; } .louis-tabber ul.tabbernav li.tabberactive a { background-color: #d3d3b4 !important; border: 2px solid #b7b798 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Alexander Tabber */ .alexander-tabber .tabbertab { border-top: 2px solid #a692cd !important; border-bottom: 2px solid #a692cd !important; border-left: 2px solid #a692cd !important; border-right: 2px solid #a692cd !important; } .alexander-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #a692cd!important; border-radius: 8px !important; background: #ecf3ff; } .alexander-tabber ul.tabbernav li a { background: #beaae6 !important; border: 2px solid #a692cd !important; } .alexander-tabber ul.tabbernav li.tabberactive a { background-color: #beaae6 !important; border: 2px solid #a692cd !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Joji Tabber */ .joji-tabber .tabbertab { border-top: 2px solid #bdc659 !important; border-bottom: 2px solid #bdc659 !important; border-left: 2px solid #bdc659 !important; border-right: 2px solid #bdc659 !important; } .joji-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #bdc659!important; border-radius: 8px !important; background: #ecf3ff; } .joji-tabber ul.tabbernav li a { background: #d4de5f !important; border: 2px solid #bdc659 !important; } .joji-tabber ul.tabbernav li.tabberactive a { background-color: #d4de5f !important; border: 2px solid #bdc659 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Sakyo Tabber */ .sakyo-tabber .tabbertab { border-top: 2px solid #de9797 !important; border-bottom: 2px solid #de9797 !important; border-left: 2px solid #de9797 !important; border-right: 2px solid #de9797 !important; } .sakyo-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #de9797!important; border-radius: 8px !important; background: #ecf3ff; } .sakyo-tabber ul.tabbernav li a { background: #ffb4b4 !important; border: 2px solid #de9797 !important; } .sakyo-tabber ul.tabbernav li.tabberactive a { background-color: #ffb4b4 !important; border: 2px solid #de9797 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Ukyo Tabber */ .ukyo-tabber .tabbertab { border-top: 2px solid #a0a0d4 !important; border-bottom: 2px solid #a0a0d4 !important; border-left: 2px solid #a0a0d4 !important; border-right: 2px solid #a0a0d4 !important; } .ukyo-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #a0a0d4!important; border-radius: 8px !important; background: #ecf3ff; } .ukyo-tabber ul.tabbernav li a { background: #bebef0 !important; border: 2px solid #a0a0d4 !important; } .ukyo-tabber ul.tabbernav li.tabberactive a { background-color: #bebef0 !important; border: 2px solid #a0a0d4 !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Nikkanen Tabber */ .nikkanen-tabber .tabbertab { border-top: 2px solid #71b6ad !important; border-bottom: 2px solid #71b6ad !important; border-left: 2px solid #71b6ad !important; border-right: 2px solid #71b6ad !important; } .nikkanen-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #71b6ad!important; border-radius: 8px !important; background: #ecf3ff; } .nikkanen-tabber ul.tabbernav li a { background: #8fddd3 !important; border: 2px solid #71b6ad !important; } .nikkanen-tabber ul.tabbernav li.tabberactive a { background-color: #8fddd3 !important; border: 2px solid #71b6ad !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* Tab Tabber */ .tab-tabber .tabbertab { border-top: 2px solid #195c8c !important; border-bottom: 2px solid #195c8c !important; border-left: 2px solid #195c8c !important; border-right: 2px solid #195c8c !important; } .tab-tabber .tabberlive > .tabbertab:not(.tabbertabhide) { border: 2px solid #195c8c!important; border-radius: 8px !important; background: #f6f6f6; } .tab-tabber ul.tabbernav li a { background: #2882c2 !important; border: 2px solid #195c8c !important; } .tab-tabber ul.tabbernav li.tabberactive a { background-color: #2882c2 !important; border: 2px solid #195c8c !important; color: white !important; cursor: default; font-size: 16px !important; font-weight: bold !important; }

/* End of Customizing Tabber */

/****************** CUSTOM USER PAGE TABS ************************/

/* Selected Tab */ body.page-User_Kaketai ul.tabs li.selected a, body.page-Message_Wall_Kaketai ul.tabs li.selected a, body.page-User_blog_Kaketai ul.tabs li.selected a, body.page-Special_Contributions_Kaketai ul.tabs li.selected a { color: White !important; background: #92ba74 !important; border: 2px solid #94be73 !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; text-shadow: -1px -1px 0 #83a36b, 1px -1px 0 #83a36b, -1px 1px 0 #83a36b, 1px 1px 0 #83a36b; } /* Normal Tab; NOT selected */ body.page-User_Kaketai ul.tabs li a, body.page-Message_Wall_Kaketai ul.tabs li a, body.page-User_blog_Kaketai ul.tabs li a, body.page-Special_Contributions_Kaketai ul.tabs li a{   background: #aae180 !important; color: White !important; border: 1px solid #94be73 !important; border-bottom: none !important; text-shadow: -1px -1px 0 #94be73, 1px -1px 0 #94be73, -1px 1px 0 #94be73, 1px 1px 0 #94be73; } /* Contents of the selected tab */ body.page-User_Kaketai div.tabBody.selected, body.page-Message_Wall_Kaketai div.tabBody.selected, body.page-User_blog_Kaketai div.tabBody.selected, body.page-Special_Contributions_Kaketai div.tabBody.selected { background: #ecf3ff !important; color: Black !important; border: 2px solid #94be73!important; border-radius: 0 1px 8px 8px !important; padding: 5px !important; box-shadow: none; }