Overview

┌─────────┐                                            ┌──────────┐ 
│ \    /\ │                                            │   ____   │
│  )  ( ')└───────────────┐  ┌─────────────────────────┘  /  _ \  │
│ (  /  ) Aww — Kitteh :3 │  │ Junge Piraten Nova Neue   | ~|P  | │
│  \(__)| ┌───────────────┘  └─────────────────────────┐  \____/  │
└─────────┘                                            │          │
                                                       └──────────┘
————————————————————————————————————————————————————————————————————————
Fixes:
------
• Header
  - Icons changed from Chromium-Only CSS-Sprite to fontawesome 
    (http://fortawesome.github.com/Font-Awesome/) for ALL the vectors! 
    which works in all semi-modern browsers (including Firefox 3.6 and 
    the Internet Explorer up from 7)
  - Menu
    • Items in one line in all browsers (before: only Chromium)
    • Sub-Menu in a working way completely with CSS added (before: 
      not-working JavaScript foo) (Supports up to 3 menu-layers 
      [maybe more — not tested yet])
    • ‚//‘-Seperator moved into CSS for accessibility-reasons
  - Searchbox margin fixed
• Sidebar margin fixed
• Featured Story works now in browsers which support only one background 
  a time (IE 8 or so)
• Browser-Support expanded (look at the feature-list underneath)

Features:
---------
• No JavaScript-Usage at all
• Valid xHTML5 (excepting invalid foobar from Wordpress which is a bit 
  like fuck)
• Header
  - Monster-Picture on the right completely replaced by CSS
  - First menu-item with a little home-house
  - „Werde Jupi!“ with CSS
• Blog
  - Pagination-Like thingy added to navigate to older posts
  - Comment-Button restyled
  - Post-Header in block-display for a bigger click area
  - Uppercasing from the Post-Header removed
  - (Serif-Font to make the text better readable) Replaced again by OpenSans
• Error-Pages
  - 404-Page
  - Search-Error-Page (no results)
• Browser-Support
  - Works without errors in:
    • Firefox >= 3.6
    • Opera (only latest version tested)
    • Chromium (only latest version tested)
    • Internet Explorer 9
  - Works with some errors in:
    • Internet Explorer 8
      - Skrew not working (can be fixed easily with an ugly matrix or a 
        more ugly image)
      - ‚Werde Jupi!‘-Badge not rotated (can be theoretically fixed with 
        an ugly matrix — not really important)
      - :last-child not working, so the last menu item in the first 
        layer has a seperator on it's right
    • Internet Explorer 7
      - No background stripes because base64-embedded images are not supported
      - No Menu-Item-Seperator because :after is not supported
      - Skew not working
      - @font-face not working -> Social-Icons not shown --> right header a bit br0ken
    • Opera
      - Ignores skew-undoing -> background not shown in the full header
  - Doesn't work good enough in:
    • Internet Explorer < 8 (which are not important because 8 is the 
      newest version for Windows XP)
• Device-Support
  - Works in a responsive version well with (tested):
    • Android 4.1
    • Android 2.2
    • Maybe other browsers, WebKit seems to do everything as supposed (--> iPhone should work)

Previous problems:
------------------
• Header-Social-Icons only worked in Chromium and where really 
  overblured
• The item position in the top menu gots a bit too near to the ground in 
  other browsers than chromium
• The Top-Menu didn't supported sub-menus
• No pagination
• No Error-Pages
• Really bad browser support (If i look strictly: Only Chromium)
• The Responsive-Version for Smartphones and other small-screen devices didn't worked really well (because of hidden sidebar no full menu etc pp.)
  - Header wasn't completely visible

Already built-in at https://junge-piraten.de where the origin is this repo:
---------------------------------------------
• „Werde Jupi!“ with CSS
• Fontawesome-Icons
• Twitter-Sidebar-Plugin-Time a bit fancier