MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

.references{ font-size:80%; }

.wds-tabs__tab-label { height: 30px; font-size: 12px; }

.portable-infobox.pi-theme-juju .wds-tabber { border-left: 1px solid #aa6362; border-right: 1px solid #aa6362; }

.pi-border-color.pi-theme-juju { border-color: transparent; }

.portable-infobox.pi-theme-juju { background-color: transparent; }

.portable-infobox.pi-theme-juju .pi-image { max-width: 100%; background-size: 100% 38px; } .portable-infobox.pi-theme-juju .pi-image-thumbnail { height: auto; background-color: #f9fafb; } .portable-infobox.pi-theme-juju .pi-item-spacing { padding: 0; } .portable-infobox.pi-theme-juju .pi-background { background-color: transparent; } .portable-infobox.pi-theme-juju .pi-secondary-background, .pi-navigation { background-image: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/f/fa/Head-back.png); background-repeat:no-repeat; background-position:left; color: #ffffff; }

.portable-infobox.pi-theme-juju .wds-tab__content.wds-is-current { background: #f9fafb; }

.portable-infobox.pi-theme-juju .pi-title { font-size: 18px; line-height: 23px; background: #d1d1d1; border-top: 1px solid #aa6362; border-left:1px solid #aa6362; } .portable-infobox.pi-theme-juju .pi-title, .portable-infobox.pi-theme-juju .pi-header { color: #000000; font-weight: bold; text-align: center; padding: 3px 0; border-right: 1px solid #aa6362; }

.portable-infobox.pi-theme-juju .pi-header { border-top: 1px solid silver; } .portable-infobox.pi-theme-juju .pi-navigation { border-right: 1px solid #aa6362; border-left: 1px solid #aa6362; text-align: center; padding: 4px 0; } .portable-infobox.pi-theme-juju .pi-navigation a { color: #000000; } .portable-infobox.pi-theme-juju .pi-data { border: 0; margin-bottom: px; border-top: 1px solid silver; } .portable-infobox.pi-theme-juju .pi-data-label { color: #ffffff; padding: 5px 10px; background: #ed0000; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-juju .pi-data-label { background: #8c292d; } .portable-infobox.pi-theme-juju .pi-data-value { line-height: 26px; padding: 0; border-right: 1px solid #aa6362; background: #EAEAEA; }

.theme-fandomdesktop-dark .portable-infobox.pi-theme-juju .pi-data-value { color: #ffffff; background: #343434; }

.theme-fandomdesktop-dark .portable-infobox.pi-theme-juju .pi-data-value a { color: #ff5b5b; } .portable-infobox.pi-theme-juju .pi-data-value:not(:first-child) { padding-left: 10px; } .portable-infobox.pi-theme-juju .pi-group { border-left: 1px solid #aa6362; border-bottom-width: 0px; } .portable-infobox.pi-theme-juju .center { text-align:center; } .pi-theme-juuju { border:1px solid #aa6362; } .portable-infobox.pi-theme-juju .bottom { background-image: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/6/65/Bottom.png); background-repeat:no-repeat; background-position:center; background-size: contain; margin-top:-1px; max-width:268px; margin-left:2px; background-color: #f9fafb; } .portable-infobox.pi-theme-juju .bottom2 { height: 60px; }

.theme-fandomdesktop-dark .portable-infobox.pi-theme-juju .bottom { background-image: url(https://static.wikia.nocookie.net/jujutsu-kaisen/images/f/f3/Bottom-dark.png); background-color: #0e0e0e; }

.portable-infobox.pi-theme-juju .pi-data-value[data-source="powers1"], .portable-infobox.pi-theme-juju .pi-data-value[data-source="powers2"] { padding: 0 10px; text-align: left; }

.portable-infobox.pi-theme-juju .pi-data-value[data-source="powers1"] ul, .portable-infobox.pi-theme-juju .pi-data-value[data-source="powers2"] ul { margin: 0 0 .5em 1.5em; }

/*========================================================* *             Headers                * *========================================================*/ h1.head1 { background: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/1/11/Header1.png) no-repeat center; height:38px; padding-top: 12px; background-size: 100% 38px; background-color:#F9FAFB; } h1.head2 { background: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/5/5c/Header2.png) no-repeat center; height:38px; padding-top: 12px; background-size: 100% 38px; background-color:#F9FAFB; } h1.head3 { background: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/6/65/Header4.png) no-repeat center; height:38px; padding-top: 12px; background-size: 100% 38px; }

h1.head4 { background: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/d/df/Header5.png) no-repeat center; height:38px; padding-top: 12px; background-size: 100% 38px; }

.head0 { background: url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/1/11/Header1.png) no-repeat center; height:38px; padding-top: 0px; background-size: 100% 38px; background-color:#F9FAFB; } .theme-fandomdesktop-dark .head0, .theme-fandomdesktop-dark .head1, .theme-fandomdesktop-dark .head2 { background-color:#0e0e0e!important; }

/*========================================================* *             Character Portal Borders                * *========================================================*/

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/9/97/CharPortal1.png') no-repeat center; }
 * 1) border1 {

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/0/09/CharPortal2.png') no-repeat center; }
 * 1) border2 {

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/1/1a/CharPortal3.png') no-repeat center; }
 * 1) border3 {

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/3/34/CharPortal4.png') no-repeat center; }
 * 1) border4 {

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/7/74/CharPortal5.png') no-repeat center; }
 * 1) border5 {

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/1/1c/CharPortal6.png') no-repeat center; }
 * 1) border6 {

background: url('https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/1/1f/CharPortal7.png') no-repeat center; }
 * 1) border7 {

/*========================================================* *             Tabber for latest section                 * *========================================================*/

.latest .wds-tabber > .wds-tabs__wrapper { border:none !important; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs { justify-content: center; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label { background: #ffffff !important; font-family: Helvetica !important; color: #444444 !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; height: unset; cursor:default; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:first-child > .wds-tabs__tab-label { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:last-child > .wds-tabs__tab-label { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .latest .wds-tabber > .wds-tab__content.wds-is-current { border: none !important; padding:10px 0px 0px 0px !important; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:active > .wds-tabs__tab-label { background: #f0f0f0 !important; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current > .wds-tabs__tab-label { background:linear-gradient(#ed0000, #d50707) !important; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:active > .wds-tabs__tab-label { background:linear-gradient(#ed0000, #d50707) !important; } .latest .wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current a { color:white !important; }

/*========================================================* *             Tabber for AnimeManga template            * *========================================================*/ .animemanga ul.tabbernav li a { border:none !important; background: #ffffff !important; font-family: Helvetica !important; font-size: 12px !important; color: #444444 !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } .animemanga ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .animemanga ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .animemanga .tabberlive .tabbertab { border: none !important; padding:10px 0px 0px 0px !important; } .animemanga ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; margin-top: -15px !important; } .animemanga ul.tabbernav li a:active { background: #f0f0f0 !important; } .animemanga ul.tabbernav li.tabberactive a { background:linear-gradient(#ed0000, #d50707) !important; color:white !important; } .animemanga ul.tabbernav li.tabberactive a:active { background:linear-gradient(#ed0000, #d50707) !important; color:white !important; }

/* Thumb restyling */

figure.thumb, .activityfeed-inserted-media li { border:1px solid #aa6362; overflow:hidden; }

figcaption { margin:0px; padding-left: 2px; padding-top: 3px; padding-bottom: 3px; } figure.thumb figcaption .caption { margin:2px; font-size:12px; } .WikiaArticle .thumb p:last-child, .WikiaArticle .thumb p + p:last-child { padding:0; }

.thumb:hover { -moz-box-shadow: 0 0 2px #aa6362; -webkit-box-shadow: 0 0 2px #aa6362; box-shadow: 0 0 2px #aa6362; }

.wikia-gallery-item .thumb:hover { -moz-box-shadow: 0 0 0px #fff; -webkit-box-shadow: 0 0 0px #fff; box-shadow: 0 0 0px #fff; }

/* [components] navboxes: common layout */ .navibox { border: 1px solid; border-collapse: separate; border-spacing: 2px; font-size: 90%; width: 100%; } .navibox th, .navibox td { padding: 2px 6px; } .navibox th.navibox-title { padding: 2px; } .navibox-title, .navibox-header, .navibox-group { font-weight: bold; text-align: center; } .navibox-title .mw-collapsible-toggle { color: inherit; } .navibox-group { font-size: smaller; white-space: nowrap; } .navibox-list { text-align: center; }

section.WikiaActivityModule.module, section.HotSpotsModule.module, section.FollowedPagesModule.module { background: white url(https://vignette.wikia.nocookie.net/jujutsu-kaisen/images/1/1e/Activity_Module.png) no-repeat top center; }

/* Border for naviboxes */ .toccolours { border: 2px solid #ED0000; }

/* Design for navibox labels */ .navilabel { color: black; background: #ED0000; display: inline-block; padding: 2px; width: 150px; }

/* Temporary hack to make naviboxes look prettier */ table.toccolours td[width="20%"] { background-color: #ED0000; } table.toccolours > tbody > tr > td { padding: 0; }

/* Fix Wikia's incompetence. */ .plainlinks a.external::after { display: none; }

/* Shibuya Incident Number Circles. */ .numberCircle { border-radius: 50%; width: 8px; height: 8px; padding: 0.75px;

background: #ffffff; border: 0.25px solid #000000; color: #000000; vertical-align: middle;

display: inline-block; font: 6.5px Arial, sans-serif; }

/* TOC restyling */

.toc { -moz-border-radius:1ex !important; border-radius:1ex !important; }

/* Wide two-level TOC: resets (including for wrapper generated by w:c:dev:MediaWiki:FloatingToc/code.js via MediaWiki:Wikia.js) */ .toc-widetwolevel #toc-wrapper { margin: 0 !important; max-width: none !important; width: 100%; } .toc-widetwolevel .toc li::before { content: none; } /* Wide two-level TOC: overrides */ .toc-widetwolevel .toc { display: block; max-width: unset; padding: .5em 1em; text-align: center; } .toc-widetwolevel .toctitle h2 { font-weight: bold; } .toc-widetwolevel .toc ul { text-align: unset; max-width: 100%;} .toc-widetwolevel .toc ul, .toc-widetwolevel .toc ul ul { margin: 0 0 0.5em; } .toc-widetwolevel .toc li { display: inline-block; } .toc-widetwolevel .toc li.toclevel-1 { font-weight: bold; } .toc-widetwolevel .toc li.toclevel-2 { font-weight: normal; } .toc-widetwolevel .toc li.toclevel-2 > ul { display: none; } .toc-widetwolevel .toc li.toclevel-1:not(:last-child) > a:only-child, .toc-widetwolevel .toc li.toclevel-2:not(:last-child) > a { margin-right: 1em; } .toc-widetwolevel .toc li.toclevel-1:not(:last-child) > a:only-child::after, .toc-widetwolevel .toc li.toclevel-2:not(:last-child) > a::after { color: #3a3a3a; content: "•"; display: inline-block; left: 0.5em; line-height: 0; pointer-events: none; position: relative; width: 0; }

/* for Page Tabs style */ .JJK-tab1 { background:url('https://static.wikia.nocookie.net/jujutsu-kaisen/images/b/be/JJK-tab1.png') left; }

.JJK-tab2 { background:url('https://static.wikia.nocookie.net/jujutsu-kaisen/images/9/95/JJK-tab2.png') left; }

/* Discord Widget design*/ .discord-widget .widget-header { background-color: #ed0000; border-bottom: 3px ridge #ed0000; } .discord-widget .widget-footer { border-top: 3px ridge #ed0000; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/jujutsu-kaisen/images/6/68/Discord_Widget.png/revision/latest); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #ed0000; background-color: #ed0000; } .discord-widget .widget-member .widget-member-name { background-color: #ed0000; } .discord-widget .widget-btn-connect { color: #fff; background-color: #ed0000; border: 1px solid #ed0000; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #ed0000; border: 1px solid #ed0000; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: #ed0000 url(https://static.wikia.nocookie.net/jujutsu-kaisen/images/2/2e/Discord_Widget_Icon.png/revision/latest) no-repeat right; background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background:#ed0000; border: 3px solid #3a3a3a; border-radius: 10px; }

/*   Media gallery    */

.media-gallery { margin: 0 auto; text-align: center; }

.media-gallery__item { background-color: #000; display: inline-block; border:1px solid #000; margin-bottom: 10px; }

.media-gallery__item > a { display: block; height: 130px; overflow: hidden; width: 250px; }

@media only screen and (max-width:1024px) { .media-gallery__item > a { width: 240px; } }

.media-gallery__item__caption a { color: #fff; display: block; font-size: 18px; line-height: 25px; text-decoration: none !important; text-shadow: 2px 2px 0 #000; text-transform: uppercase; }

.twitter-timeline { width:350px !important; }