User:Americhino/wikia.css

@import url("http://fonts.googleapis.com/css?family=Droid+Sans"); /* ModernMasthead (Americhino) */ /* make sure to import droid sans */ /* Screen sizes (from ModernProfile) */ /* Desktop and Desktop XL */ @media only screen and (min-width:1084px) { .WikiaUserPagesHeader { margin: 0 -21px !important; padding: 0 21px !important; } .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -21px !important; } .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 195px !important; } .UserProfileMasthead .masthead-info hgroup h1 { align: bottom !important; font-size: 50px; margin-left: -150px !important; } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; top: 60px; } } /* Tablet Landscape*/ @media only screen and (min-width:1024px) and (max-width:1083px) { .WikiaUserPagesHeader { margin: 0 -11px !important; padding: 0 11px !important; } .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -11px !important; } .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 185px !important; } .UserProfileMasthead .masthead-info hgroup h1 { align: bottom !important; font-size: 45px; margin-left: -150px !important; } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; top: 65px; } } /* Tablet Portrait*/ @media only screen and (max-width:1023px) { .WikiaUserPagesHeader { margin: 0 -25px !important; padding: 0 25px !important; } .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -25px !important; } .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 199px !important; } .UserProfileMasthead .masthead-info hgroup h1 { align: bottom !important; font-size: 45px; margin-left: -150px !important; } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; top: 60px; } } /* Whole Header */ .WikiaUserPagesHeader { background: rgba(128, 128, 128, .07); margin-bottom: 18px; padding-top: 1; } .UserProfileMasthead { padding:0 } /* Header (Username and tags) */ .UserProfileMasthead .masthead-info hgroup { background-image: none !important; border-radius: 0 !important; } .UserProfileMasthead .masthead-info .tag { border-radius: 0; text-decoration: none !important; }   /* For users with UserAccountAge or other scripts with links*/ .UserProfileMasthead .masthead-info .tag a:hover { text-decoration: none !important; }       /* ! find some way to make username straight again ! */ .UserProfileMasthead .masthead-info .h1 { text-decoration: none !important; } /* Masthead */ .UserProfileMasthead .masthead-info { background-size: 150px !important; border-radius: 0 !important; box-shadow: 0 0 0 !important; font-family: Droid Sans !important; } /* Avatar and Avatar controls */ .UserProfileMasthead .avatar { border-radius: 10em !important; border: 0 !important; }

align: right; font-weight: bold; text-transform: uppercase; vertical-align: top; }	font-weight: bold; text-transform: uppercase; vertical-align: top; }	text-decoration: none; } .UserProfileMasthead .avatar-controls #wds-icons-pencil, .UserProfileMasthead .avatar-controls .edit-pencil { display: none; } .UserProfileMasthead .masthead-info .user-identity-box-edit { display: block; opacity: 0; transition: opacity 0.15s ease-out; }	content: url("data:image/svg+xml;utf8,  "); margin-right: 5px; }   /* ! fix for dark wikis ! */ .UserProfileMasthead .masthead-avatar span { float: right; text-align: right; width: 100%; } .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; float: right; margin-top: 5px; opacity: 0; transition: opacity 0.15s ease-out; width: 100%; } .UserProfileMasthead .masthead-info: hover .user-identity-box-edit, .UserProfileMasthead .masthead-avatar:hover .avatar-controls { display: block; font-weight: 700; opacity: 1; } /* My Favorite Wikis */ .wikis { font-weight: 700; letter-spacing: -0.5px; text-transform: uppercase; transition: filter 0.25s ease-out !important; } .wikis a:hover { text-decoration:none !important; } .wikis ul a:hover { filter:brightness(.85) } /* Profile Tabs */ .UserProfileMasthead .masthead-info-lower::before { display: none !important; } .WikiaUserPagesHeader .tabs li { cursor: pointer !important; flex: 1 auto !important; float: left !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .WikiaUserPagesHeader .tabs li:hover a { text-decoration: none !important; } .WikiaUserPagesHeader .tabs li.selected a { background: none !important; border-bottom: 4px solid currentColor; } .WikiaUserPagesHeader .tabs li a { align-items: center; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; border-bottom:4px solid transparent; } .page-dark .WikiaUserPagesHeader .tabs li:hover { filter: brightness(1.3); } .page-bright .WikiaUserPagesHeader .tabs li:hover { filter: brightness(.7); }
 * 1) userIdentityBoxEdit,
 * 2) userAvatarEdit {
 * 1) userIdentityBoxEdit,
 * 2) userAvatarEdit {
 * 1) userIdentityBoxEdit a:hover,
 * 2) userAvatarEdit a:hover {
 * 1) userAvatarEdit::before {

/* Websites */ .page-dark .WikiaUserPagesHeader .li.website:hover, .WikiaUserPagesHeader li.facebook:hover, .WikiaUserPagesHeader li.twitter:hover { box-sizing: border-box; filter: brightness(1.1); } .page-bright .WikiaUserPagesHeader .li.website:hover, .WikiaUserPagesHeader li.facebook:hover, .WikiaUserPagesHeader li.twitter:hover { box-sizing: border-box; filter: brightness(.9); } /* Website icons */ .UserProfileMasthead li.twitter a{   content: url("data:image/svg+xml; utf8,   ") } .UserProfileMasthead li.facebook a{   content: url("data:image/svg+xml; utf8,   ") } .UserProfileMasthead li.website a{   content: url("data:image/svg+xml; utf8,   ") } /* "Show More" icon */ .UserProfileMasthead .masthead-info .bio-toggle span { content: url("data:image/svg+xml; utf8, <path d=\"M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10z\" fill-rule=\"evenodd\" stroke=\"#808079\" stroke-width=\"1.5\"> ") } /* Modal and Tabs (Edit Avatar/About Me) */ .modal > header, .modal > section { font-family:Droid Sans; } .modal > section .tabs { border: none; cursor: pointer !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .modal > section .tabs li:hover a { text-decoration: none !important; } .modal > section .tabs li.selected a { background: none !important; border-top:none; border-left:none; border-right:none; border-bottom: 4px solid currentColor; } .modal > section .tabs li { align-items: center; border-bottom: 4px solid transparent !important; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; } /* End of ModernMasthead (Americhino) */

/*============================= NOT MODERNMASTHEAD =====================*/

/* Minimal Buttons */ .skin-oasis a.wikia-button, .skin-oasis .wikia-single-button a, .skin-oasis .wikia-menu-button, .skin-oasis .wikia-menu-button a, .skin-oasis .wikia-menu-button span, .skin-oasis .button, .skin-oasis button, .skin-oasis .codepage-publish-button, .skin-oasis a.wikia-button:hover, .skin-oasis .wikia-single-button a:hover, .skin-oasis .wikia-menu-button:hover, .skin-oasis .wikia-menu-button a:hover, .skin-oasis .wikia-menu-button span:hover, .skin-oasis .button:hover, .skin-oasis button:hover, body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, .codepage-publish-button:hover, .codepage-publish-button:active { background-image: none !important; transition: 0.2s ease; }

/* ModernTabview (Americhino) */ .tabs { border: none; cursor: pointer !important; font-size: 0.875rem !important; font-weight: 700 !important; height: 50px !important; line-height: 50px !important; margin: 0 !important; text-align: center !important; text-transform: uppercase !important; transition: filter 0.25s ease-out !important; } .tabs li:hover a { text-decoration: none !important; } .tabs li.selected a { background: none !important; border-top:none; border-left:none; border-right:none; border-bottom: 4px solid currentColor; } .tabs li { align-items: center; border-bottom: 4px solid transparent !important; border: none; box-sizing: border-box; display: flex; height: 100%; justify-content: center; } /* End of ModernTabview (Americhino) */

/* classic community central contribs buttons */ .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a { background: #002d55; } .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, .wiki-wikia.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a:active, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a:focus, .wiki-wikia.mw-special-Contributions #contentSub:not(.contentSub) a:hover, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a:active, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a:focus, .wiki-wikia.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #001f3a; } /****************** FANSUN Fixes (Americhino) ******************/ background-color: #00b7e0 !important; } /* FANSUN Comments */ body.skin-oasis .WikiaArticleComments, body.skin-oasis .WikiaArticleComments .article-comments { border: none !important; } body.skin-oasis .WikiaArticleComments #article-comments-counter-header, ul.controls { text-transform: uppercase; font-weight: bold; } body.skin-oasis .WikiaArticleComments #article-comments-counter-header:before { content: url("https://vignette.wikia.nocookie.net/ursuul/images/6/63/SpeechBubble.svg"); padding-right: 5px; } .speech-bubble-message, .editarea { border: none !important; border-radius: 0 !important; } .editarea { filter: brightness(90%) } .article-comments-pagination.upper-pagination { display: none }
 * 1) BackToTopBtn div {

.speech-bubble-message:before, .speech-bubble-message:after { display: none !important; } .speech-bubble-avatar img, .WikiaArticleComments #article-comments > .MiniEditorWrapper .session img { border-radius: 50%; } .article-comm-reply.wikia-button.secondary.actionButton, .wikia-button.actionButton { border: 1px solid; border-color: #00b7e0 !important; color: #00b7e0 !important; background-color: transparent !important; text-transform: uppercase; font-weight: bold; border-radius: 0 !important; background-image: none !important; } .article-comm-reply.wikia-button.secondary.actionButton:hover, .wikia-button.actionButton:hover { border: 1px solid; border-color: #00c8e0 !important; color: #00c8e0 !important; background-color: transparent !important; text-transform: uppercase !important; font-weight: bold; border-radius: 0; } .edited-by { text-transform: uppercase; font-weight: bold; font-size: x-small !important; } body.skin-oasis .MiniEditorWrapper .toolbar a.cke_button { background-color: #4f5b6a; border: none; border-radius: 0 !important; outline: none; } body.skin-oasis .MiniEditorWrapper .toolbar .cke_button .RTEImageButton .cke_icon { background-position: 0px 0px; background-color: #4f5b6a !important; border: none; border-radius: 0 !important; outline: none; background-image: url('https://images.wikia.nocookie.net/speedit/images/c/cf/Image-white.svg'); } /* ModernCategories */ .article-categories { background-image: none !important; border: none !important; text-transform: uppercase; font-weight: bold; font-size: smaller } .catlinks li { border-left: none; } .catlinks li:before { content: '• '; font-size: 15px; margin-left: -5px; margin-right: 4px; } .catlinks li:first-child:before { content: none; } /* Borders */ .WikiaBarWrapper li, .WikiaPage, .WikiaPage h2 { border: none !important } .page-header__separator { display: none } /* Blog modules*/ .skin-oasis .WikiaRail .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: #fff } /* WorkingMoreUsersCount */ .skin-oasis .WikiaRail .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: #fff } body #uc-modal.modalWrapper > h1:before { content: url("data:image/svg+xml; utf8,  "); padding-right: 2px; } .wikia-chiclet-button { transition: 0.2s ease; border-radius: 50%; } .wikia-chiclet-button:hover { transition: 0.2s ease; } .close.wikia-chiclet-button img { background: url('https://vignette.wikia.nocookie.net/speedit/images/8/8b/Cross.svg') no-repeat; -moz-box-sizing: border-box; box-sizing: border-box; } .close.wikia-chiclet-button:after { content: 'lol' }   border-radius: 0; border: 1px solid; border-color: #00b7e0; color: #00b7e0 !important; color: #fff; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small }   border-radius: 0; border: 1px solid; border-color: #e0e0e0; color: #e0e0e0; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small } body .modalWrapper { border-color: transparent; } /* BlogModule */ .skin-oasis .WikiaRail .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: #fff; } /* FANSUN Search */ .SearchInput { background-color: transparent !important; border: none !important } .Search .WikiaSearch .search-tabs .selected, .Search .WikiaSearch .search-tabs a:hover { background-color: #2c343d !important; color: #fff !important; border-radius: 5px; } .Search .WikiaSearch .search-tabs li, .advanced-link { font-size: smaller; text-transform: uppercase; font-weight: bold; } .Search .WikiaSearch .search-tabs .selected a, .result-count.subtle { color: #fff } /* Minimal Buttons */ .skin-oasis a.wikia-button, .skin-oasis .wikia-single-button a, .skin-oasis .wikia-menu-button, .skin-oasis .wikia-menu-button a, .skin-oasis .wikia-menu-button span, .skin-oasis .button, .skin-oasis button, .skin-oasis .codepage-publish-button, .skin-oasis a.wikia-button:hover, .skin-oasis .wikia-single-button a:hover, .skin-oasis .wikia-menu-button:hover, .skin-oasis .wikia-menu-button a:hover, .skin-oasis .wikia-menu-button span:hover, .skin-oasis .button:hover, .skin-oasis button:hover, body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, body a.wikia-button:hover, body .wikia-single-button a:hover, body .wikia-menu-button:hover, body.skin-oasis input[type="submit"]:not([class^="wds"]):hover, body.skin-oasis input[type="reset"]:not([class^="wds"]):hover, body.skin-oasis input[type="button"]:not([class^="wds"]):hover, body .button:hover, body .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover, body.skin-oasis button:not([class^="wds"]):hover, .codepage-publish-button:hover, .codepage-publish-button:active { background-image: none !important; transition: 0.2s ease; border: none !important; } .search-v2-input { color: #2c343d !important; } .skin-oasis .sprite.search { content: url("data:image/svg+xml; utf8,  "); background-image: none; }   width: 4% !important; } .advanced-link:before { content: url("data:image/svg+xml; utf8, <path d=\"M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6m-7.389-.049A1.683 1.683 0 0 1 3.055 10H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1.055a1.683 1.683 0 0 1 1.565 1.069 1.684 1.684 0 0 1-.359 1.842l-.746.746a.999.999 0 0 0 0 1.414l1.414 1.414a.999.999 0 0 0 1.414 0l.746-.746a1.684 1.684 0 0 1 1.862-.35c.633.26 1.049.871 1.049 1.556V22a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1.055a1.683 1.683 0 0 1 1.069-1.565 1.684 1.684 0 0 1 1.842.359l.746.746a.999.999 0 0 0 1.414 0l1.414-1.414a.999.999 0 0 0 0-1.414l-.746-.746a1.684 1.684 0 0 1-.35-1.862A1.683 1.683 0 0 1 20.945 14H22a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-1.055a1.683 1.683 0 0 1-1.565-1.069 1.684 1.684 0 0 1 .359-1.842l.746-.746a.999.999 0 0 0 0-1.414l-1.414-1.414a.999.999 0 0 0-1.414 0l-.746.746a1.684 1.684 0 0 1-1.862.35A1.683 1.683 0 0 1 14 3.055V2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v1.055A1.683 1.683 0 0 1 8.931 4.62a1.684 1.684 0 0 1-1.842-.359l-.746-.746a.999.999 0 0 0-1.414 0L3.515 4.929a.999.999 0 0 0 0 1.414l.746.746a1.684 1.684 0 0 1 .35 1.862\" fill-rule=\"evenodd\"> "); padding-right: 3px !important; } .Search .WikiaSearch .SearchInput .grid-1.alpha:before { content: url("data:image/svg+xml; utf8,  "); padding-right: 5px !important; } .Search .exact-wiki-match__header:before { content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" class=\"wds-icon\" id=\"#wds-icons-activity\" style=\"fill: #fff\"><path d=\"M14.218 22l-.097-.003a1.498 1.498 0 0 1-1.351-1.117L9.486 8.289l-1.799 4.517c-.226.57-.778.943-1.389.943H2.496A1.497 1.497 0 0 1 1 12.25c0-.827.67-1.498 1.496-1.498h2.788l3.11-7.808a1.49 1.49 0 0 1 1.482-.94c.644.04 1.19.49 1.354 1.116l3.292 12.622 1.635-4.052a1.495 1.495 0 0 1 1.386-.938h3.96a1.498 1.498 0 0 1 0 2.997h-2.95l-2.949 7.314c-.229.57-.78.937-1.386.937\" fill-rule=\"evenodd\"> "); padding-right: 5px !important; }
 * 1) uc-chat-butt {
 * 1) uc-close-butt {
 * 1) search-v2-button {

/* Lightboxes */ .LightboxHeader, .LightboxCarousel { background-color: #39424d !important; box-shadow: none !important; border: none !important; } /* Gallery Captions styling */ .gc-caption > .wikia-gallery-item-user:after { content: " |"; color: white; } .modalContent i:after { content: " |"; } .modalContent i { font-style: normal; } span.gc-caption { color: white; } /* Image title styling */ header.LightboxHeader > h1 > a { color: white; font-weight: bold; padding: 4px; margin-top: -4px !important; font-size: 24px; display: block; white-space: pre-line; } header.LightboxHeader > h1 > a:hover { color: #d5d4d4; text-decoration: none; transition: .3s; } /* Carousel styling */ .LightboxModal .LightboxCarousel .progress { color: transparent; font-size: 2px; } .LightboxModal .LightboxCarousel .progress b { color: white !important; font-size: 13px !important; } .LightboxModal .LightboxCarousel .progress b:first-child:after { content: " /"; } .LightboxModal .LightboxCarousel .content { padding: 0 20px; } button.wikia-chiclet-button img { background-color: white; } button.close.wikia-chiclet-button { margin-left: -10px !important; margin-right: 20px !important; } .LightboxModal .LightboxCarousel .carousel-arrow.disabled, .LightboxModal .LightboxCarousel .carousel-arrow.next, .LightboxModal .LightboxCarousel .carousel-arrow.previous { background-color: transparent; border-radius: 0; border: none; background-image: none; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p { color: white !important; text-transform: uppercase; font-weight: bold; font-size: 10px !important; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p:before { box-shadow: none !important; border-left: 2px solid #fff !important; } .LightboxModal .LightboxHeader { border-bottom: none !important; box-shadow: none !important; width: 1020px !important; } .LightboxModal .LightboxCarousel { border-top: none !important; box-shadow: none !important; width: 1000px; } .LightboxModal .LightboxCarousel .progress { color: white; } .LightboxModal .LightboxCarousel .carousel-arrow.next:after { border-left-color: white !important; } .LightboxModal .LightboxCarousel .carousel-arrow.previous:after { border-right-color: white !important; }   border: none !important; box-shadow: none !important; width: 1000px !important; height: 612px !important; top: 20px !important; position: fixed; } /* Replacing ugly loading throbber with a modern spinner (credit for icon: Speedit) */ .LightboxModal .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 64px !important; animation: rotator .5s linear infinite; } /* Redesigning icons on the share menu header */ button.more-info-close.secondary { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-arrow.svg); background-color: white; color: transparent; background-image: none; height: 24px; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-arrow.svg); width: 24px; } .LightboxModal.more-info-mode > .close, .LightboxModal.share-mode > .close { outline: none; -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-cross.svg); background-color: white; background-image: none; height: 24px !important; -webkit-mask-repeat: no-repeat; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-cross.svg); width: 24px !important; } /* Avatar */ .LightboxModal .user-details .avatar { border-radius: 50% } .user-details.caption { text-transform: uppercase; font-weight: bold; font-size: smaller } a.wikia-button.more-info-button.secondary, a.wikia-button.share-button.secondary { background-image: none; background-color: transparent; } .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .share-button { background-image: none; border-radius: 0; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small; padding: 7px 12px; color: white; border: none; text-indent: -9999999999999px; white-space: nowrap; } .LightboxModal .see-full-size-link { float: right; -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-eye.svg); background-color: white; background-image: none; height: 24px !important; padding-left: 8px; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-eye.svg); width: 16px !important; text-indent: -999999px; margin-top: 3px; } .LightboxModal .LightboxHeader .more-info-button:before { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-information.svg); background-color: white !important; background-image: none !important; height: 24px !important; padding-left: 8px; margin-top: -4px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-information.svg); width: 16px !important; } .LightboxModal .LightboxHeader .share-button:before { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-share.svg); background-color: white !important; background-image: none !important; height: 24px !important; padding-left: 8px; margin-left: -16px !important; margin-top: -4px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-share.svg); width: 16px !important; margin-right: 30px !important; } .LightboxModal .LightboxHeader .share-button { width: 0px !important; } .LightboxModal .LightboxHeader .more-info-button { padding-right: 2px } .LightboxModal .see-full-size-link { margin-right: -8px }
 * 1) LightboxModal {

.LightboxModal .LightboxHeader .close { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-cross.svg); background-color: white !important; background-image: none; height: 24px !important; margin-top: 4px !important; -webkit-mask-repeat: no-repeat; padding-right: 50px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-cross.svg); width: 24px !important; } .LightboxModal .icon:after { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pin-small.svg); background-color: white !important; background-image: none !important; height: 18px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-pin-small.svg); width: 18px !important; }