MediaWiki:Wikia.css

@font-face {font-family: "Ryuk Extra"; src: url("//db.onlinewebfonts.com/t/c5d9ca934221f82dc295c25078e361ae.eot"); src: url("//db.onlinewebfonts.com/t/c5d9ca934221f82dc295c25078e361ae.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/c5d9ca934221f82dc295c25078e361ae.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/c5d9ca934221f82dc295c25078e361ae.woff") format("woff"), url("//db.onlinewebfonts.com/t/c5d9ca934221f82dc295c25078e361ae.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/c5d9ca934221f82dc295c25078e361ae.svg#Ryuk Extra") format("svg"); }

@font-face {font-family: "Death Note"; src: url("//db.onlinewebfonts.com/t/64bbc93a264bc54a4bc758b555e00074.eot"); src: url("//db.onlinewebfonts.com/t/64bbc93a264bc54a4bc758b555e00074.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/64bbc93a264bc54a4bc758b555e00074.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/64bbc93a264bc54a4bc758b555e00074.woff") format("woff"), url("//db.onlinewebfonts.com/t/64bbc93a264bc54a4bc758b555e00074.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/64bbc93a264bc54a4bc758b555e00074.svg#Death Note") format("svg"); }

@font-face {font-family: "DEATHNOTE Font"; src: url("//db.onlinewebfonts.com/t/dd32798ad43b887f093f144d8ac8e017.eot"); src: url("//db.onlinewebfonts.com/t/dd32798ad43b887f093f144d8ac8e017.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/dd32798ad43b887f093f144d8ac8e017.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/dd32798ad43b887f093f144d8ac8e017.woff") format("woff"), url("//db.onlinewebfonts.com/t/dd32798ad43b887f093f144d8ac8e017.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/dd32798ad43b887f093f144d8ac8e017.svg#DEATHNOTE Font") format("svg"); }

@font-face {font-family: "Ryuk Scrawl"; src: url("//db.onlinewebfonts.com/t/cf57c36da2688b8b18ebb947833ee567.eot"); src: url("//db.onlinewebfonts.com/t/cf57c36da2688b8b18ebb947833ee567.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/cf57c36da2688b8b18ebb947833ee567.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/cf57c36da2688b8b18ebb947833ee567.woff") format("woff"), url("//db.onlinewebfonts.com/t/cf57c36da2688b8b18ebb947833ee567.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/cf57c36da2688b8b18ebb947833ee567.svg#Ryuk Scrawl") format("svg"); }

/* -- main page header -- */

.page-Death_Note_Wiki .page-header__title, .page-Death_Note_Wiki .page-header__separator { display: none; /* hide "Home" title at the top of the main page */ }

/* -- 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; }

/* --- Navboxes -- */

table.manga.navbox.top { width: 100%; border: solid 2px #FFFFFF;     /* border around entire navbox */ color: #cbdde4 !important;     /* font color of top navbox, only affects header, #000000, #cbdde4 */

/* background-color: #eff4ff; */ /* background color of whole navbox, #eff4ff */ /* background-image: -webkit-linear-gradient(left, #f0f9ff, #FFFFFF, #f0f9ff); */ /* background-image: -webkit-linear-gradient(left,#003355,transparent,#003355); *//*#f9fcff*/

border-image: linear-gradient(to bottom right, #ecf4fc 0%, #59637d 50%, #000000 100%); border-image-slice: 1; /* background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgb(0, 0, 0)) !important; */ }

div.manga.navbox { width: 100%; } table.manga.navbox.sub {           /* for the tables within the navbox */ width:100%; text-align: left; clear: both; font-size: 100%; background: transparent; color: inherit;                /* font color, #000000 */ }

.manga.navbox.label { text-align: center; width: 125px; border-bottom: 1px solid #ccccff; /* border between volumes, #ccccff */ }

/* - links -- */ /* interwiki link graphic so you know you're leaving the site */

a[href*="wikipedia.org"]:after, a.extiw:after, a.text:after { background-image: url(https://images.wikia.nocookie.net/__cb1518694728/common/skins/shared/images/sprite.png); background-position: -1198px 0; background-repeat: no-repeat; content: ''; display: inline-block; height: 16px; margin-left: 3px; vertical-align: text-top; width: 10px; }

div.exitnav a.extiw:after, div.exitnav a.text:after { /* this cancels the exit link customization for the navbars on the front page */ background-image: none; height: 0; margin-left: 0; width: 0; }

/* - main page tables -- */ /* standard formatting for the tables on the main page */

table.mainpage { background: transparent; color: inherit; /*border: 5px solid black; border-radius: 15px;*/ font-size: 100%; margin-bottom: 15px; margin-right: auto; margin-left: auto; margin-top: 0px; border: 2px solid #003355; /* border-radius: 5px;                    curve at corners, if border-gradient doesn't work */ border-image: linear-gradient(to bottom right,#ecf4fc 0%, #59637d 50%, #000000 100% ); border-image-slice: 1; }

table.mainpage.left { min-width: 686px; width: 100%; }

table.mainpage.right { min-width: 300px; width: 100%; }

table.mainpage td { vertical-align: top; text-align: justify; }

table.mainpage td p, table.mainpage td li { padding-right: 5px; }

table.mainpage .ajax-poll { border-width: 0; /* removes borders from polls that are inside a mainpage table */ }

table.mainpage td.title, table.mainpage th.title { padding-top: 4px; padding-bottom: 5px; background-color: transparent; background-image: -webkit-linear-gradient(left, #000000, #003355, #000000); border-top-left-radius: 0px; border-top-right-radius: 0px; color: white; font-weight: bold; font-size: 150%; margin-bottom: 12px; text-align: center; }

table.mainpage .title img { filter: invert(100%); }

table.mainpage .subtitle { padding: 0.2em 0.4em; margin: 0 0 10px 0; border: 0px solid #000000; font-size: 120%; font-weight: bold; text-align: left; background: transparent; background-image: -webkit-linear-gradient(left, #00131f 0%, #003355 5%, #000000); color: #dfeaef; }

table.mainpage .imgcell div { padding: 0; margin: 0; }

/* - 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 */ }

/* ---  Timeline edits  -- */ span.timeline-bday { /* this is how birthday announcements are displayed */ color: #b4e6ff; font-weight: bold; display: table; margin: 0 auto; }

/* */ /*  */ /*  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; }

/* */ /* -- Admin unique links  - */ /* */

a[href="/wiki/User:KylaraE"] { color: violet !important; font-weight: bold !important; }

/* */ /*  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; } /* */