Hacking Gmail

(Grace) #1

Chapter 4 — Skinning Gmail 47


}


/ both current and other /
body#gmail-google-com table.cv td span.lk,
body#gmail-google-com div.nl span.lk{
display: block !important;
background: #ffffff !important;
color: #191b4c;
border: none !important;
padding: 2px !important;
margin-right: 5px !important;
}


/ Override the background color for the unselected options/
body#gmail-google-com div.nl span.lk {
background: #ffffff !important;
border: none !important;
}


/ For the mouse-over color change /
body#gmail-google-com div.nl span.lk:hover {
background: #d3cbb8 !important;
border-color: #fef759 !important;
}


/ hide “New!” super-script /
body#gmail-google-com div#nav sup {
display: none !important;
}


/ remove the colored left border of the inbox /
body#gmail-google-com div#co div {
border: 0 !important;
}


/-------------------------------------------------------/


This section of the CSS file deals with the navigation sidebar. It did look like


Figure 4-7, but now it’s a great deal simpler. The link color change at the top of
the CSS takes care of the color, so the first thing you do is restyle the font for


the Compose Mail link. You know that this has an id of comp, so you set the
font-family: cursive. This will, in compatible browsers, choose the default


cursive typeface.


Next you override the background colors and borders of the menu items and


finally remove the light blue edge of the application area that stretches from the

Free download pdf