michsch

/* font size & line height in px */
$font-size-body-px: 14;
$line-height-px: 21;

/* calculate font-size (in %) and line-height (in em) */
$font-size-body: pc($font-size-body-px, 16);
$line-height: em($line-height-px, $font-size-body-px);

michsch

/*
 * Grunt Task File
 * ---------------
 *
 * Task: coffee
 * Description: Compile coffee files to js
 * Dependencies: coffee-script
 *
 */

michsch

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));

michsch

/**
 * Footer at bottom
 * original found at: http://peterned.home.xs4all.nl/examples/csslayout1.html
 */

/* import normalize css */
@import url("http://raw.github.com/necolas/normalize.css/master/normalize.css");

/* import fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Yanone+Kaffeesatz:400,700);

michsch

tt_content.image.20.caption.1.stdWrap {
    typolink = 1
    typolink.parameter.field = image_link
    typolink.parameter.listNum.stdWrap.data = register:IMAGE_NUM_CURRENT
}

michsch

/**
 * outer DIV to 100%
 */

html * { font-size:100%; }
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.50%;

michsch

/**
 * 100% navigation with display:table
 */

body {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.50%;
	background: #ddd;
}

michsch

/**
 * YAML 3col layout with fixed sidebars (left and right)
 * col1 | col2 | col3
 */

body {
 background: #efefef;
}

.ym-wrapper {

michsch

/**
 * flexible fluid <figure> and <figcaption>
 */

html * { font-size:100%; }

body {
	background: #efefef;
	min-height:100%;
	font-size: 85%;

michsch

/**
 * Round corners in Chrome and Safari
 */

/* just layout */
html { font-size: 100.00%; }
html, body { min-height:100%; }
body {
	background: #ccc;
	font-size: 87.5%;