W.I.P. Classic 2017 Style for Google based on archive saves.
There are some CSS parts I took from legosavant and 2013internetlover so credits to them.
Classigle by Smikumigz
Details
AuthorSmikumigz
LicenseNo License
Categorygoogle
Created
Updated
Size36 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
REQUIREMENTS FOR ACCURACY
Better Google - https://greasyfork.org/en/scripts/395257-better-google
Disable Google Lens - https://git.sr.ht/~fanfare/disablegooglelens
Google Images Restore - https://git.sr.ht/~fanfare/googleimagesrestored
The images page looks weird I know.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Classigle
@namespace Smikumigz
@version 0.4.9.2
@description A Classic 2017 Google Look
@author Smikumigz
==/UserStyle== */
@-moz-document url-prefix("https://www.google.com/") {
a.MV3Tnb {
display:none
}
.gb_ua.gb_3d { /*image tab sign in fix*/
height:38px;
padding-right:16px
}
#gb > div > div[class] > a, a.gb_c { /*sign in*/
background: #4285f4;
background: -moz-linear-gradient(top,#4387fd,#4683ea);
background: linear-gradient(top,#4387fd,#4683ea);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=0);
border: 1px solid #4285f4;
border-radius: 2px;
padding:0 12px;
min-width:0;
min-height: 0px;
font:700 13px arial;
line-height:28px;
height:30px;
letter-spacing:0;
}
#gb > div > div[class] > a:hover, a.gb_c:hover {
background: #4285f4;
background: -moz-linear-gradient(top,#4387fd,#4683ea);
background: linear-gradient(top,#4387fd,#4683ea);
box-shadow: 0 1px rgba(0, 0, 0, 16%);
}
#gb > div > div[class] > a:active, a.gb_c:active {
-moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
background: #3c78dc;
background: -moz-linear-gradient(top,#3c7ae4,#3f76d3);
background: linear-gradient(top,#3c7ae4,#3f76d3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3c7ae4,endColorstr=#3f76d3,GradientType=0);
}
.LX3sZb {
padding-top: 2px;
}
.gb_ld .gb_Bd, .gb_md .gb_Cd {
padding-right: 16px;
}
a.gb_H {
color: rgba(0,0,0,.75);
}
#gbwa {
padding-left: 0px;
padding-right: 7px;
}
#gbwa a {
background:transparent url('https://ssl.gstatic.com/gb/images/i1_1967ca6a.png') -132px -38px !important;
background-size: 528px 68px !important;
box-shadow: none !important;
border: none !important;
padding:0px !important;
height:30px !important;
width:30px !important;
opacity: .55;
}
#gbwa a:hover {
opacity:.85
}
#gbwa a svg, .gb_ua svg {
display:none
}
.minidiv #gb {
top:0
}
#gbwa a svg, .gb_ua svg {
display: none;
}
.gb_2e {
display: none;
}
.LLD4me {
height: 230px;
}
.iblpc {
display: none;
}
.A8SBwf {
padding-top: 8px;
padding-left: 14px;
}
.RNNXgb, .RNNXgb:hover, .RNNXgb:active {
max-width: 584px;
margin: -1px 0px 1px;
background-color: #fff;
height: 44px;
vertical-align: top;
border: 0;
border-radius: 2px !important;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08) !important;
transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#gbqfbb {
visibility: inherit !important;
}
.gbqfba.gbqfba-hvr {
display: none !important;
}
.aajZCb .lJ9FBc input[type="submit"], .gbqfba {
height: 30px;
margin-left: 0;
margin-right: 0;
padding: 0 24px 0 24px;
}
.CcAdNb {
display: none;
}
.c93Gbe {
height:41px;
border-top: 1px solid #e4e4e4;
}
.AghGtd {
margin-left: -4px;
}
.c93Gbe .pHiOh {
padding: 0 0 0 31px;
line-height:40px;
color:#666;
font-size:13px;
font-family:arial
}
.c93Gbe .SSwjIe {
padding:0 30px 0 3px;
justify-content: space-between;
}
.c93Gbe .ssOUyb {
display: none;
}
.FPdoLc {
width: 571px;
height: 58px;
padding-top: 20px;
}
.FPdoLc.lJ9FBc center {
font-size: 0px;
}
.lJ9FBc input[type="submit"], .gbqfba{
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
-moz-border-radius: 2px;
-moz-user-select: none;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
border-radius: 2px;
color: #757575;
cursor: default;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
margin: 11px 4px;
min-width: 54px;
padding: 0 16px;
text-align: center;
}
.gbqfba:hover {
background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
background-color:#f8f8f8;
border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);
color:#222
}
.BKRPef {
display: none;
}
.aajZCb {
background-color: #fff;
width: 584px;
vertical-align: top;
border: 0;
border-radius: 2px !important;
margin-right: 14px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08) !important;
transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
padding-bottom: 0;
}
.lJ9FBc {
padding-top: 20px;
height: 46px;
}
.aajZCb .lJ9FBc {
padding-top: 12px;
}
.erkvQe {
padding-bottom: 0px;
}
.pcTkSc {
padding: 2px 0;
}
.SDkEP {
padding: 5px 8px 0 16px;
}
.eIPGRd {
margin: 0 20px 0 16px;
}
.sbct.PZPZlf.sbhl {
border-radius: 0px;
background: #eee;
}
.MG7lrf.mWcf0e {
background: rgba(255,255,255,.9);
margin-top: 4px;
right: 22px;
}
.mus_il {
margin-top: -6px;
margin-bottom: -6px;
padding-top: 0;
}
.ea0Lbe { /*body*/
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 4px 16px rgba(0,0,0,.2)!important;
box-sizing: border-box;
font-size: 13px;
border-radius:0
}
.ea0Lbe > div { /*margin*/
margin:0
}
.ea0Lbe > div > div:nth-child(1) span { /*X*/
background: url("data:image/gif;base64,R0lGODlhFQAVAPAAAAAAAAAAACH5BAEAAAEALAAAAAAVABUAAAIsjI+py+0PH2Czgatupfho+AUhqHWROJ7laZSm1KXchtLZ2+KJ7bH+DwwKFQUAOw==") no-repeat;
fill:none
}
.ea0Lbe > div > div:nth-child(2) { /*title*/
font-size: 16px;
font-weight: bold;
line-height: 18px;
font-family:arial;
letter-spacing:0;
text-align:left;
margin:20px
}
.ea0Lbe > div > div:nth-child(3) { /*drag image body*/
border:0;
border-radius:0;
background: #f5f5f5;
border-top: 1px solid #ccc;
}
.ZeVBtc { /*drag text*/
color:rgba(0,0,0,.87);
font-family:arial
}
.ea0Lbe > div > div:nth-child(3) input { /*input*/
height: 34px;
background-color: #fff;
border-radius: 1px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
color: #333;
flex: 1;
font: 16px arial,sans-serif;
line-height: normal;
line-height: 27px;
margin-right: 20px;
padding-left: 8px;
}
.ea0Lbe > div > div:nth-child(3) input:hover {
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.ea0Lbe > div > div:nth-child(3) input:focus {
border: 1px solid #d9d9d9;
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
outline: none;
}
.ea0Lbe > div > div:nth-child(3) c-wiz > div:nth-child(2) > div:last-child { /*button*/
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
border-radius: 2px;
border: 0;
color: #fff;
cursor: pointer;
font-size: 11px;
font-weight: bold;
height: 32px;
margin: auto 0;
padding: 0 8px;
text-align: center;
font-family:arial
}
.ea0Lbe > div > div:nth-child(3) c-wiz > div:nth-child(2) > div:last-child:after {
content:" by image";
margin-left:3.5px
}
.ea0Lbe > div > div:nth-child(3) c-wiz > div:nth-child(2) > div:last-child:hover {
background-color: #357ae8;
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
}
.ea0Lbe > div > div:nth-child(3) c-wiz > div:nth-child(2) > div:last-child:active {
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
}
.gIYJUc {
height: 180px;
}
.Gdd5U {
background: url("//www.gstatic.com/images/icons/material/system/2x/photo_camera_grey600_24dp.png") 0 0 no-repeat;
background-size: 24px;
}
.Gdd5U g {
display: none;
}
.RaoUUe {
display: none;
}
.YJx25, .xtSCL, .ynRric, .sbic.sb43, .sbic.vYOkbe, .sbic.sb33, .ClJ9Yb, .rLrQHf, .G43f7e.Ye4jfc, .mus_il_t.mus_tt18, .mus_il_t.mus_tt20, .mus_il_at.mus_tt20, .sbic, .FEoSJf, .xyTTy{
display: none !important;
}
.Q3DXx #gb {
padding-top: 9px;
padding-right: 22px;
}
.Q3DXx .gb_f {
height: 12px;
}
.srp .A8SBwf, form#sf .jOYx5b, .O6kumc {
margin-left:134px;
padding-left:16px;
...