ESB:Petitions/Visual Appearance CSS enhancements

	Petition Archive The following petition has been protected and now serves as an archive. Do not edit this page. Date Archived: December 5, 2015 Result: Petition expired.

Petition

General information

Title: CSS suggestions
Petitioner: Crazy Muzzarino
Date: 8/19/2015

Petition

I just came up with an idea of adding the following codes to give the blending effects for the visual editing object highlighting, Image Lightbox blackout and the bottom bar:

.WikiaBarWrapper {
    mix-blend-mode: hard-light;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(20%,#ffff66), color-stop(50%,#000000), color-stop(80%,#ffff66), color-stop(100%,#000000));
    -o-linear-gradient(left, #000000 0%,#ffff66 20%,#000000 50%,#ffff66 80%,#000000 100%);
    -ms-linear-gradient(left, #000000 0%,#ffff66 20%,#000000 50%,#ffff66 80%,#000000 100%);
    -moz-linear-gradient(left, #000000 0%, #ffff66 20%, #000000 50%, #ffff66 80%, #000000 100%);
}

.blackout {
    mix-blend-mode: overlay;
}

.ve-ui-overlay-local {
    mix-blend-mode: color-dodge;
}

I'm think this might be a good idea to make the blackout actually lighten the background the new way behind the lightbox image viewer box instead of just lightening like the traditional lightness filter as part of the HSL filter on most photo editor programs. The blend mode for the wikia bar wrapper where it affects the lower one. I would also want to suggest the Laser Lemon and Black gradient for the lower toolbar and/or the Spongebob tile there that would best fit the Spongebob Wikia to be more presentive of the toolbar.

EDIT: When the blend modes are active, the graphics look like this as an example shown here:

Spongebob Wikia Image Lightbox blackout overlay blending

Endorsements

Oppose - It looks too bright. Nicko756 ^{(M•C•E) Sign!} 22:49, August 21, 2015 (UTC)
Oppose - Patrick Star (Oh My....) 10:42, August 28, 2015 (UTC)
Oppose - PrezDubs messagewall 11:30, August 28, 2015 (UTC)
Oppose - It is on the bright side. ZeoSpark Talk Contribs Edits 11:49,8/28/2015
Oppose -

PhazerGazer5000	Talk	Contribs	Edits

Comments

Comment - Could you provide an example of how this would look like? Nicko756 ^{(M•C•E) Sign!} 05:15, August 21, 2015 (UTC)
- Comment - Sure thing, I'll provide the css graphical interface updates right away with the inspect element. --Muzzarino 06:44, August 21, 2015 (UTC)
Comment - Just to remind you, I am the user who uploaded a higher quality version of the "Fiasco!" title card image. It's shown in the example photo above. - Jensonk
- Comment - I see your uploaded picture although it's illustrating the example of the blend change for the blackout background that fades in when you open the lightbox viewer by clicking on any picture on the page.--Muzzarino 07:16, August 21, 2015 (UTC)