MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles"); @import url('https://fonts.googleapis.com/css?family=Oswald&display=swap'); @import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans&display=swap'); @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Background.css&only=styles");

/* Full background image */ .main-container { background-image: url(https://static.wikia.nocookie.net/netflix/images/8/89/Netflix-bg.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

/* Make the header look more sleek with the background and connected to the body page below it */ .theme-fandomdesktop-dark .fandom-community-header { background-image: linear-gradient(transparent, #222); margin-bottom: -12px; }

.page__main { border-radius: 0 0 3px 3px !important; }

.wiki-tools.wds-button-group { margin-right: 25px; }

.theme-fandomdesktop-light .fandom-community-header { background-image: linear-gradient(transparent, #ddd); margin-bottom: -12px; }

.theme-fandomdesktop-light .fandom-community-header, .theme-fandomdesktop-light .fandom-community-header a { color: black; }

.theme-fandomdesktop-light .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: black; }

/* Shadow for readability in light mode */ .theme-fandomdesktop-light .fandom-community-header { filter: drop-shadow(0px 0px 0px #ddd) drop-shadow(0px 0px 0px #ddd) drop-shadow(0px 0px 2px #ddd); z-index: 100; }

/* Make the background of the right rail match with the background color of the page, oh, and make rail modules look nicer too */ .right-rail-wrapper.WikiaRail { background: var(--theme-page-background-color); }

.rail-module { background: #fff1; border-right: 5px solid #b1060f; border-bottom: none !important; padding: 1em; border-radius: 1em 0 0 1em; }

.recentImages__container { background: #fff1; border-right: 5px solid #b1060f; border-bottom: none !important; padding: 1em; border-radius: 1em 0 0 1em; }

.render-wiki-recommendations-right-rail { background: #fff1; border-right: 5px solid #b1060f; border-bottom: none !important; padding: 1em; border-radius: 1em 0 0 1em; }

/* Main page styles */ .mainpage-box-characters, .mainpage-box-welcome, .mainpage-box-event, .mainpage-box-featured-videos, .mainpage-box-about, .mainpage-box-shows, .mainpage-box-movies { font-family: Quattrocento Sans; margin:40px auto auto auto; width: 600px; }

.mainpage-box-upcoming-originals { font-family: Quattrocento Sans; margin:40px auto auto auto; width: 303px; } .mainpage-box-wiki { padding:25px; background: #b1060f; color:#fff; }

/* Infobox styles */ .pi-item.pi-data.pi-item-spacing.pi-border-color, .portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default { border: none;}

.pi-europa .pi-navigation { background: #b1060f; text-align: center; }

.pi-europa .pi-navigation a { color: white; font-weight: bold; text-decoration: underline; }

.pi-item.pi-data[data-source="wiki"] a, .pi-navigation[data-item-name="wiki"] a { color: white; text-decoration: underline; font-weight: bold; }

.pi-item.pi-data[data-source="wiki"], .pi-navigation[data-item-name="wiki"] { font-size: 12px; font-weight: normal; font-family: Quattrocento Sans; background: #b20510; color: white; }

.portable-infobox .pi-header { padding: 10px; font-size: 16px; } .mp-footer { text-align: right; } .gallery a { color: white; }

.pi-background { background-color: #0002; } /* Headers */ /* Left rail */ .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header, .mainpage-box-about .header, .mainpage-box-event .header, .mainpage-box-shows .header, .mainpage-box-movies .header, .mainpage-box-discord .header, .mainpage-box-upcoming-originals .header { font-weight: bold; text-align:left; font-size:18px; letter-spacing:3px; text-transform:uppercase; margin:0 auto 10px auto; padding-bottom:10px; font-family: Oswald; } /* Exceptions for the left rail */ /* Right rail */ .mainpage-box-twitter, .mainpage-box-news, .mainpage-box-wiki { font-family: Quattrocento Sans; } .mainpage-box-news .header, .mainpage-box-twitter .header, .mainpage-box-feeds .header { font-weight: bold; text-transform:uppercase; letter-spacing:3px; font-family: Oswald; font-size:18px; text-align:left; color: #dfdfdf; padding: 10px; } .mainpage-box-wiki .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; font-family: Oswald; }

/* Rmv home header from main page */ .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }

/* Category gallery */ .category-gallery .wikia-gallery { margin: 7px 0 12px 0;} .category-gallery .wikia-gallery-item { padding: 2px; } .category-gallery .gallery-image-wrapper { height: 85px !important; border-radius: 3px; } .category-gallery .gallery-image-wrapper { border-radius: 3px; height: 85px !important; } .category-gallery .thumb { height: 88px !important; } .category-gallery .wikia-gallery .lightbox-caption { border-radius: 2px 0 0; border-top-left-radius: 8px; font-size: x-small; font-weight: bold; left: initial; padding: 1px 2px 1px 3px; right: 0; width: auto; float: right; }

.category-gallery a { color: white; }

/* Page creation buttons */ .editpage-intro > .editpage-intro-wrapper a { color: white; }

/* Countdown image proportions */ .container img .countdown{ max-height: 100px; max-width: 200px; text-align: center; object-fit: cover; }

.countdown img { max-height:100px; width:200px; text-align: center; object-fit: cover; }

/* Featured image proportions */ .container img .featured{ max-height: 80px; max-width: 80px; text-align: center; object-fit: cover; }

.featured img { max-height:80px; width:80px; text-align: center; object-fit: cover; }

/* Community header tag */ .fandom-community-header__local-navigation .first-level-item [href$="Recent_releases"]::after { color: #fff !important; background-color: #b20510; border-radius: 4px; content: 'NEW'; font-size: 90%; font-weight: bold; margin-left: 5px; padding: 0 3px; position: relative; top: 0; }