Jacob Moen avatar Jacob Moen committed 3fa6b12

Adding old sass theme for posperity

Comments (0)

Files changed (38)

themes/sass/ie.sass

+/*
+  Welcome to Compass. Use this file to write IE specific override styles.
+  Import this file using the following HTML or equivalent:
+  <!--[if IE]>
+    <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+  <![endif]-->

themes/sass/partials/00-mixins/_all.sass

+@import helpers
+@import sassybutt
+@import menus

themes/sass/partials/00-mixins/_helpers.sass

+=accessible-color($background: $white)
+  @if lightness($background) >= 65%
+    color: $base-color
+  @else
+    color: white
+
+=hidden
+  display: none !important
+  visibility: hidden
+
+=visuallyhidden($focusable: false)
+  border: 0
+  clip: rect(0 0 0 0)
+  height: 1px
+  margin: -1px
+  overflow: hidden
+  padding: 0
+  position: absolute
+  width: 1px
+  @if $focusable
+    &:active, &:focus
+      clip: auto
+      height: auto
+      margin: 0
+      overflow: visible
+      position: static
+      width: auto
+
+=invisible
+  visibility: hidden
+
+
+=scale-image-ie($image)
+  background: none
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="#{image_url($image, true, false)}",  sizingMethod="scale")

themes/sass/partials/00-mixins/_menus.sass

+=pillbox($pill, $pillactive, $linkColorHover, $active-class : 'active')
+  ul
+    +horizontal-list
+    li
+      a
+        font: normal 13px Arial, Helvetica, sans-serif
+        margin: 3px 0px 3px 0px
+        +hover-link
+        padding: 5px
+        padding-right: 12px
+        padding-left: 12px
+        line-height: 30px
+        +border-radius(5px)
+        background: $pill
+        +link-colors(darken(white, 40%))
+        &:hover
+          background: $linkColorHover
+          color: $white
+          text-decoration: none
+          text-shadow: 0 1px 1px rgba(0,0,0,.25)
+      &.#{$active-class} a
+        background: $pillactive
+        color: $white
+        +border-radius(5px)
+        +link-colors(white)

themes/sass/partials/00-mixins/_sassybutt.sass

+@import "sassy-buttons"
+
+// Sassy Button defaults
+// These are the base defaults for the buttons, if you are going to use similar buttons on an entire site,
+// overriding these can save you some time by calling the sassy button mixin with less arguments.
+
+$sb-base-color: rgba(11, 153, 194, 1)
+$sb-second-color: false
+$sb-border-radius: 10px
+$sb-border-width: 1px
+$sb-padding: 0.5em 1.5em
+$sb-font-size: 16px
+$sb-line-height: 1.2em
+$sb-text-color: white
+$sb-text-style: "inset"
+$sb-gradient-style: "matte"
+$sb-hover: true
+$sb-ieSupport: false
+
+// Mixing that gets included when calling the sassy-button-structure if you need any
+// styles applied to all your sassy buttons, you can add them here.
+@mixin sassy-button-default-structure
+  display: inline-block
+  width: auto
+  height: auto
+  cursor: pointer

themes/sass/partials/01-variables/_all.sass

+@import common
+@import colors/all

themes/sass/partials/01-variables/_common.sass

+// pick a reset of normalization
+// accepted values: 'meyer', 'normalize'
+$init-type: normalize

themes/sass/partials/01-variables/colors/_all.sass

+@import base/color_names
+@import base/color_schemes
+@import colors

themes/sass/partials/01-variables/colors/_colors.sass

+
+$base-color: #333
+$base-color-light: #555
+$alt-color: $hotpink
+$background-color: #fdf6e3
+
+$blackberry   : #4a1a2b  /* purple */
+$eucalyptus   : #207861  /* teal */
+$citrus       : #9fad00  /* green */
+$supernova    : #ffcc00  /* yellow */
+$flush-orange : #ff8400  /* orange */
+$matisse      : #1673a1  /* blue */
+$cinnabar     : #e53b19  /* red */
+
+
+$cream: #eee8d5
+
+$primary-color: #c55600
+$secondary-color-1: #c58100
+$secondary-color-2: #c2000a
+$complementary-color: #007970
+
+//$border-color: #d5d5d5
+$border-color: lighten($primary-color, 50%)
+
+$title-alt: #93a1a1
+
+$highlighted-text-color : white
+$subheading-text-color  : $eucalyptus
+
+$error-feedback         : darken($cinnabar, 10)
+$warning-feedback       : darken($supernova, 10)
+$success-feedback       : darken($citrus, 3)
+
+$stroke: $base-color
+$disabled-stroke: $silver
+$disabled-text-color: $base-color-light
+$button-base-bg: darken($flush-orange, 3)
+$button-text-color: $white
+$destructive-button-base-bg: $cinnabar
+$destructive-button-text-color: white
+$disabled-button-base-bg       : lighten($silver, 3)
+$disabled-button-text-color    : lighten($grey, 5)

themes/sass/partials/01-variables/colors/base/_color_names.sass

+// STANDARD NAMED CSS COLORS
+// COLOR NAME DEFINITIONS
+$aliceblue: #f0f8ff
+$antiquewhite: #faebd7
+$aqua: #00ffff
+$aquamarine: #7fffd4
+$azure: #f0ffff
+$beige: #f5f5dc
+$bisque: #ffe4c4
+$black: #000000
+$blanchedalmond: #ffebcd
+$blue: #0000ff
+$blueviolet: #8a2be2
+$brown: #a52a2a
+$burlywood: #deb887
+$cadetblue: #5f9ea0
+$chartreuse: #7fff00
+$chocolate: #d2691e
+$coral: #ff7f50
+$cornflowerblue: #6495ed
+$cornsilk: #fff8dc
+$crimson: #dc143c
+$cyan: #00ffff
+$darkblue: #00008b
+$darkcyan: #008b8b
+$darkgoldenrod: #b8860b
+$darkgray: #a9a9a9
+$darkgrey: #a9a9a9
+$darkgreen: #006400
+$darkkhaki: #bdb76b
+$darkmagenta: #8b008b
+$darkolivegreen: #556b2f
+$darkorange: #ff8c00
+$darkorchid: #9932cc
+$darkred: #8b0000
+$darksalmon: #e9967a
+$darkseagreen: #8fbc8f
+$darkslateblue: #483d8b
+$darkslategray: #2f4f4f
+$darkslategrey: #2f4f4f
+$darkturquoise: #00ced1
+$darkviolet: #9400d3
+$deeppink: #ff1493
+$deepskyblue: #00bfff
+$dimgray: #696969
+$dimgrey: #696969
+$dodgerblue: #1e90ff
+$firebrick: #b22222
+$floralwhite: #fffaf0
+$forestgreen: #228b22
+$fuchsia: #ff00ff
+$gainsboro: #dcdcdc
+$ghostwhite: #f8f8ff
+$gold: #ffd700
+$goldenrod: #daa520
+$gray: #808080
+$grey: #808080
+$green: #008000
+$greenyellow: #adff2f
+$honeydew: #f0fff0
+$hotpink: #ff69b4
+$indianred: #cd5c5c
+$indigo: #4b0082
+$ivory: #fffff0
+$khaki: #f0e68c
+$lavender: #e6e6fa
+$lavenderblush: #fff0f5
+$lawngreen: #7cfc00
+$lemonchiffon: #fffacd
+$lightblue: #add8e6
+$lightcoral: #f08080
+$lightcyan: #e0ffff
+$lightgoldenrodyellow: #fafad2
+$lightgreen: #90ee90
+$lightgray: #d3d3d3
+$lightgrey: #d3d3d3
+$lightpink: #ffb6c1
+$lightsalmon: #ffa07a
+$lightseagreen: #20b2aa
+$lightskyblue: #87cefa
+$lightslategray: #778899
+$lightslategrey: #778899
+$lightsteelblue: #b0c4de
+$lightyellow: #ffffe0
+$lime: #00ff00
+$limegreen: #32cd32
+$linen: #faf0e6
+$magenta: #ff00ff
+$maroon: #800000
+$mediumaquamarine: #66cdaa
+$mediumblue: #0000cd
+$mediumorchid: #ba55d3
+$mediumpurple: #9370db
+$mediumseagreen: #3cb371
+$mediumslateblue: #7b68ee
+$mediumspringgreen: #00fa9a
+$mediumturquoise: #48d1cc
+$mediumvioletred: #c71585
+$midnightblue: #191970
+$mintcream: #f5fffa
+$mistyrose: #ffe4e1
+$moccasin: #ffe4b5
+$navajowhite: #ffdead
+$navy: #000080
+$oldlace: #fdf5e6
+$olive: #808000
+$olivedrab: #6b8e23
+$orange: #ffa500
+$orangered: #ff4500
+$orchid: #da70d6
+$palegoldenrod: #eee8aa
+$palegreen: #98fb98
+$paleturquoise: #afeeee
+$palevioletred: #db7093
+$papayawhip: #ffefd5
+$peachpuff: #ffdab9
+$peru: #cd853f
+$pink: #ffc0cb
+$plum: #dda0dd
+$powderblue: #b0e0e6
+$purple: #800080
+$red: #ff0000
+$rosybrown: #bc8f8f
+$royalblue: #4169e1
+$saddlebrown: #8b4513
+$salmon: #fa8072
+$sandybrown: #f4a460
+$seagreen: #2e8b57
+$seashell: #fff5ee
+$sienna: #a0522d
+$silver: #c0c0c0
+$skyblue: #87ceeb
+$slateblue: #6a5acd
+$slategray: #708090
+$slategrey: #708090
+$snow: #fffafa
+$springgreen: #00ff7f
+$steelblue: #4682b4
+$tan: #d2b48c
+$teal: #008080
+$thistle: #d8bfd8
+$tomato: #ff6347
+$turquoise: #40e0d0
+$violet: #ee82ee
+$wheat: #f5deb3
+$white: #ffffff
+$whitesmoke: #f5f5f5
+$yellow: #ffff00
+$yellowgreen: #9acd32

themes/sass/partials/01-variables/colors/base/_color_schemes.sass

+$primary: #FF0000 !default
+$equalized: hsl(hue($primary), 100%, 50%)
+//------------------------
+
+$mono-darker: darken($equalized, 20%)
+$mono-lighter: lighten($equalized, 20%)
+
+$complimentary: complement($equalized)
+
+$analogous: 22.57
+$analogous-a: adjust-hue($primary, $analogous)
+$analogous-b: adjust-hue($primary, $analogous * -1)
+$analogous-a-e: adjust-hue($equalized, $analogous)
+$analogous-b-e: adjust-hue($equalized, $analogous * -1)
+$analogous-a-custom: hsl(hue($primary) + $analogous, 35.29%, 86.66%)
+$analogous-b-custom: hsl(hue($primary) - $analogous, 35.29%, 86.66%)
+
+
+$split-comp: 22.57
+$split-comp-a: adjust-hue(complement($primary), $split-comp)
+$split-comp-b: adjust-hue(complement($primary), $split-comp * -1)
+$split-comp-a-e: adjust-hue(complement($equalized), $split-comp)
+$split-comp-b-e: adjust-hue(complement($equalized), $split-comp * -1)
+
+$triad: 120
+$triad-pos: adjust-hue($primary, $triad)
+$triad-neg: adjust-hue($primary, $triad * -1)
+$triad-pos-e: adjust-hue($equalized, $triad)
+$triad-neg-e: adjust-hue($equalized, $triad * -1)
+
+$rectangle: 22.57
+$rectangle-a: complement($primary)
+$rectangle-b: adjust-hue($primary, $rectangle)
+$rectangle-c: complement($rectangle-b)
+$rectangle-a-e: complement($equalized)
+$rectangle-b-e: adjust-hue($equalized, $rectangle)
+$rectangle-c-e: complement($rectangle-b-e)
+
+$square-a: complement($primary)
+$square-b: adjust-hue($primary, 90)
+$square-c: complement($square-b)
+$square-a-e: complement($equalized)
+$square-b-e: adjust-hue($equalized, 90)
+$square-c-e: complement($square-b-e)
+
+$compound-adjust-a: 17
+$compound-adjust-b: 120
+$compound-adjust-c: 99
+$compound-a: adjust-hue($primary, $compound-adjust-a)
+$compound-b: adjust-hue($primary, $compound-adjust-b)
+$compound-c: adjust-hue($primary, $compound-adjust-c)
+$compound-a-e: adjust-hue($equalized, $compound-adjust-a)
+$compound-b-e: adjust-hue($equalized, $compound-adjust-b)
+$compound-c-e: adjust-hue($equalized, $compound-adjust-c)

themes/sass/partials/02-typography/_all.sass

+@import common
+@import headers
+@import forms/all

themes/sass/partials/02-typography/_common.sass

+// This file establishes simple clean default font stacks
+
+$font-sans: sans-serif
+$font-serifs: Georgia, serif
+$font-mono: Consolas, Menlo, 'Courier New', monospace, monospace
+
+// uncomment to integrate typekit or similar
+// $font-typekit-FONTNAME: fontname
+// $font-typekit-FONTNAME: fontname
+//
+// $font-sans: $font-typekit-FONTNAME, $font-sans
+// $font-serifs: $font-typekit-FONTNAME, $font-serifs
+
+$font-body: $font-serifs
+$font-headline: $font-sans
+$font-logo: $font-sans
+
+// special use font stacks
+// ampersands
+$font-amp: $font-serifs
+// CAPS
+$font_cap: $font-sans
+
+$body-text-line-height: 1em
+$secondary-text-size: 1em
+$body-text-family: $font-body
+
+$column-width: 20px
+$horizontal-nudge: 1px
+
+/*
+ * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
+ * 2. Force vertical scrollbar in non-IE
+ * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
+
+html
+  font-size: 100%
+  overflow-y: scroll
+  -webkit-text-size-adjust: 100%
+  -ms-text-size-adjust: 100%
+  -webkit-font-smoothing: antialiased
+
+
+
+/* Body --------------------------------------------------------------
+
+/* Establish baseline rhythm
+ * from compass/typography/_vertical_rhythm
++establish-baseline
+
+body
+  font-family: $font-body
+  color: $base-color
+  background: $background-color
+
+
+/* Selected Text --------------------------------------------------------------
+/* -moz- must be declared separately
+
+\::-moz-selection
+  // "+accessible-color" located in 'kit_partials/mixins/_helpers.sass'
+  +accessible-color($alt-color)
+  background: $alt-color
+  text-shadow: none
+
+\::selection
+  // "+accessible-color" located in 'kit_partials/mixins/_helpers.sass'
+  +accessible-color($alt-color)
+  background: $alt-color
+  text-shadow: none

themes/sass/partials/02-typography/_forms.sass

+$baseline: 1em
+$basefont: 16px
+$grayDark: $darkgrey
+$grayLight: $lightgrey
+$gridColumnWidth: 40px
+
+/* Forms.less
+ * Base styles for various input types, form layouts, and states
+ * -------------------------------------------------------------
+
+// FORM STYLES
+// -----------
+
+form
+  margin-bottom: $baseline
+
+// Groups of fields with labels on top (legends)
+fieldset
+  margin-bottom: $baseline
+  padding-top: $baseline
+  legend
+    display: block
+    padding-left: 150px
+    font-size: $basefont * 1.5
+    line-height: 1
+    color: $grayDark
+    *padding: 0 0 5px 145px
+    /* IE6-7
+    *line-height: 1.5
+    /* IE6-7
+
+// Parent element that clears floats and wraps labels and fields together
+form .clearfix
+  margin-bottom: $baseline
+  +clearfix
+
+// Set font for forms
+
+label,
+input,
+select,
+textarea
+  //+sans-serif(normal, 13px, normal)
+
+// Float labels left
+label
+  padding-top: 6px
+  font-size: $basefont
+  line-height: $baseline
+  float: left
+  width: 130px
+  text-align: right
+  color: $grayDark
+
+// Shift over the inside div to align all label's relevant content
+form .input
+  margin-left: 150px
+
+// Checkboxs and radio buttons
+
+input[type=checkbox],
+input[type=radio]
+  cursor: pointer
+
+// Inputs, Textareas, Selects
+
+input,
+textarea,
+select,
+.uneditable-input
+  display: inline-block
+  width: 210px
+  height: $baseline
+  padding: 4px
+  font-size: $basefont
+  line-height: $baseline
+  color: $gray
+  border: 1px solid #ccc
+  +border-radius(3px)
+
+/* mini reset for non-html5 file types
+
+input[type=checkbox],
+input[type=radio]
+  width: auto
+  height: auto
+  padding: 0
+  margin: 3px 0
+  *margin-top: 0
+  /* IE6-7
+  line-height: normal
+  border: none
+
+input[type=file]
+  background-color: $white
+  padding: initial
+  border: initial
+  line-height: initial
+  +box-shadow(none)
+
+input[type=button],
+input[type=reset],
+input[type=submit]
+  width: auto
+  height: auto
+
+select,
+input[type=file]
+  height: $baseline * 1.5
+  // In IE7, the height of the select element cannot be changed by height, only font-size
+  line-height: $baseline * 1.5
+  *margin-top: 4px
+  /* For IE7, add top margin to align select with labels
+
+// Make multiple select elements height not fixed
+select[multiple]
+  height: inherit
+
+textarea
+  height: auto
+
+// For text that needs to appear as an input but should not be an input
+.uneditable-input
+  background-color: $white
+  display: block
+  border-color: #eee
+  +box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.025))
+  cursor: not-allowed
+
+// Placeholder text gets special styles; can't be bundled together though for some reason
+\:-moz-placeholder
+  color: $grayLight
+
+\::-webkit-input-placeholder
+  color: $grayLight
+
+// Focus states
+
+input,
+textarea
+  $transition: border linear 0.2s, box-shadow linear 0.2s
+  +transition($transition)
+  +box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.1))
+
+input:focus,
+textarea:focus
+  outline: 0
+  border-color: rgba(82, 168, 236, 0.8)
+  $shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)
+  +box-shadow($shadow)
+
+input[type=file]:focus,
+input[type=checkbox]:focus,
+select:focus
+  +box-shadow(none)
+  // override for file inputs
+  outline: 1px dotted #666
+  // Selet elements don't get box-shadow styles, so instead we do outline
+
+// Error styles
+form div.clearfix.error
+  background: lighten($red, 57%)
+  padding: 10px 0
+  margin: -10px 0 10px
+  +border-radius(4px)
+  $error-text: desaturate(lighten($red, 25%), 25%)
+  > label,
+  span.help-inline,
+  span.help-block
+    color: $red
+  input,
+  textarea
+    border-color: $error-text
+    +box-shadow(0 0 3px rgba(171, 41, 32, 0.25))
+    &:focus
+      border-color: darken($error-text, 10%)
+      +box-shadow(0 0 6px rgba(171, 41, 32, 0.5))
+  .input-prepend,
+  .input-append
+    span.add-on
+      background: lighten($red, 50%)
+      border-color: $error-text
+      color: darken($error-text, 10%)
+
+// Form element sizes
+// TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes
+
+.input-mini,
+input.mini,
+textarea.mini,
+select.mini
+  width: 60px
+
+.input-small,
+input.small,
+textarea.small,
+select.small
+  width: 90px
+
+.input-medium,
+input.medium,
+textarea.medium,
+select.medium
+  width: 150px
+
+.input-large,
+input.large,
+textarea.large,
+select.large
+  width: 210px
+
+.input-xlarge,
+input.xlarge,
+textarea.xlarge,
+select.xlarge
+  width: 270px
+
+.input-xxlarge,
+input.xxlarge,
+textarea.xxlarge,
+select.xxlarge
+  width: 530px
+
+textarea.xxlarge
+  overflow-y: auto
+
+// Grid style input sizes
+// This is a duplication of the main grid @include columns(); mixin, but subtracts 10px to account for input padding and border
+=formColumns($columnSpan: 1)
+  display: inline-block
+  float: none
+  width: ($gridColumnWidth - 10) * $columnSpan + ($gridColumnWidth - 10) * ($columnSpan - 1)
+  margin-left: 0
+
+input,
+textarea,
+select
+  // Default columns
+  &.span1
+    +formColumns(1)
+  &.span2
+    +formColumns(2)
+  &.span3
+    +formColumns(3)
+  &.span4
+    +formColumns(4)
+  &.span5
+    +formColumns(5)
+  &.span6
+    +formColumns(6)
+  &.span7
+    +formColumns(7)
+  &.span8
+    +formColumns(8)
+  &.span9
+    +formColumns(9)
+  &.span10
+    +formColumns(10)
+  &.span11
+    +formColumns(11)
+  &.span12
+    +formColumns(12)
+  &.span13
+    +formColumns(13)
+  &.span14
+    +formColumns(14)
+  &.span15
+    +formColumns(15)
+  &.span16
+    +formColumns(16)
+
+// Disabled and read-only inputs
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly]
+  background-color: #f5f5f5
+  border-color: #ddd
+  cursor: not-allowed
+
+// Actions (the buttons)
+.actions
+  background: #f5f5f5
+  margin-top: $baseline
+  margin-bottom: $baseline
+  padding: $baseline - 1 20px $baseline 150px
+  border-top: 1px solid #ddd
+  +border-radius(0 0 3px 3px)
+  .secondary-action
+    float: right
+    a
+      line-height: 30px
+      &:hover
+        text-decoration: underline
+
+// Help Text
+
+.help-inline,
+.help-block
+  font-size: $basefont - 2
+  line-height: $baseline
+  color: $grayLight
+
+.help-inline
+  padding-left: 5px
+  *position: relative
+  /* IE6-7
+  *top: -5px
+  /* IE6-7
+
+// Big blocks of help text
+.help-block
+  display: block
+  max-width: 600px
+
+// Inline Fields (input fields that appear as inline objects
+.inline-inputs
+  color: $gray
+  span, input
+    display: inline-block
+  input.mini
+    width: 60px
+  input.small
+    width: 90px
+  span
+    padding: 0 2px 0 1px
+
+// Allow us to put symbols and text within the input field for a cleaner look
+
+.input-prepend,
+.input-append
+  input
+    +border-radius(0 3px 3px 0)
+  .add-on
+    position: relative
+    background: #f5f5f5
+    border: 1px solid #ccc
+    z-index: 2
+    float: left
+    display: block
+    width: auto
+    min-width: 16px
+    height: 18px
+    padding: 4px 4px 4px 5px
+    margin-right: -1px
+    font-weight: normal
+    line-height: 18px
+    color: $grayLight
+    text-align: center
+    text-shadow: 0 1px 0 $white
+    +border-radius(3px 0 0 3px)
+  .active
+    background: lighten($green, 30)
+    border-color: $green
+
+.input-prepend
+  .add-on
+    *margin-top: 1px
+    /* IE6-7
+
+.input-append
+  input
+    float: left
+    +border-radius(3px 0 0 3px)
+  .add-on
+    +border-radius(0 3px 3px 0)
+    margin-right: 0
+    margin-left: -1px
+
+// Stacked options for forms (radio buttons or checkboxes)
+.inputs-list
+  margin: 0 0 5px
+  width: 100%
+  li
+    display: block
+    padding: 0
+    width: 100%
+  label
+    display: block
+    float: none
+    width: auto
+    padding: 0
+    line-height: $baseline
+    text-align: left
+    white-space: normal
+    strong
+      color: $gray
+    small
+      font-size: $basefont - 2
+      font-weight: normal
+  .inputs-list
+    margin-left: 25px
+    margin-bottom: 10px
+    padding-top: 0
+  &:first-child
+    padding-top: 6px
+  li + li
+    padding-top: 2px
+  input[type=radio],
+  input[type=checkbox]
+    margin-bottom: 0
+
+// Stacked forms
+.form-stacked
+  padding-left: 20px
+  fieldset
+    padding-top: $baseline / 2
+  legend
+    padding-left: 0
+  label
+    display: block
+    float: none
+    width: auto
+    font-weight: bold
+    text-align: left
+    line-height: 20px
+    padding-top: 0
+  .clearfix
+    margin-bottom: $baseline / 2
+    div.input
+      margin-left: 0
+  .inputs-list
+    margin-bottom: 0
+    li
+      padding-top: 0
+      label
+        font-weight: normal
+        padding-top: 0
+  div.clearfix.error
+    padding-top: 10px
+    padding-bottom: 10px
+    padding-left: 10px
+    margin-top: 0
+    margin-left: -10px
+  .actions
+    margin-left: -20px
+    padding-left: 20px

themes/sass/partials/02-typography/_headers.sass

+h1, h2, h3, h4, h5
+    font-weight: bolder
+    //line-height: 1em
+    //margin-top: 1em
+    color: $base-color-light
+
+h2, h3
+    border-bottom: 2px solid lighten($primary-color, 50%)
+
+h1
+    +adjust-font-size-to(30px)
+    //margin-bottom: 0.5em
+h2
+    +adjust-font-size-to(24px)
+    //margin-bottom: 0.75em
+h3
+    +adjust-font-size-to(20px)
+    //margin-bottom: 0.5em
+h4
+    +adjust-font-size-to(18px)
+    //margin-bottom: 0.5em

themes/sass/partials/02-typography/_reset.sass

+@import resets/meyer-reset
+@import resets/normalize
+
+$init-type: meyer !default
+
+=init($init-type, $headers: true)
+  @if $init-type == meyer
+    +meyer-reset
+  @if $init-type == normalize
+    +normalize
+    @if $headers
+      // reset the header sizes
+      h1, h2, h3, h4, h5, h6
+        font-size: 100%
+
++init
+
+

themes/sass/partials/02-typography/forms/_all.sass

+@import form-defaults

themes/sass/partials/02-typography/forms/_form-defaults.sass

+/* Forms --------------------------------------------------------------
+
+// USE FORMALIZE TO EVEN FORMS ACROSS BROWSERS
+@import _formalize
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"]
+  +border-radius(5px)
+  border: 1px solid $border-color
+  outline: 0
+
+// aditional form styles
+
+fieldset
+  +trailer
+  +rhythm-borders(1px)
+  border-color: $border-color
+  border-style: dotted
+
+legend
+  padding: 0 0.25em
+
+label, input[type=button], input[type=submit], button
+  cursor: pointer
+
+label
+  font-weight: bold
+  margin-right: 0.5em
+
+.textinput
+  @extend .sans
+  //+adjust-font-size-to(ms(0), 1)
+  //+rhythm-borders(1px, 0.25, ms(0))
+  border-width: 1px
+  +trailer(0.5)
+  +box-sizing(border-box)
+  //width: ($kit-col-width * 2) + ($kit-gutter * 1)
+  max-width: 100%
+  margin-top: 0
+  border-color: $border-color
+  //height: $base-line-height / ms(0) * 1.5em
+
+textarea
+  @extend .textinput
+  //height: $base-line-height / ms(0) * 6.5
+
+input
+  &[type=text], &[type=password], &[type=email], &[type=url], &[type=tel],
+  &[type=date], &[type=datetime], &[type=datetime-local], &[type=month], &[type=week], &[type=time],
+  &[type=number], &[type=range], &[type=search], &[type=color]
+    @extend .textinput
+  // reset webkit search styles
+  &[type=search]
+    -webkit-appearance: none
+    &::-webkit-search-decoration
+      display: none
+
+button, input[type=button], input[type=submit]
+  width: auto
+  overflow: visible
+  // +fancy-button($gray, ms(2))
+
+textarea
+  +box-sizing(border-box)
+  //width: ($kit-col-width * 2) + ($kit-gutter * 1)
+
+input
+  &[type="radio"], &[type="checkbox"]
+    margin-left: 0.25em
+    margin-right: 0.25em
+
+textarea, input:not([type="radio"])
+  max-width: 100%

themes/sass/partials/02-typography/forms/_formalize.sass

+// Note: This file is dependent on Sass and Compass.
+// Sass = http://sass-lang.com
+// Compass = http://compass-style.org
+
+// `Widths
+//----------------------------------------------------------------------------------------------------
+
+.input_tiny
+  width: 50px
+
+.input_small
+  width: 100px
+
+.input_medium
+  width: 150px
+
+.input_large
+  width: 200px
+
+.input_xlarge
+  width: 250px
+
+.input_xxlarge
+  width: 300px
+
+.input_full
+  width: 100%
+
+// Added via JS to <textarea> and class="input-full".
+// Applies to IE6, IE7. Other browsers don't need it.
+.input_full_wrap
+  display: block
+  padding-right: 8px
+
+// `UI Consistency
+//----------------------------------------------------------------------------------------------------
+
+::-moz-focus-inner
+  border: 0
+
+input[type="search"]::-webkit-search-decoration
+  display: none
+
+input,
+button,
+select,
+textarea
+  -moz-background-clip: padding
+  -webkit-background-clip: padding
+  background-clip: padding-box
+  margin: 0
+  vertical-align: middle
+
+button,
+input[type="reset"],
+input[type="submit"],
+input[type="button"]
+  -webkit-appearance: none
+  +border-radius(11px)
+  background: #ddd url(../images/button.png) repeat-x
+  +background-image(linear-gradient(color-stops(#fff, #ddd)))
+  border: 1px solid
+  border-color: #ddd #bbb #999
+  cursor: pointer
+  color: #333
+  font: bold 12px/1.2 Arial, sans-serif
+  outline: 0
+  overflow: visible
+  padding: 3px 10px 4px
+  text-shadow: #fff 0 1px 1px
+  width: auto
+
+  // IE7
+  *padding-top: 2px
+  *padding-bottom: 0px
+
+button
+  // IE7
+  *padding-top: 1px
+  *padding-bottom: 1px
+
+button[disabled],
+input[type="reset"][disabled],
+input[type="submit"][disabled],
+input[type="button"][disabled]
+  color: #888
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"]
+  -webkit-appearance: none
+  +border-radius(0)
+  +box-sizing(border-box)
+  background-color: #fff
+  border: 1px solid
+  border-color: #848484 #c1c1c1 #e1e1e1
+  color: #000
+  outline: 0
+  padding: 2px 3px
+  font:
+    size: 13px
+    family: Arial, sans-serif
+  height: 1.8em
+
+  // IE7
+  *padding-top: 2px
+  *padding-bottom: 1px
+  *height: auto
+
+// Separate rule for Firefox.
+// Cannot stack with WebKit's.
+
+input.placeholder-text,
+textarea.placeholder-text
+  color: #888
+
+::-webkit-input-placeholder
+  color: #888
+
+textarea[disabled],
+select[disabled],
+input[type="date"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="email"][disabled],
+input[type="month"][disabled],
+input[type="number"][disabled],
+input[type="password"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="text"][disabled],
+input[type="time"][disabled],
+input[type="url"][disabled],
+input[type="week"][disabled]
+  background-color: #eee
+  color: #888
+
+button:focus,
+button:active,
+input:focus,
+input:active,
+select:focus,
+select:active,
+textarea:focus,
+textarea:active
+  -moz-box-shadow: #06f 0 0 7px
+  -webkit-box-shadow: #06f 0 0 7px
+  box-shadow: #06f 0 0 7px
+
+  // for Opera
+  z-index: 1
+
+input[type="radio"]:focus,
+input[type="radio"]:active,
+input[type="checkbox"]:focus,
+input[type="checkbox"]:active
+  -moz-box-shadow: none
+  -webkit-box-shadow: none
+  box-shadow: none
+
+.is_webkit select
+  // Tweaks for Safari + Chrome.
+  background:
+    image: url(../images/select_arrow.gif)
+    repeat: no-repeat
+    position: right center
+  padding-right: 20px
+
+textarea,
+select[multiple]
+  height: auto
+
+select[multiple],
+.is_webkit select[multiple]
+  background-image: none
+  padding: 0
+
+textarea
+  min-height: 40px
+  overflow: auto
+  resize: vertical
+  width: 100%
+
+optgroup
+  color: #000
+  font-style: normal
+  font-weight: normal
+
+// `IE6
+//----------------------------------------------------------------------------------------------------
+
+// Everything below this line is for IE6.
+// Delete it if you don't support it! :)
+
+// Classes are added dynamically via JS,
+// because IE6 doesn't support attribute
+// selectors: .ie6_button, .ie6_input, etc.
+
+// Note: These style rules are somewhat
+// duplicated because IE6 bombs out when
+// it sees attribute selectors. Example:
+
+// .ie6_button {
+//   This works in IE6.
+// }
+
+// .ie6_button,
+// input[type=submit] {
+//   This doesn't work.
+// }
+
+.ie6_button,
+* html button
+  background: #ddd url(../images/button.png) repeat-x
+  border: 1px solid
+  border-color: #ddd #bbb #999
+  cursor: pointer
+  color: #333
+  font: bold 12px/1.2 Arial, sans-serif
+  padding: 2px 10px 0px
+  overflow: visible
+  width: auto
+
+* html button
+  padding-top: 1px
+  padding-bottom: 1px
+
+.ie6_input,
+* html textarea,
+* html select
+  background: #fff
+  border: 1px solid
+  border-color: #848484 #c1c1c1 #e1e1e1
+  color: #000
+  padding: 2px 3px 1px
+  font-size: 13px
+  font-family: Arial, sans-serif
+  vertical-align: top
+
+* html select
+  margin-top: 1px
+
+.placeholder_text,
+.ie6_input_disabled,
+.ie6_button_disabled
+  color: #888
+
+.ie6_input_disabled
+  background: #eee

themes/sass/partials/02-typography/resets/_meyer-reset.sass

+=meyer-reset
+  /* http://meyerweb.com/eric/tools/css/reset/
+   * v2.0 | 20110126
+   * License: none (public domain)
+
+  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
+    margin: 0
+    padding: 0
+    border: 0
+    font-size: 100%
+    font: inherit
+    vertical-align: baseline
+
+  /* HTML5 display-role reset for older browsers
+
+  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+    display: block
+
+  body
+    line-height: 1
+
+  ol, ul
+    list-style: none
+
+  blockquote, q
+    quotes: none
+    &:before, &:after
+      content: ''
+      content: none
+
+  table
+    border-collapse: collapse
+    border-spacing: 0

themes/sass/partials/02-typography/resets/_normalize.sass

+=normalize
+  /*! normalize.css 2011-08-12T17:28 UTC · http://github.com/necolas/normalize.css
+
+  /* =============================================================================
+   * HTML5 display definitions
+   * ==========================================================================
+
+  /*
+   * Corrects block display not defined in IE6/7/8/9 & FF3
+
+  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+    display: block
+
+  /*
+   * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+
+  audio, canvas, video
+    display: inline-block
+    *display: inline
+    *zoom: 1
+
+  /*
+   * Prevents modern browsers from displaying 'audio' without controls
+
+  audio:not([controls]), [hidden]
+    display: none
+
+  /*
+   * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+   * Known issue: no IE6 support
+
+  /* =============================================================================
+   * Base
+   * ==========================================================================
+
+  /*
+   * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+   *    http://clagnut.com/blog/348/#c790
+   * 2. Keeps page centred in all browsers regardless of content height
+   * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
+   *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+
+  html
+    font-size: 100%
+    /* 1
+    overflow-y: scroll
+    /* 2
+    -webkit-text-size-adjust: 100%
+    /* 3
+    -ms-text-size-adjust: 100%
+    /* 3
+
+  /*
+   * Addresses margins handled incorrectly in IE6/7
+
+  body
+    margin: 0
+    font-family: sans-serif
+
+  /*
+   * Addresses font-family inconsistency between 'textarea' and other form elements.
+
+  button, input, select, textarea
+    font-family: sans-serif
+
+  /* =============================================================================
+   * Links
+   * ==========================================================================
+
+  a
+    color: #00e
+    &:visited
+      color: #551a8b
+    &:focus
+      outline: thin dotted
+    &:hover, &:active
+      outline: 0
+
+  /*
+   * Addresses outline displayed oddly in Chrome
+
+  /*
+   * Improves readability when focused and also mouse hovered in all browsers
+   * people.opera.com/patrickl/experiments/keyboard/test
+
+  /* =============================================================================
+   * Typography
+   * ==========================================================================
+
+  /*
+   * Addresses styling not present in IE7/8/9, S5, Chrome
+
+  abbr[title]
+    border-bottom: 1px dotted
+
+  /*
+   * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
+
+  b, strong
+    font-weight: bold
+
+  blockquote
+    margin: 1em 40px
+
+  /*
+   * Addresses styling not present in S5, Chrome
+
+  dfn
+    font-style: italic
+
+  /*
+   * Addresses styling not present in IE6/7/8/9
+
+  mark
+    background: #ff0
+    color: #000
+
+  /*
+   * Corrects font family set oddly in IE6, S4/5, Chrome
+   * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+
+  pre, code, kbd, samp
+    font-family: monospace, serif
+    _font-family: 'courier new', monospace
+    font-size: 1em
+
+  /*
+   * Improves readability of pre-formatted text in all browsers
+
+  pre
+    white-space: pre
+    white-space: pre-wrap
+    word-wrap: break-word
+
+  /*
+   * 1. Addresses CSS quotes not supported in IE6/7
+   * 2. Addresses quote property not supported in S4
+
+  /* 1
+
+  q
+    quotes: none
+    &:before, &:after
+      content: ''
+      content: none
+
+  /* 2
+
+  small
+    font-size: 75%
+
+  /*
+   * Prevents sub and sup affecting line-height in all browsers
+   * gist.github.com/413930
+
+  sub
+    font-size: 75%
+    line-height: 0
+    position: relative
+    vertical-align: baseline
+
+  sup
+    font-size: 75%
+    line-height: 0
+    position: relative
+    vertical-align: baseline
+    top: -0.5em
+
+  sub
+    bottom: -0.25em
+
+  /* =============================================================================
+   * Lists
+   * ==========================================================================
+
+  ul, ol
+    margin: 1em 0
+    padding: 0 0 0 40px
+
+  dd
+    margin: 0 0 0 40px
+
+  nav
+    ul, ol
+      list-style: none
+      list-style-image: none
+
+  /* =============================================================================
+   * Embedded content
+   * ==========================================================================
+
+  /*
+   * 1. Removes border when inside 'a' element in IE6/7/8/9
+   * 2. Improves image quality when scaled in IE7
+   *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+
+  img
+    border: 0
+    /* 1
+    -ms-interpolation-mode: bicubic
+    /* 2
+
+  /*
+   * Corrects overflow displayed oddly in IE9
+
+  svg:not(:root)
+    overflow: hidden
+
+  /* =============================================================================
+   * Figures
+   * ==========================================================================
+
+  /*
+   * Addresses margin not present in IE6/7/8/9, S5, O11
+
+  figure, form
+    margin: 0
+
+  /* =============================================================================
+   * Forms
+   * ==========================================================================
+
+  /*
+   * Corrects margin displayed oddly in IE6/7
+
+  /*
+   * Define consistent margin and padding
+
+  fieldset
+    margin: 0 2px
+    padding: 0.35em 0.625em 0.75em
+
+  /*
+   * 1. Corrects color not being inherited in IE6/7/8/9
+   * 2. Corrects alignment displayed oddly in IE6/7
+
+  legend
+    border: 0
+    /* 1
+    *margin-left: -7px
+    /* 2
+
+  /*
+   * 1. Corrects font size not being inherited in all browsers
+   * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
+   * 3. Improves appearance and consistency in all browsers
+
+  button, input, select, textarea
+    font-size: 100%
+    /* 1
+    margin: 0
+    /* 2
+    vertical-align: baseline
+    /* 3
+    *vertical-align: middle
+    /* 3
+
+  /*
+   * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
+   * 2. Corrects inner spacing displayed oddly in IE6/7
+
+  button, input
+    line-height: normal
+    /* 1
+    *overflow: visible
+    /* 2
+
+  /*
+   * Corrects overlap and whitespace issue for buttons and inputs in IE6/7
+   * Known issue: reintroduces inner spacing
+
+  table
+    button, input
+      *overflow: auto
+
+  /*
+   * 1. Improves usability and consistency of cursor style between image-type 'input' and others
+   * 2. Corrects inability to style clickable 'input' types in iOS
+
+  button, html input[type="button"]
+    cursor: pointer
+    /* 1
+    -webkit-appearance: button
+    /* 2
+
+  input
+    &[type="reset"], &[type="submit"]
+      cursor: pointer
+      /* 1
+      -webkit-appearance: button
+      /* 2
+    &[type="checkbox"], &[type="radio"]
+      box-sizing: border-box
+      /* 1
+      padding: 0
+      /* 2
+    &[type="search"]
+      -webkit-appearance: textfield
+      /* 1
+      -moz-box-sizing: content-box
+      -webkit-box-sizing: content-box
+      /* 2
+      box-sizing: content-box
+      &::-webkit-search-decoration
+        -webkit-appearance: none
+
+  /*
+   * 1. Addresses box sizing set to content-box in IE8/9
+   * 2. Addresses excess padding in IE8/9
+
+  /*
+   * 1. Addresses appearance set to searchfield in S5, Chrome
+   * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
+
+  /*
+   * Corrects inner padding displayed oddly in S5, Chrome on OSX
+
+  /*
+   * Corrects inner padding and border displayed oddly in FF3/4
+   * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+
+  button::-moz-focus-inner, input::-moz-focus-inner
+    border: 0
+    padding: 0
+
+  /*
+   * 1. Removes default vertical scrollbar in IE6/7/8/9
+   * 2. Improves readability and alignment in all browsers
+
+  textarea
+    overflow: auto
+    /* 1
+    vertical-align: top
+    /* 2
+
+  /* =============================================================================
+   * Tables
+   * ==========================================================================
+
+  /*
+   * Remove most spacing between table cells
+
+  table
+    border-collapse: collapse
+    border-spacing: 0

themes/sass/partials/03-grid/_all.sass

+@import grid

themes/sass/partials/03-grid/_grid.sass

+// Grid ----------------------------------------------------------------------
+
+$show-column-grid-backgrounds   : true
+$show-baseline-grid-backgrounds : false
+$show-grid-backgrounds          : true
+
+$total-cols: 12
+$col-width: 4em
+$gutter-width: 1em
+$side-gutter-width: $gutter-width
+
+$show-grid-backgrounds: true
+
+$grid-columns: $total-cols

themes/sass/partials/05-sprites/_all.sass

+//@import colors

themes/sass/partials/06-layout/_all.sass

+@import layout

themes/sass/partials/06-layout/_layout.sass

+/* Default layout */
+
+#main
+  +container
+  #title
+    +full
+  #menu
+    +full
+  #contentwide
+    +full
+  #content
+    +full
+    #content-main
+      +columns(9,12)
+    #sidebar
+      +columns(3,12)
+      +omega(12)
+  #footer
+    +full

themes/sass/partials/07-design/_all.sass

+@import design
+
+@import page-specific/all

themes/sass/partials/07-design/_design.sass

+.meta
+    display: inline
+    color: $base-color-light
+    font-size: smaller
+    ul
+        li
+            display: inline
+
+.tags
+    margin-top: 1em
+    border-top: 1px $border-color solid
+    border-bottom: 1px $border-color solid
+    a
+        background: url("../images/tag2.png") no-repeat
+        padding-left: 18px
+        vertical-align: middle
+        padding-right: 0px
+
+a
+    color: $primary-color
+    +hover-link
+    &:visited
+        color: darken($primary-color, 20%)
+        
+//a[href^="http://"]:not([href*="jacmoe.dk"])
+    background: url("../images/External.png") 99% 40% no-repeat
+    padding-right: 18px
+
+header
+    #menu
+        border-bottom: 2px solid $border-color
+        .menu-container
+            +pillbox($background-color, $primary-color, $primary-color, 'current_page_item')
+
+footer
+    margin-top: 30px
+    border-top: 1px $border-color solid
+    padding-top: 15px
+
+#rss-icon
+    float: right
+
+.big-gravatar
+    padding: 2px
+    border: solid 1px $border-color
+    background: $white
+    position: relative
+    top: 28px
+    float: right
+.gravatar
+    padding: 2px
+    border: solid 1px $border-color
+    background: $white
+
+.entry
+    position: relative
+    top: -1em
+    
+#gplusone
+    white-space: nowrap !important
+    display: inline
+    position: relative
+    top: 4px
+#g-plusone
+    white-space: nowrap !important
+    display: inline
+
+.title
+    font-style: italic
+.alt
+    color: #93a1a1
+    font-style: italic
+#title
+    a
+        text-decoration: none
+        background: none
+        color: $base-color-light
+        &hover
+            color: #666
+            background: none
+.author
+    position: relative
+    top: -18px
+    color: $base-color-light
+    font-size: smaller
+    display: inline
+    margin-bottom: 0
+    padding-bottom: 0
+
+.float-right-up
+    float: right
+    position: relative
+    top: -40px
+
+.comment-author
+    font-size: 0.8em
+
+.comment-header
+    background-color: $cream
+
+div.box
+    padding-left: 8px
+    padding-top: 8px
+    padding-bottom: 0px
+    border: 1px solid $border-color
+
+#toc
+    float: right
+    width: 90%
+    margin: 10px 0 20px 20px
+
+.fixed
+    position: fixed
+    top: 0px
+
+img
+    max-width: 100%
+    
+img.gallery
+    max-width: 100%
+    float: left
+    border-style: none
+
+.gallery
+    width: 50%
+
+.gallery a
+    max-width: 100%
+    padding: 4px
+    margin: 5px 15px 5px 0px
+    border: 1px solid $border-color
+    -webkit-border-radius: 4px
+    -moz-border-radius: 4px
+    border-radius: 4px
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075)
+    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075)
+    float: left
+    border-bottom: 1px solid $border-color
+    text-decoration: none
+    background: none
+
+.meter
+    height: 12px
+    /* Can be anything */
+    width: 85px
+    position: relative
+    margin-bottom: 8px
+    background: #555
+    -moz-border-radius: 15px
+    -webkit-border-radius: 15px
+    border-radius: 15px
+    padding: 3px
+    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3)
+    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3)
+    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3)
+    > span
+        display: block
+        height: 100%
+        -webkit-border-top-right-radius: 8px
+        -webkit-border-bottom-right-radius: 8px
+        -moz-border-radius-topright: 8px
+        -moz-border-radius-bottomright: 8px
+        border-top-right-radius: 8px
+        border-bottom-right-radius: 8px
+        -webkit-border-top-left-radius: 20px
+        -webkit-border-bottom-left-radius: 20px
+        -moz-border-radius-topleft: 20px
+        -moz-border-radius-bottomleft: 20px
+        border-top-left-radius: 20px
+        border-bottom-left-radius: 20px
+        background-color: rgb(43, 194, 83)
+        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(43, 194, 83)), color-stop(1, rgb(84, 240, 84)))
+        background-image: -webkit-linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%)
+        background-image: -moz-linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%)
+        background-image: -ms-linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%)
+        background-image: -o-linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%)
+        -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4)
+        -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4)
+        position: relative
+        overflow: hidden
+        &:after
+            content: ""
+            position: absolute
+            top: 0
+            left: 0
+            bottom: 0
+            right: 0
+            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent))
+            background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
+            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
+            background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
+            background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)
+            z-index: 1
+            -webkit-background-size: 50px 50px
+            -moz-background-size: 50px 50px
+            -webkit-animation: move 2s linear infinite
+            -webkit-border-top-right-radius: 8px
+            -webkit-border-bottom-right-radius: 8px
+            -moz-border-radius-topright: 8px
+            -moz-border-radius-bottomright: 8px
+            border-top-right-radius: 8px
+            border-bottom-right-radius: 8px
+            -webkit-border-top-left-radius: 20px
+            -webkit-border-bottom-left-radius: 20px
+            -moz-border-radius-topleft: 20px
+            -moz-border-radius-bottomleft: 20px
+            border-top-left-radius: 20px
+            border-bottom-left-radius: 20px
+            overflow: hidden
+
+.gravatar-floater
+    float: left
+    padding-right: 5px
+    
+.floaty
+    margin: 5px 0 0 0
+    padding: 5px 15px 5px 15px
+    border: 1px solid $border-color
+    +border-radius(5px)
+    //width: 85%
+
+.quiet
+    color: #666
+    font-size: 0.8em
+
+.comment-time
+    @extend .quiet
+    
+/*  Yii Flash messages */
+
+div.flash-error, div.flash-notice, div.flash-success
+    padding: .8em
+    margin-bottom: 1em
+    border: 2px solid #ddd
+
+div.flash-error
+    background: #FBE3E4
+    color: #8a1f11