2013 Google Revived (ALPHA) by 2013internetlover

Screenshot of 2013 Google Revived (ALPHA)
Details

Author2013internetlover
LicenseNo License
CategoryGoogle
Created1 week, 1 day ago
Updated1 week, 1 day ago
Size39 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

This userstyle restores the 2013 Google layout using GPLEX.
Notes

REQUIREMENTS
GPLEX ( https://greasyfork.org/en/scripts/492193-gplex-old-google-frontend ) (Late 2012-2013)
OPTIONAL
Callyham's GBAR ( https://github.com/CallyHam/GBar ) (2013)
2012-2015 Google's favicon ( https://greasyfork.org/en/scripts/12271-revert-to-google-s-old-2012-2015-favicon )
NOTICE
This is an early alpha, expect nasty bugs and incomplete pages. This script uses GPLEX as a base and code of Lego's "Old Google 2014" script.
CHANGELOG ( 1/11/24 )
initial release
PLANNED FEATURES
Fixed and complete login/account creation
Google Maps
Accurate image search
Google Background Restored compatibility
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           2013 Google Revived
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    This userstyle uses code from "Old Google 2014" and uses "GPLEX" as a base to make it more accurate and theme some services.
@author         2013internetlover
@preprocessor   stylus
==/UserStyle== */

@-moz-document domain("google.com") {
    .VfPpkd-Bz112c-LgbsSe.VfPpkd-Bz112c-LgbsSe-OWXEXe-e5LLRc-SxQuSe .VfPpkd-Bz112c-Jh9lGc {
  display:none;
}
}
@-moz-document url-prefix("https://translate.google.com/"), domain("translate.google.com") {
/*translate*/
*, :root {
    font-family:arial;
    --mdc-ripple-fg-size: 0!important;
    --mdc-ripple-fg-scale:0!important;
    --mdc-ripple-left:0!important;
    --mdc-ripple-top: 0!important;
}
.gb_Ue {
    opacity:1!important
}
/*header*/    
c-wiz[class]:before {
    content:none
}
header#gb[class] {
    margin-bottom: 0px;
    background: #f1f1f1!important;
    height: 55px;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    position:static;
    padding-top:4px
}
header#gb > div[class]:nth-child(2) {
    padding:4px
}
header#gb > div[class]:nth-child(2) > div:first-child > div:first-child { /*guide*/
    display:none
}
header#gb > div[class]:nth-child(2) > div:first-child > div:nth-child(4) a { /*logo*/
    background: url(https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_92x36dp.png) no-repeat;
    width: 110px;
    height: 40px;
    display: inline-block;
    background-position:0 7px;
    margin-left:24px
}
header#gb > div[class]:nth-child(2) > div:first-child > div:nth-child(4) a span {
    display:none
}
.gb_Vd, .gb_Kd { /*pfp*/
    height:40px;
}
.gb_Vd > div > div {
    padding:0!important
}
/*footer*/
header#gb > div[class]:nth-child(1) {
    position:static
}
header#gb > div[class]:nth-child(1) > div {
    box-shadow:none;
    height:28px;
    overflow:visible;
    border-top: 1px solid #e5e5e5;
    background-color: #f1f1f1;
    bottom:0;
    position:fixed;
    top:auto;
    width:100%;
    transform:none!important;
    visibility:visible
}
header#gb > div[class]:nth-child(1) > div > div:first-child { /*logo*/
    display:none
}
header#gb > div[class]:nth-child(1) > div > div:last-child {
    flex-direction:row;
    padding-left:32px
}
header#gb > div[class]:nth-child(1) > div > div:last-child c-wiz > div, header#gb > div[class]:nth-child(1) > div > div:last-child c-wiz > div > div, header#gb > div[class]:nth-child(1) a { /*links*/
    display:inline-block;
    padding:0;
    line-height:27px;
    color:#15c;
    border:0
}
header#gb > div[class]:nth-child(1) a {
    margin-right:26px
}
header#gb > div[class]:nth-child(1) a:hover {
    text-decoration:underline
}
header#gb > div[class]:nth-child(1) a:active {
    color:#d14836   
}
/*body*/
body > c-wiz > div > div:first-child, .S9pnPc .VjFXz { /*space for no reason*/
    display:none
}
body > c-wiz > div > div > c-wiz[class] { /*main stuff*/
    padding:0;
    margin:0;
    max-width:none
}
body > c-wiz > div > div > c-wiz[class] > div:first-child { /*funbar*/
    border-bottom: 1px solid #e5e5e5;
    height:57px;
    padding:0 28px
}
.VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-LgbsSe-OWXEXe-Bz112c-M1Soyc, .VfPpkd-AznF2e { /*nav buttons*/
    background-image: linear-gradient(#f5f5f5,#f1f1f1);
    color: #444;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius:2px;
    padding:0 8px;
    height:29px;
    font-size:11px;
    font-weight:700;
    letter-spacing:0;
}
.VfPpkd-LgbsSe-OWXEXe-INsAgc.VfPpkd-LgbsSe-OWXEXe-Bz112c-M1Soyc i {
    display:none
}
.BSw7K.iYelWb .irkilc:not(:disabled), .BSw7K.MFKVse .hL2wFc:not(:disabled), .BSw7K.H4CMrb .aiUxpf:not(:disabled), .VfPpkd-AznF2e-OWXEXe-auswjd {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    background-color: #eee;
    background-image: linear-gradient(#eee, #e0e0e0) !important;
    border: 1px solid #ccc !important;
    color: #333;
}
.hgbeOc.EjH7wc:before {
    content:"Translate";
    margin-right:16px;
    font-size:20px;
    color:#dd4b39
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) { /*boxes*/
    margin-top:14px;
    padding:0 28px;
    max-width:1200px
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div {
    border-radius:0;
    box-shadow:none;
    border:0
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child { /*buttons*/
    border:0;
    /*margin-bottom:8px*/
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child > c-wiz {
    height:auto
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child > c-wiz > div > div > div:first-child, body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child > c-wiz > div > div > div:last-child,
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child > c-wiz > div > div:after, span:before, span:after, .lyY31c, .X4DQ0::after {
    display:none;
    content:none
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child > c-wiz > div > div > div > div > div, .VfPpkd-AznF2e-LUERP-vJ7A6b-OWXEXe-XuHpsb, .VfPpkd-AznF2e-LUERP-vJ7A6b {
    overflow:visible;
    margin:0!important
}
body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div:first-child > c-wiz > div {
    padding:0
}
button.yUUmWd, .szLmtb.VfPpkd-Bz112c-LgbsSe, .U2dVxe.VfPpkd-Bz112c-LgbsSe {
    border-radius: 0;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    height: 29px!important;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    box-shadow: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(#f5f5f5,#f1f1f1);
    color: #444;
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0,0,0,0.1);
    margin-left:-1px;
    margin-right:0!important
}
button.yUUmWd:hover, .szLmtb.VfPpkd-Bz112c-LgbsSe:hover, .U2dVxe.VfPpkd-Bz112c-LgbsSe:hover {
    border: 1px solid #c6c6c6;
    color: #333;
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
}
button.yUUmWd:active, .U2dVxe.VfPpkd-Bz112c-LgbsSe:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 10%);
    background: #f8f8f8;
    color: #333;
}
button.yUUmWd:focus, .U2dVxe.VfPpkd-Bz112c-LgbsSe:focus {
    border: 1px solid #4d90fe;
}
button.yUUmWd span {
    text-transform:none;
    color:inherit!important;
    line-height:26px;
    align-items:initial;
    letter-spacing:0
}
button.yUUmWd:first-child {
    margin:0;
    border-radius:2px 0 0 2px
}

body > c-wiz > div > div > c-wiz[class] > div:nth-child(2) > c-wiz > div:nth-child(2) > div:nth-child(1) > c-wiz > div > c-wiz > div > div span button span, .PRdtG .VfPpkd-AznF2e-wEcVzc-OWXEXe-NowJzb {
    border:transparent
}
.szLmtb.VfPpkd-Bz112c-LgbsSe { /*down arrow*/
    border-radius:0 2px 2px 0;
    min-width:0;
    padding:0;
    width:23px;
    margin-top:1px;
    margin-bottom:1px;
}
.szLmtb.VfPpkd-Bz112c-LgbsSe > span {
    border-color: #777 transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    height: 0;
    width: 0;
    position: absolute;
    right: 6.5px;
    top: 12px;
    opacity:1
}
.szLmtb > span svg {
    display:none
}
.rm1UF { /*left  box*/
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    border-radius:0;
}
.rm1UF:hover {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 30%);
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
}
.D5aOJc, .cEWAef, .A3dMNc, .QFw9Te { /*text*/
    padding:8px;
}
.er8xn {
    color:#222;
    font-size:24px;
    font-family:arial
}
.FFpbKc { /*bottom*/
    padding:0 4px 4px 4px
}
.VfPpkd-Bz112c-LgbsSe { /*general button*/
    padding:0;
    height:26px;
    width:26px;
    border:1px solid transparent;
}
.VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-RLmnJb {
    height:26px;
    width:26px
}
.VfPpkd-Bz112c-LgbsSe:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 10%);
    background-color: #f8f8f8;
    background-image: linear-gradient(#f8f8f8,#f1f1f1);
    border:1px solid #c6c6c6
}
.VfPpkd-Bz112c-LgbsSe span {
    opacity:.55;
}
.VfPpkd-Bz112c-LgbsSe:hover span {
    opacity:.9
}
.m0Qfkd .VfPpkd-Bz112c-LgbsSe > span { /*sound*/
    background: url(https://ssl.gstatic.com/translate/buttons11.png) -84px 0 no-repeat;
}
.m0Qfkd .VfPpkd-Bz112c-LgbsSe span svg {
    opacity:0
}
.m0Qfkd .VfPpkd-Bz112c-LgbsSe[aria-label="Stop listening"] span {
    opacity:.9
}
.mgPWDe .VfPpkd-Bz112c-LgbsSe > span { /*mic*/
    background: url(https://ssl.gstatic.com/translate/buttons11.png) -545px 0 no-repeat;
}
.mgPWDe .VfPpkd-Bz112c-LgbsSe span svg {
    opacity:0
}
.DVHrxd { /*close*/
    padding-top:1px;
    padding-right:5px;
    z-index:97;
}
.DVHrxd .VfPpkd-Bz112c-LgbsSe {
    height:20px;
    width:20px
}
.DVHrxd .VfPpkd-Bz112c-LgbsSe i.VfPpkd-kBDsod {
    color:transparent;
    background: url(https://ssl.gstatic.com/translate/buttons11.png) -107px -3px no-repeat;
    width:18px;
    height:18px;
    opacity:.55
}
.DVHrxd .VfPpkd-Bz112c-LgbsSe:hover i.VfPpkd-kBDsod {
    opacity:.9
}
.ita-kd-inputtools-div .ita-kd-icon-button.ita-kd-small, .ita-kd-icon-button.ita-kd-dropdown { /*keyboard*/
    min-width:12px;
    border-radius:0;
    padding:0;
    height:24px;
    width:24px;
    border:1px solid transparent;
}
...
Reviews

No reviews yet.