this is not my style but a reupload of the style by CallyHam on github (https://github.com/CallyHam/Google-Top-Bar) that i upload for personal use
. by sign
Details
Authorsign
LicenseNo License
Categorygoogle.com
Created
Updated
Size19 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Check out the original style (https://github.com/CallyHam/Google-Top-Bar)
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Classic Google Top Bar
@namespace https://discord.gg/t9NEEN3PnM
@version 3.0.0
@description Brings back the old black top bar from 2011 - 2014.
@preprocessor stylus
@var checkbox modern "Modern Style" 0
@var checkbox filters "Old Filters Compatibility" 0
@var checkbox oldtheme "Work In Progress 2013 Theme" 0
@author CallyHam
==/UserStyle== */
/* Style custom elements (all)*/
@-moz-document domain("google.com") {
.topBar {
display: flex;
position: fixed;
top: 0;
width: 100%;
height: 29px;
background-color: #2d2d2d;
border-bottom: 1px solid #000;
z-index: 999;
}
.topBar a {
width: fit-content;
font-family: Arial, sans-serif;
font-size: 13px;
color: #ccc;
padding: 7px 6px;
white-space: nowrap;
line-height: 16px;
text-decoration: none;
}
.topBar a.tbSelected {
font-weight: bold;
color: #fff;
line-height: 12px;
border-top: 2px solid #dd4b39;
}
.topBar a.tbOpen {
color: #36c;
padding: 7px 5px;
background-color: #fff;
border-left: 1px solid #bebebe;
border-right: 1px solid #bebebe;
z-index: 999;
}
.topBar a.tbOpen:hover {
background-color: #fff;
}
@css {
.topBar a.tbDropdown:after {
content: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 5" width="6" height="5"><title>image</title><style>.s0 { fill: %23c3c3c3 } </style><path id="Shape 1" class="s0" d="m0 0l3 3 3-3z"/></svg>');
padding-left: 4px;
}
}
a.tbSettings {
background-image: url('http://ssl.gstatic.com/gb/images/b_8d5afc09.png');
background-position: 6px 7px;
background-repeat: no-repeat;
padding: 0 14px;
}
.topBar li.tbDropdown {
display: flex;
flex-direction: column;
}
div.tbAccountMenu {
position: fixed;
top: 40px;
right: 10px;
display: flex;
visibility: hidden;
flex-direction: column;
width: 300px;
height: 121px;
margin-top: -1px;
background-color: #fff;
border: 1px solid #bebebe;
z-index: 990;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.tbAccountMenu a {
padding: 5px;
color: #36c;
background: none !important;
}
.tbAccountMenu span {
padding: 5px;
line-height: 15px;
background: none !important;
}
.tbAccountMenu a:hover {
text-decoration: underline;
}
.topBar div.tbAccountMenu.tbOpen {
visibility: visible;
}
div.tbMoreMenu {
visibility: hidden;
display: flex;
flex-direction: column;
margin-top: -1px;
background-color: #fff;
border: 1px solid #bebebe;
padding: 10px 0;
z-index: 990;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.topBar div.tbMoreMenu.tbOpen {
visibility: visible;
}
.tbMoreMenu .tbSeperator {
width: 100% !important;
height: 1px !important;
margin: 10px 0px;
background: #bebebe !important;
}
.tbMoreMenu a {
color: #36c !important;
width: auto;
padding: 5.5px 20px;
}
.tbMoreMenu a:hover {
background-color: #eeeeee !important;
}
.topBar div.tbSeperator {
height: 100%;
width: 1px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%)
}
.topBar a:hover {
background-color: #4c4c4c;
}
.tbRightItems {
margin-right: 5px;
display: flex;
flex-direction: row;
}
.tbRightItems a {
font-weight: bold;
}
.tbLeftItems {
margin-left: 4px;
display: flex;
flex-direction: row;
flex-grow: 1;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
align-items: center;
}
.gb_Sd, .c58wS, .CcNe6e {
display: none;
}
.row.main {
padding: 10px;
}
#tbName {
padding: 1px 5px;
font-weight: bold;
}
#tbEmail {
color: #696969;
padding: 1px 5px;
}
#tbProfilePic {
margin: 0 2px 4px 0;
height: 50px;
}
#tbSep {
width: 8px!important;
height: 1px !important;
background: #bebebe !important;
}
#tbSwitch {
text-align: center;
text-decoration: none !important;
line-height: 30px;
color: #696969;
background: linear-gradient(0deg, #d4d4d4 0%, #e7e7e7 100%) !important;
border-top: 1px solid #bebebe;
width: 290px;
height: 30px !important;
margin-top: auto;
}
#tbSwitch:hover {
filter: brightness(102%)
}
#tbSwitch:active {
background: linear-gradient(0deg, #d4d4d4 0%, #dedede 50%, #d4d4d4 100%) !important;
filter: brightness(95%);
box-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.1);
}
/* Style existing elements (all)*/
.o3j99.n1xJcf.Ne6nSd {
visibility: hidden;
}
.o3j99.c93Gbe {
position: fixed !important;
width: 100%;
bottom: 0;
z-index: 990;
}
.yg51vc, .ndYZfc, .rfiSsc {
margin-top: 20px;
}
#searchform, .Lj9fsd {
margin-top: 30px;
}
/* Style existing elements (old theme only) */
if oldtheme {
.nDcEnd, .iblpc, .xtSCL, .BKRPef, .H9lube, .VuuXrf, .iTPLzd.rNSxBe.lUn2nc {
display: none;
}
.Tg7LZd, .rCGXm {
height: 32px;
background: linear-gradient(0deg, #4787ed 0%, #4d90fe 100%)
border: 1px solid #3079ed
border-radius: 0px
width: 75px;
margin-top: -1px;
margin-right: -1px
}
.Tg7LZd svg, .rCGXm svg {
filter: saturate(0%) brightness(200%)
margin-top: 2px;
height: 20px;
width: 20px;
margin-left: 10px;
}
.minidiv svg {
margin-top: 0px !important;
margin-left: 8px !important;
}
.Lj9fsd.DU1Mzb .F1hUFe {
padding: 4px 28px 0 30px;
}
.Lj9fsd.DU1Mzb {
padding: 0px
box-shadow: none;
}
.DU1Mzb svg {
margin-top: 0px !important;
margin-left: 8px !important;
}
.DKV0Md {
margin-top: -5px !important;
font-family: arial, sans-serif
}
#result-stats, .Wt5Tfe span, .T47uwc {
font-family: arial, sans-serif
}
#hdtb-msb .bmaJhd.iJddsb, .m3kSL {
display:none;
}
.hdtb-mitem, .t2vtad {
font-family: arial, sans-serif
text-align: center;
}
.minidiv .gLFyf {
margin-top: 4px !important;
}
.hdtb-msel, .rQEFy {
font-size: 13px;
font-weight: bold;
color: #dd4b39 !important;
}
.rQEFy {
border-bottom: 3px solid #dd4b39;
}
.byrV5b cite, .byrV5b span {
color: #009933 !important;
}
.YTDezd {
padding: 0 20px;
background: #dd4b39
}
.lnXdpd, .jfN4p, .TYpZOd {
opacity: 0
}
.logo, .k1zIA.rSk4se, .F1hUFe.jbTlie {
background: url('https://oldgoogle.neocities.org/images/srpr/logo11w.png');
background-size: contain;
background-repeat: no-repeat;
background-origin: content-box;
}
.qlS7ne .F1hUFe.jbTlie {
margin-top: -10px !important;
height: 38px !important;
background-size: auto 38px;
}
.logo {
padding: 0 30px;
height: 38px;
background-size: auto 38px;
margin-top: -5px !important;
}
.Q3DXx.yIbDgf .Q3DXx, .Si7Nvc.O1t3Xb{
visibility: hidden;
}
.KxwPGc.ssOUyb {
display: none;
}
.o3j99.c93Gbe {
border-top: 1px solid #dadce0 !important;
height: 40px
}
.pHiOh {
font-size: 13px;
padding: 13px;
}
.SDkEP, .e3JjXb {
padding: 4px 4px 0 10px;
}
.e3JjXb {
height: 26px;
}
.FPdoLc.lJ9FBc {
padding-top: 8px !important;
}
.lJ9FBc {
height: 58px;
}
.sbct, .I6TXqe, .TzHB6b.cLjAic div {
border-radius: 0 !important;
}
.I6TXqe {
border: none !important;
}
.liYKde {
box-shadow: 0 2px 5px 1px rgba(64,60,67,.1) !important;
}
.A8SBwf {
margin-top: 0px;
}
.dAEiw {
margin-top: 19px;
}
/* Thanks old google :) */
.yuRUbf h3 ~ .TbwUpd.ojE3Fb {
position:static
}
.gNO89b, #gbqfbb, .RNmpXc, .gbqfba.gbqfba-hvr {
cursor: default !important;
background: linear-gradient(0deg,#f1f1f1 0%, #f8f8f8 100%) !important;
...