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

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


     [My Medium Logo user style - - - - Large Logo user style also available]
FIXED: Panos' style and other derivatives of it have progressive De-Centering of their Google logo with page-zoom change / a large gray box around the search query box / and a white footer-bar on the Search Results page. ALL 3 are fixed in my userstyle. Also, Google logo is larger, more vibrant-colored, with better highlights and 3D effect (Panos' is "washed out"). Detailed "Comments" section at top of CSS demarcates Panos' code from mine, and tutorial shows users how to use their own logo. I also credit Panos for his generally excellent 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 a blue square" favicon)...

More info
2016 Nov 05 - Update: This userstyle, Panos' userstyle, and other derivatives of it have had an issue with the Google Search Results page (not the homepage), having a white footer-bar (the band enclosing the Location callout near the bottom of the Search Results page) - and I've lived with it until now. However, when using another Stylish userstyle simultaneous with mine, the excellent "Google Search Tools Back", I noticed even Google's homepage reverts to a white footer-bar, spoiling the black-Google effect - big time. So I added an element to the black-color over-ride rules in this style's CSS. By adding "#fbar" to the "{background: #000 !important; ...}" elements list, the footer bar stays black - on Google's Search Results page when this style is used alone, and especially on Google's homepage with both this style & "Google Search Tools Back" used simultaneously. The "#fbar" change forces the footer-bar to stay black, no matter what. Panos' style continues to have the white footer-bar issue (on the search results page when his userstyle is used alone - and also on Google's homepage when used simultaneously with certain other userstyles). Until Panos and all other derivitives make the "#fbar" change, they will continue to have the white footer-bar issue.

2016 Oct 28 - UPDATE REQUIRED !! The Google Logos my 2 Userstyles use were unreachable on the internet, so my Userstyles lost my logos, through no fault of mine or the userstyles. I then uploaded my 2 Google logos (for both my Large and Medium Black Google userstyles) to another image hosting service, and edited my userstyles to point to the new logo image hosting URLs on My 2 Google userstyles were restored, and need manual updating on computers that don't have their Stylish userstyles set to auto-update. The image hosting service I had used for my Google logos, (founded in 2004), was taken offline by their Content Delivery Network provider, CloudFlare - which made the logo portion of my userstyle unreachable (resulting in a totally black area above Google's search query box). That's right, CloudFront shut down's image hosting server access, making nearly 140 million images hosted by Postimage, and embedded into some 450 thousand websites, totally unreachable - due to Postimage exceeding CloudFlare's bandwidth useage limits - even though CloudFlare clearly states, on their Support page, "CloudFlare does not have bandwidth limits ..."'s images remained offline for 2 days. posted pleas on their homepage for help to stay alive in the form of donations and CDN services, and 9 days after the problem started, on Nov 5, posted thanks for help received, from both individual users and server and CDN companies. (I uploaded's NOTICE about the problem, and their UPDATE regarding help received, in a PasteBin posting of mine for those interested, at [NOTE: should not be confused with another CDN with a similar name,]

2016 Mar 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 Dec 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). This style's Google Logo size is 38% wider than my Medium Logo style, and 69% wider than Panos' small 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.