Makes Google Translate look like how it was in 2014.
Old Translate (2014) by joaoguilherme111
Details
Authorjoaoguilherme111
LicenseNo License
Categoryhttps://translate.google.com/
Created
Updated
Size16 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
I only fix bugs and issues in updates. Please raise issues in the Github repository.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Old Translate 2014
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Makes Google Translate look like how it was in 2014.
@author JG111
==/UserStyle== */
@-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://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Google_logo_(2013-2015).svg/95px-Google_logo_(2013-2015).svg.png") no-repeat;
width: 150px;
height: 40px;
display: inline-block;
background-position:0 4px;
margin-left:22px
}
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;
}
.nidPne {
padding:0
}
.ita-kd-icon-button.ita-kd-dropdown {
width:14px
}
.ita-kd-inputtools-div .ita-kd-icon-button.ita-kd-small span {
opacity:.55;
background-image: url(http://ssl.gstatic.com/inpu...