MediaWiki:Common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";


 * root {

--border-gradient-dark: linear-gradient(to bottom right, #ecf4fc 0%, #59637d 50%, #000000 100%); --background-gradient-dark: linear-gradient(to left, black, transparent, black); --background-gradient-light: linear-gradient(to left, white, transparent, white); }

/* */ /* -- death note font-  */ /* */

@font-face { font-family: 'Death Font'; src: url('https://static.wikia.nocookie.net/deathnote/images/b/be/DEATH_FONT_ver1.0.woff2') format('woff2'); }

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

/* */ /* -- headings template --- */ /* */

.headingmain { font-family: "Death Font"; font-size: 35px; letter-spacing: 2px; line-height: initial; padding-top: 3px; padding-bottom: 4px; margin-bottom: 12px; text-align: center; background-color: var(--theme-accent-color); color: var(--theme-accent-label-color); background-image: var(--background-gradient-dark); } .theme-fandomdesktop-light .headingmain { background-image: var(--background-gradient-light); }

.headingmain a { color: var(--theme-accent-label-color); }

/* */ /* -- infoboxes --- */ /* */

.portable-infobox { min-width: 300px;                      /* make infobox wider */ max-width: 450px; width: 30%;                            /* infobox expands when page expands */ border: 2px solid #003355;             /* border around whole infobox */ border-image: var(--border-gradient-dark); border-image-slice: 1; }

/* since infobox can be wider, allow the content values to expand */ .pi-data-value:not(:first-child) { min-width: 180px; flex-grow: 1; }

.pi-caption, .pi-data, .pi-navigation { padding: 3px 5px;      /* less padding around content so it's not so spread out */ }

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

/* headings */ .portable-infobox .pi-secondary-background { text-align: center; /* needed for horizontal group headings & navigation */ }

.theme-fandomdesktop-dark .portable-infobox .pi-secondary-background { background-image: var(--background-gradient-dark); }

.theme-fandomdesktop-light .portable-infobox .pi-secondary-background { background-image: var(--background-gradient-light); }

/* */ /* -- Navboxes  */ /* */

table.manga.navbox.top { width: 100%; border: solid 2px #FFFFFF;     /* border around entire navbox */ color: #cbdde4;     /* font color of top navbox, only affects header, #000000, #cbdde4 */ /*   border-image: linear-gradient(to bottom right, #ecf4fc 0%, #59637d 50%, #000000 100%); */ border-image: var(--border-gradient-dark); border-image-slice: 1; border-collapse: initial; }

.theme-fandomdesktop-light table.manga.navbox.top { color: inherit; }

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

/* */ /* -- main page tables  */ /* */

table.mainpage { background: transparent; color: inherit; font-size: 100%; margin: 0 auto 15px auto; border: 2px solid #003355; border-image: linear-gradient(to bottom right,#ecf4fc 0%, #59637d 50%, #000000 100% ); border-image-slice: 1; border-collapse: separate; }

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 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 .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; }

/* */ /* -- Timeline edits -- */ /* */

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

/* */ /* -- user colors - */ /* */

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

/* */ /*  external links  */ /* */

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

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

/* */