MediaWiki:Wikia.css

/*********************************************************************************************************************/ /* All credits to You-Zitsu Wiki http://you-zitsu.wikia.com. You are not authorized to replicate or copy coding/design without its admin's permission.*/

/*********************************************************************************************************************/

/* Customize Modules */ .WikiaRail .rail-module, .insights-module.insights-light.module, .insights-module.insights-dark.module, .RelatedVideosModule, .CommunityCornerModule, .LatestPhotosModule, .ChatModule, .WikiaPagesOnWikiModule, .WikiaImageModule, .WikiaArticleCategories, .FollowedPagesModule, .FollowedPagesModule.module, .HotSpotsModule.module, .CommunityCornerModule.module, .WikiaActivityModule.module, .WikiaActivityModule, .content-review-module.module, .templatedraft-module.module, .WikiaArticle .thumbinner, .WikiaArticle.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .WikiaRail.module, .module.AchievementsModule.UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule.module, .UserProfileAchievementsModule, .AchievementsModule, .recirculation-rail.module.group-LATERAL_BOTH, .WikiaBlogListingBox.module, .community-page-entry-point-module.module, .module.contributors-module, .module.community-policy-module, .module.recent-activity-module, .module.help-module, .rail-module.activity-module { -webkit-box-shadow: 1px 1px 3px #ffbdd4, -1px -1px 3px #ffbdd4 !important; -moz-box-shadow: 1px 1px 3px #ffbdd4, -1px -1px 3px #ffbdd4 !important; box-shadow: 1px 1px 3px #ffbdd4, -1px -1px 3px #ffbdd4 !important; letter-spacing: 1px; line-height: 1.5em; border-image: none; /* -webkit-border: 2px solid white; -moz-border: 2px solid white; border: 2px solid white; */ -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-weight: 500; font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 0 30px; padding: 15px; background: rgba(224,255,255,0.2) !important; }
 * 1) WikiaSpotlightsModule,

.WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#ff7baa, #ec003b); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #ff7baa 30%, #ec003b 70%, #ff7baa 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #f98d9d; font-weight: 500; font-size: 1.5em !important; line-height: 1em !important; text-align: center; text-shadow: none !important; /*text-transform: uppercase */; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaActivityModule .edited-by a { font-weight:500; padding-top: 8px; padding-bottom: 8px; }

/*.module.recent-activity-module, .activity-module, .rail-module.activity-module { padding-left: 10px !important; letter-spacing: 0px; }

.ChatWidget .wds-button.wds-is-secondary, .WikiaRail .rail-module .wds-button.wds-is-secondary { color: #ff7baa; border-color: #ff7baa; }


 * 1) WikiaRail .rail-module .edit-info-user { color: #ef3262; }
 * 2) WikiaRail .activity-icon, .WikiaRail .rail-module h2.has-icon svg { fill: #ef3262; }

section.recirculation-rail.module { display:none !important; }

/* Article Activity Module Items */ .WikiaActivityModule li { margin: 0; padding: none; font-weight:500; }

/**DISCORD**/ .discord-widget .widget-header { background-color: #7f3119; } .discord-widget .widget-body { background-color: #451223; background-image: url('https://discord.com/assets/319c6196da7ea2876ecf145b988e73a7.png'), url('https://discord.com/assets/8c7c66b44b1087f6ca9edc6cc1245bec.png'); box-shadow: 0 1px 0 rgba(0, 0, 0, .2); } .discord-widget .widget-member .widget-member-name { background-color: #7289DA; color: #fff; } .discord-widget .widget-member-avatar img { border: 2px solid #7289DA; background-color: #7289DA; } .discord-widget .widget-footer { background-color: #7289DA; box-shadow: 0 -1px 18px rgba(0, 0, 0, .2), 0 -1px 0 rgba(0, 0, 0, .2); } .DiscordWidget .title-container h2.has-icon svg { fill: #7289DA; } .discord-widget .widget-body.body-loading::before, .discord-widget .widget-body.body-loading::after { background-color: #7289DA; }
 * 1) discord-member-modal .avatar-container.loading .avatar-link::before,
 * 2) discord-member-modal .avatar-container.loading .avatar-link::after,

/* Flatten the rail modules */ background: transparent; border-width: 0 0 1px 0; }	border-top: 0; margin-top: 0px; }	background-position: center bottom; }   margin-bottom:5px; font-weight:500; } div.chat-whos-here { border:1px solid #ff7baa !important; border-radius:10px; -moz-border-radius:10px !important; }
 * 1) WikiaRail > .module,
 * 2) WikiaRail > #TOP_RIGHT_BOXAD,
 * 3) WikiaRail > #MIDDLE_RIGHT_BOXAD,
 * 4) WikiaRail > #LEFT_SKYSCRAPER_2 {
 * 1) WikiaRail > .module + .module {
 * 1) WikiaRail > .HotSpotsModule.module {
 * 1) WikiaRail > .WikiaActivityModule.module,
 * 2) WikiaRail > .HotSpotsModule.module .LatestPhotosModule .carousel-container, #WikiaRail > .CommunityCornerModule.module {

section.WikiaActivityModule ul li img.sprite { display:none !important; }

/* Customizing buttons */ .CategorySelect.articlePage .add, .addVideo, .addPhotos, a.secondary.button.policies-link, .save-button, .create-new-board-button, a.button.admin-link, a.button.policies-link, .WikiaSearch .wikia-button, .WikiaRail .module .wikia-button, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button, .WikiaPagesOnWikiModule .wikia-button, .LatestPhotosModule .wikia-button, .WikiFooter .buttons a, .WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo, .WikiaPageHeader a.wikia-button, div.UserProfileActionButton a.wikia-button, div.buttons a.wikia-button, .WikiaFooter .wikia-button, .community-page-entry-point-button, .popular-tools-group, .wikia-single-button a, body:not(.codeeditor) button:not(.wds-button), .button, .WikiaPage button, .WikiaPage a.wikia-button, .wikia-button, .modalWrapper a.wikia-button, .modalWrapper button.CategorySelectAdd, .wikia-single-button a, .wikia-menu-button, .wikia-menu-button a, .wikia-menu-button span, .WikiaPage input[type="submit"], .modalWrapper input[type="submit"], .modal input[type="submit"], input[type="reset"], input[type="button"] { background: #ff7baa; background-image: linear-gradient(#f990b1 20%, #F6477D) !important; background-image: -o-linear-gradient(#f990b1 20%, #F6477D) !important; background-image: -moz-linear-gradient(#f990b1 20%, #F6477D) !important; background-image: -webkit-linear-gradient(#f990b1 20%, #F6477D) !important; color:#FFFFFF !important; box-shadow: none !important; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; }
 * 1) WikiaSpotlightsModule .wikia-button,

/* Scroll bar */
 * -webkit-scrollbar {

width: 10px; box-shadow: 0 0 6px rgba(255,50,0,0.6); }
 * -webkit-scrollbar-track {

background: #ffffff !important; -webkit-box-shadow: inset 0 0 6px rgba(255,130,231,0.1); -moz-box-shadow: inset 0 0 6px rgba(255,130,231,0.1); box-shadow: inset 0 0 6px rgba(255,130,231,0.1); border: 1px solid #940068; border-radius: 8px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#ff7baa, #ec003b); border: 1px solid #ff4399; border-radius: 8px; -webkit-box-shadow: 0 0 6px #ff7baa; -moz-box-shadow: 0 0 6px #ff7baa; box-shadow: 0 0 6px #ff7baa; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#ff4399, #db0a5e); border: 1px solid #ff7baa; border-radius: 8px; -webkit-box-shadow: 0 0 6px #ec003b; -moz-box-shadow: 0 0 6px #ec003b; box-shadow: 0 0 6px #ec003b; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#a9001a, #db0a5e); border: 1px solid #a9001a; border-radius: 8px; -webkit-box-shadow: 0 0 6px #a9001a; -moz-box-shadow: 0 0 6px #a9001a; box-shadow: 0 0 6px #a9001a; }

/* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }
 * 2) showdate a { color: white !important; }

/* Make the Edit menu drop open on hover*/ display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-delay: 0.1s; transition-property: opacity, visibility; transition-duration: 0.4s; transition-delay: 0.1s; opacity: 0; }	visibility: visible; opacity: 1; }
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button .drop:hover ~ ul,
 * 2) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement:hover {

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* Make the paper icon on image thumbnails not affect layout and be translucent * this avoids empty captions wasting space on pages. */ .WikiaArticle .thumb { position: relative; } .WikiaArticle .thumb > .magnify { position: relative; /* relative to .thumb */ right: 3px; bottom: 4px; opacity: 0.15; margin: 0; padding: 0; float: none; } .WikiaArticle .thumb > .magnify:hover { /* Reveal on hover */ opacity: 1; }

/* Change the page fonts to something better suited for screen reading. */ .WikiaArticle { font-weight: 500 !important; color: #000; font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 1px; line-height: 1.5em; }

.WikiaArticle i, .WikiaArticle em{ font-style:italic; font-weight: 500 !important; } .WikiaArticle .mw-headline, .WikiaPageHeader h1 { font-family: 'Droid Serif', Verdana, Helvetica, Arial, serif; }

.WikiaArticle h2 { font-weight: 500; border-bottom: 2px solid #ff7baa; margin-bottom: 0.6em; margin-top: 20px; }

.WikiaArticle h3 { font-weight: 400; }


 * lang(ja) {

font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Noto Sans Japanese', sans-serif; font-weight: 500; }

/* Compact the TOC since it's somewhat ridiculous on some pages */ .WikiaArticle .toc { font-size: 90%; font-weight:500; }

/* Fix line-height on lists and headings. It uses pixel values as well which screws it when the font-size is set smaller or larger. */ .WikiaArticle li { line-height: 1.6; } .WikiaArticle h2 { line-height: 1; }

/* Edit button position */ .WikiaArticle .editsection { font-weight:500; float: right !important; margin-right: 10px !important; }

/* User tags fixes */ a.tag { color: inherit; }

.WikiaPage { border: 1px solid #ff5b9d; -moz-box-shadow:0 0 2px #ff5b9d; -webkit-box-shadow:0 0 2px #ff5b9d; box-shadow:0 0 2px #ff5b9d; }

div.carousel-container div img.avatar { border:1px solid #ff7baa !important; } li.see-all a { color:#000 !important;background:#ff7baa !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #ff7baa !important; }

/* Wiki Navigation Bar */ .WikiaHeader { background-color: #ff7baa !important; background-image: -moz-linear-gradient(top, #ff7baa 20%, #d20040 80%) !important; background-image: -webkit-gradient(linear,left top, left bottom, color-stop(80%, #ff7baa), color-stop(20%, #d20040)) !important; } .WikiHeader nav { width: auto; height: 35px; border-radius: 8px 8px 0px 0px; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px -8px 0;} .WikiHeader > nav .subnav-3 {border-radius: 0 8px 8px 8px;} .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { background-color: #ffd5f9 !important; background-image: linear-gradient(top, #ff7baa, #d20040); background-image: -o-linear-gradient(top, #ff7baa, #d20040); background-image: -moz-linear-gradient(top, #ff7baa, #d20040); background-image: -webkit-linear-gradient(top, #ff7baa, #d20040); border-radius: 0 8px 8px 8px; } .WikiHeader > nav li.marked { background-color: #ffd5f9; background-image: linear-gradient(top, #ff7baa, #d20040 75%); background-image: -o-linear-gradient(top, #ff7baa, #d20040 75%); background-image: -moz-linear-gradient(top, #ff7baa, #d20040 75%); background-image: -webkit-linear-gradient(top, #ff7baa, #d20040 75%); } .WikiHeader .navbackground {box-shadow: 1px 1px 1px #ffe0eb;} .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav li { border-bottom: none; } .WikiHeader .navbackground div { background-color: transparent; } .WikiHeader a { text-decoration:none; } .WikiHeader > nav li.marked > a {color: #FFFFFF;} .subnav-2-item.marked2 a {text-shadow: 0 0 2px #d20040, 0 0 2px #d20040 !important;} .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;} .WikiHeader > nav .subnav-3 li a {text-shadow: 0 0 0 #fb719a !important;} .WikiHeader > nav li.marked .subnav-2 > li a { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } .WikiHeader > nav li.marked .subnav-2 > li a:hover { -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-shadow: 0 0 2px #ffbeef, 0 0 2px #ffbeef !important; }

.WikiNav .navbackground .chevron { display: none; } height: 23px; width: 23px; }
 * 1) title-seriesicons img {

/* Fixing eras/banner alignment */ margin: 0 0 20px 0; } .editpage-sourcewidemode-on .edit-widemode-hide { display: none; } .oasis-hide { display: none; }
 * 1) WikiaPageHeader {

/* Customizing Tabber */ /*.tabbertab { border-width: 0 !important; padding: 0 !important; }*/ .tabberlive > ul.tabbernav > li { margin-right: 0.1em; } .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; }

.tabberlive > ul.tabbernav > li:first-child { margin-left: -3px; } .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: -3px !important; }  .tabberlive .tabbertab { border-top: 1px solid #DC143C !important; border-bottom: 2px solid #DC143C !important; border-right: 2px solid #DC143C !important; border-left: 1px solid #DC143C !important; border-radius: 8px !important; background: rgba(255, 243, 249, 0.5) !important; padding: 2px 0.3em !important; } .tabbernav { background: none; border-bottom: 0 !important; padding: 2px 0 !important; } ul.tabbernav li a { background: rgba(255,189,212,0.9) !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border:1px solid #ffbdd4 !important; /*border-width:1px 1px 0 1px !important; border-style:solid !important; border-color:black !important;*/ color: black !important; font-size: 10px !important; font-weight: normal !important; margin-top: 0 !important; padding: 2px 0.3em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #DC143C !important; /*border-top: 2px solid #DC143C !important; border-left: 2px solid #DC143C !important; border-right: 1px solid	#DC143C !important;*/ border-bottom: 1px solid #DC143C !important; color: white !important; cursor: default; font-size: 11px !important; font-weight: bold !important; padding: 2px 0.3em !important; }

ul.tabbernav li.tabberactive { line-height: 0 !important; }

ul.tabbernav li.tabberactive:first-child a { margin-left: -6px !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid white; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color: inherit; }
 * 1) article div.thumb {

/* Thumb styling */ .article-thumb, .activityfeed-inserted-media li { -webkit-border-radius:1ex; -moz-border-radius: 1ex; border-radius: 1ex; border:1px solid #ff7baa; overflow: hidden; empty-cells: hide; } figcaption { margin:5px; } .article-thumb figcaption .caption { margin: 5px; font-size: 12px; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; } /* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /* Hides image attribution on articles */ div.picture-attribution { display:none !important; }

/* Custom reference box */ .refpopups-box { background: none repeat scroll 0 0 #e8f6f8 !important; border-color: #ff98aa !important; font-size: 12px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; }

/* Link hover */ a:hover { color: #9c0038 !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } a:hover a:active { color: #310000 !important; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

/* Back-to-top Button Format */ color: white; }   text-decoration: underline; } /* User Profile */ .UserProfileMasthead .masthead-info { background-image: url(https://vignette.wikia.nocookie.net/youkoso-jitsuryoku-shijou-shugi-no-kyoushitsu-e/images/0/04/UserProfileMastheadTheme.png); } .UserProfileMasthead .wikis span, .UserProfileMasthead .details span { color: #ef3262; font-family: Trebuchet MS; } .tally { color: #ef3262; } .UserProfileMasthead .details li, .UserProfileMasthead .wikis ul li a { color: #ef3262; font-weight: 400; font-family: Trebuchet MS; } .UserProfileMasthead .tally a { color: #ef3262; font-weight: 700; font-family: Trebuchet MS; } .UserProfileMasthead .masthead-info-lower:before { border-color: #f14c75 #ff7baa transparent transparent; font-family: Trebuchet MS; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

.WikiaUserPagesHeader { background: linear-gradient(#ff7baa, #fe7bff, transparent); }

.avatar { border-radius: 6px; border: 1px solid #ff7baa; border-radius: 100% !important; }

.UserProfileMasthead .masthead-avatar .avatar { -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; border-radius: 100% !important; box-shadow: 0 0 20px !important; border: 2px solid #f14c75; } .UserProfileMasthead .masthead-avatar:hover img { -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); border-radius: none !important; box-shadow: 0 0 20px black; transform: rotate(720deg); } .UserProfileMasthead .masthead-avatar .sprite.edit-pencil { display: none; }

/* Comments Preview */ .cp-modal .cp-window { background-color: white !important; color: black !important; }

/* Wikia Notifications */ .WikiaNotifications li div { border-radius: 4px; box-shadow: 1px 0 1px #f6c0f6; color: white; margin-right: 0px; max-width: 175px; overflow: auto; padding: 10px 20px; position: relative; }

/* Username colors */ a[href$="/wiki/User:Sulina"], a[href="/wiki/Message_Wall:Sulina"], a[href="/wiki/User_blog:Sulina"], a[href="/wiki/Special:Contributions/Sulina"]{font-weight: bold; color:#800000;} .comments li[data-user="Sulina"] blockquote {background-color: rgba(128,0,0,0.2) !important;} .comments li[data-user="Sulina"] blockquote:after {border-color: transparent #800000 transparent !important;}

.comments li[data-user="Bagwis"] blockquote {background-color: rgba(246,73,145,0.2) !important;} .comments li[data-user="Lattesmc"] blockquote {background-color: rgba(246,73,145,0.2) !important;} .comments li[data-user="Self-Proclaimed_King"] blockquote {background-color: rgba(246,73,145,0.2) !important;}

/* User Wall Tags */ .Wall .edited-by a[href$="Sulina"] ~ .subtle::after { content: "Head Council"; color: white; background-color: #FF3655; border-radius: 4px; padding: 0 5px; margin-left: 3px; } .Wall .edited-by a[href$="Bagwis"] ~ .subtle::after { content: "Class Representative"; color: white; background-color: #EC6B00; border-radius: 4px; padding: 0 5px; margin-left: 3px; } .Wall .edited-by [href$="Lattesmc"] ~ .subtle::after { content: "Class Representative • Translator"; color: white; background-color: #973DF6; border-radius: 4px; padding: 0 5px; margin-left: 3px; } .Wall .edited-by [href$="Alice129"] ~ .subtle::after { content: "Translator"; color: white; background-color: #973DF6; border-radius: 4px; padding: 0 5px; margin-left: 3px; } .Wall .edited-by a[href$="Self-Proclaimed_King"] ~ .subtle::after { content: "Class Representative"; color: white; background-color: #EC6B00; border-radius: 4px; padding: 0 5px; margin-left: 3px; } .Wall .edited-by a[href$="Kingdevo215"] ~ .subtle::after { content: "Class Representative"; color: white; background-color: #EC6B00; border-radius: 4px; padding: 0 5px; margin-left: 3px; }