The Easiest Way to Save and Share Code Snippets on the web

Untitled

css

posted: Apr, 19th 2012 | jump to bottom

/*=== COLOR THEMES ===*/
 
/*== BLUE ==*/
#invoice #invoice-info, #invoice-other, #payment-details, #invoice #comments { background: #007abf; border-color: #0073b4; color: #f0f7fb; }
#invoice #invoice-info p, #invoice-info h2, #invoice-info h3, #payment-details h2, #pyament-details p, #invoice-other h2, #invoice-other p { color: #f0f7fb; }
#invoice tbody:hover .item:hover td { background: #f0f7fb; }
/* --- delete the next two lines to remove zebra stripes --- */
#invoice table .item td { background: #f0f7fb; }
#invoice table .odd td { background: #fff; }
 
/*== ORANGE ==*/
#invoice #invoice-info, #invoice-other, #payment-details, #invoice #comments { background: #f49735; border-color: #e68e32; color: #fef9f3; }
#invoice #invoice-info p, #invoice-info h2, #invoice-info h3, #payment-details h2, #pyament-details p, #invoice-other h2, #invoice-other p { color: #fef9f3; }
#invoice tbody:hover .item:hover td { background: #fef9f3; }
/* --- delete the next two lines to remove zebra stripes --- */
#invoice table .item td { background: #fef9f3; }
#invoice table .odd td { background: #fff; }
 
/*== GREEN ==*/
#invoice #invoice-info, #invoice-other, #payment-details, #invoice #comments { background: #7cc04a; border-color: #75b546; color: #f7fbf4; }
#invoice #invoice-info p, #invoice-info h2, #invoice-info h3, #payment-details h2, #pyament-details p, #invoice-other h2, #invoice-other p { color: #f7fbf4; }
#invoice tbody:hover .item:hover td { background: #f7fbf4; }
/* --- delete the next two lines to remove zebra stripes --- */
#invoice table .item td { background: #f7fbf4; }
#invoice table .odd td { background: #fff; }
 
/*== PINK ==*/
#invoice #invoice-info, #invoice-other, #payment-details, #invoice #comments { background: #f7477e; border-color: #E84377; color: #FFF4F7; }
#invoice #invoice-info p, #invoice-info h2, #invoice-info h3, #payment-details h2, #pyament-details p, #invoice-other h2, #invoice-other p { color: #FFF4F7; }
#invoice tbody:hover .item:hover td { background: #fff4f7; }
/* --- delete the next two lines to remove zebra stripes --- */
#invoice table .item td { background: #fff4f7; }
#invoice table .odd td { background: #fff; }
51 views