My 2010 Google userstyle is back yet again and this time, with more accuracy!
2010 Google EVEN BETTER EDITION by xammand
Details
Authorxammand
LicenseNo License
CategoryGoogle
Created
Updated
Size32 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Note: This style uses Gplex, an old Google frontend, to install it read below.
-----------------HOW TO INSTALL:/
-
Download Tampermonkey -
Firefox: https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/
Chrome: https://chromewebstore.google.com/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo -
Install Gplex -
https://greasyfork.org/en/scripts/492193-gplex-old-google-frontend -
Gplex Settings -
Layout: Late 2011-Early 2012
Display name: Email -
Install this style like normal.
--------------------------------/
This style compared to Better Edtion:
--Much less buggy
--More accurate topbar
--No more watermark (I don't know what I was thinking)
--Better layout (thanks to Gplex!)
--Better styling
--More accurate
Completed:
--Google Search Home (Still needs work)
--Google All Search Page
Update History:
--Version 1.1.0
----Styled advanced search page, still needs a little work.
----Styled preferences page.
--Version 1.0.1
----More accurate search results styling.
----Styled the more button popout menu.
--Version 1.0.0
----Initial Release.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 2010 Google EVEN BETTER EDITION
@namespace github.com/openstyles/stylus
@version 1.1.0
@description A new userstyle
@author Xammand
==/UserStyle== */
@-moz-document domain("www.google.com") {
/* Main */
a:link {
color: #11c;
}
#ugf-hp {
max-width: 1181px;
min-width: 817px;
width: unset;
text-align: center;
}
html:not([layout="2013L"]):not([layout="2015L"]):not([layout="2016L"]) #ugf-hp-inner {
margin-top: 0;
padding-left: 182px;
padding-right: 254px;
}
#ugf-hp-logo {
width: unset;
margin: 0;
height: 171px;
padding-top: 22px;
}
[layout="2012"] #ugf-hp-logo img, [layout="2013"] #ugf-hp-logo img, [layout="2014"] #ugf-hp-logo img, [layout="2015"] #ugf-hp-logo img {
content: url(/images/logos/ps_logo2.png);
width: unset;
height: unset;
}
[layout="2012"] #ugf-hp-search, [layout="2013"] #ugf-hp-search, [layout="2014"] #ugf-hp-search, [layout="2015"] #ugf-hp-search {
margin-top: 0;
margin-left: 0;
max-width: unset;
border-bottom: 1px solid #e7e7e7;
}
#ugf-homepage #ugf-hp #ugf-search-outer {
padding-left: 0;
width: 100%;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #999;
}
#ugf-homepage #ugf-search {
margin-top: 0;
max-width: unset !important;
border: none;
}
html:not([layout="2016C"]):not([layout="2017"]):not([layout="2018"]):not([layout="2019"]) #ugf-homepage #ugf-searchbar {
width: 100%;
border: none !important;
}
#ugf-homepage #ugf-search-value {
box-sizing: border-box;
height: 32px;
border-width: 0 0 0 1px;
}
#ugf-hp-footer {
position: unset;
background: none;
border: none;
margin: 0 auto;
margin-top: 0;
max-width: 1181px;
min-width: 817px;
text-align: center;
}
#ugf-structured-hp-footer-left {
margin-left: auto;
}
#ugf-structured-hp-footer-right {
margin: 0;
margin-right: auto;
}
#ugf-structured-hp-footer-left .ugf-structured-hp-footer-link:first-child {
padding-left: 0;
}
#ugf-personal-buttons .ugf-button, #ugf-settings-button, [layout="2012"] #ugf-hp-buttons a, [layout="2013"] #ugf-hp-buttons a, [layout="2014"] #ugf-hp-buttons a, [layout="2015"] #ugf-hp-buttons a {
border: none !important;
border-bottom: solid 1px #e7e7e7;
border-right: solid 1px #e7e7e7;
margin: 3px 0 4px;
margin-left: 4px;
background: none;
color: inherit;
padding: 0;
border-radius: 0;
font-size: inherit;
height: 32px;
width: unset;
box-shadow: none !important;
}
#ugf-hp-buttons a span {
background: #eee url(/images/nav_logo72.png) no-repeat;
background-position: bottom;
border: 1px solid #999;
border-top-color: #ccc;
border-left-color: #ccc;
height: 30px;
font: 15px arial,sans-serif;
color: #000;
line-height: 30px;
cursor: pointer;
}
#ugf-hp-buttons a span:active {
background: #eee;
}
[location="home"][layout="2012"] #ugf-search-predictions-container, [location="home"][layout="2013"] #ugf-search-predictions-container, [location="home"][layout="2014"] #ugf-search-predictions-container, [location="home"][layout="2015"] #ugf-search-predictions-container {
width: 745px;
}
/* Top Bar */
[layout="2010"] #gp-gbar-inner, [layout="2011"] #gp-gbar-inner, [layout="2012"] #gp-gbar-inner, [layout="2013L"] #gp-gbar-inner, [layout="2015L"] #gp-gbar-inner, [layout="2016L"] #gp-gbar-inner {
background-color: #fff;
background-image: url(//ssl.gstatic.com/gb/images/b_8d5afc09.png);
background-position: 0 -138px;
background-repeat: repeat-x;
border-bottom: 1px solid #f5f5f5;
font-size: 24px;
height: 29px;
}
.gp-gbar-link {
color: #36c !important;
}
[layout="2010"] .gp-gbar-link.active, [layout="2011"] .gp-gbar-link.active, [layout="2012"] .gp-gbar-link.active, [layout="2013L"] .gp-gbar-link.active, [layout="2015L"] .gp-gbar-link.active, [layout="2016L"] .gp-gbar-link.active {
border-top-color: #1a54e1 !important;
color: #363636 !important;
}
[layout="2010"] .gp-gbar-link:hover, [layout="2011"] .gp-gbar-link:hover, [layout="2012"] .gp-gbar-link:not(.active):hover, [layout="2013L"] .gp-gbar-link:not(.active):hover, [layout="2015L"] .gp-gbar-link:not(.active):hover, [layout="2016L"] .gp-gbar-link:not(.active):hover {
background-color: transparent;
background-image: url(//ssl.gstatic.com/gb/images/b_8d5afc09.png);
background-position: 0 -102px;
background-repeat: repeat-x;
color: #36c !important;
}
.gp-gbar-link.active:hover {
background-color: transparent;
background-image: url(//ssl.gstatic.com/gb/images/b_8d5afc09.png);
background-position: 0 -102px;
background-repeat: repeat-x;
}
#gp-gbar-settings-icon {
background-position: -6px -22px;
}
[gbar-dd-open] #gp-gbar-more {
box-shadow: 0 1px 5px #ccc;
}
#gp-gbar-more .gp-gbar-link-inner {
padding-right: 9px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
[gbar-dd-open] #gp-gbar-more .gp-gbar-link-inner {
color: #36c;
padding-bottom: 1px;
padding-top: 2px;
border-top: 0;
}
#gp-gbar-dd {
box-shadow: 0 1px 5px #ccc;
}
.gbar-dd-section{
padding: 0;
}
.gbar-dd-section-link {
padding-left: 6px;
padding-right: 12px;
line-height: 27px;
padding-top: 0;
padding-bottom: 0;
}
.gbar-dd-section-link:hover {
background: #eff3fb;
}
.gbar-dd-section-link {
color: #36c !important;
font-weight: inherit;
}
.gbar-dd-section:last-of-type {
border-color: #e5e5e5;
}
#gp-gbar-more .arrow {
border-top-color: #aaa !important;
}
[gbar-dd-open] #gp-gbar-more .arrow {
top: 1px;
}
}
@-moz-document domain("www.google.com") {
/* Search */
#ugf-top {
margin-top: 12px;
}
#ugf-topbar {
padding: 0 !important;
background: none;
border: none;
height: unset !important;
}
#ugf-topbar-inner {
align-items: start;
}
[layout="2012"] #ugf-logo-cont {
padding: 0;
height: 82px;
width: 157px;
}
[layout="2012"] #ugf-logo {
height: 49px;
margin-top: 12px;
margin-left: 12px;
width: 137px;
}
[layout="2012"] #ugf-logo img {
content: url(https://www.google.com/images/nav_logo_hp2.png);
}
#ugf-search-outer {
padding-left: 9px;
}
#ugf-search {
border-bottom: 1px solid #e7e7e7;
margin-top: 18px;
}
html:not([layout="2016C"]):not([layout="2017"]):not([layout="2018"]):not([layout="2019"]) #ugf-searchbar {
border: none !important;
font-size: inherit;
width: 493px;
margin: 0;
transition: none;
height: unset !important;
border-bottom: 1px solid #999 !important;
}
[layout="2012"] #ugf-search-value {
background: #fff;
border: 1px solid #ccc;
border-bottom: none;
color: #000;
font: 18px arial,sans-serif;
float: left;
height: 26px;
margin: 0;
padding: 4px 0 0;
padding-left: 6px;
padding-right: 10px;
vertical-align: top;
width: 100%;
word-break: break-all;
}
[layout="retro"] #ugf-program #ugf-search #ugf-search-btn, [layout="2012"] #ugf-program #ugf-search #ugf-search-btn, [layout="2013"] #ugf-program #ugf-search #ugf-search-btn, [layout="2013L"] #ugf-program #ugf-search #ugf-search-btn, [layout="2015L"] #ugf-program #ugf-search #ugf-search-btn, [layout="2016L"] #ugf-program #ugf-search #ugf-search-btn {
margin: 0 !important;
border: none !important;
border-right: 1px solid #e7e7e7 !important;
background: unset !important;
width: unset !important;
border-radius: 0;
height: 32px !important;
text-decoration: none;
box-shadow: none !important;
}
#ugf-search-btn-inner {
background: #eee ;
border: 1px solid #999;
border-top-color: #ccc;
border-left-color: #ccc;
height: 30px;
}
#ugf-search-btn-inner span:active {
background: #ccc;
}
#ugf-search-btn-inner svg {
display: none;
}
#ugf-search-btn-inner span {
background: url(/images/nav_logo_hp2.png) no-repeat;
background-position: bottom;
font: 15px arial,sans-serif;
color: #000;
display: block;
height: 30px;
padding-left: 8px;
padding-right: 8px;
line-height: 30px;
}
#ugf-search-btn-inner span:before {
content: "Search";
}
/* Left...