MediaWiki:Mobile.css

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700&display=swap&subset=cyrillic,greek,greek-ext,japanese,latin-ext'); @import url('https://fonts.googleapis.com/css?family=Comfortaa:700&display=swap&subset=greek,latin-ext');

/* CSS placed here will be applied to all skins */

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } .profile-actions a:nth-child(2) { display: none; } /****Collapsible Elements****/ .mw-customtoggle, .mw-collapsible-toggle { cursor: pointer; margin-left: -35em; margin-right: 0; } a.mw-collapsible-text { color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000 !important; } /****Subpages****/ span.subpages { display: none; } /****TimedMediaHandler****/ .k-player .control-bar { background: none; background-color: #eee!important; } /***Monobook import from other site***/ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /***Sidebar***/ display: inherit; margin-top: -5px; } div#mw-panel div.portal h3 { color: #fff; text-shadow: -1px 1px 1px #444; padding: 0.2em 0.2em; margin: 0 0 0.66666667em; font-family: Comfortaa; font-size: 0.79em; } div#mw-panel div.portal { margin: 0 0.1em 0 0.4em; margin-top: 0px; padding: 0.25em 0; background-color: #fff;
 * 1) mw-panel #p-logo + .portal h3 {

} div#mw-panel div.portal div.body { background-image: none; } div#mw-panel div.portal div.body ul { padding: 0; } div#mw-panel div.portal { background-color: rgba(255,255,255,0.95); } background-color: #f97070 !important; } background-color: #ffa643 !important; } background-color: #fff24e !important; } background-color: #bfe540 !important; } background-color: #5cb4e6 !important; } background-color: #ff74b9 !important; } background-color: #666666 !important; } /****************************************/ /**Stuff for the main page, text color**/ /**************************************/ body { background-image: url('//static.miraheze.org/popnmusicwiki/0/0b/WikiBackground.png'); background-repeat: repeat; background-attachment: fixed, scroll; } .mw-body, .parsoid-body { border: 1.5px solid #f68f30; color: #444; box-shadow: 0 0 7px #fff143; background: url(//static.miraheze.org/popnmusicwiki/d/dc/Wikibg-bottomcorner.png) right bottom no-repeat rgba(255,255,255,0.95); } .birthday { background: url(//static.miraheze.org/popnmusicwiki/d/d1/MimiNyamiBirthdayMain.png) right bottom no-repeat; }   background-image: none!important; background-color: transparent!important; } right: 2em; background-color: rgba(255,255,255,0.95); border: 1px solid #f68f30; padding: 2px; } padding: 1.25em; background-color: rgba(255,255,255,0.95); border: 1.5px solid #f68f30; }   background-image: none!important; background-color: transparent!important; } div#mw-head div.vectorMenu h3, div.vectorTabs ul, div.vectorTabs li.selected, div.vectorTabs ul li, div.vectorTabs, div.vectorTabs span { background: none; } .vectorTabs span a { padding-top: 1em; } .vectorTabs ul li { background-image: none; background-color: rgba(255,255,255,0.85)!important; } .vectorTabs span { border-left: 1.5px solid #f68f30; border-top: 1.5px solid #f68f30; border-right: 0.5px solid #f68f30; } /***************/ /**Link Color**/ /*************/ a, .vectorTabs li a, #p-personal a, #footer a { color: #0b87ff; text-shadow: none!important; } a:hover { color: #0018ff; text-decoration: underline; text-shadow: none!important; } a:active { color: #0018ff; text-shadow: none!important; } a:visited { color: #0581fa; text-shadow: none!important; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color: #0581fa; } .vectorTabs li.new a, .vectorTabs li.new a:visited { color: #d92f66; } /***************/ /**Search Bar**/ /*************/ div#simpleSearch { border: 1px solid #f68f30; } /********************/ /**Highlight Color**/ /******************/
 * 1) p-Navigation-label {
 * 1) p-Media-label {
 * 1) p-Music-label {
 * 1) p-Characters-label {
 * 1) p-Helping_Out-label {
 * 1) p-tb-label {
 * 1) p-Administration-label {
 * 1) mw-page-base {
 * 1) p-personal {
 * 1) footer {
 * 1) mw-page-base {
 * selection{

background: #fcd875; color: #fff8bd; }
 * -moz-selection{

background: #ff008c; color: #fff8bd; } /*****************/ /**Button Stuff**/ /***************/ .mw-ui-button.mw-ui-progressive { background-color: #fe407e; border: 1px solid #fe407e; } .mw-ui-button.mw-ui-progressive:hover { background-color: #fe639c; border-color: #fe639c; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #f68f30; border-color: #f68f30; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { background-color: #fb77c7; border-color: #fb77c7; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span:hover { background-color: #77d0fb; border-color: #77d0fb; } /****************************/ /**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; } /********/ /**TOC**/ /******/   background: #fff url('//static.miraheze.org/popnmusicwiki/8/8c/Mimi_Nyami_TOC.png') no-repeat scroll top right; border: 1px solid #d9d9d9; } /*********************/ /**Notecounts Table**/ /*******************/ .notetable { border: 0; border-spacing: 0; color: #444; } /*****************************/ /**Hide external link arrows**/ /****************************/ .mw-body-content .external { background-image: none; padding-right: 0; } .mw-body-content a.external, .mw-body-content a[href^="gopher://"] { color: #fa8a06; text-shadow: none!important; } .mw-body-content a.external:hover, .mw-body-content a[href^="gopher://"]:hover { color: #ffd21c; text-decoration: underline; text-shadow: none!important; } .mw-body-content a.external:visited, .mw-body-content a[href^="gopher://"] { color: #fa8a06; text-shadow: none!important; } /**************************/ /**Alt-ja space and size**/ /************************/ ruby, rb, rt, rbc, rtc, rp { margin-top: 0.5px; } rt { font-size: 70%; } /***Tracklist tabber***/ .albumtabber .tabbertab { border: none; background-color: none; text-align: center; margin-top: 15px !important; }
 * toc, .toc, .mw-warning, .toccolours {

.albumtabber ul.tabbernav { background: none; border: none; text-align: center; }

.albumtabber ul.tabbernav li a { border: 0px; 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; } /**********************/ /**Main tabber style**/ /********************/ /** Main-ish....use &lt;div class=switch>{CONTENT}&lt;/div> for effect **/ div.switch { margin-top: -12px; } ul.switch li a { text-align: center; background: transparent repeat scroll 0% 0% !important; border-width: 1px 1px 0px; border-style: solid; border-color: #7B7B7B; color: #444444 !important; margin-left: 0px !important; } .switch ul.tabbernav { text-align: center; border-bottom: none; padding: 15px 1px 3px 3px!important; } .switch ul.tabbernav li a { text-align: center; border: none!important; background: transparent; color: #fcd673!important; font-weight: bold; padding: 0 8px 0 0; margin: 0; } .switch ul.tabbernav li a { background: transparent none repeat scroll 0% 0% !important; color: #fcd673!important; margin-left: 2px!important; border: none!important; font-weight: bold; } .switch ul.tabbernav li.tabberactive a { border: none!important; background: transparent; color: #f68f30!important; font-weight: bold; padding: 0 8px 0 0; margin: 0; } .switch ul.tabbernav li a:hover { border: none!important; background: transparent; color: #fff143!important; font-weight: bold; padding: 0 8px 0 0; margin: 0; } .switch div.tabbertab { text-align: center; padding: 0; border: none!important; } /**************/ /***Reflist***/ /************/ /* Small reference list */ ol.references { font-size: 90%; } .references-small { font-size: 90%; }

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count:1; column-count:1; } .same-bg { background: none } /*********************/ /*Calendar Table**/ /*******************/ table.calendar > tbody > tr > th { color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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; } /*****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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn1box { background-color: #ffde01; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; }

.pm1 { background-color: #ffde01; font-family: 'M PLUS Rounded 1c'; text-align: center; text-shadow: -1px 0 #444,0 1px #444,1px 0 #444,0 -1px #444,0 0 1px #000; border-radius: 10px 10px 0 0; font-size: 1.3em; background-image: url(''); background-position: right top; background-repeat: none; }

/*pop'n 2*/ table.popn2 > tr > th, table.popn2 > * > tr > th { background-color: #95cbe6; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #f2aac2; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn2box { background-color: #95cbe6; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: #c2f731; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #95e645; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn3box { background-color: #c2f731; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: #f2aa18; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #f27100; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn4box { background-color: #f2aa18; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn5box { background-color: #d71110; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #b20085; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn6box { background-color: #ff00b4; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n 7*/ table.popn7 > tr > th, table.popn7 > * > tr > th { background-color: #0c82e0; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #0058e6; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn7box { background-color: #008bfe; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #5cb209; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn8box { background-color: #8fe100; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #fc8f00; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn9box { background-color: #ffc001; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn10box { background-color: #003599; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn11box { background-color: #25a608; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn12box { background-color: #ffcce0; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn13box { background-color: #e6d68a; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #f23da1; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn14box { background-color: #9b21ce; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: #d95716; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #a34a06; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn15box { background-color: #d95716; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #00a3d6; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn16box { background-color: #61cfe8; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: #974fe0; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #d200a5; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn17box { background-color: #974fe0; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn18box { background-color: #f5d91e; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn19box { background-color: #987cf3; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn20box { background-color: #1874c7; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn21box { background-color: #fee100; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn22box { background-color: #2dcbfa; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #ffcc03; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn23box { background-color: #ffa5cb; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn24box { background-color: #8f4c2b; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: #ffb54d; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn25box { background-color: #ffb54d; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*pop'n wonderland*/ table.popn26 > tr > th, table.popn25 > * > tr > th { background-color: #ffb54d; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px;} table.popn26 > tbody { text-align: center;} .popn26info { border: 3px solid #ff8592; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popn26box { background-color: #a2edff; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*stage*/ table.popnst > tr > th, table.popnst > * > tr > th { background-color: #006be7; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px;} table.popnst > tbody { text-align: center;} .popnstinfo { border: 3px solid #ffad00; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popnstbox { background-color: #006be7; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popnbhbox { background-color: #ce7644; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popnptbox { background-color: #6bb350; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; text-align: center; border-radius: 10px;} table.popnpt2 > tbody { text-align: center;} .popnpsp2info { border: 3px solid #ff9803; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .popnpt2box { background-color: #fdd772; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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 #8c5b2a; color: #fff; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .utabox { background-color: #ffbab5; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .disneybox { background-color: #ff75e3; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; } /*animelo*/ table.animelo > tr > th, table.animelo > * > tr > th { background-color: #fd0000; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .animelobox { background-color: #fd0000; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .bngbox { background-color: #ffa6bc; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -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: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; border-radius: 10px; } .defaultbox { background-color: #ffb144; color: #fff; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444, 0 0 1px #000; font-family: 'M PLUS Rounded 1c'; }