MediaWiki:Fandomdesktop.css

/* 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.9); } .rail-module { background-color: transparent; }

/* wiki-header (not sticky) */ .fandom-community-header .wiki-tools .wds-button.wds-is-secondary { filter: drop-shadow(0 0 4px #de1c4e); }

/* 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 on article headers ********/ .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; }

/*Card related, but fandomdesktop skin only*/ .card_icons { position: absolute; height: 65px; width: 828px; } .attribute_icon { position: relative; top: -722.5%; left: 78.47%; }

.band_icon { position: relative; top: -622.5%; left: 13%; }

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

/*Metadata table fix*/ .mw_metadata th, .mw_metadata td { color: #000; }

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

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