devcenter 1.1.6 → 1.1.8

data/lib/devcenter/previewer/assets/public/public.css

@@ -1,2125 +0,0 @@
-/*
-  title: reset css
-  author: maximilian schoening (@mschoening)
-*/
-
-
-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code,
-del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var,
-a, b, i,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, dialog, figure, footer,
-header, hgroup, menu, nav, section,
-time, mark, audio, video {
-  background: transparent;
-  border: 0;
-  font-size: 100%;
-  margin: 0;
-  outline: 0;
-  padding: 0;
-  vertical-align: baseline;
-}
-
-article, aside, dialog, figure, footer, header, hgroup, nav, section {
-  display : block;
-}
-
-body {
-  line-height: 1;
-}
-
-blockquote, q {
-  quotes: '' '';
-}
-
-blockquote:before, blockquote:after, q:before, q:after {
-  content: '';
-}
-
-table {
-  border-collapse: separate;
-  border-spacing: 0
-}
-
-table, th, td {
-  vertical-align: middle;
-}
-
-th, td {
-  font-weight: normal;
-  text-align: left;
-}
-.CodeRay {
-  color: #f8f8f8;
-  font-family: Monaco, monospace;
-  font-size: 11px;
-}
-
-span.CodeRay              { white-space: pre; border: 0px; padding: 2px }
-.CodeRay pre              { margin: 0px }
-table.CodeRay             { border-collapse: collapse; width: 100%; padding: 2px }
-table.CodeRay td          { padding: 2px 4px; vertical-align: top }
-
-.CodeRay .no              { padding: 0px 4px }
-.CodeRay .code            { width: 100% }
-
-ol.CodeRay                { font-size: 10pt }
-ol.CodeRay li             { white-space: pre }
-
-.CodeRay .code pre        { overflow: auto }
-
-.CodeRay .attribute-name              { color: #fbde2d; } /* attribute_name */
-.CodeRay .annotation              { } /* annotation */
-.CodeRay .attribute-value              { } /* attribute_value */
-.CodeRay .binary              { color: #d8fa3c; } /* bin */
-.CodeRay .comment               { color: #aeaeae; } /* comment */
-
-.CodeRay .char              { color: #d8fa3c; } /* char */
-.CodeRay .char .content           { color: #d8fa3c; }
-.CodeRay .char .delimiter          { color: #d8fa3c; }
-
-.CodeRay .class              { } /* class */
-.CodeRay .imaginary              { color: #d8fa3c; } /* imaginary */
-.CodeRay .constant              { color: #d8fa3c; } /* constant */
-.CodeRay .color              { } /* color */
-.CodeRay .class-variable              { } /* class_variable */
-.CodeRay .decorator              { } /* decorator */
-.CodeRay .definition              { } /* definition */
-.CodeRay .directive              { } /* directive */
-.CodeRay .delimiter              { } /* delimiter */
-.CodeRay .doc              { } /* doc */
-.CodeRay .doctype             { } /* doctype */
-.CodeRay .doc-string              { } /* doc_string */
-.CodeRay .escape               { } /* (don't know) */
-.CodeRay .entity              { color: #ff6400; } /* entity */
-.CodeRay .error              { } /* error */
-.CodeRay .exception              { } /* exception */
-.CodeRay .float              { color: #d8fa3c; } /* float */
-.CodeRay .function              { } /* method */
-.CodeRay .global-variable              { } /* global_variable */
-.CodeRay .hex              { color: #d8fa3c; } /* hex */
-.CodeRay .integer               { color: #d8fa3c; } /* integer */
-.CodeRay .include              { } /* include */
-
-.CodeRay .inline              { } /* inline */
-.CodeRay .inline .inline          { }
-.CodeRay .inline .inline .inline      { }
-.CodeRay .inline .inline-delimiter         { } /* inline_delimiter */
-.CodeRay .inline-delimiter            { } /* inline_delimiter */
-
-.CodeRay .instance-variable              { } /* instance_variable */
-.CodeRay .label              { } /* label */
-.CodeRay .local-variable              { } /* local_variable */
-.CodeRay .octal              { color: #d8fa3c; } /* oct */
-.coderay .operator              { color: #fbde2d; } /* operator */
-.CodeRay .predefined              { } /* predefined */
-.CodeRay .preprocessor              { } /* preprocessor */
-.CodeRay .pseudo-class              { } /* pseudo_class */
-.CodeRay .reserved, .keyword          { color: #fbde2d; } /* keywords, ? */
-
-.CodeRay .key              { color: #d8fa3c; } /* key */
-.CodeRay .key .delimiter          { color: #d8fa3c; }
-.CodeRay .key .char          { color: #d8fa3c; }
-.CodeRay .value              { } /* value */
-
-.CodeRay .regexp              { } /* regexp */
-.CodeRay .regexp .content           { }
-.CodeRay .regexp .delimiter          { }
-.CodeRay .regexp .modifier         { }
-.CodeRay .regexp .function          { }
-
-.CodeRay .string               { color: #adc6ee; } /* string */
-.CodeRay .string .string            { }
-.CodeRay .string .string .string         { }
-.CodeRay .string .content            { }
-.CodeRay .string .char           { }
-.CodeRay .string .delimiter           { } /* quotes */
-
-.CodeRay .shell              { } /* shell */
-.CodeRay .shell .content           { }
-.CodeRay .shell .delimiter          { }
-
-.CodeRay .symbol              { color: #d8fa3c; } /* symbol */
-.CodeRay .symbol .content            { color: #d8fa3c; }
-.CodeRay .symbol .delimiter          { color: #d8fa3c; }
-
-.CodeRay .tag              { } /* tag */
-.CodeRay .type              { } /* type */
-.CodeRay .variable               { } /* variable */
-
-.CodeRay .insert             { } /* insert */
-.CodeRay .insert .insert        { }
-.CodeRay .delete             { } /* delete */
-.CodeRay .delete .delete         { }
-.CodeRay .change          { } /* change */
-.CodeRay .change .change        { }
-.CodeRay .head            { } /* head */
-.CodeRay .head .head      { }
-/*
-  title: header css
-  author: maximilian schoening (@mschoening)
-*/
-
-/* =heroku header
----------------------------------------------- */
-#hearoku-header * { /* mini CSS reset */
-  border: 0;
-  line-height: 1;
-  margin: 0;
-  padding: 0;
-}
-
-#heroku-header {
-  background: #29264d;
-  border-bottom: 4px solid #494573;
-  font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
-  font-size: 16px;
-  -webkit-font-smoothing: antialiased;
-  padding: 18px 24px;
-}
-
-#heroku-header:after {
-  clear: both;
-  content: ".";
-  display: block;
-  height: 0;
-  visibility: hidden;
-  zoom: 1;
-}
-
-#heroku-header #heroku-header-hgroup {
-  float: left;
-}
-
-#heroku-header #heroku-header-hgroup h1 a:link, #heroku-header #heroku-header-hgroup h1 a:visited {
-  background: url('https://nav.heroku.com//images/v2/heroku-header-logo.png') no-repeat;
-  height: 55px;
-  display: block;
-  text-indent: -99999px;
-  width: 178px;
-}
-
-#heroku-header #heroku-header-nav {
-  float: right;
-  margin: 11px 0 0 0;
-}
-
-#heroku-header #heroku-header-nav:after {
-  clear: both;
-  content: ".";
-  display: block;
-  height: 0;
-  visibility: hidden;
-  zoom: 1;
-}
-
-#heroku-header #heroku-header-nav ul {
-  float: left;
-  list-style: none;
-  margin: 0 26px 0 0;
-  padding: 8px 0 9px 0;
-  overflow: hidden;
-}
-
-#heroku-header #heroku-header-nav ul.group {
-  background: #231d40;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  border-radius: 5px;
-  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .05), 0 0 1px rgba(0, 0, 0, .5) inset;
-  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .05), 0 0 1px rgba(0, 0, 0, .5) inset;
-  box-shadow: 0 1px 1px rgba(255, 255, 255, .05), 0 0 1px rgba(0, 0, 0, .5) inset;
-  padding: 8px 10px 9px 10px;
-}
-
-#heroku-header #heroku-header-nav ul.last {
-  margin: 0;
-}
-
-#heroku-header #heroku-header-nav ul:after {
-  clear: both;
-  content: ".";
-  display: block;
-  height: 0;
-  visibility: hidden;
-  zoom: 1;
-}
-
-#heroku-header #heroku-header-nav ul li {
-  border-right: 2px solid #534890;
-  float: left;
-  padding: 0 12px 0 0;
-  margin: 0 12px 0 0;
-}
-
-#heroku-header #heroku-header-nav ul li.last {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-
-#heroku-header #heroku-header-nav ul li a:link, #heroku-header #heroku-header-nav ul li a:visited {
-  color: #c9c3e6;
-  font-weight: 500;
-  text-decoration: none;
-  text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-}
-
-#heroku-header #heroku-header-nav ul li a:hover, #heroku-header #heroku-header-nav ul li a:active {
-  color: #fff;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-aid li a:link, #heroku-header #heroku-header-nav #heroku-header-aid li a:visited {
-  color: #45a4ff;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-aid li a:hover, #heroku-header #heroku-header-nav #heroku-header-aid li a:active {
-  color: #74d0f4;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-my-heroku li a:link, #heroku-header #heroku-header-nav #heroku-header-my-heroku li a:visited {
-  color: #978cd4;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-my-heroku li a:hover, #heroku-header #heroku-header-nav #heroku-header-my-heroku li a:active {
-  color: #b9aef6;
-}
-
-#heroku-header #heroku-header-nav ul li.active a:link, #heroku-header #heroku-header-nav ul li.active a:visited {
-  color: #bff740 !important;
-}
-
-#heroku-header #heroku-header-quicknav {
-  display: none;
-}
-
-@media only screen and (max-width: 990px) {
-  #heroku-header {
-    font-size: 14px;
-  }
-
-  #heroku-header #heroku-header-hgroup {
-    margin: 10px 0 0 0;
-  }
-
-  #heroku-header #heroku-header-nav {
-    margin: 0;
-  }
-
-  #heroku-header #heroku-header-nav ul li {
-    border: none;
-    float: none;
-    margin: 0 0 6px 0;
-  }
-}
-
-@media only screen and (max-width: 600px) {
-  #heroku-header {
-    border-bottom: 3px solid #494573;
-    padding: 12px 4px;
-  }
-
-  #heroku-header #heroku-header-hgroup {
-    display: none;
-  }
-
-  #heroku-header #heroku-header-nav {
-    display: none;
-  }
-
-  #heroku-header #heroku-header-quicknav {
-    background: url('https://nav.heroku.com/images/v2/heroku-header-logo-mobile.png') no-repeat left center;
-    display: block;
-    height: 37px;
-    margin: 0 auto;
-    position: relative;
-    width: 312px;
-  }
-
-  #heroku-header #heroku-header-quicknav select {
-    background: transparent; /* increases clickable area */
-    color: #fff;
-    display: block;
-    height: 32px;
-    left: 37px;
-    opacity: 0;
-    position: absolute;
-    top: 2px;
-    width: 275px;
-    z-index: 2;
-  }
-
-  #heroku-header #heroku-header-quicknav select:hover {
-    cursor: pointer;
-  }
-
-  #heroku-header #heroku-header-quicknav a:link, #heroku-header #heroku-header-quicknav a:visited {
-    background: url('https://nav.heroku.com/images/v2/heroku-header-quicknav-a-bg.png') no-repeat right center, -moz-linear-gradient(top, #e2e2e2, #b0b0b0);
-    background: url('https://nav.heroku.com/images/v2/heroku-header-quicknav-a-bg.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#b0b0b0));
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    color: #323232;
-    display: block;
-    font-size: 14px;
-    -webkit-font-smoothing: antialiased;
-    font-weight: bold;
-    left: 37px;
-    line-height: 32px;
-    padding: 0 12px;
-    position: absolute;
-    text-decoration: none;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, .33);
-    top: 2px;
-    width: 251px;
-    z-index: 1;
-  }
-
-  #heroku-header #heroku-header-quicknav select:hover + a:link, #heroku-header #heroku-header-quicknav select:hover + a:visited {
-    background: url('https://nav.heroku.com/images/v2/heroku-header-quicknav-a-bg.png') no-repeat right center, -moz-linear-gradient(top, #f1f1f1, #c4c4c4);
-    background: url('https://nav.heroku.com/images/v2/heroku-header-quicknav-a-bg.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c4c4c4));
-  }
-
-  #heroku-header #heroku-header-quicknav select:active + a:link, #heorku-header #heorku-header-quicknav select:hover + a:visited {
-    background: url('https://nav.heroku.com/images/v2/heroku-header-quicknav-a-bg.png') no-repeat right center, -moz-linear-gradient(top, #c4c4c4, #f1f1f1);
-    background: url('https://nav.heroku.com/images/v2/heroku-header-quicknav-a-bg.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#f1f1f1));
-  }
-}
-
-  /* =IE7 & IE8 hax
-  ---------------------------------------------- */
-  #heroku-header {
-    min-width/*\**/: 991px\9;
-  }
-  /* ------------------------------------------- */
-/* ------------------------------------------- */
-/*
-  title: library css
-  author: maximilian schoening (@mschoening)
-*/
-
-/* =floating
----------------------------------------------- */
-
-.left {
-  float: left;
-}
-
-.right {
-  float: right;
-}
-/* ------------------------------------------- */
-
-/* =clearing
----------------------------------------------- */
-.clear {
-  clear: both;
-}
-
-.clearfix {
-  overflow: hidden;
-}
-
-.pie-clearfix:after {
-  clear: both;
-  content: ".";
-  display: block;
-  height: 0;
-  visibility: hidden;
-}
-
-.pie-clearfix-ie {
-  display: block;
-  zoom: 1;
-}
-/* ------------------------------------------- */
-
-/* =spacing
----------------------------------------------- */
-.no_border {
-  border: 0 !important;
-}
-
-.no_bottom {
-  margin-bottom: 0 !important;
-}
-
-.no_left {
-  margin-left: 0 !important;
-}
-
-.no_right {
-  margin-right: 0 !important;
-}
-
-.no_top {
-  margin-top: 0 !important;
-}
-
-.reset {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-.reset_all {
-  border: 0 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-.reset_margin {
-  margin: 0 !important;
-}
-
-.reset_padding {
-  padding: 0 !important;
-}
-/* ------------------------------------------- */
-
-/* =alignment
----------------------------------------------- */
-.align_center {
-  text-align: center !important;
-}
-
-.align_justify {
-  text-align: justify !important;
-}
-
-.align_left {
-  text-align: left !important;
-}
-
-.align_right {
-  text-align: right !important;
-}
-/* ------------------------------------------- */
-
-/* =visibility
----------------------------------------------- */
-.block {
-  display: block !important;
-}
-
-.hide {
-  display: none !important;
-}
-
-.hide-offset {
-  position: absolute;
-  top: -99999px;
-}
-
-.inline {
-  display: inline !important;
-}
-/* ------------------------------------------- */
-/*
-  title: base css
-  author: maximilian schoening (@mschoening)
-*/
-
-
-@font-face {
-    font-family: 'hk';
-    font-style: normal;
-    font-weight: normal;
-    src: url('/fonts/heroku-partners.eot');
-    src: url('/fonts/heroku-partners.eot?#iefix') format('embedded-opentype'),
-         url('/fonts/heroku-partners.woff') format('woff'),
-         url('/fonts/heroku-partners.ttf') format('truetype'),
-         url('/fonts/heroku-partners.svg#HerokuPartners') format('svg');
-}
-
-body {
-  background: url('/assets/public/body_bg.png') repeat #f0f0f0;
-  color: #333;
-  font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
-  font-size: 13px;
-}
-
-body.dev:before {
-  background: yellow;
-  border-bottom: 1px solid #000;
-  content:"This is NOT a production instance: your changes will eventually be overwritten.";
-  display: block;
-  height: 1em;
-  padding: 1em 0;
-  text-align: center;
-  width: 100%;
-}
-
-/* =headings
----------------------------------------------- */
-h2 {
-  color: #666;
-  font-size: 20px;
-  font-weight: normal;
-  margin: 0 0 18px 0;
-}
-
-h3 {
-  border-bottom: 1px solid #e5e5e5;
-  color: #666;
-  font-size: 16px;
-  font-weight: normal;
-  margin: 0 0 12px 0;
-  padding: 0 0 4px 0;
-}
-
-h4 {
-  color: #666;
-  font-size: 14px;
-  margin: 0 0 8px 0;
-}
-/* ------------------------------------------- */
-
-/* =links
----------------------------------------------- */
-a:link, a:visited {
-  color: #3e588d;
-  text-decoration: none;
-}
-
-a:hover, a:active {
-
-}
-/* ------------------------------------------- */
-
-/* =paragraphs
----------------------------------------------- */
-p {
-  line-height: 20px;
-  margin: 0 0 22px 0;
-}
-
-p:last-child {
-  margin: 0;
-}
-/* ------------------------------------------- */
-
-/* =images
----------------------------------------------- */
-p img, li img {
-  background: #fff;
-  border: 1px solid #e5e5e5;
-  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
-  display: block;
-  padding: 4px;
-  max-width: 460px;
-}
-/* ------------------------------------------- */
-
-/* =lists
----------------------------------------------- */
-ul, ol {
-  margin: 0 0 22px 0;
-  padding: 0 0 0 24px;
-}
-
-ul:last-child, ol:last-child {
-  margin: 0;
-}
-
-ul li, ol li {
-  line-height: 18px;
-  margin: 0 0 8px 0;
-}
-
-ul li:last-child, ol li:last-child {
-  margin: 0;
-}
-/* ------------------------------------------- */
-
-/* =code
----------------------------------------------- */
-code {
-  background: #f0f6fc;
-  border: 1px solid #d2dce6;
-  color: #444;
-  font-family: Monaco, monospace;
-  font-size: 11px;
-  padding: 1px 2px;
-  white-space: nowrap;
-}
-
-pre {
-  background: url('/assets/public/pre_code_background.png') repeat #434e56;
-  border: 1px solid #3f464c;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  line-height: 18px;
-  margin: 0 0 22px 0;
-  overflow-y: auto;
-  padding: 12px;
-}
-
-pre::-webkit-scrollbar {
-  height: 7px;
-  width: 7px;
-}
-
-pre::-webkit-scrollbar-button:start:decrement, pre::-webkit-scrollbar-button:end:increment {
-  display: none;
-}
-
-pre::-webkit-scrollbar-track-piece {
-  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .1)));
-}
-
-pre::-webkit-scrollbar-thumb:horizontal {
-  background: -webkit-gradient(linear, left top, left bottom, from(#99a2ab), to(#6a747c));
-  -webkit-border-radius: 3px;
-  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .66) inset;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, .66) inset;
-  width: 25px;
-}
-
-pre code {
-  background: transparent;
-  border: none;
-  color: #f8f8f8;
-  white-space: pre;
-}
-/* ------------------------------------------- */
-
-/* =forms
----------------------------------------------- */
-
-/* ------------------------------------------- */
-
-/* =tables
----------------------------------------------- */
-table {
-  margin: 0 0 22px 0;
-  width: 100%;
-}
-
-table tr th {
-  background: #f1f1f1;
-  border-bottom: 1px solid #e5e5e5;
-  border-left: 1px solid #e5e5e5;
-  border-top: 1px solid #e5e5e5;
-  color: #999;
-  font-size: 11px;
-  padding: 8px;
-  text-align: center;
-}
-
-table tr th:last-child {
-  border-right: 1px solid #e5e5e5;
-}
-
-table tr td {
-  border-bottom: 1px solid #e5e5e5;
-  border-left: 1px solid #e5e5e5;
-  padding: 8px;
-  text-align: center;
-}
-
-table tr td:first-child {
-  text-align: left;
-}
-
-table tr td:last-child {
-  border-right: 1px solid #e5e5e5;
-}
-/* ------------------------------------------- */
-
-/* =objects
----------------------------------------------- */
-object {
-  margin: 0 0 22px 0;
-  max-width: 470px;
-}
-/* ------------------------------------------- */
-
-/* =highlights
----------------------------------------------- */
-
-/* ------------------------------------------- */
-
-/* =results
----------------------------------------------- */
-.results {
-  list-style: none;
-  padding: 0;
-}
-
-.results li {
-  margin: 0 0 12px 0;
-}
-
-.results li:last-child {
-  margin: 0;
-}
-
-.results li a:link, .results li a:visited {
-  background: url('/assets/public/icon_sprite_16.png') no-repeat;
-  font-size: 13px;
-  font-weight: bold;
-  padding: 4px 0 4px 22px;
-}
-
-.results.articles li a:link, .results.articles li a:visited {
-  background-position: left 4px;
-}
-
-.results.community li a:link, .results.community li a:visited {
-  background-position: left -35px;
-}
-
-.results .snippet {
-  color: #777;
-}
-
-/* ------------------------------------------- */
-
-/* =platform
----------------------------------------------- */
-.platform h1 sub {
-  font-size: 12px;
-  padding: 0 0 0 8px;
-}
-
-.platform .results, .platform article {
-  margin: 0 0 22px 0;
-}
-
-.platform p, .platform ul {
-  margin: 0 0 12px 0;
-}
-
-.platform article li {
-  list-style: disc;
-}
-
-.platform article a:link, .platform article a:visited {
-  background: none;
-  font-size: 13px;
-  font-weight: normal;
-  padding: 0;
-}
-
-.platform h3 a:link, .platform h3 a:visited {
-  background: url('/assets/public/icon_sprite_16.png') no-repeat;
-  background-position: left 5px;
-  font-weight: bold;
-  line-height: 20px;
-  padding: 4px 0 4px 22px;
-}
-
-/* ------------------------------------------- */
-
-/* =layout
----------------------------------------------- */
-.wrapper {
-  margin: 0 auto;
-  padding: 0 12px;
-  width: 960px;
-}
-
-  /* =header
-  ---------------------------------------------- */
-  /* todo: move header styles here */
-  /* ------------------------------------------- */
-
-  /* =sheet
-  ---------------------------------------------- */
-  #sheet {
-    padding: 32px 0;
-  }
-
-    /* =sidebar
-    ---------------------------------------------- */
-    #sidebar {
-      float: left;
-      margin: 0 24px 0 0;
-      width: 204px;
-    }
-
-      /* =search
-      ---------------------------------------------- */
-      #search {
-        margin: 0 0 12px 0;
-      }
-
-      #search form p input[type='text'] {
-        background-color: #fafafa;
-        background-image: url('/assets/public/search_glyph.png');
-        background-position: left 6px;
-        background-repeat: no-repeat;
-        border: 1px solid #aeb3b8;
-        -moz-border-radius: 3px;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-        -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .66), 0 1px 4px rgba(0, 0, 0, .1) inset;
-        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .66), 0 1px 4px rgba(0, 0, 0, .1) inset;
-        box-shadow: 0 1px 1px rgba(255, 255, 255, .66), 0 1px 4px rgba(0, 0, 0, .1) inset;
-        color: #2275bb;
-        font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
-        font-size: 16px;
-        padding: 8px 8px 8px 34px;
-        outline: none;
-        width: 160px;
-      }
-
-      #search form p input[type='text']:focus {
-        background-position: left -35px;
-        border: 1px solid #74a9de;
-        -moz-box-shadow: 0 0 4px rgba(111, 177, 243, .5), 0 1px 4px rgba(0, 0, 0, .1) inset;
-        -webkit-box-shadow: 0 0 4px rgba(111, 177, 243, .5), 0 1px 4px rgba(0, 0, 0, .1) inset;
-        box-shadow: 0 0 4px rgba(111, 177, 243, .5), 0 1px 4px rgba(0, 0, 0, .1) inset;
-      }
-
-      #search form p input[type='text']:focus:valid {
-        background-image: url('/assets/public/search_glyph.png'), url('/assets/public/search_return.png');
-        background-position: left -35px, right 10px;
-        padding: 8px 29px 8px 34px;
-        width: 139px;
-      }
-
-      #search form p {
-        margin: 0;
-      }
-      /* ------------------------------------------- */
-
-      /* =quicknav
-      ---------------------------------------------- */
-      #quicknav {
-        display: none;
-      }
-      /* ------------------------------------------- */
-
-      /* =nav
-      ---------------------------------------------- */
-      #nav {
-        list-style: none;
-        padding: 0;
-      }
-
-      #nav .category-group {
-        line-height: 18px;
-        margin: 0 0 6px 0;
-      }
-
-      #nav .category-group .category, #nav .category-group .fake-category {
-        background: url('/assets/public/aside_accordion_indicator_default.png') right center no-repeat, -moz-linear-gradient(top, #f7f7f7, #ededed);
-        background: url('/assets/public/aside_accordion_indicator_default.png') right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ededed));
-        background: url('/assets/public/aside_accordion_indicator_default.png') right center no-repeat, linear-gradient(top, #f7f7f7, #ededed);
-        border: 1px solid #acb3b7;
-        -moz-border-radius: 3px;
-        -webkit-border-radius: 3px;
-        border-radius: 3px;
-        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px #fff inset;
-        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px #fff inset;
-        box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px #fff inset;
-        color: #464951;
-        display: block;
-        -webkit-font-smoothing: antialiased;
-        font-size: 14px;
-        font-weight: bold;
-        padding: 6px 8px;
-        position: relative;
-        text-shadow: 0 1px 1px #fff;
-        z-index: 2;
-      }
-
-      #nav .category-group .category.ui-state-active {
-        background: url('/assets/public/aside_accordion_indicator_open.png') right center no-repeat, -moz-linear-gradient(top, #f7f7f7, #ededed);
-        background: url('/assets/public/aside_accordion_indicator_open.png') right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ededed));
-        background: url('/assets/public/aside_accordion_indicator_open.png') right center no-repeat, linear-gradient(top, #f7f7f7, #ededed);
-      }
-
-      #nav .category-group .tags {
-        background: rgba(59, 68, 88, .1);
-        border: 1px solid #cacaca;
-        -moz-border-radius-bottomleft: 3px;
-        -moz-border-radius-bottomright: 3px;
-        -webkit-border-bottom-left-radius: 3px;
-        -webkit-border-bottom-right-radius: 3px;
-        border-bottom-left-radius: 3px;
-        border-bottom-right-radius: 3px;
-        -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, .1);
-        -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 1);
-        box-shadow: 0 1px 1px rgba(255, 255, 255, 1);
-        list-style: none;
-        margin: -3px 0 0 0;
-        padding: 2px 0;
-      }
-
-      #nav .category-group .tags li {
-        font-size: 13px;
-        line-height: 1;
-        margin: 0;
-        padding: 6px 8px;
-      }
-
-      #nav .category-group .tags li a:link, #nav .category-group .tags li a:visited {
-        color: #5a5e67;
-        -webkit-font-smoothing: antialiased;
-        font-weight: bold;
-      }
-
-      #nav .category-group .tags li.active a:link, #nav .category-group .tags li.active a:visited {
-        color: #3772ac;
-      }
-      /* ------------------------------------------- */
-    /* ------------------------------------------- */
-
-    /* =main
-    ---------------------------------------------- */
-    #main {
-      float: left;
-      /*margin-bottom: 180px;*/
-      width: 732px;
-    }
-
-      /* =page
-      ---------------------------------------------- */
-      #page, .page {
-        background: #fff;
-        -moz-border-radius: 5px;
-        -webkit-border-radius: 5px;
-        border-radius: 5px;
-        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2);
-        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2);
-        box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2);
-        color: #333;
-        padding: 18px;
-      }
-
-      #page hgroup, .page hgroup {
-        margin: 0 0 24px 0;
-      }
-
-      #page hgroup h1, .page hgroup h1 {
-        color: #111;
-        font-size: 24px;
-        font-weight: normal;
-        margin: 0 0 8px 0;
-      }
-
-      #page hgroup h1:last-child, .page hgroup h1:last-child {
-        margin: 0;
-      }
-      /* ------------------------------------------- */
-    /* ------------------------------------------- */
-  /* ------------------------------------------- */
-/* ------------------------------------------- */
-
-/* =home-page
----------------------------------------------- */
-
-  #home-page #banner {
-    background: #7082AD;
-    background: #7082AD -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .2)));
-    background: #7082AD -moz-linear-gradient(top, transparent, rgba(0, 0, 0, .2));
-    background: #7082AD linear-gradient(top, transparent, rgba(0, 0, 0, .2));
-    border-radius: 4px;
-    color: #FFF;
-    font-weight: normal;
-    font-size: 2em;
-    margin: 0 0 1em 0;
-    padding: 1em;
-    -webkit-font-smoothing: antialiased;
-  }
-
-  /* =intro
-  ---------------------------------------------- */
-  #home-page #intro {
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
-    margin: 0 0 24px 0;
-    position: relative;
-  }
-
-  #home-page #intro > h2 {
-    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .2)));
-    background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, .2));
-    background: linear-gradient(top, transparent, rgba(0, 0, 0, .2));
-    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
-    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
-    color: #fff;
-    font-family: CorbelBold, "Helvetica Neue", Helvetica, Arial Geneva, sans-serif;
-    font-size: 22px;
-    line-height: 42px;
-    padding: 0 0 0 14px;
-    position: absolute;
-    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
-    width: 946px;
-    z-index: 99999;
-  }
-
-  #home-page #intro #cycle .pane {
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    padding: 42px 0;
-    width: 960px;
-  }
-
-  #home-page #intro #cycle .pane .content {
-    background: url('/assets/public/intro_bg.png'), -moz-linear-gradient(top, rgba(0, 0, 0, .25), rgba(0, 0, 0, .20) 8%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .20) 92%, rgba(0, 0, 0, .28));
-    background: url('/assets/public/intro_bg.png'), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), color-stop(.08, rgba(0, 0, 0, .20)), color-stop(.25, rgba(0, 0, 0, .15)), color-stop(.65, rgba(0, 0, 0, 0)), color-stop(.92, rgba(0, 0, 0, .20)), to(rgba(0, 0, 0, .28)));
-    background: url('/assets/public/intro_bg.png'), linear-gradient(top, rgba(0, 0, 0, .25), rgba(0, 0, 0, .20) 8%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .20) 92%, rgba(0, 0, 0, .28));
-    display: table;
-    width: 100%;
-  }
-
-  #home-page #intro #cycle .pane .content .td {
-    display: table-cell;
-    padding: 18px 32px;
-    vertical-align: middle;
-  }
-
-  #home-page #intro #cycle .pane .content .description {
-    color: #fff;
-    -webkit-font-smoothing: antialiased;
-    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
-    width: 416px;
-  }
-
-  #home-page #intro #cycle .pane .content .description h1 {
-    font-size: 22px;
-    font-weight: 400;
-    margin: 0 0 12px 0;
-  }
-
-  #home-page #intro #cycle .pane .content .description p {
-    font-size: 14px;
-    line-height: 22px;
-  }
-
-  #home-page #intro #cycle .pane .content .image {
-    text-align: right;
-    width: 416px;
-  }
-
-  #home-page #intro #controls {
-    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .2)));
-    background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, .2));
-    background: linear-gradient(top, transparent, rgba(0, 0, 0, .2));
-    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .15), 0 1px 1px rgba(255, 255, 255, .1) inset;
-    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .15), 0 1px 1px rgba(255, 255, 255, .1) inset;
-    box-shadow: 0 -1px 1px rgba(0, 0, 0, .15), 0 1px 1px rgba(255, 255, 255, .1) inset;
-    -moz-border-radius-bottomleft: 5px;
-    -moz-border-radius-bottomright: 5px;
-    -webkit-border-bottom-left-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-    margin: -42px 0 0 0;
-    list-style: none;
-    position: relative;
-    text-align: center;
-    z-index: 99999;
-  }
-
-  #home-page #intro #controls li {
-    display: inline-block;
-    margin: 0;
-  }
-
-  #home-page #intro #controls li a:link, #home-page #intro #controls li a:visited {
-    color: rgba(0, 0, 0, .5);
-    font-size: 28px;
-    line-height: 42px;
-    -webkit-font-smoothing: antialiased;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, .2);
-  }
-
-  #home-page #intro #controls li.activeSlide a:link, #home-page #intro #controls li.activeSlide a:visited {
-    color: rgba(255, 255, 255, .5);
-    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
-  }
-  /* ------------------------------------------- */
-
-  /* =listing
-  ---------------------------------------------- */
-  #home-page .listing {
-    background: #fff;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
-    color: #333;
-  }
-
-  #home-page .listing {
-    margin: 0 0 24px 0;
-  }
-
-  #home-page .listing h2 {
-    background: -moz-linear-gradient(top, #f2f2f2, #e2e2e2);
-    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e2e2e2));
-    background: linear-gradient(top, #f2f2f2, #e2e2e2);
-    border-bottom: 1px solid rgba(172, 179, 183, .5);
-    -webkit-border-top-left-radius: 5px;
-    -webkit-border-top-right-radius: 5px;
-    -moz-border-radius-topleft: 5px;
-    -moz-border-radius-topright: 5px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    -moz-box-shadow: 0 1px 1px #fff inset;
-    -webkit-box-shadow: 0 1px 1px #fff inset;
-    box-shadow: 0 1px 1px #fff inset;
-    margin: 0;
-    padding: 18px;
-    font-size: 18px;
-    font-weight: bold;
-    -webkit-font-smoothing: antialiased;
-    text-shadow: 0 1px 1px #fff;
-  }
-
-  #home-page .subscribe {
-    float: right;
-  }
-
-  #home-page .subscribe a.twitter {
-    background: url(/assets/public/feed-icon-sprite.png) -25px 0 no-repeat;
-    border-right: 1px solid rgba(199, 202, 204, 1);
-    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
-    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
-    box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
-    display: inline-block;
-    padding-right: 15px;
-    margin-right: 8px;
-    margin-bottom: -6px;
-    height: 24px;
-    width: 25px;
-  }
-
-  #home-page .subscribe a.twitter:hover {
-    background: url(/assets/public/feed-icon-sprite.png) -25px -25px no-repeat;
-  }
-
-  #home-page .subscribe .feed {
-    background: url(/assets/public/feed-icon-sprite.png) 0px 0;
-    display: inline-block;
-    margin-bottom: -6px;
-    height: 24px;
-    width: 21px;
-  }
-  #home-page .subscribe .feed:hover {
-    background: url(/assets/public/feed-icon-sprite.png) 0px -25px no-repeat;
-  }
-
-  #home-page .listing ul {
-    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
-    border-top: 1px solid #fff;
-    -webkit-border-bottom-left-radius: 5px;
-    -webkit-border-bottom-right-radius: 5px;
-    -moz-border-radius-bottomleft: 5px;
-    -moz-border-radius-bottomright: 5px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-    list-style: none;
-    padding: 18px;
-  }
-
-  #home-page .listing ul li{
-    margin: 0 0 18px 0;
-  }
-
-  #home-page .listing ul li:last-child {
-    margin: 0;
-  }
-
-  #home-page .listing ul li a:link,
-  #home-page .listing ul li a:visited {
-    background: url('/assets/public/article-icon-large.png') left center no-repeat;
-    display: block;
-    font-size: 14px;
-    line-height: 32px;
-    padding: 0 0 0 40px;
-  }
-
-  #home-page .listing ul li.show-more {
-    margin-top: -10px;
-  }
-
-  #home-page .listing ul li.show-more a:link,
-  #home-page .listing ul li.show-more a:visited {
-    background: none;
-    color: #9a909f;
-  }
-  #home-page .listing ul li.show-more a:before {
-    background: #e2e3e4;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    content: '\2026';
-    font-family: 'hk';
-    font-size: .7em;
-    color: #9a909f;
-    padding: 1px 5px;
-    margin: 0 15px 0 -34px;
-  }
-  /* ------------------------------------------- */
-/* ------------------------------------------- */
-
-/* =article
-/* ------------------------------------------- */
-  /* =contribution
-  ---------------------------------------------- */
-  #article #contribution {
-    background: rgba(128, 146, 167, .3);
-    border: 1px solid #acb8c5;
-    -moz-border-radius-topleft: 5px;
-    -moz-border-radius-topright: 5px;
-    -webkit-border-top-left-radius: 5px;
-    -webkit-border-top-right-radius: 5px;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    color: #636a76;
-    -webkit-font-smoothing: antialiased;
-    margin: -1px;
-    min-height: 42px;
-    padding: 18px 24px 21px 24px;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, .25);
-  }
-
-  #article #contribution img {
-    float: left;
-    max-height: 48px;
-    max-width: 128px;
-    margin: 0 24px 0 0;
-  }
-
-  #article #contribution .profile .bio {
-    margin: 0 24px 0 70px;
-  }
-
-  #article #contribution .profile .bio img {
-    border: none;
-    background: transparent;
-    margin: 0px 5px 0px 0px;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    padding: 0px 4px 0px 0px;
-  }
-
-  #article #contribution div h4 {
-    font-size: 14px;
-    font-weight: normal;
-    margin: 0 0 4px 0;
-  }
-
-  #article #contribution div h4 a:link, #article #contribution div h4 a:visited {
-    color: #636a76;
-    font-weight: bold;
-  }
-  /* ------------------------------------------- */
-
-  /* =article
-  ---------------------------------------------- */
-  #article article {
-    background: #fff;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px ;
-    border-radius: 5px;
-    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2);
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 -1px 1px rgba(113, 123, 149, .2);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2);
-    color: #333;
-    padding: 18px 244px 18px 18px;
-    position: relative;
-  }
-
-  #article article.contributed {
-    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2), 0 0 0 4px rgba(165, 187, 212, .1) inset;
-    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2), 0 0 0 4px rgba(165, 187, 212, .1) inset;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 -1px 1px rgba(113, 123, 149, .2), 0 0 0 4px rgba(165, 187, 212, .1) inset;
-    margin: -3px 0 0 0;
-  }
-
-  #article article hgroup {
-    margin: 0 0 24px 0;
-  }
-
-  #article article hgroup h1 {
-    background: url('/assets/public/article-icon-large.png') left center no-repeat;
-    color: #111;
-    font-size: 24px;
-    font-weight: normal;
-    line-height: 32px;
-    margin: 0 0 8px 0;
-    padding: 0 0 0 40px;
-  }
-
-  #article article hgroup h1:last-child {
-    margin: 0;
-  }
-
-  #main article a {
-    text-decoration: underline;
-  }
-
-  #article #main article h2 a,
-  #article #main h3 a,
-  #article #main h4 a,
-  #article #main h5 a,
-  #article #main h6 a{
-    color: #666;
-    text-decoration: none;
-  }
-
-  #article article h2 a:hover::after,
-  #article article h3 a:hover::after,
-  #article article h4 a:hover::after,
-  #article article h5 a:hover::after,
-  #article article h6 a:hover::after{
-    content: '\260D';
-    font-family: 'hk';
-    font-size: .65em;
-    margin-left: .2em;
-  }
-
-  #article article hgroup .meta {
-    color: #999;
-    font-size: 11px;
-    font-style: italic;
-    margin: 0 0 8px 0;
-  }
-
-  #article #main hgroup .tags a:link, #article #main hgroup .tags a:visited {
-    background: -webkit-gradient(linear, left top, left bottom, from(#f0f6fc), to(#cddff1));
-    background: -moz-linear-gradient(top, #f0f6fc, #cddff1);
-    border: 1px solid #a1b8d6;
-    -moz-border-radius: 32px;
-    -webkit-border-radius: 32px;
-    border-radius: 32px;
-    -moz-box-shadow: 0 1px 1px #fff;
-    -webkit-box-shadow: 0 1px 1px #fff;
-    box-shadow: 0 1px 1px #fff;
-    color: #4d5765;
-    font-size: 12px;
-    font-weight: bold;
-    margin: 0 2px 0 0;
-    padding: 3px 8px;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
-    text-decoration: none;
-  }
-
-  #article article hgroup .tags a:link:last-child, #article article hgroup .tags a:visited:last-child {
-    margin: 0;
-  }
-
-    /* section: table of contents
-    ---------------------------------------------- */
-    #article article #table-of-contents {
-      border-bottom: 1px solid #e5e5e5;
-      margin: 0 0 22px 0;
-      padding: 0 0 12px 0;
-    }
-
-    #article article #table-of-contents ul {
-      list-style: none;
-      padding: 0 0 0 4px;
-    }
-
-    #article article #table-of-contents ul li {
-      background: url("/assets/public/index_li_bullet.png") left center no-repeat;
-      padding: 0 0 0 22px;
-    }
-    /* ------------------------------------------- */
-
-
-    /* =callouts
-    ---------------------------------------------- */
-    #article article .callout {
-      background: #e1eaf3;
-      border: 1px solid #d0dbe6;
-      border-right: 1px solid #c3ced9;
-      color: #4f535d;
-      font-size: 12px;
-      padding: 12px;
-      position: absolute;
-      right: -11px;
-      width: 205px;
-    }
-
-    #article article .callout:after {
-      bottom: -6px;
-      content:url('/assets/public/callout_bg.png');
-      height: 8px;
-      position: absolute;
-      right: 0;
-      width: 9px;
-    }
-    /* ------------------------------------------- */
-
-    /* =deprecated
-    ---------------------------------------------- */
-    #article article .deprecated {
-      background: #fff3c5;
-      border: 1px solid #ffe075;
-      -moz-border-radius: 3px;
-      -webkit-border-radius: 3px;
-      border-radius: 3px;
-      color: #937f38;
-      margin: 0 0 22px 0;
-      padding: 12px;
-    }
-
-    #article article .deprecated a:link, #article article .deprecated a:visited {
-      color: #937f38;
-      font-weight: bold;
-      text-decoration: underline;
-    }
-    /* ------------------------------------------- */
-
-    /* =discussion (jive)
-    ---------------------------------------------- */
-    #article article #discussion-jive h1 a:link, #article article #discussion-jive h1 a:visited {
-      background-image: url('/assets/public/jive_discussion_glyph.png'), url('/assets/public/jive_discussion_arrow.png'), -moz-linear-gradient(top, #fff, #efefef);
-      background-image: url('/assets/public/jive_discussion_glyph.png'), url('/assets/public/jive_discussion_arrow.png'), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
-      background-image: url('/assets/public/jive_discussion_glyph.png'), url('/assets/public/jive_disccusion_arrow.png'), linear-gradient(top, #fff, #efefef);
-      background-position: left center, right center;
-      background-repeat: no-repeat;
-      border: 1px solid #c0c0c0;
-      -moz-border-radius: 3px;
-      -webkit-border-radius: 3px;
-      border-radius: 3px;
-      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-      box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-      display: block;
-      color: #717171;
-      font-size: 18px;
-      font-weight: normal;
-      padding: 10px 38px 10px 55px;
-    }
-
-    #article article #discussion-jive h1 a:hover, #article article #discussion-jive h1 a:active {
-      border: 1px solid #9ac4e4;
-      -moz-box-shadow: 0 0 4px rgba(154, 196, 228, .8);
-      -webkit-box-shadow: 0 0 4px rgba(154, 196, 228, .8);
-      box-shadow: 0 0 4px rgba(154, 196, 228, .8);
-    }
-    /* ------------------------------------------- */
-
-    /* =note
-    ---------------------------------------------- */
-    #article article .note {
-      background: #E1EAF3;
-      border: 1px solid #D0DBE6;
-      -moz-border-radius: 3px;
-      -webkit-border-radius: 3px;
-      border-radius: 3px;
-      color: #4F535D;
-      margin: 0 0 22px 0;
-      padding: 12px;
-    }
-
-    #article article .note a:link, #article article .note a:visited {
-      color: #4F535D;
-      font-weight: bold;
-      text-decoration: underline;
-    }
-    /* ------------------------------------------- */
-
-  /* =feedback
-  ---------------------------------------------- */
-  .feedback {
-    background: #fff;
-    border-top: 1px solid rgba(0, 0, 0, .15);
-    padding: 18px 0 0 0;
-  }
-  .feedback .step1 {
-    margin-bottom: 2px;
-  }
-  .feedback .step1 p {
-    margin-bottom: 0;
-  }
-  .feedback .step2 {
-    display: none;
-  }
-  .feedback .step2 .email {
-    display: none;
-  }
-  .feedback .step3 {
-    display: none;
-    margin-bottom: 18px;
-  }
-  .feedback .step2 textarea {
-    border: 1px solid #aeb3b8;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .66), 0 1px 4px rgba(0, 0, 0, .1) inset;
-    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .66), 0 1px 4px rgba(0, 0, 0, .1) inset;
-    box-shadow: 0 1px 1px rgba(255, 255, 255, .66), 0 1px 4px rgba(0, 0, 0, .1) inset;
-    display: block;
-    height: 42px;
-    margin: 12px 0;
-    outline: none;
-    overflow: hidden;
-    width: 465px;
-  }
-  .feedback .step2 textarea:focus {
-    border: 1px solid #74a9de;
-    -moz-box-shadow: 0 0 4px rgba(111, 177, 243, .5), 0 1px 4px rgba(0, 0, 0, .1) inset;
-    -webkit-box-shadow: 0 0 4px rgba(111, 177, 243, .5), 0 1px 4px rgba(0, 0, 0, .1) inset;
-    box-shadow: 0 0 4px rgba(111, 177, 243, .5), 0 1px 4px rgba(0, 0, 0, .1) inset;
-  }
-  .feedback .step2 label {
-    line-height: 20px;
-  }
-  .feedback .step2 .record-warning {
-    display: inline-block;
-    padding-top: 2px;
-  }
-  .feedback .step2 input {
-    float:right;
-    margin: 0;
-    padding: 10px;
-  }
-
-  /* ------------------------------------------- */
-
-  /* =warning
-  ---------------------------------------------- */
-  .warning {
-    background: #fff3c5;
-    border: 1px solid #ffe075;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    color: #937f38;
-    line-height: 20px;
-    margin: 0 0 22px 0;
-    padding: 12px;
-  }
-
-  #main .warning a:link, .warning a:visited {
-    color: #937f38;
-    font-weight: bold;
-    text-decoration: underline;
-  }
-  /* ------------------------------------------- */
-
-  /* =success
-  ---------------------------------------------- */
-  .success {
-    background: #D1FFC5;
-    border: 1px solid #70FD53;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    color: #4E9338;
-    line-height: 20px;
-    margin: 0 0 22px 0;
-    padding: 12px;
-  }
-
-  .success a:link {
-    color: #4E9338;
-    font-weight: bold;
-    text-decoration: underline;
-  }
-
-  .success::before {
-    content: '\2714';
-    display: inline-block;
-    font-family: 'hk';
-    font-size: 1.2em;
-    font-weight: bold;
-    margin: 0px .4em 0 0;
-    vertical-align: middle;
-  }
-  /* ------------------------------------------- */
-
-  /* ------------------------------------------- */
-
-  /* =pagination
-  ---------------------------------------------- */
-
-  #main #pagination {
-    margin: 18px 0 0 0;
-  }
-
-  #main #pagination #next {
-    float: right;
-  }
-
-  /* ------------------------------------------- */
-
-  #article blockquote {
-    font-family: georgia;
-    font-size: 1.1em;
-    font-style: italic;
-    line-height: 1.75em;
-    margin: 1em 0;
-    padding: 0 1em;
-    color: #888;
-    border-left: 2px solid #888;
-  }
-/* ------------------------------------------- */
-
-/* =tag
----------------------------------------------- */
-#tag #page hgroup h1 {
-  background: url('/assets/public/tag-icon-large.png') left center no-repeat;
-  -webkit-font-smoothing: antialiased;
-  font-weight: bold;
-  line-height: 32px;
-  padding: 0 0 0 40px;
-}
-/* ------------------------------------------- */
-
-/* =category
----------------------------------------------- */
-#category #page {
-  padding: 0;
-}
-
-#category #page hgroup {
-  background: -moz-linear-gradient(top, #f2f2f2, #e2e2e2);
-  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e2e2e2));
-  background: linear-gradient(top, #f2f2f2, #e2e2e2);
-  border-bottom: 1px solid rgba(172, 179, 183, .5);
-  -webkit-border-top-left-radius: 5px;
-  -webkit-border-top-right-radius: 5px;
-  -moz-border-radius-topleft: 5px;
-  -moz-border-radius-topright: 5px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  -moz-box-shadow: 0 1px 1px #fff inset;
-  -webkit-box-shadow: 0 1px 1px #fff inset;
-  box-shadow: 0 1px 1px #fff inset;
-  margin: 0;
-  padding: 24px 18px;
-}
-
-#category #page hgroup h1 {
-  color: #464951;
-  font-weight: bold;
-  text-shadow: 0 1px 1px #fff;
-}
-
-#category #page .padder {
-  padding: 18px;
-}
-/* ------------------------------------------- */
-
-/* = time-based-listing
----------------------------------------------- */
-.time-based-listing .page {
-  margin-bottom: 20px !important;
-}
-
-.time-based-listing .subscribe {
-  float: right;
-}
-
-.time-based-listing .subscribe a.twitter {
-  background: url(/assets/public/feed-icon-sprite.png) -25px -50px no-repeat;
-  border-right: 1px solid rgba(229, 229, 229, 1);
-  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
-  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
-  box-shadow: 1px 0 0 rgba(255, 255, 255, 1);
-  display: inline-block;
-  padding-right: 15px;
-  margin-right: 8px;
-  margin-bottom: -6px;
-  height: 24px;
-  width: 25px;
-}
-
-.time-based-listing .subscribe a.twitter:hover {
-  background: url(/assets/public/feed-icon-sprite.png) -25px -75px no-repeat;
-}
-
-.time-based-listing .subscribe .feed {
-  background: url(/assets/public/feed-icon-sprite.png) 0px -50px;
-  display: inline-block;
-  margin-bottom: -6px;
-  height: 24px;
-  width: 21px;
-}
-
-.time-based-listing .subscribe .feed:hover {
-  background: url(/assets/public/feed-icon-sprite.png) 0px -75px no-repeat;
-}
-
-.time-based-listing h2 {
-  border-bottom: 1px solid #EFEFEF;
-  color: #BBB;
-  font-size: 14px;
-  font-weight: normal;
-  margin: 0 0 12px 0;
-  padding: 0 0 4px 0;
-}
-/* ------------------------------------------- */
-
-
-/* = changelog-item
----------------------------------------------- */
-.changelog-item h1{
-  font-size: 18px !important;
-  line-height: 20px !important;
-  padding: 0 0 0 40px;
-}
-
-.changelog-item a.parent {
-  display: block;
-  font-size: 11px;
-  line-height: 12px;
-  margin: 0;
-  padding: 0;
-}
-
-/* ------------------------------------------- */
-
-div.multiplecode hr {
-  display: none;
-}
-
-p.no-results { display: none; }
-#article-results ul.results, #community-results ul.results { display: none; }
-#article-results ul{ margin-bottom: 0; }
-#admin-tabs {
-  height: 5px;
-  right: 10px;
-  top: -18px;
-  width: 100%;
-  position: relative;
-}
-#admin-tabs a {
-  color: white;
-  display: block;
-  float: right;
-  margin-left: 5px;
-  padding: 5px 15px;
-  background-color: #767493;
-  -webkit-border-top-left-radius: 5px;
-  -webkit-border-top-right-radius: 5px;
-  -moz-border-radius-topleft: 5px;
-  -moz-border-radius-topright: 5px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-}
-.padder, #page{
-  position: relative;
-}
-ins.differ {
-  background-color: #cfc !important;
-  text-decoration: none;
-}
-del.differ, del.differ * {
-  background-color: #fcc !important;
-}
-
-.languagebar {
-  -moz-border-radius: 3px 3px 0 0;
-  -webkit-border-radius: 3px 3px 0 0;
-  background-color: #333;
-  border-bottom: 1px solid #292929;
-  text-align: right;
-}
-.languagebar a {
-  color: #777;
-  padding: 2px 3px 2px 5px;
-}
-.languagebar a:hover, .languagebar a.current {
-  color: #ddd;
-}
-.languagebar ul {
-  margin: 0;
-  padding: 3px 5px 2px 0;
-  list-style-type: none;
-}
-.languagebar li {
-  display: inline;
-}
-/*
-  title: media css
-  author: maximilian schoening (@mschoening)
-*/
-
-/* =narrow
----------------------------------------------- */
-
-@media only screen and (max-width: 983px) {
-
-  html {
-    -webkit-text-size-adjust: none;
-  }
-
-  .wrapper {
-    width: 734px;
-  }
-
-  /* =layout
-  /* ------------------------------------------- */
-  #main {
-    width: 506px;
-  }
-  /* ------------------------------------------- */
-
-  /* =article
-  /* ------------------------------------------- */
-    /* =article
-    ---------------------------------------------- */
-    #article article {
-      padding: 18px;
-    }
-
-      /* =callouts
-      ---------------------------------------------- */
-      #article article .callout {
-        border: 1px solid #d0dbe6;
-        margin: 0 0 22px 0;
-        position: static;
-        width: 444px;
-      }
-
-      #article article .callout:after {
-        display: none;
-      }
-      /* ------------------------------------------- */
-    /* ------------------------------------------- */
-  /* ------------------------------------------- */
-
-  /* =feedback
-  /* ------------------------------------------- */
-  .feedback .step2 input {
-    float:none;
-  }
-  /* ------------------------------------------- */
-
-  /* =home-page
-  /* ------------------------------------------- */
-    /* =intro
-    /* ------------------------------------------- */
-    #home-page #intro > h2 {
-      width: 720px;
-    }
-
-    #home-page #intro #cycle .pane {
-      width: 734px;
-    }
-
-    #home-page #intro #cycle .pane .content .description {
-      width: 303px;
-    }
-
-    #home-page #intro #cycle .pane .content .description h1 {
-      font-size: 18px;
-    }
-
-    #home-page #intro #cycle .pane .content .description p {
-      font-size: 12px;
-    }
-
-    #home-page #intro #cycle .pane .content .image {
-      width: 303px;
-    }
-
-    #home-page #intro #cycle .pane .content .image img {
-      max-height: 152px;
-      max-width: 303px;
-    }
-    /* ------------------------------------------- */
-  /* ------------------------------------------- */
-}
-/* ------------------------------------------- */
-
-/* =skinny
----------------------------------------------- */
-@media only screen and (max-width: 757px) {
-  .wrapper {
-    width: 506px;
-  }
-
-  /* =layout
-  ---------------------------------------------- */
-    /* =sheet
-    ---------------------------------------------- */
-      /* =sidebar
-      ---------------------------------------------- */
-      #sidebar {
-       float: none;
-       margin: 0;
-       width: 506px;
-      }
-
-        /* =search
-        ---------------------------------------------- */
-        #search form p input[type='text'] {
-          width: 462px;
-        }
-
-        #search form p input[type='text']:focus:valid {
-          width: 441px;
-        }
-        /* ------------------------------------------- */
-
-        /* =quicknav
-        ---------------------------------------------- */
-        #quicknav {
-          background: transparent;
-          border: 1px solid #aeb3b8;
-          display: block;
-          font-size: 16px;
-          margin: 0 0 18px 0;
-          width: 100%;
-        }
-        /* ------------------------------------------- */
-
-        /* =nav
-        ---------------------------------------------- */
-        #nav {
-          display: none;
-        }
-        /* ------------------------------------------- */
-      /* ------------------------------------------- */
-
-      /* =main
-      ---------------------------------------------- */
-      #main {
-       float: none;
-      }
-      /* ------------------------------------------- */
-    /* ------------------------------------------- */
-  /* ------------------------------------------- */
-
-  /* =home-page
-  ---------------------------------------------- */
-    /* =intro
-    ---------------------------------------------- */
-    #home-page #intro > h2 {
-      width: 492px;
-    }
-
-    #home-page #intro #cycle .pane {
-      width: 506px;
-    }
-
-    #home-page #intro #cycle .pane .content .description {
-      width: 506px;
-    }
-
-    #home-page #intro #cycle .pane .content .description h1 {
-      font-size: 18px;
-    }
-
-    #home-page #intro #cycle .pane .content .description p {
-      font-size: 12px;
-    }
-
-    #home-page #intro #cycle .pane .content .image {
-      display: none;
-    }
-
-    #home-page #intro #cycle .pane .content .image img {
-      max-height: 152px;
-      max-width: 303px;
-    }
-    /* ------------------------------------------- */
-  /* ------------------------------------------- */
-}
-/* ------------------------------------------- */
-/*
-  title: header css
-  author: maximilian schoening (@mschoening)
-*/
-
-/* =heroku header
----------------------------------------------- */
-#heroku-header {
-  background: #3b4458;
-  border-bottom: 4px solid #5d6c90;
-}
-
-#heroku-header #heroku-header-hgroup h1 a:link, #heroku-header #heroku-header-hgroup h1 a:visited {
-  background: url('/assets/public/heroku-header-logo.png') no-repeat;
-}
-
-#heroku-header #heroku-header-nav ul.group {
-  background: rgba(46, 54, 70, .5);
-}
-
-#heroku-header #heroku-header-nav ul li {
-  border-right: 2px solid rgba(46, 54, 70, .9);
-}
-
-#heroku-header #heroku-header-nav ul li.last {
-  border: none;
-}
-
-#heroku-header #heroku-header-nav ul li a:link, #heroku-header #heroku-header-nav ul li a:visited {
-  color: #9daac5;
-}
-
-#heroku-header #heroku-header-nav ul li a:hover, #heroku-header #heroku-header-nav ul li a:active {
-  color: #fff;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-aid li a:link, #heroku-header #heroku-header-nav #heroku-header-aid li a:visited {
-  color: #92badb;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-aid li a:hover, #heroku-header #heroku-header-nav #heroku-header-aid li a:active {
-  color: #74d0f4;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-my-heroku li a:link, #heroku-header #heroku-header-nav #heroku-header-my-heroku li a:visited {
-  color: #92badb;
-}
-
-#heroku-header #heroku-header-nav #heroku-header-my-heroku li a:hover, #heroku-header #heroku-header-nav #heroku-header-my-heroku li a:active {
-  color: #74d0f4;
-}
-
-#heroku-header #heroku-header-nav ul li.active a:link, #heroku-header #heroku-header-nav ul li.active a:visited {
-  color: #bff740 !important;
-}
-
-@media only screen and (max-width: 1020px) {
-  #heroku-header #heroku-header-nav ul li {
-    border: none;
-  }
-}
-
-@media only screen and (max-width: 600px) {
-  #heroku-header {
-    border-bottom: 3px solid #5d6c90;
-  }
-
-  #heroku-header #heroku-header-quicknav {
-    background: url('/assets/public/heroku-header-logo-mobile.png') no-repeat left center;
-  }
-}
-/* ------------------------------------------- */
-/**
- * public.css
- *
-
-
-
-
-
-
-
- */
-
-@import url('https://statics.herokuapp.com/fonts/fonts.css');