Black Google by Panos - R. Schneider Mod (Medium)

Added by R. Schneider@userstyles, Created: Dec 04, 2015, Updated: Oct 28, 2016
  • With the style applied
  • Panos' version 'vs' This Style (center details)
  • 'Black Google by Panos' - ACTUAL - NOTE Gray Box


     [My Medium Logo user style - - - - - - Large Logo user style also available]
FIXED: Logo Centering is absolutely perfect, regardless of page zoom. In Panos' style and other derivatives of it, Centering is only-approximate, and dramatic progressive De-Centering occurs with changes in page zoom magnification. New, larger, vibrant-colored Google logo, mirrored, with better highlights and 3D effect (Panos' looks "washed out"). Very detailed "Comments" section at top of CSS demarcates Panos' code from my mods, and tutorial shows user how to use their own logo. Don't overlook my credit to Panos for his fantastic work, in my CSS "Comments". I also have a Google favicon mod, a Greasemonkey user script,
    "Revert to Google's Old 2012-2015 Favicon"
    (reverts to the "white lower-case 'g' in blue square" favicon)...

More info
2016/03/07 - THIS UPDATE FIXES Panos code's large gray rectangle surrounding the search box and buttons (also having a thin, off-center black border immediately around the search box), by changing that rectangle from gray to black (therefore eliminating the rectangle), for a uniform black background across the entire screen. (See my 3rd screenshot - linked under my Main screenshot - showing the ACTUAL "Black Google by Panos" style's gray rectangle - its specific gray color IS SPECIFIED in Panos' code. The screenshot Panos has posted for the current style is not currently accurate, and has been false for well over a year; that gray rectangle has been there, but Panos doesn't show it in his screenshot. An old screenshot was probably left in place instead of being updated, but that falsely represents his style's appearance. I finally got fed up with it and eliminated it with this update for a much cleaner appearance). ALSO, a temporary fix for horizontally centering the search box itself on the screen (it's not centered perfectly even on Google's page unmodified, i.e. with User Styles disabled) - this is NOT a Panos code issue, it is a Google code issue that was not dealt with by Panos. The code change I made centers the search box for my screen resolution. A fix for 'responsive design' (with 'fluid width') for all screen resolutions, to perfectly center the search box for all resolutions AND screen magnifications requires further CSS changes which I'm too busy to address now, probably requiring addressing a Child-Element centering within Parent-Element issue. (See the secondary screenshot, linked below the main screenshot), comparing the center details of Panos' style with this one). [NOTE: After installing this user style, if the search box isn't horizontally centered on your screen, you can modify a CSS setting to adjust it on your screen as follows: Firefox Menu "Bookmarks" (or Alt+F "Bookmarks" > "Add-Ons Manager" > "User Styles" > click "Edit" for this Style > in the User Style Editor that opens, scroll down to find line "#sb_ifc0" (approximately line 414) > THEN, on the NEXT line modify the "width" value - change it from "556px" to a lower number of pixels to move search box centering leftward, or a higher number of pixels to move search box centering rightward. THEN CLICK "SAVE" near the upper left. Changes are applied to Google's homepage immediately, if this user style is Enabled. This workaround for my temporary fix will be not be necessary after I implement the permanent fix. (The pixel change instructions are summarized in a Comment Block in the CSS code right above the "#sb_ifc0" line).]

2015/12/06 - THIS UPDATE FIXES Panos' style issue of Logo Horizontal Centering, as well as the De-Centering that occurs with changes in page zoom magnification. (Centering with this style is absolutely perfect, regardless of page zoom - more details in "Comments" section at top of CSS code). Increased Google logo size - this style's Google Logo is 23% wider than Panos' small logo (my first version was the same width as Panos', but higher) - however, my Large Logo style is 38% wider yet than this style's logo.

If you're like me, and sometimes feel my Large Google Logo version is too bombastic, or my Medium Google Logo version is too demure - install both styles, then simply switch between the 2 at a whim... Click the "S"-in-blue-square' Stylish icon (by default at the lower-left of screen in Add-On Bar/Status Bar, but can be customized into any Firefox toolbar), then click the style(s) to enable or disable. (If one or more user style for a website is installed, but disabled, the Stylish icon is differently colored - "S"-in-gray-square"). In less than 5 seconds you can switch between styles, if more than one is installed per site. No need to enable/disable via Firefox Add-Ons Manager, you do it on any webpage having styles installed, via the Stylish icon. (For example, I have 2 styles from different authors installed for, with both enabled - unless I want to save the Wikipedia webpage, then I quickly disable both via the Stylish icon).

Panos Licensed his work in the Public Domain (Creative Commons CC0, aka Creative Commons "Zero"), not even requiring attribution. (That means anyone could copy his work and redistribute it, EVEN UNDER A NEW NAME, without ANY attribution). But I fully attribute his fantastic work, and demarcate his style's code from my modifications in a very detailed "COMMENTS" section at the top of the User Style. My derivative style is Licensed as Creative Commons CC BY-NC, allowing free use, modification, and distribution (but only Non-Commercially) - BUT requiring attribution for all authors - from now on Panos will be assured attribution through my style's License terms. (License Terms are at:

You should to add comment and rate the style.


+ Create discussion

Applies to:,, More »

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.