div.data-table table {
background: white none repeat scroll 0 0;
border-collapse: collapse;
cursor: default;
font-family: arial,helvetica;
font-size: 10pt;
margin: 0;
}
div.data-table table th {
background: #FFFFFF url(title-bg.gif) repeat-x scroll left bottom;
font-weight: bold;
text-align: center;
border: 1px solid #EEE;
padding: 6px;
}
div.data-table table td {
border: 1px solid #EEE;
padding: 2px 3px;
}
div.data-table table td.data-seq {
color: #666;
text-align: right;
}
div.data-table table tr.data-row-1 td {
background: #FAFAFA;
}
Thursday, July 30, 2009
Google styling scheme for tables
This is what I implemented after studying the CSS for tables that Google uses.
Subscribe to:
Post Comments (Atom)
Blog Archive
-
▼
2009
(143)
-
▼
July
(15)
- Make Faker work with Factory Girl
- Has many association in Factory Girl
- Google styling scheme for tables
- How to handle uninitialized constants in Rails
- Seed data into development database using Bootstra...
- Host your configuration files on github
- chmod reference
- Convert mp3 to aac using Soundconverter and gstreamer
- SCP files with spaces in filenames
- Easy command line search with grep and find
- How to change Tilda font size & open URL links
- Webrat's fill_in method on cucumber
- Super easy and fast cd ripping using abcde on the ...
- Search for codes in your files quickly with grep
- Error using cucumber, selenium and firefox 3
-
▼
July
(15)
No comments:
Post a Comment