My mobile-friendly DW journal style

[ckd]

I don't remember who originally posted these tweaks, and I sadly didn't include any info in the custom CSS to remind me. If you know where they came from (especially if you're the person who created them!) please let me know so I can offer proper credit. (I tried a Google search for ["these are inelegant hacks to differentiate visually"] but it didn't have any hits on the phrase.)

Starting with the Practicality style, I've added the following custom CSS:

.entry {
 border-bottom: 2px solid black; 
 }

/* these are inelegant hacks to differentiate visually 
 the ends of threads versus the ends of comments */

div.comment-pages.toppages {
 border-bottom: 2px solid black; 
 padding-bottom: 1em;
 }

.comment {
 border: none
 }

.comment-depth-1 {
 border-bottom: 1px solid black; 
 }

.comment-wrapper {
 border-top: 1px solid gray; 
 }

.module {
 border-bottom: 2px solid black; 
 }

h2.module-header { 
 border-bottom: none;
 }

.module-content {
 margin-bottom: 1em;
 }

.pagesummary-poster a {
 color: black;
 }

.pagesummary-subject a {
 color: black;
 }

.entry-content { 
 line-height: 1.4em;
 border-top: none; 
 border-bottom: none; 
 }

.comment-content { 
 line-height: 1.4em; 
 border-top: none; 
 border-bottom: none; 
 margin-top: 1em; 
 margin-bottom: 1em; 
 }

ul.entry-management-links { 
 border-top: none; 
 }

span.poster { 
 font-size: 1em;
 font-variant: normal; 
 color: black; 
 border-top: none; 
 border-bottom: none; 
 padding-bottom: 1em; 
 }

span.poster a {
 color: #3333ff;
 }

span.poster a:visited {
 color: #3333ff;
 }

div.contents div.userpic a img { 
 border: double black;
 }

span.datetime { 
 font-size: 1em; 
 font-variant: normal; 
 }

span.datetime a {
 color: black;
 }

div.metadata { 
 font-size: 1em;
 font-variant: normal; 
 text-align: left;
 }

span.metadata-label { 
 text-transform: lowercase; 
 }

div.tag  { 
 font-size: 1em; 
 font-variant: normal; 
 }

span.tag-text  { 
 text-transform: lowercase; 
 }

blockquote {
 border-bottom: none;
 border-left: 1px solid gray; 
 }

.module-navlinks {
 letter-spacing: 0;
 }