Well, actually I’m just telling you the obvious: der-eremit.de has got a new theme. The header still needs some re-work, and their might be a few rendering issues, but all at all this is the new look.

In my previous post, I already mentioned that I there has been a little clean up. Additionally I’ve added a some new things to page:

• using WP-PageNavi for paging now
• Using qTranslate for multi-language support (theme isn’t ready for multi-language)
• removed widget-support (classic sidebars are quite more simple to style)
• and much more

As I haven’t wrote a changelog for a long time, some new and some older stuff here…

General:
• Added nice tooltip for links
• Added ‘Sitemap’ under ‘Tools’
• Added ‘LifeStream’ under ‘Tools’
• Added new category ‘almondeyes’

Plugins
• Remove post rating plugin

Theme:
• CSS box layout for Link Summary and Related Posts like the one for Comments
• Moved social bookmarks to top-right of post header / post meta

In addition to the previous article, I’ve got also a solution for the Safari 3.x users/developers out there. Like Mozilla, Apple added some CSS enhancements to their CSS-rendering engine. For getting the same effect as in Firefox, you can use -webkit-border-bottom|top-left|right-radius:

1

<p style="-webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; background-color: #ebebeb; padding: 10px; color: #000;">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy...</p>

This should result in something like:

Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy…

By the way: the W3C offers new options for border in CSS3, of which one is the border-radius stuff.

Okay I’ve to confess that this trick will only work in Firefox, but for those who doesn’t want to start their Gimp/Photoshop-something for getting rounded corners on page elements, this CSS hack might be a proper solution:

1

<p style="-moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; background-color: #ebebeb; padding: 10px; color: #000;">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy...</p>

By using the CSS extension -moz-border-radius-direction made by Mozilla, this will result in something like:

Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy…