Fix CSS for better code display
Submitted by Ryan on Tue, 12/04/2007 - 05:14.
| Project: | projectpier.org Website |
| Component: | General |
| Category: | task |
| Priority: | normal |
| Assigned: | gdsmith |
| Status: | patch - code needs review |
Jump to:
Description
the tags don't always get the right distinction in the display. They should have a darker background or something to show them off. Also, they should be wrapped by a box when on a line by itself. Notice on the http://projectpier.org/node/495 page that you can also get double boxes sometimes.
modify *codefilter.css* to be:
div.codeblock code {display:block;
padding: 10px;
border-left: 5px solid #555;
background-color: #333;
color:#FFD;
margin-bottom:0.8em;
}
fixes the issue with double code boxes (though that probably needs investigating elsewhere as there are two divs where there shouldn’t be, could just be an edit problem)
Only tested in FF, so will need IE testing.