der-eremit.de » CSS http://www.der-eremit.de thoughts, ideas, interests, rants, codes by der eremit Wed, 30 Jun 2010 08:32:43 +0000 en hourly 1 http://wordpress.org/?v=6613 der-eremit.de goes version 4 http://www.der-eremit.de/der-eremit-de-goes-version-4/ http://www.der-eremit.de/der-eremit-de-goes-version-4/#comments Tue, 28 Jul 2009 12:30:36 +0000 eremit http://www.der-eremit.de/?p=1014 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

]]> http://www.der-eremit.de/der-eremit-de-goes-version-4/feed/ 0 Changelog 0.9.1 http://www.der-eremit.de/changelog-091/ http://www.der-eremit.de/changelog-091/#comments Tue, 13 Jan 2009 18:34:20 +0000 eremit http://www.der-eremit.de/?p=690 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
]]> http://www.der-eremit.de/changelog-091/feed/ 0 Rounded corners for less (Safari solution) http://www.der-eremit.de/rounded-corners-for-less-safari-solution/ http://www.der-eremit.de/rounded-corners-for-less-safari-solution/#comments Wed, 10 Dec 2008 15:26:04 +0000 eremit http://www.der-eremit.de/?p=572 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.

]]> http://www.der-eremit.de/rounded-corners-for-less-safari-solution/feed/ 0 Rounded corners for less? http://www.der-eremit.de/rounded-corners-for-less/ http://www.der-eremit.de/rounded-corners-for-less/#comments Wed, 10 Dec 2008 11:31:57 +0000 eremit http://www.der-eremit.de/?p=563 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…

]]> http://www.der-eremit.de/rounded-corners-for-less/feed/ 0