MediaWiki:Fandomdesktop.css

/*Import All CSS*/ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:FontAwesome5.css|MediaWiki:W3slides.css|u:dev:MediaWiki:CustomSlider.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:AjaxPoll.Discussions.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:AjaxPoll.Modern.css|u:dev:MediaWiki:Highlight/code.css|u:dev:MediaWiki:SpoilerBlur/code.css"); /*END All CSS*/

/*Import Font*/ @import url('https://fonts.googleapis.com/css?family=Denk+One|Montserrat:500|Raleway|Aladin|M+PLUS+Rounded+1c:400,500,700,800,900'); @import url('https://fonts.googleapis.com/css2?family=Acme&family=Boogaloo&family=Capriola&family=Chela+One&family=Francois+One&family=Germania+One&family=Jockey+One&family=Lilita+One&family=Rancho&family=Sansita:wght@700&family=Skranji&family=Squada+One&display=swap'); /*END Import Font*/

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/* .  Colorization of usernames. */ a[href$="/wiki/User:Hielmiez"], a[href$="/wiki/Message_Wall:Hielmiez"], a[href$="/wiki/Special:Contributions/Hielmiez"], a[href$="/wiki/Special:Block/Hielmiez"], a[href$="/wiki/User_blog:Hielmiez"], a[href$="/wiki/User:Hielmiez/Sandbox"], a[href$="/wiki/Special:Log/block?page=User%3AHielmiez"], a[href$="/wiki/Special:ListFiles/Hielmiez"], a[href$="/wiki/Special:Log/Hielmiez"], a[href$="/wiki/Special:DeletedContributions/Hielmiez"], a[href$="/wiki/Special:UserProfileActivity/Hielmiez"], a[href$="/wiki/Special:UserRights/Hielmiez"] {    font-family: 'Jockey One', sans-serif; /*text-shadow: 0px 0px 3px #ff8621 !important; color:#8867a3 !important; */ font-size:18px; background: linear-gradient(110deg, #669EF5 33%, rgba(0, 0, 0, 0) 33%), linear-gradient(110deg, #4CE1EE 34%, #14c2d2 34%); background-size: 400%; -webkit-text-fill-color: transparent; -webkit-background-clip: text; animation: Gradient 5s ease infinite; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 5s ease infinite; } @-webkit-keyframes Gradient { 0% {		background-position: 30% 50% }	50% {		background-position: 25% 50% }	100% {		background-position: 30% 50% } } a[href$="/wiki/User:Jo_SHININGSTAR"], a[href$="/wiki/Message_Wall:Jo_SHININGSTAR"] {    text-shadow:1px 0px 4px #0E20DD !important; color:#79EBFC !important; font-weight: bold; } a[href$="/wiki/User:Chrismh"], a[href$="/wiki/Message_Wall:Chrismh"] {    color:#FA8FEF !important; font-weight: bold; } a[href$="/wiki/User:AkariiMadoka"], a[href$="/wiki/Message_Wall:AkariiMadoka"] {    color:#40E0D0 !important; font-weight: bold; }

.community-page-header .community-page-header-welcome-message { color: #7fd6fd; font-size: 30px; font-weight: bold; text-shadow: #fe8ad1 1px 1px 10px, #fe8ad1 -1px 1px 10px, #fe8ad1 1px -1px 10px, #fe8ad1 -1px -1px 10px; }

.community-page-header .community-page-subheader-welcome-message { color: #7fd6fd; font-size: 20px; font-weight: 900; text-shadow: #fe8ad1 1px 1px 10px, #fe8ad1 -1px 1px 10px, #fe8ad1 1px -1px 10px, #fe8ad1 -1px -1px 10px; }

/* .  End of Username customization. */

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/ /*BEGIN FONT*/

/* General Font */ body.skin-fandomdesktop {font-family: 'Montserrat', sans-serif;} /* Article Headers */ .page-header__title {font-family: 'Raleway', sans-serif !important; color:#410cae;} .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: 'Raleway', sans-serif; color:#410cae; } .page-content h2 { border-bottom: 2px solid var(--theme-accent-color--hover); margin: 20px 0; padding-bottom: 6px; } .page-content h3 { margin-top: 18px; } h1 {font-family: 'Raleway', sans-serif; color:#410cae;} h2 {font-family: 'Raleway', sans-serif; color:#410cae;} h3 {font-family: 'Raleway', sans-serif; color:#410cae;} h4 {font-family: 'Raleway', sans-serif; color:#410cae;} h5 {font-family: 'Raleway', sans-serif; color:#410cae;} h6 {font-family: 'Raleway', sans-serif; color:#410cae;}

.mw-parser-output a.external:after { content: ""; display: none; -webkit-mask: none; }

background-color: #fe8ad1; color: #3a3a3a; }
 * 1) userProfileApp .user-identity-header__tag {

.activity-tabs .wds-tabs .wds-tabs__tab { list-style: none; } .page__main .wds-tabs { font-family: inherit; border-bottom: 2px solid var(--theme-accent-color--hover) !important; justify-content: center; } .page__main .wds-tabs a { padding: 0.2em 0.4em !important; margin: 0 !important; color: inherit !important; font-weight: bold; border: none !important; background: transparent !important; } .page__main .wds-tabs__tab-label { font-size: 16px; height: 30px; margin: 0 10px; letter-spacing: 0; } .page__main .wds-tabs__tab { border: none !important; padding: 0 !important; box-shadow: none; } .page__main .wds-tabs__tab.wds-is-current:hover, .page__main .wds-tabs__tab:not(.wds-is-current):hover { color: #410cae !important; font-size: inherit !important; font-weight: inherit !important; border: 0 !important; border-radius: 4px 4px 0 0; background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8) !important; } .page__main .wds-tabs__tab.wds-is-current { box-shadow: none; } .page__main .wds-tabs__wrapper { border-bottom: none; }

/*Fixed video thumbnail from UCP migration that has black border on top and bottom*/ a.image.lightbox.video.video-thumbnail.xsmall { height: 104px !important; }

.wikia-gallery-item .thumb .gallery-image-wrapper { border-style: none; }

.thumb .gallery-image-wrapper { height: 104px; top: 17.5px; }

/*.activity-tabs .wds-tabs .wds-tabs__tab a:hover { font-size: inherit !important; font-weight: inherit !important; background: inherit !important; border: 0 !important; color: inherit !important; }*/ /*START Characters Highlights*/ a[href$="/wiki/Ichigo_Hoshimiya"] {color: #fca0c9 !important;} a[href$="/wiki/Aoi_Kiriya"] {color: #0071ce !important;} a[href$="/wiki/Ran_Shibuki"] {color: #9264cd !important;} a[href$="/wiki/Otome_Arisugawa"] {color: #ffc600 !important;} a[href$="/wiki/Yurika_T%C5%8Dd%C5%8D"] {color: #04745b !important;} a[href$="/wiki/Sakura_Kita%C5%8Dji"] {color: #65e420 !important;} a[href$="/wiki/Kaede_Ichinose"] {color: #ff790c !important;} a[href$="/wiki/Seira_Otoshiro"] {color: #ff153c !important;} a[href$="/wiki/K%C4%AB_Saegusa"] {color: #8ee308 !important;} a[href$="/wiki/Sora_Kazesawa"] {color: #129de5 !important;} a[href$="/wiki/Maria_Himesato"] {color: #ff7950 !important;} a[href$="/wiki/Noeru_Otoshiro"] {color: #fba7c1 !important;} a[href$="/wiki/Hikari_Minowa"] {color: #b87fcf !important;} a[href$="/wiki/Shion_Kamiya"] {color: #10942f !important;} a[href$="/wiki/Mizuki_Kanzaki"] {color: #ff3477 !important;} a[href$="/wiki/Mikuru_Natsuki"] {color: #f830bd !important;} a[href$="/wiki/Akari_%C5%8Czora"] {color: #f55197 !important;} a[href$="/wiki/Sumire_Hikami"] {color: #2b7de1 !important;} a[href$="/wiki/Hinaki_Shinj%C5%8D"] {color: #ffb81d !important;} a[href$="/wiki/Juri_Kurebayashi"] {color: #c50f3c !important;} a[href$="/wiki/Rin_Kurosawa"] {color: #101820 !important;} a[href$="/wiki/Madoka_Amahane"] {color: #8bcde3 !important;} a[href$="/wiki/Nono_Daichi"] {color: #e60895 !important;} a[href$="/wiki/Risa_Shirakaba"] {color: #61279e !important;} a[href$="/wiki/Miyabi_Fujiwara"] {color: #94368d !important;} a[href$="/wiki/Kokone_Kurisu"] {color: #94d600 !important;} a[href$="/wiki/Nina_D%C5%8Djima"] {color: #1cd4c6 !important;} a[href$="/wiki/Y%C5%AB_Hattori"] {color: #30a2cc !important;} a[href$="/wiki/Yume_Nijino"] {color: #f6a7d7 !important;} a[href$="/wiki/Rola_Sakuraba"] {color: #0047bb !important;} a[href$="/wiki/Koharu_Nanakura"] {color: #cb8bdb !important;} a[href$="/wiki/Ako_Saotome"] {color: #8add66 !important;} a[href$="/wiki/Mahiru_Kasumi"] {color: #d6006e !important;} a[href$="/wiki/Hime_Shiratori"] {color: #84cee0 !important;} a[href$="/wiki/Tsubasa_Kisaragi"] {color: #df002a !important;} a[href$="/wiki/Yuzu_Nikaid%C5%8D"] {color: #ffd200 !important;} a[href$="/wiki/Yozora_Kasumi"] {color: #9e28b5 !important;} a[href$="/wiki/Lily_Shirogane"] {color: #0a5640 !important;} a[href$="/wiki/Elza_Forte"] {color: #857650 !important;} a[href$="/wiki/Rei_Kizaki"] {color: #818183 !important;} a[href$="/wiki/Kirara_Hanazono"] {color: #cb9ad6 !important;} a[href$="/wiki/Aria_Futaba"] {color: #79bdb0 !important;} a[href$="/wiki/Aine_Y%C5%ABki"] {color: #d686ba !important;} a[href$="/wiki/Mio_Minato"] {color: #50bbe9 !important;} a[href$="/wiki/Maika_Ch%C5%8Dno"] {color: #ca2d9a !important;} a[href$="/wiki/Ema_Hinata"] {color: #f4be3c !important;} a[href$="/wiki/Sakuya_Shirayuri"] {color: #21145f !important;} a[href$="/wiki/Kaguya_Shirayuri"] {color: #a7a6d9 !important;} a[href$="/wiki/Karen_Kamishiro"] {color: #d5b757 !important;} a[href$="/wiki/Mirai_Asuka"] {color: #eb0045 !important;} a[href$="/wiki/Hibiki_Tensh%C5%8D"] {color: #cb007c !important;} a[href$="/wiki/Alicia_Charlotte"] {color: #78d8c7 !important;} a[href$="/wiki/Wakaba_Harukaze"] {color: #cb003d !important;} a[href$="/wiki/Raki_Kiseki"] {color: #d7aae3 !important;} a[href$="/wiki/Mao_Otoha"], a[href$="/wiki/Mao_Otoha/Hana"] {color: #eaa6c8 !important;} a[href$="/wiki/Ruli_Tamaki"], a[href$="/wiki/Ruli_Tamaki/Ruli"] {color: #4780c3 !important;} a[href$="/wiki/Ky%C5%8Dko_Umek%C5%8Dji"], a[href$="/wiki/Ky%C5%8Dko_Umek%C5%8Dji/Beat"] {color: #e60012 !important;} a[href$="/wiki/Shiori_Motoya"], a[href$="/wiki/Shiori_Motoya/Shiori"] {color: #d2e281 !important;} a[href$="/wiki/Ayumi_Tsukishiro"], a[href$="/wiki/Ayumi_Tsukishiro/Q-pit"] {color: #3eb8a4 !important;} a[href$="/wiki/Ann_Kurimu"], a[href$="/wiki/Ann_Kurimu/Ann"] {color: #c39dc8 !important;} a[href$="/wiki/Meisa_Hinata"], a[href$="/wiki/Meisa_Hinata/Rose"] {color: #d14f97 !important;} a[href$="/wiki/Sala_Itoi"], a[href$="/wiki/Sala_Itoi/Sala"] {color: #f0832c !important;} /*END Characters Highlights*/

/*END FONT*/ /*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/ .main-container { background: linear-gradient(rgba(127, 214, 253, 0.7), rgba(127, 214, 253, 0.7)), url(https://static.wikia.nocookie.net/all-aikatsu/images/5/54/Wiki-Background-FandomDesktop.jpg); background-attachment: fixed; background-size: cover; } .page__main:not(.page__main-is-edit) { background-color: rgba(var(--theme-page-background-color--rgb),60%); background-size: 25%; background-attachment: fixed; background-position: top center; } .wds-is-not-scrollable.wds-dropdown__content { background-color: rgba(var(--theme-page-background-color--rgb),75%) !important; } .wds-is-not-scrollable.wds-dropdown-level-2__content { background-color: rgba(var(--theme-page-background-color--rgb),75%) !important; } .rail-module, .community-page-rail { background-color: transparent; } .page__right-rail { background-color: rgba(var(--theme-page-background-color--rgb),60%); } .mw-special-AdminDashboard .page__right-rail { background-color: rgba(var(--theme-page-background-color--rgb),60%); } .fandom-community-header { color: #410cae; filter: drop-shadow(0px 0px 2px #7fd6fd) drop-shadow(0px 0px 2px #7fd6fd) drop-shadow(0px 0px 2px #7fd6fd); z-index: 100; } .fandom-community-header a { color: #410cae; font-weight: bold; } .fandom-community-header a:hover { color: RGBA(254, 138, 209, 1); } .fandom-sticky-header { color: #410cae; filter: drop-shadow(0px 0px 2px #7fd6fd) drop-shadow(0px 0px 2px #7fd6fd) drop-shadow(0px 0px 2px #7fd6fd); z-index: 100; } .fandom-sticky-header a { color: #410cae; } .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a { color: #410cae; } .wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) { color: #410cae; } div#WikiaBar a, div#WikiaBar .wds-icon { color: #410cae; font-weight: bold; } .WikiaBarWrapper .arrow .close-icon { background-color: var(--theme-body-background-color); } .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: #410cae; --wds-secondary-button-label-color--hover: #fe8ad1; } .fandom-sticky-header .wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: #410cae; --wds-secondary-button-label-color--hover: var(--theme-sticky-nav-text-color--hover); }	box-shadow: 0 0 0 0.3125vw #fe8ad1; border-radius: 16.09375vw; border: .3125vw solid transparent; } .wikipedia:after { position: relative; top: -5px; font-size: 0.9rem; left: 0px; font-family: serief; } .wikipedia.jp:after { content: "JA"; } .wikipedia.en:after { content: "EN"; }
 * 1) userProfileApp .user-identity-avatar__image {

/*END of custom table for Cardbox*/ /*Table row hover background tr:hover {background-color:hsl(209, 100%, 70%);}*/

.WikiaMainContent pre { background-color: transparent; border: 0; }

.mw-parser-output pre { white-space: inherit; padding: 1px; background: transparent; border: 0; }

.w3-display-bottomright pre { font-family: inherit; background-color: transparent; border: 0; padding: 2px; } .npage-preview { background: linear-gradient(rgba(254, 138, 209, 0.8), rgba(234, 161, 205, 0.8), rgba(127, 214, 253, 0.8), rgba(164, 241, 232, 0.8)); padding: 10px; } .mw-notification.mw-notification-tag-WikiaNotification { max-height: 400px !important; background: linear-gradient(rgba(254, 138, 209, 0.9), rgba(234, 161, 205, 0.9), rgba(127, 214, 253, 0.9), rgba(164, 241, 232, 0.9)); border-color: transparent; } /* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { margin-bottom: 5px; padding: 8px; background: linear-gradient(rgba(254, 138, 209, 0.7), rgba(234, 161, 205, 0.7), rgba(127, 214, 253, 0.7), rgba(164, 241, 232, 0.7)); font-size: 95%; border: none; box-shadow: 0 0 3px rgba(172, 0, 207, 0.3); border-radius: 5px; } /* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; z-index: 6000000; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: default; } /* BackToTop */ border-radius: initial; background: url("https://static.wikia.nocookie.net/all-aikatsu/images/2/23/Bt_pagetop.png/revision/latest?cb=20210411014645") no-repeat !important; background-size: contain !important; width: 70px; height: 80px; }
 * 1) tooltip-wrapper {
 * 1) BackToTopBtn div {

opacity: 0.5; }
 * 1) BackToTopBtn div:hover {

visibility: hidden; }
 * 1) BackToTopBtn svg {

/*STAR custom New Releases*/ .nwrbg { background-size: contain; background-position: center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; }

.cover-panel { width: 696px; height: 575px; background-image: url(https://static.wikia.nocookie.net/all-aikatsu/images/e/e8/Bg-planet2.png/revision/latest?cb=20210411021410); position: relative; left: 0; top: 13px; }

.cover-panel .images { width: 696px; height: 575px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; }

.cover-panel .cover img { border-radius: 50%; }

.cover-panel .images.i-1 { background-image: url(https://static.wikia.nocookie.net/all-aikatsu/images/6/6a/Img_bg_custom_new_releases.png/revision/latest?cb=20210411021529); }

.cover-panel .images.i-2 { background-image: url(https://static.wikia.nocookie.net/all-aikatsu/images/3/35/Bg-star2.png/revision/latest?cb=20210515133146); }

.cover-panel .images.i-3 { background-image: url(https://static.wikia.nocookie.net/all-aikatsu/images/6/66/Bg-star.png/revision/latest?cb=20210515133650); }

@-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }

.nwrbg.cover-panel { -webkit-animation: rotating 35s linear reverse infinite; animation: rotating 35s linear reverse infinite; }

.cover-panel .images.i-1.active { -webkit-animation: rotating 15s linear infinite; animation: rotating 15s linear infinite; }

.cover-panel .images.i-2.active { -webkit-animation: rotating 15s linear infinite; animation: rotating 15s linear infinite; } .cover-panel .images.i-3.active { -webkit-animation: rotating 35s linear reverse infinite; animation: rotating 35s linear reverse infinite; }

.cover-panel .cover { width: 696px; height: 575px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 138px; }

.round { float: left; } .round.r-of-4 { } .round.r-of-2 { margin-top: 38px; } .round.r-of-1 { margin-top: 54px; } .bracket-game { max-width: 250px; margin: 10px 0; } .player { min-width: 180px; border: 1px solid #ac00cf; padding-left: 10px; background-color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; } .player.top { border-radius: 3px 3px 0 0; } .player.bot { border-radius: 0 0 3px 3px; } .player.middle { border-radius: 3px; } .player .score { display: inline; float: right; border-left: 1px solid #ac00cf; padding-left: 10px; padding-right: 10px; background: #EEE; } .player.win { background-color: #c2f7c2; } .player.loss { background-color: #ffd4d4; } .connectors { float: left; min-width: 55px; } .connectors.r-of-2 .top-line { position: relative; top: 41px; width: 25px; border: 1px solid #ac00cf; } .connectors.r-of-2 .bottom-line { position: relative; top: 113px; width: 25px; border: 1px solid #ac00cf; } .connectors.r-of-2 .vert-line { position: relative; top: 37px; left: -26px; height: 76px; border-right: 2px solid #ac00cf; } .connectors.r-of-2 .next-line { position: relative; top: -1px; left: 27px; width: 26px; border: 1px solid #ac00cf; } .connectors.r-of-1 .next-line { position: relative; top: 79px; left: 0; width: 54px; border: 1px solid #ac00cf; } .clear { clear: both; }

/*START custom div background*/ .cute { background-image: url("https://images.wikia.com/all-aikatsu/images/8/82/Bg_check_cute.png"); }

.cool { background-image:url("https://images.wikia.com/all-aikatsu/images/f/f0/Bg_check_cool.png"); }

.sexy { background-image:url("https://images.wikia.com/all-aikatsu/images/a/a4/Bg_check_sexy.png"); }

.pop { background-image:url("https://images.wikia.com/all-aikatsu/images/5/57/Bg_check_pop.png"); } /*END custom div background*/

/*START custom aikatsu machine background*/ .amcute { background-image: url("https://www.aikatsu.com/onparade/images/cardlist/bg_ampr_luckydress_cute.png"); background-size: 100% 100%; }

.amcool { background-image: url("https://www.aikatsu.com/onparade/images/cardlist/bg_ampr_luckydress_cool.png"); background-size: 100% 100%; }

.amsexy { background-image: url("https://www.aikatsu.com/onparade/images/cardlist/bg_ampr_luckydress_sexy.png"); background-size: 100% 100%; }

.ampop { background-image: url("https://www.aikatsu.com/onparade/images/cardlist/bg_ampr_luckydress_pop.png"); background-size: 100% 100%; } /*END custom aikatsu machine background*/

.mvList { position: relative; width: 300px; height: 177px; background: url("https://www.aikatsu.com/planet/images/movie/frame.png") no-repeat; cursor: pointer; }

.video-frame { width: 100%; height: auto; margin: 0px auto 0px; padding: 10% 0 10%; background: url("https://static.wikia.nocookie.net/all-aikatsu/images/4/44/Video_main.png/revision/latest?cb=20201112224655") no-repeat center center; }

.pvCol_inner { margin: 0 auto; padding: 27px 0 0; width: 100%; background: url("https://static.wikia.nocookie.net/all-aikatsu/images/7/7e/Mvmain_bg.png/revision/latest?cb=20201112232632") no-repeat center top; background-size: contain; }

.cs-first { width: 80%; margin: 5vh auto; }

.bt-list { width: 100%; margin: 2vh auto; display: flex; flex-wrap: wrap; }

.bt-list img { vertical-align: top; }

.bt-list li { width: 35%; margin: 1% 1%; position: relative; list-style: none; text-align: center; }

.bt-list li a { filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6)); }

.cs img { opacity: 0.3; }

.bt-list li .new-icon { position: absolute; }

.bt-list li:hover { opacity: 0.5; }

.bt-list .cs:hover { opacity: inherit; }

/*START custom swingbox css*/ .detailCol { border-radius: 20px; margin-top: 30px; position: relative; padding-bottom: 20px; }

.detailCol.type_FAIRY { background: #eb9ec4; border: solid 2px #eb9ec4; }

.detailCol.type_JEWEL { background: #5790cd; border: solid 2px #5790cd; }

.detailCol.type_HOROSCOPE { background: #60c1c3; border: solid 2px #60c1c3; }

.detailCol.type_MUSIC { background: #eb646a; border: solid 2px #eb646a; }

.detailCol.type_MELTYHOUSE { background: #84cec5; border: solid 2px #84cec5; }

.detailCol.type_SWEETS { background: #c59bcc; border: solid 2px #c59bcc; }

.detailCol.type_STORY { background: #aec536; border: solid 2px #aec536; }

.detailCol.type_FLOWER { background: #d96aa4; border: solid 2px #d96aa4; }

.detailCol.type_COSME { background: #f29539; border: solid 2px #f29539; }

.detailCol.type_CAFE { background: #e0ba99; border: solid 2px #e0ba99; }

.detailCol.type_FRUITS { background: #fade1f; border: solid 2px #fade1f; }

.detailCol.type_AQUARIUM { background: #81cdee; border: solid 2px #81cdee; }

.detailCol .cardNnCol { color: #fff; border-radius: 18px 18px 0 0; padding: 20px; text-align: left; }

.detailCol .cardNnCol .cardNum { padding: 5px 40px; background: #fff; display: inline-block; border-radius: 30px; }

.detailCol.type_FAIRY .cardNnCol .cardNum { color: #e16da6; }

.detailCol.type_JEWEL .cardNnCol .cardNum { color: #3d6ebe; }

.detailCol.type_HOROSCOPE .cardNnCol .cardNum { color: #43aeb1; }

.detailCol.type_MUSIC .cardNnCol .cardNum { color: #df282a; }

.detailCol.type_MELTYHOUSE .cardNnCol .cardNum { color: #2eac9c; }

.detailCol.type_SWEETS .cardNnCol .cardNum { color: #975e9e; }

.detailCol.type_STORY .cardNnCol .cardNum { color: #8ea31e; }

.detailCol.type_FLOWER .cardNnCol .cardNum { color: #ca4080; }

.detailCol.type_COSME .cardNnCol .cardNum { color: #ee7528; }

.detailCol.type_CAFE .cardNnCol .cardNum { color: #c38f61; }

.detailCol.type_FRUITS .cardNnCol .cardNum { color: #ffba00; }

.detailCol.type_AQUARIUM .cardNnCol .cardNum { color: #50bbe9; }

.detailCol .cardNnCol .cardName { margin-top: 5px; font-size: 38px; }

.detailCol .detailBox { background: #fff; padding: 30px; }

.detailCol .detailBox .cardImgCol { background: url("https://static.wikia.nocookie.net/all-aikatsu/images/7/7a/Bg_detail_swing.png/revision/latest?cb=20201112140438") no-repeat; width: 760px; height: 358px; margin: auto; }

.detailCol .detailBox .cardImgCol img { margin-top: -10px; }

.detailCol .detailBox .dressiaTxt { margin: 10px 0 10px; text-align: justify; font-size: 20px; }

.detailCol.type_FAIRY .dressiaTxt { color: #e16da6; }

.detailCol.type_JEWEL .dressiaTxt { color: #3d6ebe; }

.detailCol.type_HOROSCOPE .dressiaTxt { color: #43aeb1; }

.detailCol.type_MUSIC .dressiaTxt { color: #df282a; }

.detailCol.type_MELTYHOUSE .dressiaTxt { color: #2eac9c; }

.detailCol.type_SWEETS .dressiaTxt { color: #975e9e; }

.detailCol.type_STORY .dressiaTxt { color: #8ea31e; }

.detailCol.type_FLOWER .dressiaTxt { color: #ca4080; }

.detailCol.type_COSME .dressiaTxt { color: #ee7528; }

.detailCol.type_CAFE .dressiaTxt { color: #c38f61; }

.detailCol.type_FRUITS .dressiaTxt { color: #ffba00; }

.detailCol.type_AQUARIUM .dressiaTxt { color: #50bbe9; }

.detailCol .detailBox dl { width: 100%; margin-top: 20px; }

.detailCol.type_FAIRY .detailBox dl dt { background: #e16da6; }

.detailCol.type_JEWEL .detailBox dl dt { background: #3d6ebe; }

.detailCol.type_HOROSCOPE .detailBox dl dt { background: #43aeb1; }

.detailCol.type_MUSIC .detailBox dl dt { background: #df282a; }

.detailCol.type_MELTYHOUSE .detailBox dl dt { background: #2eac9c; }

.detailCol.type_SWEETS .detailBox dl dt { background: #975e9e; }

.detailCol.type_STORY .detailBox dl dt { background: #8ea31e; }

.detailCol.type_FLOWER .detailBox dl dt { background: #ca4080; }

.detailCol.type_COSME .detailBox dl dt { background: #ee7528; }

.detailCol.type_CAFE .detailBox dl dt { background: #c38f61; }

.detailCol.type_FRUITS .detailBox dl dt { background: #ffba00; }

.detailCol.type_AQUARIUM .detailBox dl dt { background: #50bbe9; }

.detailCol .detailBox dl dt { border-radius: 50px; position: relative; z-index: 4; height: 60px; align-items: center; font-size: 28px; justify-content: center; display: flex; }

.detailCol .detailBox .dataTable { display: flex; }

.detailCol .detailBox .dataTable dl dd { height: 100px; padding-top: 0; display: flex; align-items: center; justify-content: center; text-align: left; margin-inline-start: 0; }

.detailCol .detailBox .dataTable2 dl dd { height: 100px; padding-top: 0; display: flex; align-items: center; justify-content: center; text-align: left; margin-inline-start: 0; }

.detailCol .detailBox dt dl dd { font-size: 28px; text-align: center; }

.detailCol .detailBox dd { font-size: 22px; color: #687d87; }

.detailCol .detailBox dt { color: #ffffff; }

.detailCol .detailBox .dataTable dl+dl { margin-left: 30px; }

.detailCol .detailBox .skillCol dd.noDate { text-align: center; }

.detailCol.type_FAIRY .detailBox dl dt::before { background: #eb9ec4; }

.detailCol.type_JEWEL .detailBox dl dt::before { background: #5790cd; }

.detailCol.type_HOROSCOPE .detailBox dl dt::before { background: #60c1c3; }

.detailCol.type_MUSIC .detailBox dl dt::before { background: #eb646a; }

.detailCol.type_MELTYHOUSE .detailBox dl dt::before { background: #84cec5; }

.detailCol.type_SWEETS .detailBox dl dt::before { background: #c59bcc; }

.detailCol.type_STORY .detailBox dl dt::before { background: #aec536; }

.detailCol.type_FLOWER .detailBox dl dt::before { background: #d96aa4; }

.detailCol.type_COSME .detailBox dl dt::before { background: #f29539; }

.detailCol.type_CAFE .detailBox dl dt::before { background: #e0ba99; }

.detailCol.type_FRUITS .detailBox dl dt::before { background: #fade1f; }

.detailCol.type_AQUARIUM .detailBox dl dt::before { background: #81cdee; }

.detailCol .detailBox .dataTable dl dt::before { width: 88%; top: 0; left: 6%; }

.detailCol .detailBox .dataTable2 dl dt::before { width: 94%; top: 0; left: 3%; }

.detailCol .detailBox dl dt::before { content: ""; position: absolute; height: 100%; border-radius: 30px; z-index: -1; }

/*END custom swingbox css*/ /*START custom aikatsu planet goods css*/ .mw-parser-output dl { margin: 0; }

.mw-parser-output dd { margin-bottom: 1px; margin-left: 35px; }

.contentInner { background: #fff; margin: 60px 0; } .contentTit.pages { display: block; padding: 36px 20px; background: linear-gradient(to right, #fe8ae1, #d79fea 23%, #aabeff 84%, #87cfed); text-align: center; color: #FFFFFF; font-weight: bold; font-size: 28px; }

text-align: center; padding: 40px 0; color: #687d87; }
 * 1) contentCol .contentInner .contentBox {

.detailColGoods { width: 95%; margin-top: 30px; padding: 5.8vw 0 1vw; background: url("https://static.wikia.nocookie.net/all-aikatsu/images/5/54/Bg_info_top_goods.png/revision/latest?cb=20201114053606") no-repeat top center,url("https://static.wikia.nocookie.net/all-aikatsu/images/8/88/Bg_info_bot_goods.png/revision/latest?cb=20201114045008") no-repeat bottom center; background-size: contain; font-weight: normal; } .detailColGoods dl { position: relative; width: 100%; background: url("https://static.wikia.nocookie.net/all-aikatsu/images/4/45/Bg_info_mid_goods.png/revision/latest?cb=20201114045020") repeat-y top center; background-size: contain; }

.detailColGoods dl:first-child dt { position: absolute; top: -4vw; left: 0; }

.detailColGoods dl dt { width: 100%; margin: 0 auto 0; }

.detailColGoods dt { display: block; }

.detailColGoods dd { display: block; margin-inline-start: 0px; }

.detailColGoods dl dd { width: 100%; margin: 0 auto 0; padding: 1.4vw 0 1vw; color: #ff6eb4; font-size: 26px; text-align: center; font-weight: bold; }

.detailCol dl dt img { width: 100%; }

.websiteCol { width: 95%; margin: 5% auto 0; } .websiteCol dt img { width: 100%; }

.websiteCol dd { margin: 2%; padding: 2%; text-align: center; background: #FFF; color: #ff6eb4; font-size: 20px; }

.websiteCol dt { width: 100%; margin-top: 30px; padding-top: 10%; background: url("https://static.wikia.nocookie.net/all-aikatsu/images/2/22/Tit_website_goods.png/revision/latest?cb=20201114045514") no-repeat center; background-size: contain; }

.websiteCol dd a:link, .websiteCol dd a:active, .websiteCol dd a:visited { color: #ff6eb4; }

.websiteCol dd a { display: inline-block; background: url("https://www.aikatsu.com/planet/images/products/ico_link.png") no-repeat left center; background-size: 25px; text-decoration: none; outline: none; padding-left: 5%; font-weight: normal; word-wrap: break-word; }

.websiteCol dd a:hover { transform: scale(0.95); text-decoration: none; }

margin-left: 0; }
 * 1) image_lists ul li:nth-child(3n+1) {

display: inline-block; margin-bottom: 30px; margin-left: 30px; }
 * 1) image_lists ul li {

list-style: none; }
 * 1) image_lists ol, ul {

display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
 * 1) image_lists ul {

display: block; transition: 0.2s; text-decoration: none; outline: none; color: #fff; }
 * 1) image_lists ul li a {

cursor: pointer; }
 * 1) image_lists ul li a:-webkit-any-link{

transform: scale(0.9); text-decoration: none; }
 * 1) image_lists ul li a:hover{

width: 600px; margin: 3% auto auto; position: relative; }
 * 1) slider {

content: ""; position: absolute; width: 70px; padding-top:70px; background: url("https://www.aikatsu.com/planet/images/products/ico_zoom.png") no-repeat 0 0; background-size: contain; right: 0; bottom: 0; pointer-events: none; }
 * 1) slider::after {

.monthCol{ margin:0 auto 4% auto } .monthCol .monthCol_title{ text-align:center; font-size:4.5vw; font-weight:700; line-height:1; color:#fff; background:linear-gradient(90deg, #fe8ae1 0%, #d79fea 23%, #aabeff 80%, #87cfed 100%); padding:3% 0; top:0; position:-webkit-sticky; position:sticky; z-index:3 } @media (min-width: 1000px){ .monthCol .monthCol_title{ font-size:38px } } .monthCol .monthCol_list{ width:90%; margin:0 auto; border-radius:20px; color:#687d87; padding:0 0 5% 0 } .monthCol .monthCol_list ul{ width:95%; margin:auto; text-align: center; list-style: none; } .dayCol .dayCol_num{ position:-webkit-sticky; position:sticky; top:3em; left:0; line-height:1; padding:2.5% 0 2% 0; z-index:2; background:rgba(255,255,255,0.5); font-size:3.5vw; font-weight:700 } @media (min-width: 1000px){ .dayCol .dayCol_num{ font-size:28px } } .dayCol .dayCol_num span{ display:inline-block; position:relative; font-size:2vw; border-radius:100%; background:#ff84be; line-height:1; padding:0.5em; margin:1.5vw 0 1.5vw 1.5vw; color:#fff; vertical-align:middle } @media (min-width: 1000px){ .dayCol .dayCol_num span{ font-size:20px; margin:18px 0 20px 20px } } .dayCol .dayCol_list{ display:block; margin:0 auto 2% auto; color:#687d87; text-align:left; padding:3vw; border-radius:10px; overflow:hidden; position:relative; background-image:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png"); background-size:cover } @media (min-width: 1000px){ .dayCol .dayCol_list{ border-radius:10px; padding:20px; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between } } .dayCol .dayCol_list:hover{ -webkit-transform:none; transform:none } .dayCol .dayCol_list::before{ line-height:1; top:10px; right:-70px; position:absolute; display:block; padding:0.5em 0; width:180px; font-size:60%; color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); text-align:center; text-shadow:none } @media (min-width: 1000px){ .dayCol .dayCol_list::before{ top:8px; right:-70px; font-size:13px; text-align:center } } .dayCol .dayCol_list.dayCol_list:first-child{ margin:2% auto 0 auto } .dayCol .dayCol_list.ctgGoods{ border:2px solid #ff4a8d; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_goods.png") no-repeat center center } .dayCol .dayCol_list.ctgGoods span{ color:#ff96bd } .dayCol .dayCol_list.ctgGoods .dayCol_bonus{ border:2px solid #ff96bd } .dayCol .dayCol_list.ctgGoods::before{ content:'Goods'; background:#ff4a8d } .dayCol .dayCol_list.ctgGoods{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #ff888c 0%, #ffa8fe 100%) } .dayCol .dayCol_list.ctgEvent{ border:2px solid #2c9b76; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_event.png") no-repeat center center } .dayCol .dayCol_list.ctgEvent span{ color:#48cba0 } .dayCol .dayCol_list.ctgEvent .dayCol_bonus{ border:2px solid #48cba0 } .dayCol .dayCol_list.ctgEvent::before{ content:'Event'; background:#2c9b76 } .dayCol .dayCol_list.ctgEvent{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #48cba0 0%, #c2e577 100%) } .dayCol .dayCol_list.ctgAnime{ border:2px solid #4cc9d8; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_anime.png") no-repeat center center } .dayCol .dayCol_list.ctgAnime span{ color:#8bdce6 } .dayCol .dayCol_list.ctgAnime .dayCol_bonus{ border:2px solid #8bdce6 } .dayCol .dayCol_list.ctgAnime::before{ content:'Anime'; background:#4cc9d8 } .dayCol .dayCol_list.ctgAnime{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #8ed1ef 0%, #94facb 100%) } .dayCol .dayCol_list.ctgTVprogram{ border:2px solid #a84de1; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_tvprogram.png") no-repeat center center } .dayCol .dayCol_list.ctgTVprogram span{ color:#c88eec } .dayCol .dayCol_list.ctgTVprogram .dayCol_bonus{ border:2px solid #c88eec } .dayCol .dayCol_list.ctgTVprogram::before{ content:'TV'; background:#a84de1 } .dayCol .dayCol_list.ctgTVprogram{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #ab7de6 0%, #f87ed7 100%) } .dayCol .dayCol_list.ctgDelivery{ border:2px solid #a84de1; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_delivery.png") no-repeat center center } .dayCol .dayCol_list.ctgDelivery span{ color:#c88eec } .dayCol .dayCol_list.ctgDelivery .dayCol_bonus{ border:2px solid #c88eec } .dayCol .dayCol_list.ctgDelivery::before{ content:'Delivery'; background:#a84de1 } .dayCol .dayCol_list.ctgDelivery{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #ab7de6 0%, #f87ed7 100%) } .dayCol .dayCol_list.ctgGame{ border:2px solid #f69400; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_game.png") no-repeat center center } .dayCol .dayCol_list.ctgGame span{ color:#ffb443 } .dayCol .dayCol_list.ctgGame .dayCol_bonus{ border:2px solid #ffb443 } .dayCol .dayCol_list.ctgGame::before{ content:'Game'; background:#f69400 } .dayCol .dayCol_list.ctgGame{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #fe9185 0%, #ffd108 100%) } .dayCol .dayCol_list.ctgWeb{ border:2px solid #ff4426; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_web.png") no-repeat center center } .dayCol .dayCol_list.ctgWeb span{ color:#ff8672 } .dayCol .dayCol_list.ctgWeb .dayCol_bonus{ border:2px solid #ff8672 } .dayCol .dayCol_list.ctgWeb::before{ content:'WEB'; background:#ff4426 } .dayCol .dayCol_list.ctgWeb{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #ff7575 0%, #ffaf69 100%) } .dayCol .dayCol_list.ctgMovie{ border:2px solid #3faafc; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_movie.png") no-repeat center center } .dayCol .dayCol_list.ctgMovie span{ color:#8acbfd } .dayCol .dayCol_list.ctgMovie .dayCol_bonus{ border:2px solid #8acbfd } .dayCol .dayCol_list.ctgMovie::before{ content:'Movie'; background:#3faafc } .dayCol .dayCol_list.ctgMovie{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #7fa2ff 0%, #66eafc 100%) } .dayCol .dayCol_list.ctgBirthday{ border:2px solid #6e9dba; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_birthday.png") no-repeat center center } .dayCol .dayCol_list.ctgBirthday span{ color:#a2c0d3 } .dayCol .dayCol_list.ctgBirthday .dayCol_bonus{ border:2px solid #a2c0d3 } .dayCol .dayCol_list.ctgBirthday::before{ content:'Birthday'; background:#6e9dba } .dayCol .dayCol_list.ctgBirthday{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #9db9cb 0%, #e2e1c9 100%) } .dayCol .dayCol_list.ctgOther{ border:2px solid #6e9dba; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_other.png") no-repeat center center } .dayCol .dayCol_list.ctgOther span{ color:#a2c0d3 } .dayCol .dayCol_list.ctgOther .dayCol_bonus{ border:2px solid #a2c0d3 } .dayCol .dayCol_list.ctgOther::before{ content:'Other'; background:#6e9dba } .dayCol .dayCol_list.ctgOther{ border:none;background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #9db9cb 0%, #e2e1c9 100%) } .dayCol .dayCol_list.ctg{ border:2px solid #6e9dba; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list_other.png") no-repeat center center } .dayCol .dayCol_list.ctg span{ color:#a2c0d3 } .dayCol .dayCol_list.ctg .dayCol_bonus{ border:2px solid #a2c0d3 } .dayCol .dayCol_list.ctg::before{ content:'Calendar'; background:#6e9dba } .dayCol .dayCol_list.ctg{ border:none; background:url("https://www.aikatsu.com/planet/images/calendar/bg_daycol_list.png") no-repeat center center,linear-gradient(135deg, #9db9cb 0%, #e2e1c9 100%) } .dayCol .dayCol_list{ box-shadow:0 0 10px 0 rgba(0,0,0,0.15) } .dayCol .dayCol_list:hover{ -webkit-transform:none; transform:none } @media (min-width: 1000px){ .dayCol .dayCol_list:hover{ -webkit-transform:scale(0.95); transform:scale(0.95) } } .dayCol .dayCol_list .dayCol_bonus{ border:none } .dayCol .dayCol_list .dayCol_txt{ font-weight:900; color:#fff; background-image:url("https://www.aikatsu.com/planet/images/calendar/icon_link.png"); background-position:0 0.3em; background-repeat:no-repeat; background-size:1em; text-indent:0.3em; padding-left:1.3em; margin:0 1.6em 0 0; } .dayCol .dayCol_list .dayCol_txt a{	text-decoration:none; color:#fff; } .dayCol .dayCol_list .dayCol_txt a.external:after { content: ""; display: none; -webkit-mask: none; } @media (min-width: 1000px){ .dayCol .dayCol_list .dayCol_txt{ background-position:0.3em 0.3em; width:100%; font-size:20px } } .dayCol .dayCol_list .dayCol_bonus{ text-indent:0; color:#67493c; padding:3vw; background:#fff; border-radius:5px; margin:1.5% 0 0 0; text-align:center } .dayCol .dayCol_list .dayCol_bonus span{ text-align:left; margin:0 0 0.5em 0; display:inline-block; font-weight:bold; width:100% } .dayCol .dayCol_list .dayCol_bonus img{ display:inline; width:auto; max-width:100%; height:inherit } @media (min-width: 1000px){ .dayCol .dayCol_list .dayCol_bonus{ width:100%; margin:0; padding:20px } } /*END custom aikatsu planet css*/ /*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/*Begin Activity Module Color*/ /*:root { --activity-border-color: #a095f7; --fb-font: Raleway, sans-serif; }*/ /*END Activity Module Color*/

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/* Custom cursor body { cursor: url('https://vignette.wikia.nocookie.net/all-aikatsu/images/2/2b/Cursor_1.png'), pointer; } Link cursor a:hover { cursor: url('https://static.wikia.nocookie.net/all-aikatsu/images/a/ac/Cursor_hover.png'), pointer; } End of custom cursor */

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/ /* Begin of New article listing style bullet */ .page-content ul { list-style:square outside url("https://vignette.wikia.nocookie.net/all-aikatsu/images/6/67/List.png/revision/latest/scale-to-width-down/12?cb=20191019000734"); margin: 0 0 0 2em; }

.page-content ul.wds-tabs { list-style: none; } /* End of New article listing style bullet */ /*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/*start of background stable*/ /*body { background:url("https://vignette.wikia.nocookie.net/all-aikatsu/images/5/50/Wiki-background/revision/latest?cb=20190906045609") no-repeat fixed center top; }*/ /*End of background stable*/

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/*Discord*/ .discordmodule img { border-radius: 7px; box-shadow:0 0 2px #310051; } /*End Discord*/

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/* BEGIN Tabber Nav--*/ /* .wds-tabs li { border-radius: 4px 4px 0px 0px; font-family: Raleway, sans-serif !important; font-weight: bold !important; }

.wds-tabs li a { border-radius: 4px 4px 0px 0px; background:#fffaff !important; font-family: Raleway, sans-serif !important; font-weight: bold !important; }

.wds-tabs .wds-is-current a, .wds-tabs li a:hover { color: white !important; background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8) !important; border-radius: 4px 4px 0px 0px; font-family: Raleway, sans-serif !important; font-weight: bold !important; }*/ /* Customizing Tabber */ .page-content .tabber .wds-tab__content { border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* add spaces to tabview tabs */ .page-content .tabber ul.wds-tabs > li { margin-right: 2px; } /* not applying on the last tabview tabs */ .page-content .tabber ul.wds-tabs > li:last-child { margin-right: 0; } .page-content .tabber .wds-tabs { background: transparent; border-bottom: 0 !important; padding: 3px 0 0 !important; justify-content: left; } .page-content .tabber ul.wds-tabs .wds-tabs__tab-label { height: auto; margin: 0; line-height: 1.2; } .page-content .tabber ul.wds-tabs li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #fffaff !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border: 1px solid #ac00cf !important; color: #410cae !important; font-size: 14px !important; font-weight: bold !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } .page-content .tabber ul.wds-tabs li.wds-is-current a, .page-content .tabber ul.wds-tabs li a:hover { background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8) !important; border: 1px solid #ac00cf !important; color: white !important; cursor: default; font-size: 14px !important; font-weight: bold !important; } .page-content .tabber ul.wds-tabs li.wds-is-current { box-shadow: none; } .page-content .tabber .wds-tab__content h2, .page-content .tabber .wds-tab__content h3 { display: block !important; } .wds-tabs__arrow-left { color: #ac00cf !important; } .wds-tabs__arrow-right { color: #ac00cf !important; } /* End of Customizing Tabber */ /*---END of Tabber nav-*/

.pbackground { background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8); } /*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/*--- Scroll bar – From The Promised Neverland Wiki---*/
 * -webkit-scrollbar {

width: 10px; box-shadow: 0 0 4px #fe8ad1; }
 * -webkit-scrollbar-track {

background: transparent; -webkit-box-shadow: inset 0 0 6px #7fd6fd; -moz-box-shadow: inset 0 0 6px #7fd6fd; border: 1px solid #4226cb; border-radius: 12px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#a4f1e8, #7fd6fd, #eaa1cd, #fe8ad1); border: 1px solid #ac00cf; border-radius: 12px; -webkit-box-shadow: 0 0 6px #a095f7; -moz-box-shadow: 0 0 6px #a095f7; box-shadow: 0 0 8px #a095f7; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8); border: 1px solid #fe8ad1; border-radius: 12px; -webkit-box-shadow: 0 0 6px #2d169a; -moz-box-shadow: 0 0 6px #2d169a; box-shadow: 0 0 8px #2d169a; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#eaa1cd, #a4f1e8); border: 1px solid #eaa1cd; border-radius: 12px; -webkit-box-shadow: 0 0 6px #4226cb; -moz-box-shadow: 0 0 6px #4226cb; box-shadow: 0 0 8px #4226cb; } /******--END of Scrollbar-******/

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/*******Link Glow********/ a { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } a:hover { -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; text-shadow: 0 0 4px #8071f4; color: #6145ed; text-decoration: none; } a:-webkit-any-link{ cursor: pointer; text-decoration: none; } /********END of Link Glow*********/ /*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/* video previews, adapted from NGNL wiki */ .episode-preview img { height: 100%; width: 100%; } .episode-preview-header { animation: slide-in ease-out 1s 3s forwards, fade-out linear 3s 10s forwards; } .episode-preview-header.no-video { animation: slide-in ease-out 1s 3s forwards; } @keyframes slide-in { 100% {		right: -3px; } } @keyframes fade-out { 0% {		opacity: 1; }	100% {		opacity: 0; } }

/* Expand/Collapse link color on collapsibles */ .ooui-theme-fandom .mw-collapsible-toggle a { color: #ffffff; }

.ooui-theme-fandom .normalcolor .mw-collapsible-toggle a { color: #410cae; }

.mw-collapsible span.mw-collapsible-toggle { float:right; margin-left:0; margin-right:1em; font-size: 15px; }

.mw-collapsible-toggle-default:before { content: '['; color: #ffffff; }

.mw-collapsible-toggle-default:after { content: ']'; color: #ffffff; }

.ooui-theme-fandom .mw-collapsible-toggle a:hover, .ooui-theme-fandom .mw-collapsible-toggle a:focus, .ooui-theme-fandom .mw-collapsible-toggle a:active { color: inherit; cursor: pointer; }

.normalcolor .mw-collapsible-toggle-default:before { content: '['; color: #410cae; }

.normalcolor .mw-collapsible-toggle-default:after { content: ']'; color: #410cae; }

.ooui-theme-fandom .normalcolor .mw-collapsible-toggle a:hover, .ooui-theme-fandom .normalcolor .mw-collapsible-toggle a:focus, .ooui-theme-fandom .normalcolor .mw-collapsible-toggle a:active { color: inherit; cursor: pointer; } /*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/

/******** Customized .OGG Players Start ********/ /* .OGG Player - Default */ .ogg_custom.default .ogg_player button, .ogg_custom.default audio { background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8) !important; } .ogg_custom.default audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8) !important; } .ogg_custom.default .ogg-player-options { border: 1px solid linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8); }

/* ogg Playbutton - From Shining Star Wiki */

.audio-button.custom-theme { background-color: #fe8ad1 !important; width: 11em; height: 2.5em; border: 1px solid #ac00cf; } .audio-button.custom-theme.now-playing,.audio-button.custom-theme.no-audio { background-color: #fe8ad1 !important; width: 11em; height: 2.5em; border: 1px solid #ac00cf; } /* Custom HTML5 Audio Player */ .html5audio.loaded audio { width: 100%; height: 30px; } .html5audio.loaded audio::-webkit-media-controls { width: inherit; height: inherit; position: relative; direction: ltr; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .html5audio.loaded audio::-webkit-media-controls-enclosure { width: 100%; max-width: 800px; height: 30px; flex-shrink: 0; bottom: 0; text-indent: 0; padding: 0; box-sizing: border-box; border: 1px solid #ac00cf; } .html5audio.loaded audio::-webkit-media-controls-panel { display: flex; flex-direction: row; align-items: center; /* We use flex-start here to ensure that the play button is visible even * if we are too small to show all controls. */	justify-content: flex-start; -webkit-user-select: none; position: relative; width: 100%; z-index: 0; overflow: hidden; text-align: right; bottom: auto; height: 30px; background: linear-gradient(#fe8ad1, #eaa1cd, #7fd6fd, #a4f1e8); border-radius: 5px; /* The duration is also specified in MediaControlElements.cpp and LayoutTests/media/media-controls.js */ transition: opacity 0.3s; } .html5audio.loaded audio:-webkit-full-page-media { max-height: 100%; max-width: 100%; } .html5audio.loaded audio:-webkit-full-page-media::-webkit-media-controls-panel { bottom: 0px; } .html5audio.loaded audio::-webkit-media-controls-mute-button { -webkit-appearance: media-mute-button; display: flex; flex: none; border: none; box-sizing: border-box; width: 35px; height: 30px; line-height: 30px; margin: 0 6px 0 0; padding: 0; background-color: initial; color: inherit; } .html5audio.loaded audio::-webkit-media-controls-overlay-enclosure { display: none; } .html5audio.loaded audio::-webkit-media-controls-play-button { -webkit-appearance: media-play-button; display: flex; flex: none; border: none; box-sizing: border-box; width: 30px; height: 30px; line-height: 30px; margin-left: 9px; margin-right: 9px; padding: 0; background-color: initial; color: inherit; } .html5audio.loaded audio::-webkit-media-controls-timeline-container { -webkit-appearance: media-controls-background; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; flex: 1 1; -webkit-user-select: none; height: 16px; min-width: 0; } .html5audio.loaded audio::-webkit-media-controls-current-time-display, .html5audio.loaded audio::-webkit-media-controls-time-remaining-display { -webkit-appearance: media-current-time-display; -webkit-user-select: none; flex: none; display: flex; border: none; cursor: default; height: 30px; margin: 0 9px 0 0; padding: 0; line-height: 30px; font-family: inherit; font-size: 13px; font-weight: bold; font-style: normal; color: black; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; text-decoration: none; } /* end of ogg playbutton */ /*.ogg_custom div { display: inline; } .ogg_custom, .ogg_custom:hover { opacity: 1; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .ogg_custom:hover { opacity: 1; } .ogg_custom button>img, .ogg_custom .image img { display: none; } .ogg_custom button { border: none !important; } .ogg-player-options+a:after { content: ""; } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 55px; vertical-align: bottom; background-size: 100%; display: inline-block; } .ogg_custom audio { border-radius:4px } .ogg_custom>.ogg_player>div>button:after { content: url("https://vignette.wikia.nocookie.net/all-aikatsu/images/8/89/Wiki-wordmark.png/revision/latest/scale-to-width-down/80?cb=20190907003848") !important; } .ogg_custom .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; }*/ /***********OGG player ALL-END**********/

/*♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦*/