MediaWiki:Wikia.css

/* Parts from http://dev.wikia.com/EditorSourceMinimal */ @import url('/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/dark.css&only=styles'); /* Infobox */ @import "/load.php?articles=MediaWiki:Wikia.css/Infobox.css&only=styles&mode=articles"; /* Timeline */ @import "/load.php?articles=MediaWiki:Wikia.css/Timeline.css&only=styles&mode=articles"; .skin-oasis.editor #EditPageRail .module_categories .sprite-small.edit { background-image: url('https://images.wikia.nocookie.net/speedit/images/6/68/Pencil.svg'); } .EditPageHeader { padding: 5px 5px 5px 20px; } .EditPageToolbar { box-shadow: none; } .NotificationsLink, .HelpLink, .EditPage .module > .module_content, .EditPageMainContainer .EditPageToolbar, .EditPage .module > h3, .EditPage .cke_button > a:hover { background-image: none; } .editpage-sourcewidemode .editpage-widemode-trigger { border: none; } a:hover { text-shadow: #7600ff 0 0 5px; color: #fb00ff; text-decoration:none; -webkit-transition: all linear 300ms; -moz-transition: all linear 300ms; -ms-transition: all linear 300ms; -o-transition: all linear 300ms; transition: all linear 300ms; }

/** Nawigation (colors, etc.) **/

.WikiHeader > nav li.marked { background-color: #7E0250; border-radius: 10px 10px 0 0; opacity: 1.0 !important; border-top: 1px solid transparent; border-left:transparent; }

.WikiHeader > nav li.marked > a { margin: 1px 3px; padding: 0px 12px; border-top: 1px solid transparent; border-left: 1px solid transparent; color: white; }

.WikiHeader > nav li { line-height: 31px; display: inline-block; float: left; font-size: 15px; border-bottom: none; vertical-align: bottom; background-color: rgba(300, 300, 300, 0.7); border-radius: 10px 10px 0 0; margin-right: 4px; }

.WikiHeader .navbackground { background-color: #7E0250; height: 35px; margin-top: 1px; left: 0; position: absolute; top: 32px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }

/* Module borders */ .WikiaRail .rail-module, .WikiaRail .module { background-color:transparent; border: 3px; border-color:transparent; border-radius:10px !important; padding-bottom: 20px; padding: 3.5% 3.5% 5% 3.5% !important; } .WikiaRail .module h2, .WikiaRail .rail-module h2, #myhome-community-corner-content h3, .WikiaBlogListingBox.module .author-details h2 a { font-size: 25px !important; text-align:center; } .WikiaRail .rail-module h2 { border-bottom:0; } .WikiaRail .module h2 { padding-bottom:3px; padding-top:10px !important; margin-bottom:7px; } .wds-avatar-stack__avatar, #article-comments .speech-bubble-avatar a, .user-avatar-wrapper div.avatar-container a, .avatars div a { background:none!important; padding-left:0!important; } .WikiaRail .rail-module .wds-button.wds-is-secondary { background-color: #eec56d; color:black; } /* Discord*/ .WikiaRail .DiscordIntegratorModule { border: 3px #9940ff solid; background-image:url(https://images.discordapp.net/attachments/335907287141056525/337381618702614531/sky.png); background-size:cover !important; color:#a163e8; }   margin-top:5px; margin-bottom: 10px; padding-bottom:0; } div.DiscordIntegratorModule.rail-module > h2 { background: rgba(27, 0, 128, 0.52); border: 2px solid #9940ff; padding-top: 10px; margin-top: 2px !important; } /* Insights */ .WikiaRail .insights-module { background: #7fb0ff; border: 3px solid #00a6ff; background-image: url(https://vignette.wikia.nocookie.net/wdtd/images/8/85/CardsBlue.png) !important; background-size:contain; padding-right:0; } .insights-module h2, .WikiaRail .insights-module a { border: 2px solid rgb(0, 131, 187) !important; background: #61d1ffde !important; color: #004266; } .WikiaRail .module .more { padding:3px 3px 3px 3px; } .insights-module-item, .HotSpotsModule li { border-top: 0 !important; border-bottom: 0 !important; list-style-type: none; margin: 0; padding: 5px 0; position: relative; } .WikiaRail .insights-module a { font-weight: bold; border-radius: 1em 2em 1em 2em; } .WikiaRail .insights-module a:hover { color: white !important; background-color: transparent !important; border: 2px solid hsla(181, 48%, 60%,1) !important; text-shadow:2px 1px 2px #006973; border-right:0 !important; } /*Adjust line length */ padding-right:0; margin-right:11%; } /* Hot Spots */ .HotSpotsModule.module { border: 3px solid #ff2000 !important; color:#960000; background-image: url(https://vignette.wikia.nocookie.net/wdtd/images/5/54/CardsRed.png) !important; background-size:contain; } .HotSpotsModule.module a { color: #960000; border: 2px solid #ff2000; border-radius: 1em 2em 1em 2em !important; background-color: hsla(0,100%,90%,0.9); padding: 0.5em 5px 5px 7px; line-height: 2.5 !important; border-style: solid !important; -webkit-box-decoration-break: clone !important; box-decoration-break: clone !important; } .HotSpotsModule.module a:hover { color:#ffd3d3 !important; background-color: transparent; border: 2px solid #ffd3d3; border-radius:1em 2em 1em 2em; border-bottom:0; text-shadow:#460000 2px 1px 2px; } .HotSpotsModule.module h2, .HotSpotsModule.module p { background-color: hsla(0,100%,90%,0.9); border: 2px solid #ff2000; padding:2px 2px 2px 2px; border-radius:1em 1em 2em 2em; } .HotSpotsModule.module h2 { padding: 5px 5px 7px 10px; margin-bottom:5px; } .HotSpotsModule.module p { padding-left:3px; text-align: center; margin: 0 15px; line-height: initial; } /* Community Corner */ .WikiaRail .CommunityCornerModule, .WikiaRail .WikiaBlogListingBox.module, #ForumActivityModule, #ForumRelatedThreadsModule { border: 3px solid #29c258 !important; color: #05882b !important; background-color: #48c975; background-size: contain; background-image:url(https://vignette.wikia.nocookie.net/wdtd/images/5/5e/CardsGreen_2.png) } .CommunityCornerModule.module > h2, .WikiaBlogListingBox h2, #myhome-community-corner-content > h3, #ForumActivityModule > h2, #ForumRelatedThreadsModule h2 { color: #05882b !important; border: 2px solid #29c258 !important; background: rgba(191, 255, 205, 0.78); padding-top: 1%; } .WikiaBlogListing a:link, .CommunityCornerModule.module a:link { color: #389400; } .WikiaBlogListing .WikiaBlogListingPost, li.WikiaBlogListingPost, .WikiaBlogListingBox ul .WikiaBlogListingPost:first-child, .WikiaBlogListingBox ul .WikiaBlogListingPost, .WikiaBlogListingPost:last-child, #ForumActivityModule ul, #ForumRelatedThreadsModule > ul { background-color:rgba(191, 255, 205, 0.70); border: 2px solid #29c258; border-radius: 10px; padding:5px 5px 5px 7px; margin-bottom:3px; padding: 10px 2px 10px 10px; }   color: black !important; }   border: 2px solid #29c258; background-color: hsla(132, 79%, 68%, 0.7); } .WikiaBlogListing ul .WikiaBlogListingPost h2 { border: 0 !important; background: transparent; text-align:left !important; display:flex; margin-right: 20%; } .WikiaBlogListing .wikia-button { padding: 1px 5px 1px 5px; margin-top: 20px; } .WikiaBlogListing.module .author-details h2 { font-size: 18px; }
 * 1) discord-widget .widget, #discord-widget .widget-loading {
 * 1) WikiaRail section.insights-module.insights-light.module ul {
 * 1) ForumActivityModule .edit-info, #ForumActivityModule .edit-info-user, #ForumRelatedThreadsModule .edit-info, #ForumRelatedThreadsModule .edit-info-user {
 * 1) ForumActivityModule div.page-title a, #ForumRelatedThreadsModule div.page-title a {

/** Chat - by DarthEmmet **/ /* "Magiczny" Czat */ .ChatWindow .User img { border-radius: 2pc !important; } .inline-alert { color: #AE046C !important; } .Chat .you, .Chat ul li { background: transparent; } .Chat img { border-radius: 0px; border: none !important; } .Chat img.avatar { border-radius: 2pc; border: none; } .Write .message { background-color: transparent; border: 0px solid #AE046C; } .Write .message textarea { width: 98% !important; background: transparent; border: 0px dotted #AE046C; } .Write img { border-radius: 2pc; border: none; margin: 2.5px 0px 0px -3px !important; } .Write [name="message"] { background-color: transparent; border: 0; } .WikiChatList img { border-radius: 3px; border: none; } .WikiChatList .User:hover, .PrivateChatList .User:hover { margin: 0px 0px 0px 7px !important; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; background: transparent !important; } .User .username { background-color: transparent; border: 0px solid #AE046C; } .ChatHeader { background: rgba(255,255,255,0.9); background: -moz-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0.0.3))); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -o-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); margin: 0px 6px 0px 0px !important; border-radius: 25px !important; border:0px solid #AE046C; border-top: 0px solid #AE046C !important; border-right: 0px solid #AE046C !important; border-bottom-left-radius: 8px; border-right: none; } .ChatHeader img { border-radius: 3px; border: 0px solid #AE046C; } .Rail .private { background-color: transparent; background-image: none; border: none !important; text-align: center; } .PrivateChatList .User img { border-radius: 3px; border: none; } .PrivateChatList .User:hover { background: transparent; } .Chat .me-message { background-color: transparent; border: 0px solid #AE046C; padding: 0px 3px; border-radius: 10px; } .Rail .selected { box-shadow: none; background: transparent; } .Chat li { background: transparent; } .Chat .time { font-size: 13px; font-weight:bold; color:#AE046C; } .Chat { background: rgba(255,255,255,0.9); background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0.6))); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -o-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); margin: 0px 6px 0px 0px !important; border-radius: 25px !important; border: px solid #AE046C; border-bottom: none; border-top-left-radius: 8px; border-right: none !important; } .Write { background: rgba(255,255,255,0.9); background: -moz-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0.6))); background: -webkit-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -o-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); background: linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0088', GradientType=1 ); margin: 0px 6px 0px 0px !important; border-radius: 25px !important; border:0px solid #ae043a; border-top: 0px solid #ae043a !important; border-right: 0px solid #ae043a !important; border-bottom-left-radius: 8px; border-right: none; } .Rail { background: rgba(255,255,255,0.6); background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.9) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.6)), color-stop(0%, rgba(255,255,255,0.6)), color-stop(0%, rgba(255,255,255,0.6)), color-stop(0%, rgba(255,255,255,0.6)), color-stop(100%, rgba(255,255,255,0.9))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.9) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.9) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.9) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0088', GradientType=0 ); border-radius: 25px !important; border: 0px solid #AE046C; border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-left: none; } .ChatWindow .WikiaPage { border: 0px solid #AE046C !important; background: transparent !important; border: none !important; } .ChatWindow { background: url(https://vignette.wikia.nocookie.net/lolirock/images/e/ee/LoliRock_Background_Animation.gif/revision/latest?cb=20160819011038) center top !important; } /* Content Area Tweaks */ .WikiaArticle { line-height: 1.5em; font-size: 14px; } button.secondary, .CategorySelect.articlePage .add { background-color:#900fdb !important; border: #900fdb; } .WikiaArticle .mw-headline, #mw-pages h2, #mw-category-media h2, #mw-subcategories h2, #mw-imagepage-content h2 { font-family:'Avenir Next 101','Helvetica','Arial','sans-serif' !important; font-weight:500; } .WikiaArticle h2 { font-size:1.45rem; } .WikiaArticle h4 .mw-headline { font-weight:600; font-size:0.95rem; } .WikiaPage h3 { font-size:18px; } .WikiaArticle .toc { line-height: 1.5em; background-image:none; background-color: transparent; border: 0px solid #fff7f7; border-radius: 10px; } .WikiaArticle .article-thumb { background-color: #d4e6f7 !important; background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #F2F2F2 100%) !important; overflow: hidden !important; border:0 !important; padding: 5px !important; text-align: center !important; } .WikiaArticle .article-thumb, .WikiaArticle .article-thumb img { border-radius:5px; } .WikiaArticle .caption { font-size:11px; line-height: 12px !important; } .wikitable { background-image: none !important; border: 1px solid black; } .wikitable, table.wikitable { background: none !important; border: 1px solid black; } table.wikitable th, table.wikitable td { border: 1px solid black; }

/* General Portable Infobox CSS - Credits to Once Upon a Time Wiki */ /* Since this intricate coloring scheme was meant to   go with a base color palette very different to the one established by the Disney 2019 design, colors on most infoboxes had to be turned off for simple legibility reasons. This system can obviously be restored in a few weeks, after the campaign ends in the 2nd week of August 2019 */ /* Eaasiest to let the base .portable-infobox style do its thing. */  .portable-infobox { /* background-color: transparent;*/ border: 2px solid black; /* color: black;*/ width: 280px; } .portable-infobox .pi-border-color { /* border-color: #666; */ } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title { /*background: #2e3c25; color: #111111;*/ line-height: 26px; font-size: 17px; font-weight: bold; } .portable-infobox .pi-data .pi-data-label { display: flex; -webkit-flex-basis: auto; -moz-flex-basis: auto; flex-basis: auto; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 50%; } .portable-infobox .pi-header { background-color: #909090; border-bottom: 1px solid #666; } .portable-infobox h2.pi-item.pi-header { padding: 3px; } .portable-infobox .pi-item-spacing { padding: 2px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-image { /* background-color: #000;*/ } .portable-infobox .pi-data-value:not(.pi-horizontal-group-item) { text-align: right; } .portable-infobox .pi-data-value ul { text-align: right; } .portable-infobox .pi-navigation { background-color: transparent; border-bottom: 1px solid /* #666 */; font-size: smaller; text-align: center; }