Gastropool offline

dabblet.css

/**
 * Gastropool offline
 */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400);

html {
	background: #ed6e09;
    padding:0;
    margin:0;
    font: 16px 'Open Sans', OpenSans, sans-serif;
}

body {
    margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 70em;
	padding: 1em 1em;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.2);
	border-radius: 0.5em;
}

.lang {
	background-color: #fff;
	padding: 0.5em;
	margin-bottom: 1em;
	border-radius: 0.5em;
	box-shadow: 0.4em 0.4em 1.3em 0 rgba(0, 0, 0, 0.5);
}

.thanks .greeting .signature {
	font-style: italic;
}

dabblet.html

<div class="lang de">
            <div class="message">
                <p class="greeting">
                    Sehr geehrtes Mitglied,<br />
                    sehr geehrter Lieferant,<br />
                </p>
                <p class="communication">
                    am Freitag, den <time datetime="2012-10-26 15:00">26. Oktober ab 15:00 Uhr</time> wird Ihr persönlicher Intranet-Bereich für Sie technisch verbessert und umgebaut. Die optimierte Serverumstellung wird am <time datetime="2012-10-29 08:00">Montag, den 29. Oktober 08:00 Uhr</time> für Sie wieder aktiv sein!
                </p>
            </div>
            <div class="thanks">
                Für Ihr Verständnis bedanken wir uns im Voraus. <br />
                <p class="greeting">
                    Mit freundlichen Grüßen<br />
                    <span class="signature">
                        Ihr <span class="gastropool">gastro-pool</span> Team
                    </span>
                </p>
            </div>
         </div>
        <div class="lang it">
            <div class="message">
                <p class="greeting">
                    Gentile associato,,<br />
                    gentile fornitore,<br />
                </p>
                <p class="communication">
                    nella giornata di<time datetime="2012-10-26 15:00"> Venerdì 26 Ottobre a partire dalle ore 15,00</time> la Sua area personale Intranet sarà oggetto di migliorie tecniche e modifiche atte a ottimizzarne il funzionamento. Il nuovo server sarà nuovamente attivo e a Sua disposizione a partire dalle  <time datetime="2012-10-29 08:00">ore 08,00 di Lunedì 29 ottobre</time>.
                </p>
            </div>
            <div class="thanks">
                Ringraziando anticipatamente per la Sua comprensione ci è gradita l'occasione per porgere. <br />
                <p class="greeting">
                    cordiali saluti<br />
                   <span class="signature">
                        il Suo team <span class="gastropool">gastro-pool</span>
                    </span>
                </p>
            </div>
         </div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}