MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url('https://fonts.googleapis.com/css?family=Arapey:400i|Oswald'); @import '/load.php?articles=MediaWiki:Themes.css&only=styles&mode=articles'; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles"; @import url("https://fonts.googleapis.com/css2?display=swap&family=Lobster"); @import url("/load.php?mode=articles&only=styles&articles=u:miyadaiku:MediaWiki:DidYouKnow.css");

.portable-infobox .dyk-container { display: inline-flex; }

.WikiaPage, .page-main { border: 2px solid #062658; }

/* Wiki header lightup */ .wds-community-header:hover { filter: drop-shadow(0 0px 15px #03265B); } .wds-community-header:hover { -webkit-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; }

/* MainPage Box */ .mainpagebox { color: white; border: 2px solid #062658; border-radius: .1em; padding-bottom:1em; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; text-shadow: 0 2px 5px #000; padding: 15px; }

.mainpagebox .mainpagebox_header { text-align: center; font-size: 25px; color: #FFFFFF; border: none; font-family: 'Oswald', serif; text-shadow: 0 2px 5px #000; background: transparent; }

.mp-darken { background-color: #000; padding: 36px 24px }

.mp-welcome { background-image: url('/Special:Filepath/MainPageBackg1.png'); }

.mp-description { background-image: url('/Special:Filepath/MainPageBackg2.png'); }

.mp-featuredchar { background-image: url('/Special:Filepath/MainPageBackg9.png'); }

.mp-tutorial { background-image: url('/Special:Filepath/MainPageBackg4.png'); }

.mp-activity { background-image: url('/Special:Filepath/MainPageBackg5.png'); }

.mp-exlinks { background-image: url('/Special:Filepath/MainPageBackg3.png'); }

.mp-discussions { background-image: url('/Special:Filepath/MainPageBackg7.png'); }

.mp-affiliates { background-image: url('/Special:Filepath/MainPageBackg8.png'); }

.mp-polls { background-image: url('/Special:Filepath/MainPageBackg6.png'); }

.mainpage .wikia-gallery-item .thumb .lightbox-caption { padding: 0 5px; }

/* Transparent Discussions background on Main Page */ .embeddable-discussions-module .embeddable-discussions-post-detail { border: none; background-color: rgba(0, 0, 0, 0.6); }

/*** Representative cover ***/ .Body { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/3/32/CoverWiki.jpeg/revision/latest?cb=20190322005552'); display: block; background-size: 100%; height: 380px; overflow: hidden; transition: 0.5s; } .Main { margin: 180px; opacity: 0.3; background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/8/89/Wiki-wordmark.png/revision/latest?cb=20190405151536'); height: 110px; width: 495px; transition: 0.5s; } .Main:hover { transform: scale(1.05); transition: 0.5s; overflow: hidden; opacity: 0.90; }

/*** Project Mainpage Box ***/ .MainpageBox { width: 130px; height: 130px; display: block; } .main_hover { opacity: 0.8; } .main_hover:hover { opacity: 1; } .main_hover a { color: #FFFFFF; } .main_hover a span:hover { text-shadow: none !important; } .MainpageBox#Manga { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/7/72/Cover_Jap_01.jpg/revision/latest?cb=20190317181607'); transition: 0.2s; } .MainpageBox#Anime { background-image: url('https://static.wikia.nocookie.net/beastars-eng/images/0/0f/Visual_Key_1_Beastar_Season_2_%28Anime%29.jpeg/revision/latest?cb=20201007155217'); transition: 0.2s; } .MainpageBox#Termi { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/4/4d/Beast_Stars.jpg/revision/latest?cb=20190325144701'); transition: 0.2s; } .MainpageBox#Characters { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/5/55/Chapter_133.jpg/revision/latest?cb=20200519051309'); transition: 0.2s; } .MainpageBox#Music { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/0/0a/Beastars_OST_Cover.jpg/revision/latest?cb=20191230213518'); transition: 0.2s; } .MainpageBox#Arches { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/a/a2/Arches.jpg/revision/latest?cb=20190317202326'); transition: 0.2s; } .MainpageBox#Cap { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/4/4f/Chapter_163.jpg/revision/latest?cb=20200311052423'); transition: 0.2s; } .MainpageBox#Volume { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/3/30/Cover_Jap_21.jpg/revision/latest?cb=20200908104612'); transition: 0.2s; }

/*** Project Characters ***/ .MainpageBox#Legoshi { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/c/ca/Legosi_%28Cover%29.png/revision/latest?cb=20200405031414'); transition: 0.2s; } .MainpageBox#Haru { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/2/27/Haru_%28Cover%29.png/revision/latest?cb=20200406033801'); transition: 0.2s; } .MainpageBox#Louis { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/e/ed/Louis_%28Cover%29.png/revision/latest?cb=20200406034111'); transition: 0.2s; } .MainpageBox#Juno { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/5/55/Juno_%28Cover%29.png/revision/latest?cb=20200406041322'); transition: 0.2s; } .MainpageBox#Jack { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/0/0e/Jack_%28Cover%29.png/revision/latest?cb=20200406041332'); transition: 0.2s; } .MainpageBox#Miguno { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/7/74/Miguno_%28Cover%29.png/revision/latest?cb=20200406041341'); transition: 0.2s; } .MainpageBox#Collot { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/c/c8/Collot_%28Cover%29.png/revision/latest?cb=20200406041352'); transition: 0.2s; } .MainpageBox#Durham { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/9/96/Durham_%28Cover%29.png/revision/latest?cb=20200406041403'); transition: 0.2s; } .MainpageBox#Voss { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/7/7c/Voss_%28Cover%29.png/revision/latest?cb=20200406041413'); transition: 0.2s; } .MainpageBox#Kai { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/b/bd/Kai_%28Cover%29.png/revision/latest?cb=20200406041422'); transition: 0.2s; } .MainpageBox#Sanu { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/b/bd/Sanu_%28Cover%29.png/revision/latest?cb=20200406041432'); transition: 0.2s; } .MainpageBox#Bill { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/4/42/Bill_%28Cover%29.png/revision/latest?cb=20200401204548'); transition: 0.2s; } .MainpageBox#Els { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/d/d0/Els_%28Cover%29.png/revision/latest?cb=20200406041440'); transition: 0.2s; } .MainpageBox#Dom { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/4/4a/Dom_%28Cover%29.png/revision/latest?cb=20200406041451'); transition: 0.2s; } .MainpageBox#Legom { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/4/48/Legom_wiki.png/revision/latest?cb=20200406041500'); transition: 0.2s; } .MainpageBox#Kibi { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/3/32/Kibi_%28Cover%29.png/revision/latest?cb=20200406041508'); transition: 0.2s; } .MainpageBox#Sheila { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/a/a1/Sheila_%28Cover%29.png/revision/latest?cb=20200406041517'); transition: 0.2s; } .MainpageBox#Aoba { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/0/03/Aoba_%28Cover%29.png/revision/latest?cb=20200406041532'); transition: 0.2s; } .MainpageBox#Ellen { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/7/77/Ellen_%28Cover%29.png/revision/latest?cb=20200406041543'); transition: 0.2s; } .MainpageBox#Mizuchi { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/6/6a/Mizuchi_%28Cover%29.png/revision/latest?cb=20200406041553'); transition: 0.2s; } .MainpageBox#Gohin { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/0/00/Gohin_%28Cover%29.png/revision/latest?cb=20200406041603'); transition: 0.2s; } .MainpageBox#Mayor { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/6/62/Mayor_%28Cover%29.png/revision/latest?cb=20200423044000'); transition: 0.2s; } .MainpageBox#Ogma { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/d/d1/B2.png/revision/latest?cb=20200410040823'); transition: 0.2s; } .MainpageBox#Ibuki { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/2/20/Ibuki_%28Cover%29.png/revision/latest?cb=20200423044000'); transition: 0.2s; } .MainpageBox#Free { background-image: url('https://vignette.wikia.nocookie.net/beastars-eng/images/0/0f/Free_%28Cover%29.png/revision/latest?cb=20200423044000'); transition: 0.2s; }

/*Section headings.*/ /* Recommend simplifying */ .mw-parser-output > h2 { padding-left: 12px; padding-right: 12px; text-align:left; border: solid #062658 2px; border-top-color:#0241a2; /*border-radius:px;*/ background-color: #062658; /* background: linear-gradient(to top,#D7E5FF,#0A3073);*/ color: #FFF; font-family: 'Arapey', serif; font-size: 16px; font-weight: bold; line-height: 28px; margin: 0; padding: 0 0 0 20px; margin-top:14px; text-shadow: 2px 1px 1px #222; } a[href="/wiki/User:RyuStar203"] {color:orange !important} a[href="/wiki/User:SnakePAN14"] {color:orange !important} a[href="/wiki/User:AuburnAutumn"] {color:orange !important} a[href="/wiki/User:Kitsunes97"] {color:orange !important}

/* New slider for the main page. Original made by Duckey at pl.witcher */ .mpb-slider { margin-bottom: 14px; background-color: #000810; border: 1px solid #3e92cc; width: 100%; height: 450px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap } .mpb-view { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 100%; display: -ms-grid; display: grid; grid-template-areas: 'title title' 'links subcats' 'back back'; -ms-grid-rows: 45px 1fr 30px; grid-template-rows: 45px 1fr 30px; -ms-grid-columns: 200px 1fr; grid-template-columns: 200px 1fr; background-size: cover; overflow: hidden } .mpb-view:not(.mpb-main) { width: 0 } .mpb-view-title { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: title; font-size: 24px; text-shadow: 0 0 5px #000, 0 0 5px #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #000810f2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default } .mpb-view-back { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: back; background-color: #000810f2; font-size: 16px; text-shadow: 0 0 5px #000, 0 0 5px #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out } .mpb-view-back:hover { background-color: #000810bf } .mpb-subcat-links { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: links; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mpb-subcat-link { background-color: #000810bf; padding: 10px 15px; font-size: 18px; text-shadow: 0 0 5px #000, 0 0 5px #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out } .mpb-subcat-link:not(.mpb-active):hover { background-color: #00081080 } .mpb-subcat-link.mpb-active { background-color: #00081040 } .mpb-subcat-gutter { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #000810bf } .mpb-subcats { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: subcats; background-color: #00081040; overflow: hidden } .mpb-subcat { font-size: 16px; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; height: 100% } .mpb-subcat:not(.mpb-active) { display: none } .mpb-subcat > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100% } .mpb-subcat > ul > li:not(.mpb-nested) { max-height: 1.2em } .mpb-subcat ul > li > ul { padding: 0 1em; margin-left: 0.5em }

.mpb-item { background-size: 100% auto } .mpb-inner { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 20px; text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; background-color: #00081080; -webkit-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mpb-inner:hover { background-color: transparent } .mpb-view.mpb-main { grid-template-areas: 'main1 b1' 'main1 b2' 'main2 b3' 'main2 b4'; -ms-grid-rows: (1fr)[4]; grid-template-rows: repeat(4, 1fr); -ms-grid-columns: 450px 1fr; grid-template-columns: 450px 1fr } .mpb-item.mpb-main:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: main1; background-size: cover } .mpb-item.mpb-main:nth-child(2) { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: main2; background-size: cover } .mpb-item.mpb-main .mpb-inner { font-size: 30px; padding: 10px } .mpb-view.mpb-main .mpb-item:nth-child(1), .mpb-view.mpb-manga { background-image: url('/Special:Filepath/BxSS (1).jpeg'); background-position: center 20% } .mpb-view.mpb-main .mpb-item:nth-child(2), .mpb-view.mpb-anime { background-image: url('/Special:Filepath/Haru eats with Legoshi.png'); background-position: center 70% } .mpb-view.mpb-main .mpb-item:nth-child(3), .mpb-view.mpb-arches { background-image: url('/Special:Filepath/Meteor Festival arc.jpg'); background-position: center 70% } .mpb-view.mpb-main .mpb-item:nth-child(4), .mpb-view.mpb-terminology { background-image: url('/Special:Filepath/Cherryton Academy.jpeg'); background-position: left center } .mpb-view.mpb-main .mpb-item:nth-child(5), .mpb-view.mpb-characters { background-image: url('/Special:Filepath/The backstage team talks.png'); background-position: center 30% } .mpb-view.mpb-main .mpb-item:nth-child(6), .mpb-view.mpb-music { background-image: url('/Special:Filepath/Beastars Original Sound Track (Cover).png'); background-position: center 20% }

/* Spoiler Blur */ .spoilerblur:hover { filter:blur(4px); }