Skip to content

Instantly share code, notes, and snippets.

@subtleGradient
Created August 13, 2008 16:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save subtleGradient/5250 to your computer and use it in GitHub Desktop.
Save subtleGradient/5250 to your computer and use it in GitHub Desktop.
Gmail UserStyle
/*Remove main scrollbars*/
html,body{overflow:hidden !important;}
/*Background image*/
body{
background: #E6ECF6;
}
/*header*/
.z2kAad{
position: absolute;
top: 0px;
width: 100%;
height: 36px !important;
background: #343941;
z-index: 1000;
-webkit-box-shadow: 0px 0px 10px #000;
border-bottom: 1px solid #1E2125;
}
[id=":r2"]{display:none;}/*Search the web button*/
[id=":r3"]{display:none;}/*Search Mail button*/
[id=":r4"]{float:right;}/*Search Input*/
/*Search*/
.oF1kyb .tYBwhe {
float: right !important;
padding: 5px 9px 0 0;
}
.oF1kyb .tYBwhe.SUicbd {
color: inherit !important;
float: left !important;
text-align: right !important;
}
[id=":r6"]{/*Gmail Logo*/
position: absolute !important;
top: 0px !important;
left: 0px !important;
margin-top: 41px !important;
margin-left: 13px !important;
}
/*Shadow Text*/
#guser, .oF1kyb{
color: #fff !important;
text-shadow: 0px 1px 2px #000 !important;
text-decoration: none !important;
}
/*Advanced Search Close Link*/
.u7uAnb{color:transparent !important;}
/*Advanced Search Box*/
.ny3hZb,
.Z1uQkf{-webkit-box-shadow: 0px 1px 10px #000;}
/*User stuff*/
#guser {
margin: 0 !important;
padding: 0 !important;
padding-left: 9px !important;
line-height: 36px !important;
}
/*linkbar to other google services*/
#gbar{display:none;}
.nQ6QTe{float:left !important; color:inherit !important;}
.l73JSe{color:inherit !important;}
.oF1kyb {
margin:0 !important;
height: 18px !important;
position: absolute;
top: 0px;
right: 0px;
}
/*header innerdbox size reset*/
.z2kAad .IY0d9c > .XoqCub.EGSDee{
height: auto !important;
width: auto !important;
}
.n38jzf {
position: absolute;
left: 18px;
top: -36px;
height: 30px;
line-height: 26px;
-webkit-transition: top 0.4s ease-out;
background: #FFF1A7;
border: 1px solid #fff;
-webkit-box-shadow: 0px 0px 10px #FFF1A7;
-webkit-border-radius: 5px;
padding: 0 9px;
}
.n38jzf:hover{top:9px;}
.gbh,.gbd{border:none !important;}
/*footer*/
.XoqCub.zU8Nkb.pfiaof{display:none;}
/*Main layout*/
.z2kAad + .XoqCub .IY0d9c{
position: absolute !important;
top: 36px !important;
left: 0px !important;
bottom: 0px !important;
right: 0px !important;
width: auto !important;
height: auto !important;
}
/*left column*/
.z2kAad + .XoqCub > .IY0d9c > .XoqCub:nth-child(2){
position: absolute !important;
top: 0px !important;
bottom: 0px !important;
left: 0px !important;
height: auto !important;
float: none !important;
overflow: auto !important;
width: 167px !important;
/* padding-top: 36px !important;*/
margin-top: 68px;/*Leave room for the Gmail Logo*/
}
/*right column*/
.z2kAad + .XoqCub > .IY0d9c > .XoqCub:nth-child(3){
position: absolute !important;
top: 6px !important;
bottom: 0px !important;
right: 0px !important;
height: auto !important;
float: none !important;
overflow: auto !important;
margin-top: 36px !important;
background: #fff !important;
}
/*Messages*/
/*.rGOYzc > div.XoqCub + table.PwUwPb.XoqCub.MMcQxe{margin-top:36px;}*/
/*Remove Ads*/
/*table.PwUwPb.XoqCub.MMcQxe > tr > td.eWTfhb{width:100% !important;}*/
table.PwUwPb.XoqCub.MMcQxe > tr > td.eWTfhb:nth-child(2) {display:none;}
table.PwUwPb.XoqCub.MMcQxe > tr > td.eWTfhb:last-child {width:100px !important; overflow:hidden !important; padding-left: 9px !important;}
table.PwUwPb.XoqCub.MMcQxe > tr > td.eWTfhb:last-child *{width:auto !important;}
.yMuNaf{position:absolute; z-index: 5;}
.yxEQwb{position:absolute;top:-9999em;}
/*Message Toolbar*/
.yCMBJb.S6g97b,
.rGOYzc > div.XoqCub{
position: fixed !important;
bottom: auto !important;
top: 0px !important;
left: 167px !important;
right: 0px !important;
z-index: 6 !important;
height: 36px !important;
margin-top: 36px;
background: #1E2125 !important;
color: #fff !important;
-webkit-box-shadow: 0px 1px 5px #000;
}
.yCMBJb.S6g97b *:not(button):not(b):not([unselectable="on"]),
.rGOYzc > div.XoqCub *:not(button):not(b):not([unselectable="on"]){
color: inherit !important;
text-shadow: 0px 1px 2px #000 !important;
}
[unselectable="on"]{text-shadow: none !important;}
.jsbnre{
margin:0 !important;
padding:0 !important;
padding: 0 9px !important;
font-size: 11px !important;
line-height: 36px !important;
}
.jsbnre *:not(button):not(b):not([unselectable="on"]){
margin:0 !important;
padding:0 !important;
font-size: inherit !important;
line-height: inherit !important;
}
.jsbnre button,
.jsbnre [unselectable="on"],
.jsbnre [id=":vw"],
.jsbnre [id=":mv"] {
position: relative !important;
top: 13px !important;
color: #000 !important;
text-shadow: none !important;
}
/*Second toolbar*/
.yCMBJb.iv9XJc,
table.PwUwPb.XoqCub.MMcQxe + div.XoqCub{display:none;}
/*Toolbar button bar*/
.sGcZQb {
margin-left: 9px;
font-size: 13px;
line-height: 18px;
}
/*Toolbar Select bar*/
.bKmyId{
text-align: right !important;
position: absolute;
top: 0px !important;
right: 0px !important;
font-size: 11px !important;
line-height: 18px !important;
padding-right: 9px !important;
}
/*Toolbar Nav*/
.zlqE9 {
display: block !important;
float: none !important;
position: absolute !important;
bottom: 0px !important;
right: 0px !important;
text-align: right !important;
font-size: 11px !important;
line-height: 18px !important;
}
/*Dropdown*/
.zWKgkf,
.Sn99bd{-webkit-box-shadow:0px 2px 10px #000;}
/*[unselectable="on"]{position: relative; z-index: 8;}*/
/*Sidebar stuff*/
/*invite*/
div.XoqCub.LYZ5re.TKgXkb:last-of-type {display:none !important;}
/*gtalk*/
div.XoqCub.LYZ5re.TKgXkb:nth-last-child(2){display:none !important;}
/*Labels*/
.H7Bo8e{
font-size: 11px !important;
}
/*Rounded Edges*/
/*.Pj5gjf{display:none !important;}*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment