NOTE: this style is not very complete and i will add and change later
2018 material google accounts by ivyclaw22
Details
Authorivyclaw22
LicenseNo License
Categoryaccounts.google.com
Created
Updated
Size5.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name accounts.google.com - 8/24/2023, 6:04:09 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("accounts.google.com") {
.N3Hzgf .mIZh1c,
.N3Hzgf.k0tWj .mIZh1c {
height: auto;
background-color: rgba(0, 0, 0, .12);
bottom: -2px;
height: 1px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 100%;
border: none;
}
.N3Hzgf .cXrdqd,
.N3Hzgf.IYewr.u3bW4e .cXrdqd {
height: 2px;
width: 100%;
}
.N3Hzgf .cXrdqd {
-moz-border-radius: 4px;
border-radius: 0px;
opacity: 0;
transform: none;
transition: none;
}
.OabDMe {
transform: scaleX(0);
background-color: #4285f4!important;
bottom: -2px!important;
height: 2px!important;
left: 0;
margin: 0;
padding: 0;
position: absolute;
width: 100%;
border: 0 !important;
}
.N3Hzgf .zHQkBf {
-moz-border-radius: 4px;
border-radius: 0px;
color: rgb(32, 33, 36);
font-size: 16px;
height: 24px;
margin: 0 !important;
padding: 0 !important;
z-index: 1;
}
.d2CFce .N3Hzgf .oJeWuf {
height: 40px;
padding-top: 24px;
}
.N3Hzgf .Wic03c {
align-items: unset;
position: relative;
top: 14px;
}
.N3Hzgf .snByac {
background: #fff;
bottom: 3px;
box-sizing: border-box;
color: rgb(95, 99, 104);
font-size: 16px;
font-weight: 400;
left: 0px;
max-width: -moz-calc(100% - (2*8px));
max-width: 100%;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
width: auto;
z-index: 1;
}
.N3Hzgf .AxOyFc {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
color: #757575;
}
:first-child > .N3Hzgf,
:first-child > .Qzm34b,
:first-child.OcVpRe > .N3Hzgf,
:first-child.OcVpRe > .Qzm34b {
padding: 0;
padding-bottom: 4px;
}
.N3Hzgf .RxsGPe:empty {
display: unset;
min-height: 0;
padding-top: 0;
}
.uIZQNc .Is7Fhb {
opacity: 1;
padding-top: 8px;
}
.N3Hzgf .Is7Fhb:empty,
.N3Hzgf .RxsGPe:empty {
display: unset;
}
.d2CFce .Is7Fhb {
color: unset;
margin-left: 0px;
}
.N3Hzgf .Is7Fhb,
.N3Hzgf .RxsGPe {
opacity: 1;
padding-top: 8px;
}
.PrDSKc,
.v42QC {
padding-bottom: 0px;
padding-top: 14px;
}
.DRS7Fe button:not(.TrZEUc) {
-moz-border-radius: 4px;
border-radius: inherit;
color: #4285f4;
display: inline-block;
font-weight: inherit;
letter-spacing: normal;
margin: 0;
outline: 0;
padding: 0;
position: relative;
background-color: unset;
cursor: pointer;
font-size: inherit;
text-align: left;
border: 0;
}
.DRS7Fe button:not(.TrZEUc)::after {
background: rgba(66, 133, 244, .26);
-webkit-border-radius: 2px;
border-radius: 2px;
bottom: -2px;
content: '';
left: -3px;
opacity: 0;
position: absolute;
right: -3px;
top: -2px;
-webkit-transition: opacity .2s;
transition: opacity .2s;
z-index: -1;
}
.DRS7Fe button:not(.TrZEUc):focus::after {
opacity: 1
}
.DRS7Fe a:active,
.DRS7Fe button:not(.TrZEUc):active {
color: #4285f4;
background: unset
}
.VfPpkd-RLmnJb,
.VfPpkd-J1Ukfc-LhBDec,
.VfPpkd-Jh9lGc {
display: none
}
.ksBjEc:not(:disabled),
.ksBjEc:active:not(:disabled) {
color: #4285f4;
}
.ksBjEc {
font-family: roboto, arial, sans-serif;
font-size: 14px;
letter-spacing: normal;
font-weight: normal;
text-transform: none;
}
.VfPpkd-LgbsSe {
line-height: 36px;
border-radius: 0;
height: auto
}
.VfPpkd-LgbsSe {
padding: 6px 0;
}
.VfPpkd-LgbsSe-OWXEXe-dgl2Hf {
margin-top: 0px;
margin-bottom: 0px;
}
.ksBjEc::before {
background: rgba(66, 133, 244, .26);
-webkit-border-radius: 2px;
border-radius: 2px;
bottom: 6px;
content: '';
left: -16px;
opacity: 0;
position: absolute;
right: -16px;
top: 6px;
-webkit-transition: opacity .2s;
transition: opacity .2s;
z-index: -1;
}
.ksBjEc:active::before {
opacity: 1
}
.nCP5yc:not(:disabled) {
-webkit-transition: box-shadow .28s cubic-bezier(0.4, 0.0, 0.2, 1);
transition: box-shadow .28s cubic-bezier(0.4, 0.0, 0.2, 1);
background: #dfdfdf;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
padding: 0;
background: #4285f4;
color: #fff;
line-height: 20px;
min-width: 88px;
border-radius: 3px
}
.nCP5yc .VfPpkd-vQzf8d {
margin: 8px 16px;
font-size: 14px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
}
.nCP5yc:active:not(:disabled) {
-webkit-transition: box-shadow .28s cubic-bezier(0.4,0.0,0.2,1);
transition: box-shadow .28s cubic-bezier(0.4,0.0,0.2,1);
-webkit-transition: background .8s;
transition: background .8s;
-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
}
.RAYh1e{
-webkit-flex-shrink: 0;
flex-shrink: 0;
background: #fff;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
display: block;
margin: 0 auto;
min-height: 0;
width: 450px;
border:0;
border-radius:0;
}
.VmOpGe {
background: #e0e0e0;
}
.ReCbLb:not(.VfPpkd-O1htCb-OWXEXe-OWB6Me) .VfPpkd-uusGie-fmcmS {
color: #212121;
}
.Bgzgmd .WgJpmf {
-moz-border-radius: 4px;
border-radius: 4px;
color: #757575;
}
}