MediaWiki:Wikia.css

/* -- infoboxes - */ .portable-infobox { border: 2px solid #003355;             /* border around whole infobox */ border-radius: 5px;                    /* curve at infobox corners */ margin: 0em 0em 1em 1em; padding: 10px 10px 5px 10px; border-image: linear-gradient(to bottom right,#ecf4fc 0%,#59637d 50%,#000000 100%); border-image-slice: 1; background-color: #000000 !important; }

.pi-europa.portable-infobox { color: inherit;                        /* font color for whole infobox */ width: 300px; }

.pi-image img { max-width: 100%; height: auto; vertical-align: bottom; }

figure.pi-item.pi-image { max-height: 400px;    /* limits infobox image display to 400px */ overflow: hidden;    /* if the image height > 400px, hides excess */ }

/* .portable-infobox .pi-image-thumbnail { max-width: 265px; }*/

.portable-infobox .pi-title { background-color: transparent; border-top: 0px solid #000000;         /* border at top of title */ /*color: #000000;*/                        /* title font color */ margin-bottom: 10px; }

.portable-infobox .pi-item-spacing { padding: 2px 4px 2px 4px;              /* order: top right bottom left */ }

.portable-infobox .pi-data { border-top: 1px solid #003355;         /* border between labels */ }

.portable-infobox .pi-data-value { text-align: left;                      /* text alignment of answer cells */ }

.pi-europa .pi-image-collection-tabs { background-color: transparent; padding-top: 3px; margin-bottom: -1px; } .pi-europa .pi-image-collection-tabs .current { background-color: black; padding: 3px; margin-top: -3px; border-bottom: 1px solid black; letter-spacing: -0.15px; }

.portable-infobox .pi-image-collection-tabs .current { /*   background-color: transparent !important;   /* active tab background* */ /*   background-image: -webkit-linear-gradient(left, #d4e3ec, transparent, #d4e3ec); /* #accfe6 */ }

/* gallery tabs background color: */ .pi-europa .pi-tab-link { font-size: 14px; margin: 0; border-left: 1px solid #8a94a8; border-top: 1px solid #8a94a8; border-right: 1px solid #8a94a8; border-bottom: 1px solid #8a94a8; background-color: #00223a; /* #001624, #dadfe6; */ margin-right: -1px; margin-top: -1px; }

.pi-europa .pi-image-collection-tab-content { background-color: inherit; padding: 5px; border: 1px solid #8a94a8; }

.portable-infobox .pi-tab-link.pi-item-spacing:hover { background-image: -webkit-linear-gradient(top,#004a7d,#000000) !important; color: white !important; border-color: #aaa !important; background: #004a7d !important; }

.portable-infobox .pi-image-collection-tabs .current:hover { background-image: -webkit-linear-gradient(top,#004a7d,#000000) !important; border-bottom: 1px solid black !important; }

.pi-europa .pi-group { margin-bottom: 0px; margin-top: 7px; color: inherit;                        /* font color of data */ }

.pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open.pi-collapse-closed { margin-bottom: 5px; }

.pi-europa .pi-horizontal-group { text-align: center;                     /* alignment of horizontal cells label, e.g. "previous" and "next" */ }

.pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: transparent; border-left: 0px solid #003355;        /* when there are two horizontal cells, the even ones will have a left border to divide them */ }

.pi-europa .pi-horizontal-group .pi-data-value { text-align: center;                    /* alignment of horizontal cells data, e.g. chapter names */ vertical-align: middle; }

.portable-infobox.pi-background { background-color: transparent;         /* whole infobox background color */ }

.portable-infobox .pi-secondary-background { /*   background-color: transparent;              /* group headers background color */ background-image: -webkit-linear-gradient(left, #000000, #003355, #000000); }

.pi-europa .pi-data-label { /*color: #003355;*/                /* font color of labels */ }

/* navigation background color, i.e. the sub-headings inside groups, e.g. WSJ in Chapters */ .pi-item-spacing.pi-navigation.pi-secondary-background.pi-secondary-font { text-align: center; border-top: 0px solid #000000; /*inserting hr for navigation dividers instead*/ background-image: none; font-size: 14px; font-weight: bold; } nav.pi-item-spacing.pi-navigation.pi-secondary-background.pi-secondary-font hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.pi-layout-stacked .pi-data-value.pi-font, .pi-layout-stacked .pi-europa .pi-data-value { padding-left: 10px !important; /* for stacked infoboxes, data fields are indented - needs to override europa default padding */ }

.portable-infobox .mw-collapsible.mw-made-collapsible p { /* the expand function inside infoboxes */ margin: 0px; }

/* - tabber tabs -- */ ul.tabbernav li a { background-color: #00223a !important; color: inherit !important; }

ul.tabbernav li a:hover { color: white !important; border-color: #aaa !important; background: #004a7d !important; }

ul.tabbernav li.tabberactive a { background-color: black !important; border-bottom: 1px solid black !important; }

ul.tabbernav li.tabberactive a:hover { background-image: -webkit-linear-gradient(top, #004a7d, #000000) !important; }

/* quick fix until new headers for main page are done */ div.headingmain img { filter: invert(100%); }

/* - Gallery customization - bunko manga set -- */

div.bunkocovers div.wikia-gallery img.thumbimage { margin-top: 0 !important; } div.bunkocovers div.wikia-gallery div.gallery-image-wrapper, div.bunkocovers div.wikia-gallery div.thumb {   height: 202px !important; } div.bunkocovers .accent { background-color: inherit !important; } div.bunkocovers div.wikia-gallery-item { padding: 0px !important; margin: 0px !important; }

div.bunkocards div.wikia-gallery img.thumbimage { margin-top: 0 !important; } div.bunkocards div.wikia-gallery div.gallery-image-wrapper, div.bunkocards div.wikia-gallery div.thumb {   height: 221px !important; } div.bunkocards .accent { background-color: inherit !important; } div.bunkocards div.wikia-gallery-item { padding: 0px !important; margin: 0px !important; }

/* - Gallery customization - Othellonia character cards -- */

div.othelloniacards div.wikia-gallery img.thumbimage { margin-top: 0 !important; } div.othelloniacards div.wikia-gallery div.gallery-image-wrapper, div.othelloniacards div.wikia-gallery div.thumb {   height: 225px !important; } div.othelloniacards .accent { background-color: inherit !important; }

/* - Gallery customization - navboxes - no margins -- */ table.manga.navbox.gallerypadding .wikia-gallery { margin: 0px; }

/* - Trading Card Game - table formatting -- */

table.tcg { border-collapse: collapse; }

table.tcg tr { border: solid; border-width: 1px 0; border-color: grey; }

table.tcg td { width: 20%; text-align: center; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }

table.tcg tr:first-child { border-top: none; padding-top: none; } table.tcg tr:last-child { border-bottom: none; padding-bottom: none; }

table.tcg .tabber .tabbertab { padding: 0 !important; border: 0 !important; } table.tcg .tabbertab p { margin: 0; }

/*  Gallery - Custom Display - */ /* Description: For customized galleries, wrap the gallery in the indicated div code to display images better */

div.gallery div.wikia-gallery img.thumbimage { margin-top: 0 !important; }

div.gallery .accent { background-color: inherit !important; /* if an image is too short for the new height (above) then the background color is shown - this removes the bg color */ }

/* for DVD covers, use: */ div.gallery.dvd-covers div.wikia-gallery div.gallery-image-wrapper, div.gallery.dvd-covers div.wikia-gallery div.thumb {   height: 173px !important; /* 173px seems to keep it even, only taking off a pixel or two on some longer images */ }

/* --- Gallery - customizations for navboxes -- */ .imagenav .wikia-gallery { margin: 0px; /* removes margins from top and bottom of gallery */ }

.imagenav .wikia-gallery-spacing-small .wikia-gallery-item { padding: 0px; /* makes spacing between images more narrow */ }

/* */ /*  */ /*  unique page backgrounds --- */ /* */

body.page-Misa_Amane.background-dynamic.skin-oasis::after { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/3/36/Dearh_Note_Wall_%2811%29.jpg); background-size: 800px !important; background-repeat: no-repeat; background-position: center; background-position-x: right; background-position-y: center; }

body.page-Mello.background-dynamic.skin-oasis::before, body.page-Mello.background-dynamic.skin-oasis::after, body.page-Near.background-dynamic.skin-oasis::before, body.page-Near.background-dynamic.skin-oasis::after { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/9/93/Wiki_bg_Mello_Near.jpg); }

/* */ /*  */ /* -- Unique page backgrounds - Japanese film series -- */ /* */

body[class*='Death_Note_film_series'].background-dynamic.skin-oasis.background-fixed::after, body[class*='2006_film'].background-dynamic.skin-oasis.background-fixed::after, body.page-Death_Note_The_Last_Name.background-dynamic.skin-oasis::after, body.page-Death_Note_The_Last_Name_Image_Gallery.background-dynamic.skin-oasis::after, body.page-L_Change_the_WorLd_film.background-dynamic.skin-oasis::after, body.page-Death_Note_Genius_of_the_Counterattack.background-dynamic.skin-oasis::after, body.page-Death_Note_New_Generation.background-dynamic.skin-oasis::after, body.page-Mishima_s_Chapter_Rebirth.background-dynamic.skin-oasis::after, body.page-Ryuzaki_s_Chapter_Dying_Wish.background-dynamic.skin-oasis::after, body.page-Shien_s_Chapter_Fanaticism.background-dynamic.skin-oasis::after, body.page-Death_Note_Light_Up_the_NEW_World.background-dynamic.skin-oasis::after, body.page-Death_Note_Light_Up_the_NEW_World_Image_Gallery.background-dynamic.skin-oasis::after, body.page-Ryuzaki_film_character.background-dynamic.skin-oasis::after, body.page-Tsukuru_Mishima.background-dynamic.skin-oasis::after, body.page-Yuki_Shien.background-dynamic.skin-oasis::after, body.page-Sakura_Aoi.background-dynamic.skin-oasis::after, body.page-Shiori_Akino.background-dynamic.skin-oasis::after { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/d/d8/Wiki_bg_Japanese_films.jpg); background-repeat: no-repeat; background-position: center; background-position-x: right; background-position-y: 55px; }

body[class*='Death_Note_film_series'].background-dynamic.skin-oasis.background-fixed::before, body[class*='2006_film'].background-dynamic.skin-oasis.background-fixed::before, body.page-Death_Note_The_Last_Name.background-dynamic.skin-oasis::before, body.page-Death_Note_The_Last_Name_Image_Gallery.background-dynamic.skin-oasis::before, body.page-L_Change_the_WorLd_film.background-dynamic.skin-oasis::before, body.page-Death_Note_Genius_of_the_Counterattack.background-dynamic.skin-oasis::before, body.page-Death_Note_New_Generation.background-dynamic.skin-oasis::before, body.page-Mishima_s_Chapter_Rebirth.background-dynamic.skin-oasis::before, body.page-Ryuzaki_s_Chapter_Dying_Wish.background-dynamic.skin-oasis::before, body.page-Shien_s_Chapter_Fanaticism.background-dynamic.skin-oasis::before, body.page-Death_Note_Light_Up_the_NEW_World.background-dynamic.skin-oasis::before, body.page-Death_Note_Light_Up_the_NEW_World_Image_Gallery.background-dynamic.skin-oasis::before, body.page-Ryuzaki_film_character.background-dynamic.skin-oasis::before, body.page-Tsukuru_Mishima.background-dynamic.skin-oasis::before, body.page-Yuki_Shien.background-dynamic.skin-oasis::before, body.page-Sakura_Aoi.background-dynamic.skin-oasis::before, body.page-Shiori_Akino.background-dynamic.skin-oasis::before { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/d/d8/Wiki_bg_Japanese_films.jpg); background-repeat: no-repeat; background-position: center; background-position-x: left; background-position-y: 55px; }

/* */ /* -- Unique page backgrounds - 2015 TV drama - */ /* */

body[class*='2015_TV_drama'].background-dynamic.skin-oasis.background-fixed::after, body[class*='_Drama'].background-dynamic.skin-oasis.background-fixed::after { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/8/80/Wiki_bg_drama.jpg); background-repeat: no-repeat; background-position: center; background-position-x: right; background-position-y: center; }

body[class*='2015_TV_drama'].background-dynamic.skin-oasis.background-fixed::before, body[class*='_Drama'].background-dynamic.skin-oasis.background-fixed::before { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/8/80/Wiki_bg_drama.jpg); background-repeat: no-repeat; background-position: center; background-position-x: left; background-position-y: center; }

/* */ /*  Unique page backgrounds - 2017 Netflix film --- */ /* */

body[class*='Death_Note_2017'].background-dynamic.skin-oasis.background-fixed::after, body[class*='Netflix'].background-dynamic.skin-oasis.background-fixed::after, body.page-Detective_Sasaki.background-dynamic.skin-oasis::after, body.page-James_Brode.background-dynamic.skin-oasis::after, body.page-Kenny_Doyle.background-dynamic.skin-oasis::after, body.page-Antony_Skomal.background-dynamic.skin-oasis::after { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/e/e8/Wiki_bg_Netflix.jpg); background-repeat: no-repeat; background-position: center; background-position-x: right; background-position-y: 55px; background-size: 1350px; }

body[class*='Death_Note_2017'].background-dynamic.skin-oasis.background-fixed::before, body[class*='Netflix'].background-dynamic.skin-oasis.background-fixed::before, body.page-Detective_Sasaki.background-dynamic.skin-oasis::before, body.page-James_Brode.background-dynamic.skin-oasis::before, body.page-Kenny_Doyle.background-dynamic.skin-oasis::before, body.page-Antony_Skomal.background-dynamic.skin-oasis::before { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/e/e8/Wiki_bg_Netflix.jpg); background-repeat: no-repeat; background-position: center; background-position-x: left; background-position-y: 55px; background-size: 1350px; }

/* */ /*  April 1st stupidity ---

body.mainpage.background-dynamic.skin-oasis::after { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/3/34/Netflix_Light_scream_2.jpg); background-repeat: no-repeat; background-size: 1500px; background-position-x: 0px; }

body.mainpage.background-dynamic.skin-oasis::before { background-image: url(https://vignette.wikia.nocookie.net/deathnote/images/8/8a/Netflix_Light_scream_1.jpg); background-repeat: no-repeat; background-size: 1500px; background-position-x: -600px; } /* */