ESB:Petitions/Visual Appearance CSS enhancements

	Open Petition The following is an ongoing petition. Please feel free to voice your opinion, but be sure to follow the rules. Use the {{Support}} template under the "endorsement" section if you support the petition. Once there are 3 endorsements, the petition can go to an official discussion. If you have any ideas or comments, place them in the comments section.

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:

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 

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)