intercon media style

1. Copy the html from markdown into the "HTML" box 2. hit the 'run' button

by Josan

HTML

<h2>B.Z.</h2>

<h4>News aus Berlin</h4>

<blockquote>
  <p>Despite setbacks these people try to make the most out of a precarious situation with lots of creativity and a positive outlook on life.</p>
</blockquote>

<h5>22.15 | ZDF DOKU</h5>

<h2>37°: Ohne Moos viel los!</h2>

<h5>20. April 2010 21.10 Uhr, BZ</h5>

<p>Achim, Katja und Susanne - alle zwischen Mitte 20 und Ende 40 - sind knapp bei Kasse, ohne absehbare Aussicht auf Besserung. Unterkriegen lassen wollen sie sich aber nicht.Trotz Rückschlägen versuchen sie, durch eine positive Einstellung und mit viel Kreativität, ihre prekäre Situation als eine neue Chance zu nutzen. Denn alle drei haben erfahren, dass auf der Jagd nach dem Geld nicht selten die Gesundheit, persönliche Werte und Beziehungen auf der Strecke bleiben. Materieller Reichtum allein macht oft eben doch nicht glücklich.</p>

<p><a href="http://www.bz-berlin.de/archiv/37-deg-ohne-moos-viel-los-article813740.html">view original source</a></p>

CSS

html, body, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}


body {
    color: #fff;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 100%;
    background: #0F0F0F;
    margin: 0;
}

a {
    text-decoration: none;
    color: #FFF;
}

html {
    background-color: #381629;
    border: 0;
}
body {
    padding: 2em;
    background-color: #222;
    border-radius: 20px;
}

h2 {
    font-size:175%; /* 28px */
    color:   #51EF01;
    margin-bottom: .25em;
}
h3 {
    font-size:175%; /* 28px */
    color: #777;
    margin-bottom: .25em;
}

h4 {
    font-size: 137%; /* 22px */
    color: #777;
    margin-bottom: .175em;
    }
h5 {
    font-size: 112.5%; /* 18px */
    color: #777;
}

p {
    margin-top: 1em;
    padding: .25em 2em;
    letter-spacing: .1em;
    line-height: 125%;
}

blockquote {
    color:#51EF01;
    background-image: url(http://marianneschaefertrench.com/images/pressOpenquote.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 1em;
}

blockquote span {
    display: block;
    background-image: url(http://marianneschaefertrench.com/images/pressClosequote.png);
    background-repeat: no-repeat;
    background-position: top right;

}
blockquote p {
    font-size: 137%; /* 22px */
    margin: 0 1.5em;
    padding: .5em 1em;    
    color: #C5E891;    
    background-color: #333;
    border-radius: 20px;
}

em {
    color: #C5E891;    
    font-style: normal;
}

strong {
    color: #51EF01;
}

a {
    color: #FCC;
    margin-left: 200px;
    line-height: 75%;
    padding: .5em 2em;
    background-color:#381629 ;
    border-radius: 10px;
    float: right;
    
}

a:hover {
    color: #59AEFF;
}