MediaWiki:Fandomdesktop.css

/*sticky header logo brightness fix*/ .fandom-sticky-header__logo img { -webkit-filter: brightness(150%); filter: brightness(150%); } /*remove image border on galleries*/ .wikia-gallery-item .thumb .gallery-image-wrapper, .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; }

/* Userpages */ box-shadow: 0 0 0 0.3125vw #e50050; border-radius: 16.09375vw; border: .3125vw solid transparent; }
 * 1) userProfileApp .user-identity-avatar__image {

/* Right rail background */ .page__right-rail { background-color: rgba(2,2,17,0.6); } .rail-module { background-color: transparent; } /*format wds buttons ala-bandori*/ .wds-button.wds-is-secondary, .wds-button.wds-is-secondary:disabled { background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.31,#fff),color-stop(0.36,#fff),to(#dedede)); border: 1px solid #858585; color: #505050; } .wiki-tools .wds-button.wds-is-secondary.wds-dropdown__toggle { border: 1px solid #858585; } .wds-button.wds-is-secondary:hover, .wds-button.wds-is-secondary:disabled:hover { color: #de1c4e; } .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .share-button, .LightboxModal .icon.pin.active div.locked, .LightboxModal .icon.pin div.unlocked, .LightboxModal .LightboxHeader .close svg { color: #505050; } /* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { margin-bottom: 5px; padding: 2px 5px; background: linear-gradient(rgba(2, 2, 17,0.9),rgba(2, 2, 17,0.9)); font-size: 90%; border: none; box-shadow: 0 0 3px rgba(119, 136, 153, 0.3); border-radius: 5px; color: #fff; }

/* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; z-index: 6000000; }
 * 1) tooltip-wrapper {

/* 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; }

/* RandComic */ .koma_container { position: relative; width: 300px; box-sizing: border-box; }

.koma_image { display: block; width: 100%; height: 218px; }

.koma_overlay { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); /* Black see-through */ color: #f1f1f1; transition: .5s ease; opacity:0; font-size: 15px; font-family: 'Jellee Roman'; font-weight: 600; padding: 0; text-align: center; width: 300px; }

.koma_container:hover .koma_overlay { opacity: 1; }

/******* Fix extraneous spaces ********/ .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { line-height: 1; margin-bottom: 3px; } .page-content h2 { border-bottom: 2px solid var(--theme-accent-color); margin: 20px 0; padding-bottom: 6px; } .page-content h3 { margin-top: 18px; } .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { padding: 5px; } .page-header { margin-bottom: 15px; } /******* END ********/

/* Customizing Tabber */ .page__main .wds-tabs { font-family: NewRodinPro-B !important; border-bottom: 2px solid #ff0040 !important; justify-content: center; } .page__main .wds-tabs a { padding: 0.2em 0.4em !important; margin: 0 !important; color: #e6e6e6 !important; border: none !important; background: transparent !important; } .page__main .wds-tabs__tab-label { font-size: 13px; height: 30px; margin: 0 10px; letter-spacing: 0; } .page__main .wds-tabs__tab { border: none !important; padding: 0 !important; } .page__main .wds-tabs__tab.wds-is-current, .page__main .wds-tabs__tab:not(.wds-is-current):hover, .page__main .wds-tabs__tab.wds-is-current a, .page__main .wds-tabs__tab:not(.wds-is-current) a:hover { color: #ff0040 !important; } .page__main .wds-tabs__tab.wds-is-current { box-shadow: none; } .page__main .wds-tabs__wrapper { border-bottom: none; }

/*Remove black-thingy to the sides of table*/ .article-table-wrapper { background: transparent; }

/*My Tools link color fix when hovering*/ .WikiaBarWrapper .tools-menu > li > a:hover { color: #fff; }

/*link fixes not following any font-weight*/ .page-content .mw-parser-output a, .right-rail-wrapper a { font-weight: 600; }

/*WikiaNotification padding fix*/ .mw-notification { padding: 0.5em; }

/*mcf header fix*/ .mcf-header { color: #e6e6e6; }

/*Accordion*/ /* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: rgb(222, 28, 78); background-color: rgba(222, 28, 78, 0.8); color: #fff; cursor: pointer; text-align: center; padding: 5px; width: 100%; border: none; outline: none; transition: 0.4s; border-radius: 8px; }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .accordion.active, .accordion:hover { background-color: rgba(222, 28, 78, 1); }

.accordion:after { content: '\01401'; font-size: 13px; color: #fff; float: right; margin-right: 15px; }

.accordion.active:after { content: "\1403"; }

/* Style the accordion panel. Note: hidden by default */ .panel { padding: 0; background-color: transparent; display: none; overflow: hidden; } /*mbox*/ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgba(99, 97, 97, 0.7); /* for dark themed wikis, use #636161 */ border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }