pbroschwitz

/**
 * Lined paper that follows the text
 * Support: Chrome, FF 3.6+, Saf 5.1+, Opera 11.50+, IE10
 */

/* Just decorative */
padding: 20px;

/* The font. Try changing font-size and see how the lines

pbroschwitz

/**
 * box-shadow vs drop-shadow
 * Webkit-only at the moment (Chrome Canary or Webkit nightlies)
 */

div {
	position: relative;
	width: 150px;
	padding: 20px;
	border: 5px dotted;

pbroschwitz

#
# Cake
#
tmp/*
app/tmp/*
!empty

pbroschwitz

/*
	Ratings Stars
	(with as little code as possible)
*/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}
.rating > span {

pbroschwitz

/*
	Ratings Stars
	(with as little code as possible)
*/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}
.rating > span {

pbroschwitz

/* CSS States */
body {
	background: url(http://dabblet.com/img/noise.png);
	background-color: #F5F2F0;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.6em;
	text-shadow: 0 2px 0 white;
	color: #222;
}

pbroschwitz

#!/usr/bin/env sh

##
# This is script with usefull tips taken from:
#   https://github.com/mathiasbynens/dotfiles/blob/master/.osx
#
# install it:
#   curl -sL https://raw.github.com/gist/2108403/hack.sh | sh
#

pbroschwitz

/* scss */
#nav {
  li a {
    color: maroon;

    body.admin & { border-bottom: dotted 1px maroon; } // <-- Awesome-sauce right there

    &:hover {
      color: purple;
    }

pbroschwitz

/**
 * Vertical centering with Flexbox + margin fallback
 * Lea Verou & David Storey
 */

html, body { height: 100%; }

body {
	width: 100%; /* needed for FF */
	margin: 0;

pbroschwitz

/**
 * The first commented line is your dabblet’s title
 */

.teaser {
  overflow: hidden;
  height: 250px;
  display: inline-block;
  position: relative;
  outline:0 none}