<div dir="ltr">Hi, all.<div dir="ltr"><p>1. I've improved the rendering of the Wiki Diff in the the default Blender Skin on my local system but would need some help to actually implement it on the Wiki (if that's something I'm allowed to do at all).<br>
</p>
The new CSS has been tested on FF and Opera on Ubuntu and IE on XP.<br><br>Changes:<br>*Dark background, light, slightly smaller text for the diff context.<br>*Pale Background colors for the diffing paragraphs, dark text.<br>
*Line-throughs of deleted words and red higlights for deleted and added words.<br><b><br>2. Please preview the new rendering here:</b><br><a href="http://wiki.blender.org/uploads/f/fa/BlenderWiki-Diff-CSS-Improved.png" target="_blank">http://wiki.blender.org/uploads/f/fa/BlenderWiki-Diff-CSS-Improved.png</a><br>
<br>You can also download the example html and all necessary css-files ( <a href="http://wiki.blender.org/uploads/0/02/Wiki.blender.org.tar.gz">http://wiki.blender.org/uploads/0/02/Wiki.blender.org.tar.gz</a> )
</div><div dir="ltr">if you wish to test the changes in your favourite browser or want to play with editing the Wiki CSS yourself.<br><br><br>3<b>. How to update the wiki CSS</b>:<br>Simply add the following to the end of the existing Blender skin file ( <a href="http://wiki.blender.org/skins/blender/main.css" target="_blank">http://wiki.blender.org/skins/blender/main.css</a> ) to get the desired result or you can simply replace<strong> /skins/blender/main.css</strong> with the equivalent file from the Wiki.blender.org.tar.gz file.<br>
<br>/*<br>** Diff rendering<br>*/<br>table.diff, td.diff-otitle, td.diff-ntitle {background-color: #333;color:#fff;}<br>td.diff-otitle,td.diff-ntitle {text-align: center;}<br>td.diff-marker {text-align: right;font-size:18px;font-weight:bold;padding:3px;text-align:center;}<br>
.rtl td.diff-marker {text-align: left;}<br>table.diff td.diff-lineno {padding-left:15px;font-weight: bold;}<br><br>td.diff-addedline {background: #cfc;font-size: smaller;}<br>td.diff-deletedline {background: #ffa;font-size: smaller;}<br>
<br>table.diff {border: none;width: 98%;border-spacing: 4px; <br> /* Fixed layout is required to ensure that cells containing long URLs<br> don't widen in Safari, Internet Explorer, or iCab */<br> table-layout: fixed;}<br>
table.diff td { padding: 0;}<br>table.diff col.diff-marker {width: 2%;}<br>table.diff col.diff-content {width: 48%;}<br>table.diff td div {<br> /* Force-wrap very long lines such as URLs or page-widening char strings.<br>
CSS 3 draft..., but Gecko doesn't support it yet:<br> <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=99457" target="_blank">https://bugzilla.mozilla.org/show_bug.cgi?id=99457</a> */<br> word-wrap: break-word;<br>
<br> /* As fallback, scrollbars will be added for very wide cells<br> instead of text overflowing or widening */<br> overflow: auto;<br> <br> /* The above rule breaks on very old versions of Mozilla due<br>
to a bug which collapses the table cells to a single line.<br> <br> In Mozilla 1.1 and below with JavaScript enabled, the rule<br> will be overridden with this by diff.js; wide cell contents<br> then spill horizontally without widening the rest of the<br>
table: */<br> /* overflow: visible; */<br>}<br><br><br>/*Diff in this file*/<br>td.diff-context div, td.diff-addedline div, td.diff-deletedline div{font-size:12px;padding:5px}<br>td.diff-context div {background: #666;color:#bbb;}<br>
td.diff-addedline div{background-color: #caFFc1;color: black;}<br>td.diff-deletedline div{background-color: #f9ffbb;color: black;}<br><br>.diffchange {font-weight:bold;text-decoration:none;/*background-color: #FFCDF3;*/}<br>
del.diffchange{text-decoration:line-through;color: red;}<br>ins.diffchange{color: red;}<br><br>.autocomment { color: grey; }<br>#pagehistory span.user {margin-left: 1.4em;margin-right: 0.4em;}<br>#pagehistory span.minor {font-weight: bold;}<br>
#pagehistory li.selected {background-color: #292929; border:1px dashed #aaaaaa;}<br clear="all"><font color="#888888"><br>--<br><p>With regs,<br></p><p>Jarl Arntzen (JimmyVolatile)<br></p></font></div>
</div>