My White Hemingway Template for Blogger

The template applied to this blog is the Black Hemingway template from blogcrowds with a few minor modifications.


Tabo has an implementation of the template in white but I don't want to use it because it was implemented using the Classic Blogger template markup. To transform blogcrowds' Hemingway template to a white Hemingway template, I copied the lines of css code that set the colors from Tabo's White Hemingway template and pasted it on the style section of  blogcrowds' Hemingway template.

The lines of css code that set the colors are just below the line /* ----- white.css ------ */. You can also view the code here, just click on the Read More link below.

body, #primary{
    color:#444;
}
#header, #primary{
    background:#FFF;
}

#secondary{
    background:#F3F3F3;
}

body, #ancillary{
    background:#E5E5E5;
}
#ancillary{
    border-top:1px solid #D5D5D5;
}

a, .story .details a, .story .details a:hover{
    color:#000;
}
.story .details a:hover{
    text-decoration:underline;
}
.story .details{ border-top:1px solid #7F7F7F; }

h1, h2, h3{ color:#000; }

#primary h2{ color:#333; }

blockquote{ color:#333; }

table th{ color:#FFF; background:#333; }
table td{ color:#000; background:#EAEAEA; }

#header h2{ border-right:1px solid #7F7F7F; }

.secondary .featured p{
    border-bottom:1px solid #CCC;
    border-top: 1px solid #CCC;
}
.secondary .featured dl{
    border-bottom:1px solid #CCC;
}
.secondary dd a{ color:#7F7F7F; }
.secondary dd a:hover{ color:#000; }


.secondary .featured dt{
    color:#333;
}
#primary .story h2, #primary .primary h2, #primary .single-story .primary h3, .story h3, .story h3 a{
    color:#333;
}

#secondary{
    border-top:1px solid #E3E3E3;
}
.comment-head{
    border-bottom:1px solid #E3E3E3;
}

ul.dates, ul.counts, ul.blogroll li ul, ul.pages{
    border-top:1px solid #C2C2C2;
}
ul.dates li, ul.counts li, ul.blogroll li ul li, ul.pages li{
    border-bottom:1px solid #C2C2C2;
}
ul.dates .date, ul.counts .count{
    color:#7A7A7A;
}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
    color:#404040;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ color:#000; }

#footer{ color: #666; }
#footer a, #footer p.attributes a{
    color:#333;
}
#footer a:hover, #footer p.attributes a:hover{ color:#000; }