MediaWiki:Wikia.css

.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.extiw { padding-right: 13px; background-repeat: no-repeat; background-image: url('http://vignette2.wikia.nocookie.net/deathnote/images/1/1b/Offsite_link_icon.png/revision/latest?cb=20160727060557'); background-position: right top; }

div.exitnav a.extiw { /* this cancels the exit link customization for the navbars on the front page */ background-image: none; padding-right: 0px; }

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

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

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