MediaWiki:FandomizedLightbox/code.css

/* Modernizing the File Viewer */ .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .share-button { background-image: none; border-radius: 0; border-color: white; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small; padding: 7px 12px; color: white; } a.wikia-button.more-info-button.secondary, a.wikia-button.share-button.secondary { background-image: none; background-color: transparent; } button.wikia-chiclet-button img { background-color: white; } .LightboxModal .see-full-size-link { margin-left: 448px; border-left: none; padding: 6px 12px; border-left: 1px white solid; border: 1px white solid; text-transform: uppercase; font-weight: bold; color: white; font-size: x-small !important; text-decoration: none; float: right; } a.see-full-size-link:hover, .LightboxModal .LightboxHeader .more-info-button:hover, .LightboxModal .LightboxHeader .share-button:hover { transition-duration: .3s; border-color: #bbbbbb !important; color: #bbbbbb !important; background-color: transparent; background-image: none; } .LightboxModal .user-details .avatar { border: 2px #cccccc solid; border-radius: 50% !important; } .LightboxModal .LightboxHeader .user-details { color: #888888; } .LightboxModal .LightboxCarousel .carousel-arrow.disabled, .LightboxModal .LightboxCarousel .carousel-arrow.next, .LightboxModal .LightboxCarousel .carousel-arrow.previous { background-color: transparent; border-radius: 0; border: 1px white solid; background-image: none; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p { color: black; text-transform: uppercase; font-weight: bold; font-size: 9px; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.active { outline: none !important; border-bottom: 2px white solid; } .LightboxModal .LightboxHeader .more-info-button:before, .LightboxModal .LightboxHeader .share-button:before { display: none; } .LightboxModal .LightboxHeader { border-bottom: none !important; box-shadow: none !important; } .LightboxModal .LightboxCarousel { border-top: none !important; box-shadow: none !important; } section#LightboxModal { width: 1360px !important; margin-left: -680px !important; margin-top: -25px !important; border: none; background-color: black; height: 662px !important; } .blackout { background-color: #000000 !important; opacity: 0.8; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer { width: 1266px; } .LightboxModal .LightboxHeader, .LightboxModal .LightboxCarousel { background-color: rgba(0,0,0,0.75) !important; } .LightboxModal .LightboxCarousel .progress { color: white; } span.posted-in, .LightboxModal .LightboxHeader .user-details { font-weight: bold; text-transform: uppercase; font-size: 10px; } header.LightboxHeader > h1 > a:hover, .LightboxModal .LightboxHeader .user-details > a:hover, span.posted-in-article > a:hover { filter: brightness(115%); text-decoration: none; transition: .3s; } .LightboxModal .LightboxHeader .more-info-button:before, .LightboxModal .LightboxHeader .share-button:before { display: none !important; } .span.icon.pin.button.secondary { background-color: white; } span.icon.pin.button.secondary:hover { background-color: #dfdfdf; border-color: #dfdfdf; transition: .3s; } .LightboxModal .LightboxCarousel .carousel-arrow.next:after { border-left-color: white !important; } .LightboxModal .LightboxCarousel .carousel-arrow.previous:after { border-right-color: white !important; }