MediaWiki:Common.css

@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap"; @import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap";

.profile-actions a:nth-child(2) { display: none; } /*Collapsible element text color*/ a.mw-collapsible-text { color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000 !important; } /*Hide subpage title*/ .subpages { display: none; } /*Sidebar*/ .vector-menu-portal .vector-menu-heading { background-image: none; margin: .2em; font-family: Comfortaa; color: #fff; font-size: 0.75em; font-weight: bold; padding-left: .2em } .body li a:visited, .vector-menu-portal .body li a:visited { color: #0800ff } .body li a, .vector-menu-portal .body li a { color: #0800ff } .body ul, .vector-menu-portal .body ul { list-style: none none; padding: .25em 0; margin: 0; font-size: 1.06em } .vector-menu-portal { padding: .1em 0; background-color: #fff } /*Category box style*/ .catlinks { border: 1px solid #ae0; background: rgba(255, 255, 255, .5); border-radius: 8px;} /*Stuff for the main page, text color, etc*/ body { background-image: url('//static.miraheze.org/popnmusicwiki/2/2c/Wiki-Background.png'); background-repeat: repeat; background-attachment: fixed, scroll; } .mw-body, .parsoid-body { margin-top: -1px; border-image: linear-gradient(to right, #fe0 0%, #fe0 35%, #bbb 35%, #bbb 50%, #fff 50%, #fff 65%, #f10 65%, #f10 80%, #fa0 80%, #fa0 90%, #9f0 90%, #9f0 94%, #00c 94%, #00c 97%, #000 97%, #000 100%) 5; border-top: 5px solid; border-bottom: 5px solid; border-left: 2px solid; border-right: 2px solid; color: #444; background: url('//static.miraheze.org/popnmusicwiki/0/0c/Wiki-Bottomcorner.png') right bottom no-repeat rgba(255,255,255,.95); } .mw-footer li { color: #fff; font-size: .75em; } /*Top of page tabs*/ .vector-menu-tabs li { background-image: linear-gradient(to top, #fff 1px, #fff 100%); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0, #fe0 100%); } .vectorTabs span a { padding-top: 1em; } .vectorTabs span { border-left: 1.5px solid #f68f30; border-top: 1.5px solid #f68f30; border-right: .5px solid #f68f30; } /*Birthday calendar*/ .birthday { background: url('//static.miraheze.org/popnmusicwiki/d/d1/MimiNyamiBirthdayMain.png') right bottom no-repeat; } table.calendar > tbody > tr > th { color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 8px; border: 0; border-spacing: 0; color: #444; } div.birthday > table.calendar { border-left: 3px solid #ff8f00; border-right: 3px solid #ff8f00; border-bottom: 3px solid #ff8f00; } /*Link Color*/ a, .vectorTabs li a, #p-personal a, #footer a { color: #0259ff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:visited { color: #0259ff; } a:hover { color: #ff77cc; text-decoration: underline; } a:active { color: #ff77cc; text-decoration: underline; } a.new { color: #cc2234; } a.new:visited { color: #cc2234; } .mw-parser-output a.external, .link-https { background-image: none; padding-right: 0; } .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #f18800; } .mw-body-content a.external, .mw-body-content a[href^="gopher://"] { color: #f18800; } .mw-body-content a.external:hover, .mw-body-content a[href^="gopher://"]:hover { color: #f20000; text-decoration: underline; } /*Search Bar*/ /*Highlight Color*/
 * 1) p-logo + .mw-portlet .vector-menu-heading { display: inherit; background-color: #ff3d7c }
 * 1) mw-panel #p-logo + .portal h3 { display: inherit; margin-top: -5px }
 * 1) p-Media-label { background-color: #ff7e05 }
 * 2) p-Music-label { background-color: #ffbd2f }
 * 3) p-Characters-label { background-color: #5aff20 }
 * 4) p-Helping_Out-label { background-color: #27a3ff }
 * 5) p-tb-label { background-color: #998aff }
 * 6) p-managewiki-sidebar-header-label { background-color: #666666 }
 * 1) mw-page-base { background-image: none; background-color: transparent; }
 * 2) p-personal { background-color: rgba(255,255,255,.95); border: 1px solid #f68f30; padding: 2px; }
 * 3) p-personal ul { padding-left: 1em; }
 * 4) footer { background: rgba(0, 0, 204, .95) url('//static.miraheze.org/popnmusicwiki/7/7f/Wiki-FooterImg.png') center top repeat-x; border: 2px solid #99ff00; padding-bottom: 3.5em;}
 * 5) mw-head-base { background: rgba(255, 255, 68, .95) url('//static.miraheze.org/popnmusicwiki/c/ce/Wiki-HeaderImg.png') center bottom repeat-x; }
 * 1) mw-head .vectorMenu h3, .vectorTabs ul, .vectorTabs .selected, .vectorTabs ul li, .vectorTabs, .vectorTabs span { background: none; }
 * 1) searchInput { background-color: #ffffff; background: rgba(255,255,255,.8) url('https://static.miraheze.org/popnmusicwiki/f/f1/Wiki-SearchBarImg.png') right no-repeat; color: #000000; width: 100%; border: 1px solid #f68f30; border-radius: 2px; }
 * 2) simpleSearch:hover #searchInput { border-color: #288aff; }
 * -moz-selection { background-color: #ae0; color: #00f; }
 * selection { background-color: #ae0; color: #00f; }
 * -webkit-selection { background-color: #ae0; color: #00f; }

/*Main page content boxes*/ .fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein { visibility: hidden; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein { visibility: visible; } /*Main Page Boxes*/ .contenttable { background: #fff url('//static.miraheze.org/popnmusicwiki/d/db/Wiki-ContentBackground.png') top repeat; border: 0; border-spacing: 0; color: #444; } /*TOC*/ /*Notecounts Table*/ .notetable { border: 0; border-spacing: 0; color: #444 } /*Alt-ja space and size*/ ruby, rb, rt, rbc, rtc, rp { margin-top: .5px } rt { font-size: 70%; } /*Twitter thing for dark mode*/ .dark { display: none; } /*Main tabber style*/ /*Yeah really. Any tags are holdovers from when this was necessary on Wikia, remove them if you seem them*/ .tabber { align-items: center } .tabber__tab--active, .tabber__tab--active:visited { box-shadow: inset 0 -2px 0 0 #2dc4ff; color: #2dc4ff } /*Reflist*/ /*Tracklist tabber*/ .albumtabber .tabbertab { border: none; background-color: transparent; text-align: center; margin-top: 15px !important; } .albumtabber ul.tabbernav { background: none; border: none; text-align: center;} .albumtabber ul.tabbernav li a { border: 0; background: #8ce8ff !important; color: #444 !important; border-bottom: 8px solid #ccc; padding: 10px; } .albumtabber ul.tabbernav li a:hover { background: #e3b7ff !important; } .albumtabber ul.tabbernav li.tabberactive a { background: #a0ecff !important; color: #fff !important; border-bottom: 8px solid #ffb7dc; padding: 10px; } .references { font-size: 90%; } .references-small { font-size: 90%; } .references-2column { font-size: 90%; -moz-column-count: 1; -webkit-column-count: 1; -ms-column-count: 1; column-count: 1; } .same-bg { background: none; } /*Lyrics/Infobox/Navbox Classes*/ /**Lyric idea from Shin Megami Tensei wiki**/ /*pop'n 1*/ table.popn1 > tr > th, table.popn1 > * > tr > th { background-color: #ffde01; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn1 > tbody { text-align: center; } .popn1info { border: 3px solid #fb9413; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px;} .popn1box { background-color: #ffde01; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 2*/ table.popn2 > tr > th, table.popn2 > * > tr > th { background-color: #a5b8ff; color: #fff;  text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn2 > tbody { text-align: center; } .popn2info { border: 3px solid #ffb1db; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn2box { background-color: #a5b8ff; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 3*/ table.popn3 > tr > th, table.popn3 > * > tr > th { background-color: #a3ec36; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn3 > tbody { text-align: center; } .popn3info { border: 3px solid #86c724; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn3box { background-color: #a3ec36; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 4*/ table.popn4 > tr > th, table.popn4 > * > tr > th { background-color: #ff8125; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn4 > tbody { text-align: center; } .popn4info { border: 3px solid #e26b13; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn4box { background-color: #ff8125; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 5*/ table.popn5 > tr > th, table.popn5 > * > tr > th { background-color: #d71110; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn5 > tbody { text-align: center; } .popn5info { border: 3px solid #990706; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn5box { background-color: #d71110; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 6*/ table.popn6 > tr > th, table.popn6 > * > tr > th { background-color: #fe00b3; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn6 > tbody { text-align: center; } .popn6info { border: 3px solid #8400fe; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn6box { background-color: #ff00b4; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 7*/ /*also use for puzzle dama*/ table.popn7 > tr > th, table.popn7 > * > tr > th { background-color: #0c82e0; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn7 > tbody { text-align: center; } .popn7info { border: 3px solid #ff00a8; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn7box { background-color: #008bfe; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 8*/ table.popn8 > tr > th, table.popn8 > * > tr > th { background-color: #8fe100; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn8 > tbody { text-align: center; } .popn8info { border: 3px solid #9e6101; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px;} .popn8box { background-color: #8fe100; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 9*/ table.popn9 > tr > th, table.popn9 > * > tr > th { background-color: #ffc001; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn9 > tbody { text-align: center; } .popn9info { border: 3px solid #fb275d; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn9box { background-color: #ffc001; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 10*/ table.popn10 > tr > th, table.popn10 > * > tr > th { background-color: #003599; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn10 > tbody { text-align: center; } .popn10info { border: 3px solid #993699; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn10box { background-color: #003599; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 11*/ table.popn11 > tr > th, table.popn11 > * > tr > th { background-color: #25a608; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn11 > tbody { text-align: center; } .popn11info { border: 3px solid #00a3d9; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn11box { background-color: #25a608; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 12 iroha*/ table.popn12 > tr > th, table.popn12 > * > tr > th { background-color: #ffcce0; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn12 > tbody { text-align: center; } .popn12info { border: 3px solid #fd341a; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn12box { background-color: #ffcce0; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 13 carnival*/ table.popn13 > tr > th, table.popn13 > * > tr > th { background-color: #e6d68a; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn13 > tbody { text-align: center; } .popn13info { border: 3px solid #bf0a27; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn13box { background-color: #e6d68a; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 14 fever*/ table.popn14 > tr > th, table.popn14 > * > tr > th { background-color: #9b21ce; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn14 > tbody { text-align: center; } .popn14info { border: 3px solid #ff50af; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn14box { background-color: #9b21ce; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 15 adventure*/ table.popn15 > tr > th, table.popn15 > * > tr > th { background-color: #a04705; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn15 > tbody { text-align: center; } .popn15info { border: 3px solid #019235; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn15box { background-color: #a04705; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 16 party*/ table.popn16 > tr > th, table.popn16 > * > tr > th { background-color: #61cfe8; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn16 > tbody { text-align: center; } .popn16info { border: 3px solid #ffee82; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn16box { background-color: #61cfe8; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 17 the movie*/ table.popn17 > tr > th, table.popn17 > * > tr > th { background-color: #c21ab7; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn17 > tbody { text-align: center; } .popn17info { border: 3px solid #7750df; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn17box { background-color: #c21ab7; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 18 sengoku retsuden*/ table.popn18 > tr > th, table.popn18 > * > tr > th { background-color: #f5d91e; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn18 > tbody { text-align: center; } .popn18info { border: 3px solid #b31212; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn18box { background-color: #f5d91e; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 19 tune street*/ table.popn19 > tr > th, table.popn19 > * > tr > th { background-color: #987cf3; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn19 > tbody { text-align: center; } .popn19info { border: 3px solid #5e43b8; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn19box { background-color: #987cf3; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 20 fantasia*/ table.popn20 > tr > th, table.popn20 > * > tr > th { background-color: #1874c7; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn20 > tbody { text-align: center; } .popn20info { border: 3px solid #dfbc00; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn20box { background-color: #1874c7; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n sunny park*/ table.popn21 > tr > th, table.popn21 > * > tr > th { background-color: #fee100; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn21 > tbody { text-align: center; } .popn21info { border: 3px solid #56d997; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn21box { background-color: #fee100; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n lapistoria*/ table.popn22 > tr > th, table.popn22 > * > tr > th { background-color: #2dcbfa; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn22 > tbody { text-align: center; } .popn22info { border: 3px solid #ff96ce; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn22box { background-color: #2dcbfa; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n eclale*/ table.popn23 > tr > th, table.popn23 > * > tr > th { background-color: #ffa5cb; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn23 > tbody { text-align: center; } .popn23info { border: 3px solid #fef13e; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn23box { background-color: #ffa5cb; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n usaneko*/ table.popn24 > tr > th, table.popn24 > * > tr > th { background-color: #8f4c2b; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn24 > tbody { text-align: center; } .popn24info { border: 3px solid #cbbd64; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; font-size: 120% } .popn24box { background-color: #8f4c2b; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n peace*/ table.popn25 > tr > th, table.popn25 > * > tr > th { background-color: #fee73a; color: #fff; -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn25 > tbody { text-align: center; } .popn25info { border: 3px solid #d93769; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn25box { background-color: #fee73a; color: #fff; -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n kaimei*/ table.popn26 > tr > th, table.popn26 > * > tr > th { background-color: #6eb1ea; color: #fff; -webkit-text-stroke: 4px #444; text-stroke: 4px #444; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popn26 > tbody { text-align: center; } .popn26info { border: 3px solid #b30000; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popn26box { background-color: #6eb1ea; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*lively*/ table.lively > tr > th, table.lively > * > tr > th { background-color: #ffe208; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.lively > tbody { text-align: center; } .livelyinfo { border: 3px solid #0000cc; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .livelybox { background-color: #ffe208; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*wonderland*/ table.newpopn > tr > th, table.newpopn > * > tr > th { background-color: #ffb54d; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.newpopn > tbody { text-align: center; } .newpopninfo { border: 3px solid #ddc474; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .newpopnbox { background-color: #a2edff; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*stage*/ table.stage > tr > th, table.stage > * > tr > th { background-color: #ffad00; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.stage > tbody { text-align: center; } .stageinfo { border: 3px solid #006be7; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .stagebox { background-color: #ffad00; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*best hits*/ table.popnbh > tr > th, table.popnbh > * > tr > th { background-color: #ce7644; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popnbh > tbody { text-align: center; } .popnbhinfo { border: 3px solid #973200; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popnbhbox { background-color: #ce7644; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*portable*/ table.popnpt > tr > th, table.popnpt > * > tr > th { background-color: #6bb350; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popnpt > tbody { text-align: center; } .popnptinfo { border: 3px solid #2f8013; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popnptbox { background-color: #6bb350; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*portable 2*/ table.popnpt2 > tr > th, table.popnpt2 > * > tr > th { background-color: #fdd772; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.popnpt2 > tbody { text-align: center; } .popnpt2info { border: 3px solid #ff9803; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .popnpt2box { background-color: #fdd772; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*utacchi*/ table.uta > tr > th, table.uta > * > tr > th { background-color: #ffbab5; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.uta > tbody { text-align: center; } .utainfo { border: 3px solid #9e7245; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .utabox { background-color: #ffbab5; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*mickey-disney tunes*/ table.disney > tr > th, table.disney > * > tr > th { background-color: #ff75e3; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.disney > tbody { text-align: center; } .disneyinfo { border: 3px solid #b606bd; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .disneybox { background-color: #ff75e3; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*animelo*/ /*for animelo 1 and 2*/ table.animelo > tr > th, table.animelo > * > tr > th { background-color: #fd0000; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px;} table.animelo > tbody { text-align: center;} .animeloinfo { border: 3px solid #222222; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .animelobox { background-color: #fd0000; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*beat'n groovy*/ table.bng > tr > th, table.bng > * > tr > th { background-color: #ffa6bc; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; text-align: center; border-radius: 10px;} table.bng > tbody { text-align: center;} .bnginfo { border: 3px solid #a447cc; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .bngbox { background-color: #ffa6bc; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*default*/ /**backup default color for boxes that belong to none of the above**/ table.default > tr > th, table.default > * > tr > th { background-color: #ffb144; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px; } table.default > tbody { text-align: center; } .defaultinfo { border: 3px solid #ff3a5b; color: #fff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; border-radius: 10px; } .defaultbox { background-color: #ffb144; color: #fff; text-shadow: -1.1px 0 #444,0 1.1px #444,1.1px 0 #444,0 -1.1px #444,-1.1px 1.1px #444,0 0 1px #000; font-family: 'M PLUS Rounded 1c'; }
 * toc, .toc, .mw-warning, .toccolours { background: #fff url('//static.miraheze.org/popnmusicwiki/8/8c/Mimi_Nyami_TOC.png') no-repeat scroll top right; border: 1px solid #d9d9d9; }