Changesets can be listed by changeset number.
The Git repository is here.
Changeset 370
NetSurf improvements with images. Limit width of PRE blocks. Improve
table related CSS to prevent accidental overriding of the main stylesheet
and improve appearance of tables within posts.
- Comitted by: rool
- Date: Sunday March 20 10:12:56 2011 (over 13 years ago)
Affected files:
rool/rails/beast/trunk/public/stylesheets/display.css:
prev. | current | |
#content p.subtle | ||
{ | ||
18 | | |
18 | margin:0 0 0.5em; | |
float:right; | ||
} | ||
... | ... | |
margin:1em 0; | ||
} | ||
130 | ||
131 | | |
130 | #content #monitor_topic { | |
131 | font-size: 12px; | |
} | ||
134 | ||
135 | | |
134 | #content #monitor_topic .icon { | |
135 | background-image:none; | |
} | ||
#content ul.quotes, | ||
... | ... | |
color:#c00; | ||
font-weight:bold; | ||
} | ||
246 | ||
247 | | |
248 | | |
246 | #content p.psmall { | |
247 | font-size:0.7em; | |
248 | font-weight:normal; | |
} | ||
#content div.upload | ||
... | ... | |
/* tables */ | ||
356 | ||
356 | #content table.noborder, | |
357 | #content table.noborder tr, | |
358 | #content table.noborder tr td | |
{ | ||
border:0; | ||
} | ||
... | ... | |
#content table tr th | ||
{ | ||
background:#ddd; | ||
373 | | |
374 | | |
} | ||
376 | #content table tr th, | |
#content table tr td | ||
{ | ||
378 | | |
379 | | |
379 | padding:5px; | |
} | ||
/* topics */ | ||
... | ... | |
#content table.forums tr th { font-size: 1em; } | ||
#content table.forums tr td .title | ||
{ | ||
397 | | |
397 | font-size:1.4em; | |
} | ||
#content table.forums tr td .desc | ||
{ | ||
402 | | |
402 | margin:0.5em 0; | |
} | ||
#content table.forums tr td | ||
... | ... | |
#content table.posts | ||
{ | ||
507 | | |
507 | border-bottom: 2px solid #eee; | |
} | ||
510 | ||
510 | #content table.posts > tbody > tr > td | |
{ | ||
border:0; | ||
} | ||
... | ... | |
font-size:1px; | ||
} | ||
520 | #content table.posts table | |
521 | { | |
522 | margin-top: 10px; | |
523 | margin-bottom: 10px; | |
524 | } | |
525 | ||
/* fade edit links */ | ||
#content .post .author .edit a | ||
... | ... | |
#content .post .author img | ||
{ | ||
530 | | |
536 | float:left; | |
margin-right:0.5em; | ||
} | ||
... | ... | |
font-weight: bold | ||
} | ||
574 | ||
575 | ||
576 | /* 2011-03-18 (ADH): Effective CSS hack which stops PRE content reaching | |
577 | * unbounded widths, but allows the columns in the table to use all available | |
578 | * horizontal space. The maximum width table cell values stop the browser | |
579 | * formatting a very wide column if a wide <pre> tag is present. Then the PRE | |
580 | * tag itself is limited to full column width. If we just try to limit the PRE | |
581 | * tag by max-width percentage, for some reason browsers do shrink it, but | |
582 | * still format the containing column as if the PRE were at maximum width - | |
583 | * this odd behaviour is consistent across several rendering engines. | |
584 | * | |
585 | * The maximum widths on the table cells stop this strange behaviour, but of | |
586 | * course they get ignored, because the wider <table> constraint of 100% width | |
587 | * causes the table to get stretched with the viewpoint. | |
588 | */ | |
589 | ||
#content table.posts | ||
{ | ||
width: 100%; | ||
} | ||
573 | ||
595 | #content .post td.author | |
{ | ||
width: 25%; | ||
598 | max-width: 200px; | |
} | ||
578 | ||
601 | #content .post td.body | |
{ | ||
width: 75%; | ||
604 | max-width: 600px; | |
605 | overflow-x: auto; | |
} | ||
608 | #content .post td.body pre | |
609 | { | |
610 | max-width: 100%; | |
611 | overflow-x: auto; | |
612 | } | |
613 | ||
614 | ||
615 | ||
#content .post .date | ||
{ | ||
font-size:0.75em; | ||
... | ... | |
{ | ||
color: #666; | ||
} | ||
724 | ||
725 | /*****************************************************************************\ | |
726 | * Browser-specific styles: NetSurf | |
727 | \*****************************************************************************/ | |
728 | ||
729 | /* Help NetSurf get sizes right, reducing page reformatting. Problems with | |
730 | * image sizing, even when width and height is specified in HTML, have long | |
731 | * existed in the browser. Harmless for other browsers. | |
732 | * | |
733 | * Suggested by M.Drake, 2011-03-18: | |
734 | * | |
735 | * https://www.riscosopen.org/forum/forums/1/topics/591?page=2 | |
736 | */ | |
737 | ||
738 | #content img.icon | |
739 | { | |
740 | display: block; | |
741 | width: 16px; /* Beast always uses "clearbits" 16x16 icon set images */ | |
742 | height: 16px; | |
743 | } | |
744 | ||
745 | #content .photo | |
746 | { | |
747 | display: block; | |
748 | } |