anselmh

/**
 * Pure CSS Toggle Page Layout
 */

.content > article {
	min-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	

anselmh

.box {
	width: 400px;
	height: 300px;
	background: #999;
}

.box:after {
	background: orange;
	border: 1px solid white;
	color: white;

anselmh

WebFontConfig = {
	google: { families: [ 'Istok+Web:400,700:latin' , 'Lora:400,700:latin' ] }
};
(function() {
	var wf = document.createElement('script');
	wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	wf.type = 'text/javascript';
	wf.async = 'true';
	var s = document.getElementsByTagName('script')[0];
	s.parentNode.insertBefore(wf, s);

anselmh

{
  "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
	"font_size": 11.0,
	"translate_tabs_to_spaces": false,
	"translate_spaces_to_tabs": true,
	"caret_style": "phase",
	"highlight_line": true,
	"line_padding_bottom": 1,
	"line_padding_top": 1,
	"fade_fold_buttons": false,

anselmh

.overflowed > p{
	width: 10em;
	height: 5em;
	white-space: nowrap; 
	overflow: hidden;
}

.overflowed-clip {
	text-overflow-mode: clip;
}

anselmh

.overflowed > p{
	width: 10em;
	height: 5em;
	white-space: nowrap; 
	overflow: hidden;
}

.overflowed-clip {
	text-overflow: clip;
}

anselmh

.overflowed > p{
	width: 10em;
	height: 5em;
	white-space: nowrap; 
	overflow: hidden;
}

.overflowed-clip {
	text-overflow: clip;
}

anselmh

Make your own crunchy muesli

Buy some nice oat flakes (you can use fine or coarse, whatever you prefer).

1. Take 250g (~9 Ounces [oz]) oat flakes
2. Take about 100-150ml (5 [fl oz]) of honey or agave syrup
3. Mix the oat flakes and the honey well
4. You can add some cinnamon now if you want
5. Roast the mixed flakes in a pan now for a short time (so that the honey is soaked by the flakes, about 2-5 minutes)
6. Prepare a baking tray and put some baking paper on it.

anselmh

*, *:before, *:after
{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; 
}

anselmh

<div>
	<h1>Test</h1>
	<p>text inside this here.</p>
</div>
<footer class="pattern">
	<p>text inside this here.</p>
</footer>