Skip to content

Google on Glass by osirisgothra (osirisgothra@hotmail.com) by osirisgothra

Screenshot of Google on Glass by osirisgothra (osirisgothra@hotmail.com)
Homepage Write a review Install Get Stylus

Details

Authorosirisgothra

Licensepublic domain share alike fallback

Categorygoogle on glass google.com search-engine

Created

Updated

Size2.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Just a simple style to nice-ify the google search results
and related iframe windows.

This is intended for dark mode, so if you dont use dark mode
you may not want this. Also, (Chromium) experimental dark mode
should be enabled too for it to look proper. If you experience any bugs are need a fix, just e-mail me.

Notes

Updates
(see source for indepth update info)
Nov 22/2021 - Added Images and Pushed Latest set of Fixes (better scrolling added. some compat. fixes)

System Requirements for best performance

  • Hardware-Based OpenGL/DirectX Capable Video Card (optional)
  • Dual Core (4x thread) or better CPU, 1Ghz+ (optional, recommended)
  • 4GB+ Memory (for the video card to use if not onboard)
    Tested Systems:
  • Only tested on Windows 10 but should be ok on Windows 11 as well
    Browser Requirements
  • Chrome 94 (tested)
  • Edge 94 (tested)
  • Chromium (untested)

Firefox Users: can use Stylish with this style, and it should work, however you will have to test it yourself.

Quick Start Usage and Notes:

  1. Use for Chrome and Edge (I feign no support elsewhere)
  2. Turn on Dark Mode (Edge Settings) On
  3. Turn on Experimental Dark Mode (Chromium Settings, both chrome and edge)
  4. Compatible (afaict) with the NightEye extension
  5. Written for Stylus but may work for Stylish and Override.css as well, see style header for more on that.
  6. Free to use and change, public domain or share alike licensed (public domain where acceptable, falls back to share alike otherwise, google licenses to see what these mean)

Source code

/* ==UserStyle==
@name         Google on Glass by osirisgothra (osirisgothra@hotmail.com)
@version      20230501.13.30
@namespace    userstyles.world/user/osirisgothra
@description  Just a simple style to nice-ify the google search results
and related iframe windows.

This is intended for dark mode, so if you dont use dark mode
you may not want this. Also, (Chromium) experimental dark mode
should be enabled too for it to look proper. If you experience any bugs are need a fix, just e-mail me.

@author       osirisgothra
@license      public domain share alike fallback
==/UserStyle== */

@-moz-document domain("google.com") {
/*   

	GoogleOnGlass 1.1 final
  A minimalistic theme by Gabriel T. Sharp  (osirisgothra@hotmail.com) 5/1/23 Public Domain

	see end for rulebreaks

*/

body
{
	padding-bottom: 20px !important;
}
.sfbg
{
	background-color: transparent !important;
	background-image: linear-gradient(4deg, rgba(40, 40, 40, 0.35), rgba(237, 237, 237, .65)) !important;
	box-shadow: rgba(0, 0, 0, .11) 0px 13px !important;
	backdrop-filter: blur(2px) !important;
}
#rcnt *, #rcnt
{
	background: transparent;	
}
#bfoot::after
{
	text-align: center !important;
	content: "";
	width: -moz-fill-available  !important;
  width: -webkit-fill-available  !important;	
	/*  
	text could be here:
		font-size: x-large;
		content: "Your company logo here" !important;	
	*/
	position: fixed;
	display: block;
	float: none;	
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	background-color: transparent !important;
	background-image: linear-gradient(4deg, rgba(40, 40, 40, 0.35), rgba(105, 105, 105, 0.65)) !important;
	box-shadow: rgba(0, 0, 0, .17) 0px -13px !important;
	backdrop-filter: blur(2px) !important;
	height: 64px;	
	border-radius: 5px;	
	color: rgba(120, 155, 155, 0.125) !important;
	text-shadow: rgba(0, 0, 0, .23) 2px 2px 1px;
	transition: all 2s;
	transition-delay: 2s;
}

/*
rulebreaks by csslint explained
#bfoot::after - you can NOT remove #bfoot, it will then be assigned to every element in the page (must be a bug in csslint)
.sfbg - already minimal qualifications, again must be a bug in csslint
!important - required, because overriding a style (obviously will be any brute-force overriding style)
alpha-order - I dont alphabetize my properties in this style, they are sorted by date in which they were added (not modified)
prop repeats - for vendor codes only
*/

}

Reviews

No reviews yet.