Created
January 6, 2012 17:25
-
-
Save creswick/1571551 to your computer and use it in GitHub Desktop.
CSS styles to "fix" the new Gmail theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Set the background of 'read' conversations to a darker grey | |
so I can see the difference. */ | |
.yO { | |
background: none repeat scroll 0 0 rgba(210, 210, 210, 0.9) !important; | |
color: black !important; | |
} | |
.xY { | |
/* border-bottom: 1px solid #D6D6D6 !important; */ | |
} | |
.xY { | |
padding-top: 1px !important; | |
padding-bottom: 1px !important; | |
} | |
.vC { | |
vertical-align: baseline !important; | |
} | |
.vG, .uf { | |
/* opacity: .50; */ | |
} | |
#\:ro { | |
margin-top: 0px !important; | |
padding-bottom: 2px !important; | |
} | |
/* Reduce the space for the priority inbox section headers */ | |
.Wg { | |
padding: 0px 0px 0px 0px !important; | |
/* | |
Set the background of the section headers to a light gradient | |
*/ | |
background: -webkit-gradient(linear, 0 0, 0 80%, from(#cce1ff), to(#f0f6ff)); | |
} | |
/* Make the checkboxes, important flags, and stars use less space | |
*/ | |
.Ci, .y5, .WA { | |
width: 20px !important; | |
} | |
/* Make the top buttons smaller, reduce spacing between them */ | |
.T-I { | |
padding: 0px 4px 0px 4px !important; | |
min-width: 0px !important; | |
margin-right: 8px !important; | |
} | |
/* Reduce the space dedicated to the search box */ | |
.w-asV { | |
margin-bottom: 0px !important; | |
border-bottom: 0px !important; | |
} | |
/* Remove the Gmail logo */ | |
#\:rl { | |
display: none !important; | |
} | |
/* do unholy things with the search box */ | |
table[class~="w-asX"] { | |
position: fixed !important; | |
left: 600px !important; | |
top: 45px !important; [ | |
} | |
/* Shrink the space where the search box used to be | |
This doesn't work well, or gain much :( */ | |
div .w-asV .cc, div .w-asV .cd { | |
height: 0px !important; | |
} | |
div .b8, div .cd, div .cc { | |
min-height: 0px !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Updated to make the headings more obvious and to reduce space around the checkboxes, important flags, and stars in the message list.