diff --git a/assets/jQuery/jQuery.css b/assets/jQuery/jQuery.css
new file mode 100644
index 00000000..6fcbe9a4
--- /dev/null
+++ b/assets/jQuery/jQuery.css
@@ -0,0 +1,3855 @@
+/*! Copyright jQuery Foundation and other contributors
+ * Includes:
+ * - normalize.css v1.0.1 | MIT License | git.io/normalize
+ * - Font Awesome - http://fortawesome.github.com/Font-Awesome - CC BY 3.0
+ */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+* {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+/*
+ * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+	display: inline-block;
+	*display: inline;
+	*zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+	font-size: 100%; /* 1 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+	-ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Addresses `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+	font-family: sans-serif;
+	color: #333;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE 6/7.
+ */
+
+body {
+	margin: 0;
+}
+
+::-moz-selection {
+	background: #b3d4fc;
+	text-shadow: none;
+}
+
+::selection {
+	background: #b3d4fc;
+	text-shadow: none;
+}
+
+.chromeframe {
+	margin: 0.2em 0;
+	background: #ccc;
+	color: #000;
+	padding: 0.2em 0;
+}
+
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('fonts/fontawesome-webfont.eot?v=3.0.2');
+  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.2') format('embedded-opentype'),
+    url('fonts/fontawesome-webfont.woff?v=3.0.2') format('woff'),
+    url('fonts/fontawesome-webfont.ttf?v=3.0.2') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+	outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses font sizes and margins set differently in IE 6/7.
+ * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0 0 0.33em;
+}
+
+h2 {
+	font-size: 1.5em;
+	margin: 0 0 0.5em;
+}
+
+h3 {
+	font-size: 1.25em;
+	margin: 0 0 0.67em;
+}
+
+h4 {
+	font-size: 1em;
+	margin: 0 0 1em;
+}
+
+h5 {
+	font-size: 0.83em;
+	margin: 0 0 1.33em;
+}
+
+h6 {
+	font-size: 0.75em;
+	margin: 0 0 2em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: 700;
+	font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
+}
+/*
+ * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+blockquote {
+	margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 6/7/8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+	margin: 1em 0;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre, code {
+	white-space: pre;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	word-spacing: 0;
+	font-size: 13px;
+	line-height: 16px;
+}
+code {
+	padding: 0 3px;
+	background-color: #eee; /* support: IE8 */;
+	background-color: rgba( 0, 0, 0, .1 );
+	border-radius: 3px;
+}
+pre code {
+	background-color: transparent;
+	font-size: 16px;
+	font-weight: bold;
+	white-space: pre;
+	word-wrap: normal;
+}
+
+/*
+ * Addresses CSS quotes not supported in IE 6/7.
+ */
+
+q {
+	quotes: none;
+}
+
+/*
+ * Addresses `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+	content: '';
+	content: none;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+	margin: 0 0 1em;
+}
+
+dd {
+	margin: 0 0 0 40px;
+}
+
+/*
+ * Addresses paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+	padding: 0;
+}
+
+/*
+ * Corrects list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+	list-style: none;
+	list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improves image quality when scaled in IE 7.
+ */
+
+img {
+	border: 0; /* 1 */
+	-ms-interpolation-mode: bicubic; /* 2 */
+	vertical-align: middle;
+	max-width: 100%;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+	margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Corrects margin displayed oddly in IE 6/7.
+ */
+
+form {
+	margin: 0;
+	padding: 10px 0;
+}
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
+ * 2. Corrects text not wrapping in Firefox 3.
+ * 3. Corrects alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0;
+	white-space: normal; /* 2 */
+	*margin-left: -7px; /* 3 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers.
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and 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 */
+}
+
+/*
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+	line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+	*overflow: visible;  /* 4 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+	cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ * 3. Removes excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+	*height: 13px; /* 3 */
+	*width: 13px; /* 3 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield;
+	box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+	overflow: auto; /* 1 */
+	vertical-align: top; /* 2 */
+	min-height: 150px;
+	resize: vertical;
+}
+
+#manual input[type="text"],
+#manual input[type="email"],
+#manual textarea {
+	color: #666;
+
+	width: 70%;
+	min-width: 300px;
+
+	margin: 5px 0 10px 0;
+	padding: 8px 12px;
+
+	background: rgba(245,245,245,0.37);
+
+	border: 1px solid rgba(192,192,192,0.49);
+	border-radius: 2px;
+
+	box-shadow: inset 0 1px 3px rgba(0,0,0,0.17);
+}
+
+/*
+ * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder.
+ * 2. Using :placeholder for completeness.
+ */
+::-webkit-input-placeholder {
+	color: #9a1B1E;
+}
+:-moz-placeholder { /* 1 */
+	color: #9a1B1E;
+}
+::-moz-placeholder {
+	color: #9a1B1E;
+}
+:-ms-placeholder {
+	color: #9a1B1E;
+}
+:placeholder { /* 2 */
+	color: #9a1B1E;
+}
+
+#manual input:focus,
+#manual input[type="text"]:focus,
+#manual input[type="email"]:focus,
+#manual textarea:focus {
+	outline: none;
+
+	color: #333;
+	background: #fff;
+
+	border: 1px solid #b24926;
+
+	box-shadow: 0 0 6px rgba(23,138,156,0.5),
+		inset 0 1px 3px rgba(0,0,0,0.2);
+}
+
+/**
+ * Radio Buttons
+ */
+
+.radio {
+	margin: 15px 0;
+}
+
+#manual .radio ul {
+	margin: 0;
+	padding: 0;
+	float: left;
+}
+
+#manual .radio ul li {
+	margin: 0;
+	padding: 0;
+	background: none;
+	list-style-type: none;
+}
+
+.radio label {
+	margin: 5px 0;
+}
+
+input[type=radio] {
+	margin: 0 5px 0 0;
+}
+
+/**
+ * Checkboxes
+ */
+
+input[type="checkbox"] {
+	margin: 0 5px 0 0;
+}
+
+/**
+ * Submit Buttons
+ */
+
+form input[type="submit"] {
+	margin: 40px 0;
+	float: none;
+}
+
+/**
+ * Top aligned labels
+ */
+
+.top-labels label,
+.top-labels .radio label,
+.top-labels input[type="text"],
+.top-labels input[type="email"],
+.top-labels textarea {
+	display: block;
+}
+
+/**
+ * Left aligned labels
+ */
+
+.left-labels label {
+	padding: 5px 0 0 0;
+	display: block;
+}
+
+.left-labels span {
+	margin: 0 10px 0 0;
+	min-width: 100px;
+
+	float: left;
+
+	text-align: left;
+}
+
+.left-labels .radio span {
+	padding-top: 5px;
+}
+
+.left-labels .radio {
+	display: block;
+}
+
+.left-labels .radio li label {
+	margin: 0;
+	padding: 0 0 5px 0;
+
+	border: 0;
+}
+
+/**
+ * Label descriptions
+ */
+
+label .field-description {
+	font-size: 0.8em;
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+#manual table {
+	margin: 1em 2em;
+}
+
+#manual thead tr {
+	border-bottom: 2px solid #666;
+}
+
+#manual tbody tr {
+	border-bottom: 1px solid #666;
+}
+
+#manual tbody tr:hover {
+	background-color: #eee;
+}
+
+#manual th {
+	font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+}
+
+#manual th,
+#manual td {
+	padding: .5em;
+}
+
+/* ==========================================================================
+   Font Awesome
+   ========================================================================== */
+
+[class^="icon-"],
+[class*=" icon-"] {
+  font-weight: normal;
+  font-style: normal;
+  text-decoration: inherit;
+  -webkit-font-smoothing: antialiased;
+
+  /* sprites.less reset */
+  display: inline;
+  width: auto;
+  height: auto;
+  line-height: normal;
+  vertical-align: baseline;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  margin-top: 0;
+}
+
+/* more sprites.less reset*/
+.icon-white,
+.nav-pills > .active > a > [class^="icon-"],
+.nav-pills > .active > a > [class*=" icon-"],
+.nav-list > .active > a > [class^="icon-"],
+.nav-list > .active > a > [class*=" icon-"],
+.navbar-inverse .nav > .active > a > [class^="icon-"],
+.navbar-inverse .nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"],
+.dropdown-submenu:hover > a > [class^="icon-"],
+.dropdown-submenu:hover > a > [class*=" icon-"] {
+  background-image: none;
+}
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  text-decoration: inherit;
+  display: inline-block;
+  speak: none;
+}
+/* makes sure icons active on rollover in links */
+a [class^="icon-"],
+a [class*=" icon-"] {
+  display: inline-block;
+}
+/* makes the font 33% larger relative to the icon container */
+.icon-large:before {
+  vertical-align: -10%;
+  font-size: 1.3333333333333333em;
+}
+.btn [class^="icon-"],
+.nav [class^="icon-"],
+.btn [class*=" icon-"],
+.nav [class*=" icon-"] {
+  display: inline;
+  /* keeps button heights with and without icons the same */
+
+}
+.btn [class^="icon-"].icon-large,
+.nav [class^="icon-"].icon-large,
+.btn [class*=" icon-"].icon-large,
+.nav [class*=" icon-"].icon-large {
+  line-height: .9em;
+}
+.btn [class^="icon-"].icon-spin,
+.nav [class^="icon-"].icon-spin,
+.btn [class*=" icon-"].icon-spin,
+.nav [class*=" icon-"].icon-spin {
+  display: inline-block;
+}
+.nav-tabs [class^="icon-"],
+.nav-pills [class^="icon-"],
+.nav-tabs [class*=" icon-"],
+.nav-pills [class*=" icon-"],
+.nav-tabs [class^="icon-"].icon-large,
+.nav-pills [class^="icon-"].icon-large,
+.nav-tabs [class*=" icon-"].icon-large,
+.nav-pills [class*=" icon-"].icon-large {
+  line-height: .9em;
+}
+li [class^="icon-"],
+.nav li [class^="icon-"],
+li [class*=" icon-"],
+.nav li [class*=" icon-"] {
+  display: inline-block;
+  width: 1.25em;
+  text-align: center;
+}
+li [class^="icon-"].icon-large,
+.nav li [class^="icon-"].icon-large,
+li [class*=" icon-"].icon-large,
+.nav li [class*=" icon-"].icon-large {
+  /* increased font size for icon-large */
+
+  width: 1.5625em;
+}
+ul.icons {
+  list-style-type: none;
+  text-indent: -0.75em;
+}
+ul.icons li [class^="icon-"],
+ul.icons li [class*=" icon-"] {
+  width: .75em;
+}
+.icon-muted {
+  color: #eee;
+}
+.icon-border {
+  border: solid 1px #eee;
+  padding: .2em .25em .15em;
+  border-radius: 3px;
+}
+.icon-2x {
+  font-size: 2em;
+}
+.icon-2x.icon-border {
+  border-width: 2px;
+  border-radius: 4px;
+}
+.icon-3x {
+  font-size: 3em;
+}
+.icon-3x.icon-border {
+  border-width: 3px;
+  border-radius: 5px;
+}
+.icon-4x {
+  font-size: 4em;
+}
+.icon-4x.icon-border {
+  border-width: 4px;
+  border-radius: 6px;
+}
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+[class^="icon-"].pull-left,
+[class*=" icon-"].pull-left {
+  margin-right: .3em;
+}
+[class^="icon-"].pull-right,
+[class*=" icon-"].pull-right {
+  margin-left: .3em;
+}
+.btn [class^="icon-"].pull-left.icon-2x,
+.btn [class*=" icon-"].pull-left.icon-2x,
+.btn [class^="icon-"].pull-right.icon-2x,
+.btn [class*=" icon-"].pull-right.icon-2x {
+  margin-top: .18em;
+}
+.btn [class^="icon-"].icon-spin.icon-large,
+.btn [class*=" icon-"].icon-spin.icon-large {
+  line-height: .8em;
+}
+.btn.btn-small [class^="icon-"].pull-left.icon-2x,
+.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
+.btn.btn-small [class^="icon-"].pull-right.icon-2x,
+.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
+  margin-top: .25em;
+}
+.btn.btn-large [class^="icon-"],
+.btn.btn-large [class*=" icon-"] {
+  margin-top: 0;
+}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+  margin-top: .05em;
+}
+.btn.btn-large [class^="icon-"].pull-left.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
+  margin-right: .2em;
+}
+.btn.btn-large [class^="icon-"].pull-right.icon-2x,
+.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
+  margin-left: .2em;
+}
+.icon-spin {
+  display: inline-block;
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+}
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(359deg); }
+}
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(359deg); }
+}
+@-moz-document url-prefix() {
+  .icon-spin {
+    height: .9em;
+  }
+  .btn .icon-spin {
+    height: auto;
+  }
+  .icon-spin.icon-large {
+    height: 1.25em;
+  }
+  .btn .icon-spin.icon-large {
+    height: .75em;
+  }
+}
+/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+    readers do not read off random characters that represent icons */
+.icon-glass:before                { content: "\f000"; }
+.icon-music:before                { content: "\f001"; }
+.icon-search:before               { content: "\f002"; }
+.icon-envelope:before             { content: "\f003"; }
+.icon-heart:before                { content: "\f004"; }
+.icon-star:before                 { content: "\f005"; }
+.icon-star-empty:before           { content: "\f006"; }
+.icon-user:before                 { content: "\f007"; }
+.icon-film:before                 { content: "\f008"; }
+.icon-th-large:before             { content: "\f009"; }
+.icon-th:before                   { content: "\f00a"; }
+.icon-th-list:before              { content: "\f00b"; }
+.icon-ok:before                   { content: "\f00c"; }
+.icon-remove:before               { content: "\f00d"; }
+.icon-zoom-in:before              { content: "\f00e"; }
+
+.icon-zoom-out:before             { content: "\f010"; }
+.icon-off:before                  { content: "\f011"; }
+.icon-signal:before               { content: "\f012"; }
+.icon-cog:before                  { content: "\f013"; }
+.icon-trash:before                { content: "\f014"; }
+.icon-home:before                 { content: "\f015"; }
+.icon-file:before                 { content: "\f016"; }
+.icon-time:before                 { content: "\f017"; }
+.icon-road:before                 { content: "\f018"; }
+.icon-download-alt:before         { content: "\f019"; }
+.icon-download:before             { content: "\f01a"; }
+.icon-upload:before               { content: "\f01b"; }
+.icon-inbox:before                { content: "\f01c"; }
+.icon-play-circle:before          { content: "\f01d"; }
+.icon-repeat:before               { content: "\f01e"; }
+
+/* \f020 doesn't work in Safari. all shifted one down */
+.icon-refresh:before              { content: "\f021"; }
+.icon-list-alt:before             { content: "\f022"; }
+.icon-lock:before                 { content: "\f023"; }
+.icon-flag:before                 { content: "\f024"; }
+.icon-headphones:before           { content: "\f025"; }
+.icon-volume-off:before           { content: "\f026"; }
+.icon-volume-down:before          { content: "\f027"; }
+.icon-volume-up:before            { content: "\f028"; }
+.icon-qrcode:before               { content: "\f029"; }
+.icon-barcode:before              { content: "\f02a"; }
+.icon-tag:before                  { content: "\f02b"; }
+.icon-tags:before                 { content: "\f02c"; }
+.icon-book:before                 { content: "\f02d"; }
+.icon-bookmark:before             { content: "\f02e"; }
+.icon-print:before                { content: "\f02f"; }
+
+.icon-camera:before               { content: "\f030"; }
+.icon-font:before                 { content: "\f031"; }
+.icon-bold:before                 { content: "\f032"; }
+.icon-italic:before               { content: "\f033"; }
+.icon-text-height:before          { content: "\f034"; }
+.icon-text-width:before           { content: "\f035"; }
+.icon-align-left:before           { content: "\f036"; }
+.icon-align-center:before         { content: "\f037"; }
+.icon-align-right:before          { content: "\f038"; }
+.icon-align-justify:before        { content: "\f039"; }
+.icon-list:before                 { content: "\f03a"; }
+.icon-indent-left:before          { content: "\f03b"; }
+.icon-indent-right:before         { content: "\f03c"; }
+.icon-facetime-video:before       { content: "\f03d"; }
+.icon-picture:before              { content: "\f03e"; }
+
+.icon-pencil:before               { content: "\f040"; }
+.icon-map-marker:before           { content: "\f041"; }
+.icon-adjust:before               { content: "\f042"; }
+.icon-tint:before                 { content: "\f043"; }
+.icon-edit:before                 { content: "\f044"; }
+.icon-share:before                { content: "\f045"; }
+.icon-check:before                { content: "\f046"; }
+.icon-move:before                 { content: "\f047"; }
+.icon-step-backward:before        { content: "\f048"; }
+.icon-fast-backward:before        { content: "\f049"; }
+.icon-backward:before             { content: "\f04a"; }
+.icon-play:before                 { content: "\f04b"; }
+.icon-pause:before                { content: "\f04c"; }
+.icon-stop:before                 { content: "\f04d"; }
+.icon-forward:before              { content: "\f04e"; }
+
+.icon-fast-forward:before         { content: "\f050"; }
+.icon-step-forward:before         { content: "\f051"; }
+.icon-eject:before                { content: "\f052"; }
+.icon-chevron-left:before         { content: "\f053"; }
+.icon-chevron-right:before        { content: "\f054"; }
+.icon-plus-sign:before            { content: "\f055"; }
+.icon-minus-sign:before           { content: "\f056"; }
+.icon-remove-sign:before          { content: "\f057"; }
+.icon-ok-sign:before              { content: "\f058"; }
+.icon-question-sign:before        { content: "\f059"; }
+.icon-info-sign:before            { content: "\f05a"; }
+.icon-screenshot:before           { content: "\f05b"; }
+.icon-remove-circle:before        { content: "\f05c"; }
+.icon-ok-circle:before            { content: "\f05d"; }
+.icon-ban-circle:before           { content: "\f05e"; }
+
+.icon-arrow-left:before           { content: "\f060"; }
+.icon-arrow-right:before          { content: "\f061"; }
+.icon-arrow-up:before             { content: "\f062"; }
+.icon-arrow-down:before           { content: "\f063"; }
+.icon-share-alt:before            { content: "\f064"; }
+.icon-resize-full:before          { content: "\f065"; }
+.icon-resize-small:before         { content: "\f066"; }
+.icon-plus:before                 { content: "\f067"; }
+.icon-minus:before                { content: "\f068"; }
+.icon-asterisk:before             { content: "\f069"; }
+.icon-exclamation-sign:before     { content: "\f06a"; }
+.icon-gift:before                 { content: "\f06b"; }
+.icon-leaf:before                 { content: "\f06c"; }
+.icon-fire:before                 { content: "\f06d"; }
+.icon-eye-open:before             { content: "\f06e"; }
+
+.icon-eye-close:before            { content: "\f070"; }
+.icon-warning-sign:before         { content: "\f071"; }
+.icon-plane:before                { content: "\f072"; }
+.icon-calendar:before             { content: "\f073"; }
+.icon-random:before               { content: "\f074"; }
+.icon-comment:before              { content: "\f075"; }
+.icon-magnet:before               { content: "\f076"; }
+.icon-chevron-up:before           { content: "\f077"; }
+.icon-chevron-down:before         { content: "\f078"; }
+.icon-retweet:before              { content: "\f079"; }
+.icon-shopping-cart:before        { content: "\f07a"; }
+.icon-folder-close:before         { content: "\f07b"; }
+.icon-folder-open:before          { content: "\f07c"; }
+.icon-resize-vertical:before      { content: "\f07d"; }
+.icon-resize-horizontal:before    { content: "\f07e"; }
+
+.icon-bar-chart:before            { content: "\f080"; }
+.icon-twitter-sign:before         { content: "\f081"; }
+.icon-facebook-sign:before        { content: "\f082"; }
+.icon-camera-retro:before         { content: "\f083"; }
+.icon-key:before                  { content: "\f084"; }
+.icon-cogs:before                 { content: "\f085"; }
+.icon-comments:before             { content: "\f086"; }
+.icon-thumbs-up:before            { content: "\f087"; }
+.icon-thumbs-down:before          { content: "\f088"; }
+.icon-star-half:before            { content: "\f089"; }
+.icon-heart-empty:before          { content: "\f08a"; }
+.icon-signout:before              { content: "\f08b"; }
+.icon-linkedin-sign:before        { content: "\f08c"; }
+.icon-pushpin:before              { content: "\f08d"; }
+.icon-external-link:before        { content: "\f08e"; }
+
+.icon-signin:before               { content: "\f090"; }
+.icon-trophy:before               { content: "\f091"; }
+.icon-github-sign:before          { content: "\f092"; }
+.icon-upload-alt:before           { content: "\f093"; }
+.icon-lemon:before                { content: "\f094"; }
+.icon-phone:before                { content: "\f095"; }
+.icon-check-empty:before          { content: "\f096"; }
+.icon-bookmark-empty:before       { content: "\f097"; }
+.icon-phone-sign:before           { content: "\f098"; }
+.icon-twitter:before              { content: "\f099"; }
+.icon-facebook:before             { content: "\f09a"; }
+.icon-github:before               { content: "\f09b"; }
+.icon-unlock:before               { content: "\f09c"; }
+.icon-credit-card:before          { content: "\f09d"; }
+.icon-rss:before                  { content: "\f09e"; }
+
+.icon-hdd:before                  { content: "\f0a0"; }
+.icon-bullhorn:before             { content: "\f0a1"; }
+.icon-bell:before                 { content: "\f0a2"; }
+.icon-certificate:before          { content: "\f0a3"; }
+.icon-hand-right:before           { content: "\f0a4"; }
+.icon-hand-left:before            { content: "\f0a5"; }
+.icon-hand-up:before              { content: "\f0a6"; }
+.icon-hand-down:before            { content: "\f0a7"; }
+.icon-circle-arrow-left:before    { content: "\f0a8"; }
+.icon-circle-arrow-right:before   { content: "\f0a9"; }
+.icon-circle-arrow-up:before      { content: "\f0aa"; }
+.icon-circle-arrow-down:before    { content: "\f0ab"; }
+.icon-globe:before                { content: "\f0ac"; }
+.icon-wrench:before               { content: "\f0ad"; }
+.icon-tasks:before                { content: "\f0ae"; }
+
+.icon-filter:before               { content: "\f0b0"; }
+.icon-briefcase:before            { content: "\f0b1"; }
+.icon-fullscreen:before           { content: "\f0b2"; }
+
+.icon-group:before                { content: "\f0c0"; }
+.icon-link:before                 { content: "\f0c1"; }
+.icon-cloud:before                { content: "\f0c2"; }
+.icon-beaker:before               { content: "\f0c3"; }
+.icon-cut:before                  { content: "\f0c4"; }
+.icon-copy:before                 { content: "\f0c5"; }
+.icon-paper-clip:before           { content: "\f0c6"; }
+.icon-save:before                 { content: "\f0c7"; }
+.icon-sign-blank:before           { content: "\f0c8"; }
+.icon-reorder:before              { content: "\f0c9"; }
+.icon-list-ul:before              { content: "\f0ca"; }
+.icon-list-ol:before              { content: "\f0cb"; }
+.icon-strikethrough:before        { content: "\f0cc"; }
+.icon-underline:before            { content: "\f0cd"; }
+.icon-table:before                { content: "\f0ce"; }
+
+.icon-magic:before                { content: "\f0d0"; }
+.icon-truck:before                { content: "\f0d1"; }
+.icon-pinterest:before            { content: "\f0d2"; }
+.icon-pinterest-sign:before       { content: "\f0d3"; }
+.icon-google-plus-sign:before     { content: "\f0d4"; }
+.icon-google-plus:before          { content: "\f0d5"; }
+.icon-money:before                { content: "\f0d6"; }
+.icon-caret-down:before           { content: "\f0d7"; }
+.icon-caret-up:before             { content: "\f0d8"; }
+.icon-caret-left:before           { content: "\f0d9"; }
+.icon-caret-right:before          { content: "\f0da"; }
+.icon-columns:before              { content: "\f0db"; }
+.icon-sort:before                 { content: "\f0dc"; }
+.icon-sort-down:before            { content: "\f0dd"; }
+.icon-sort-up:before              { content: "\f0de"; }
+
+.icon-envelope-alt:before         { content: "\f0e0"; }
+.icon-linkedin:before             { content: "\f0e1"; }
+.icon-undo:before                 { content: "\f0e2"; }
+.icon-legal:before                { content: "\f0e3"; }
+.icon-dashboard:before            { content: "\f0e4"; }
+.icon-comment-alt:before          { content: "\f0e5"; }
+.icon-comments-alt:before         { content: "\f0e6"; }
+.icon-bolt:before                 { content: "\f0e7"; }
+.icon-sitemap:before              { content: "\f0e8"; }
+.icon-umbrella:before             { content: "\f0e9"; }
+.icon-paste:before                { content: "\f0ea"; }
+.icon-lightbulb:before            { content: "\f0eb"; }
+.icon-exchange:before             { content: "\f0ec"; }
+.icon-cloud-download:before       { content: "\f0ed"; }
+.icon-cloud-upload:before         { content: "\f0ee"; }
+
+.icon-user-md:before              { content: "\f0f0"; }
+.icon-stethoscope:before          { content: "\f0f1"; }
+.icon-suitcase:before             { content: "\f0f2"; }
+.icon-bell-alt:before             { content: "\f0f3"; }
+.icon-coffee:before               { content: "\f0f4"; }
+.icon-food:before                 { content: "\f0f5"; }
+.icon-file-alt:before             { content: "\f0f6"; }
+.icon-building:before             { content: "\f0f7"; }
+.icon-hospital:before             { content: "\f0f8"; }
+.icon-ambulance:before            { content: "\f0f9"; }
+.icon-medkit:before               { content: "\f0fa"; }
+.icon-fighter-jet:before          { content: "\f0fb"; }
+.icon-beer:before                 { content: "\f0fc"; }
+.icon-h-sign:before               { content: "\f0fd"; }
+.icon-plus-sign-alt:before        { content: "\f0fe"; }
+
+.icon-double-angle-left:before    { content: "\f100"; }
+.icon-double-angle-right:before   { content: "\f101"; }
+.icon-double-angle-up:before      { content: "\f102"; }
+.icon-double-angle-down:before    { content: "\f103"; }
+.icon-angle-left:before           { content: "\f104"; }
+.icon-angle-right:before          { content: "\f105"; }
+.icon-angle-up:before             { content: "\f106"; }
+.icon-angle-down:before           { content: "\f107"; }
+.icon-desktop:before              { content: "\f108"; }
+.icon-laptop:before               { content: "\f109"; }
+.icon-tablet:before               { content: "\f10a"; }
+.icon-mobile-phone:before         { content: "\f10b"; }
+.icon-circle-blank:before         { content: "\f10c"; }
+.icon-quote-left:before           { content: "\f10d"; }
+.icon-quote-right:before          { content: "\f10e"; }
+
+.icon-spinner:before              { content: "\f110"; }
+.icon-circle:before               { content: "\f111"; }
+.icon-reply:before                { content: "\f112"; }
+.icon-github-alt:before           { content: "\f113"; }
+.icon-folder-close-alt:before     { content: "\f114"; }
+.icon-folder-open-alt:before      { content: "\f115"; }
+
+/* Manual Font Awesome Styles */
+[class^="icon-"]::before, [class^="icon-"]::after,
+[class*=" icon-"]::before, [class*=" icon-"]::after {
+  font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#manual ul li[class^="icon-"],
+#manual ul li[class*=" icon-"] {
+	background: none;
+	padding-left: 0;
+}
+
+h2 [class^="icon-"],
+h2 [class*=" icon-"],
+h3 [class^="icon-"],
+h3 [class*=" icon-"] {
+	margin-right: 7px;
+}
+
+/* Global Structure
+   ========================================================================== */
+
+body {
+	-webkit-font-smoothing: antialiased;
+	color: #333;
+	font: 15px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
+}
+
+iframe {
+	border: 1px solid #bfbfbf;
+	padding: 1px;
+}
+
+#container {
+	background: #0769ad;
+	margin: 0 auto;
+	padding: 0 20px;
+
+}
+
+.jquery-ui #container {
+	background: #b24926;
+}
+
+.jquery-mobile #container {
+	background: #108040;
+}
+
+.sizzlejs #container {
+	background: #9a1B1E;
+}
+
+.qunitjs #container {
+	background: #390f39;
+}
+
+.jquery-foundation #container {
+	background: #333;
+}
+
+.jquery-learn #container {
+	background: url(../images/bg-body-learn.jpg) no-repeat center top #000;
+}
+
+#manual-wrapper {
+	background-color: #fff;
+	box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
+	padding: 20px 0;
+	border-top: 1px solid #333;
+	border-radius: 0 0 10px 10px;
+	position: relative;
+}
+
+.jquery-ui #manual-wrapper,
+.sizzlejs #manual-wrapper,
+.qunitjs #manual-wrapper,
+.jquery-learn #manual-wrapper,
+.jquery-foundation #manual-wrapper,
+.jquery-ui #banner-secondary,
+.sizzlejs #banner-secondary,
+.qunitjs #banner-secondary,
+.jquery-learn #banner-secondary,
+.jquery-foundation #banner-secondary {
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+}
+
+.no-boxshadow #manual-wrapper {
+	border: 1px solid #333;
+}
+
+.constrain {
+	max-width: 1240px;
+	margin: 0 auto;
+	padding: 0 20px;
+}
+
+.lte8 .constrain {
+  max-width: 1198px; /* Accomodate for padding + 1px border */
+}
+
+.content-right #manual {
+	float: right;
+}
+
+.content-full #manual {
+	width: 100%;
+	padding-left: 10%;
+	padding-right: 10%;
+}
+
+.content-full.full-width #manual {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+#sidebar,
+.sidebar-left,
+.sidebar-right {
+	padding: 20px;
+	width: 29%;
+}
+
+#sidebar,
+.sidebar-right {
+	float: right;
+	margin-right: -25px;
+	position: relative;
+	-webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+	border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+	box-shadow: inset 15px 0 5px -16px #e7e7e7;
+	background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%);
+	background-image: radial-gradient(left, #f2f2f2, #ffffff 80%);
+	border: 0;
+	border-left: 1px solid #efefef;
+}
+
+
+.content-right #sidebar,
+.sidebar-left {
+	float: left;
+	border-left: 0;
+	border-right: 1px solid #e7e7e7;
+	margin: -20px 0 0 -25px;
+	-webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+	border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
+	box-shadow: inset 15px 0 5px -16px #e7e7e7;
+	background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%);
+	background-image: radial-gradient(right, #f2f2f2, #ffffff 80%);
+}
+
+.entry-summary p {
+	margin: 0;
+}
+
+
+/* Global Nav
+   ========================================================================== */
+
+#global-nav {
+	background: url(../images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b;
+}
+
+#global-nav nav {
+	height: 34px;
+}
+
+#global-nav nav ul {
+	text-align: left;
+	display: inline;
+	float: left;
+	margin: 0;
+	list-style: none;
+	border-right: 1px solid rgba(255, 255, 255, 0.0976562);
+	border-left: 1px solid rgba(0, 0, 0, 0.347656);
+}
+
+.tinynav-container { display: none; }
+.tinynav { display: none; }
+
+#global-nav nav ul.links {
+	float: right;
+}
+
+#global-nav nav ul li {
+	font: bold 13px/17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	display: inline-block;
+	float: left;
+	position: relative;
+	top: 1px;
+	cursor: pointer;
+	transition: all 0.2s;
+	text-shadow: 0 0 2px #000;
+	border-left: 1px solid rgba(255, 255, 255, 0.0976562);
+	border-right: 1px solid rgba(0, 0, 0, 0.347656);
+}
+.ie #global-nav nav ul li {
+	top: 2px;
+}
+
+#global-nav nav ul li:hover {
+	background: url(../images/bg-footer-noise.jpg) #000;
+	color: #fff;
+}
+
+#global-nav nav ul li i {
+	height: 1em;
+}
+
+#global-nav nav ul li a {
+	color: #e6e6e6;
+	font-weight: normal;
+	font-style: normal;
+	text-decoration: none;
+	display: block;
+	padding: 8px 12px;
+}
+
+#global-nav nav ul li ul {
+	padding: 0;
+	position: absolute;
+	top: 32px;
+	left: -2px;
+	width: 120px;
+	display: none;
+	opacity: 0;
+	visibility: hidden;
+	transition: opacity 0.2s;
+	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
+	z-index: 400;
+}
+
+#global-nav nav ul li ul.wide {
+	width: 260px;
+}
+
+#global-nav nav ul li ul li {
+	background: url(../images/bg-footer-noise.jpg) #000;
+	display: block;
+	color: #fff;
+	float: none;
+}
+
+#global-nav nav ul li ul li:hover { background: #000; }
+#global-nav nav ul li:hover ul {
+	display: block;
+	opacity: 1;
+	visibility: visible;
+}
+
+#global-nav nav ul.projects li.project {
+	width: 42px;
+	padding: 0;
+	height: 33px;
+	text-indent: -9999px;
+	background: url(../images/jq-nav-icons.png) -6px 0;
+	z-index: 10;
+}
+
+#global-nav nav ul.projects li.project a {
+	display: block;
+	height: 33px;
+}
+
+#global-nav nav ul.projects li.jquery-ui {
+	background-position: -57px 0;
+}
+
+#global-nav nav ul.projects li.jquery-mobile {
+	background-position: -107px 0;
+}
+
+#global-nav nav ul.projects li.sizzlejs {
+	background-position: -155px 0;
+}
+
+#global-nav nav ul.projects li.qunitjs {
+	background-position: -204px 0;
+}
+
+.jquery #global-nav nav ul.projects li.jquery {
+	background-position: 0 bottom;
+	width: 52px;
+	position: relative;
+	margin-top:1px;
+	border: none;
+}
+
+.jquery #global-nav nav ul.projects {
+	border-left: none;
+}
+
+.jquery #global-nav nav ul.projects li.jquery-ui {
+	border-left: none;
+	background-position: -59px 0;
+}
+
+.jquery-ui #global-nav nav ul.projects li.jquery-ui {
+	background-position: -50px bottom;
+	width: 52px;
+	position: relative;
+	margin-top:1px;
+	border: none;
+}
+
+.jquery-ui #global-nav nav ul.projects li.jquery {
+	border-right: none;
+	background-position: -2px 0;
+}
+
+.jquery-ui #global-nav nav ul.projects li.jquery-mobile {
+	border-left: none;
+}
+
+.jquery-mobile #global-nav nav ul.projects li.jquery-mobile {
+	background-position: -100px bottom;
+	width: 52px;
+	position: relative;
+	margin-top:1px;
+	border: none;
+}
+
+.jquery-mobile #global-nav nav ul.projects li.jquery-ui {
+	border-right: none;
+	background-position: -53px 0;
+}
+
+.jquery-mobile #global-nav nav ul.projects li.jquery-mobile {
+	border-right: none;
+}
+
+.jquery-mobile #global-nav nav ul.projects li.sizzlejs{
+	border-left: none;
+	background-position: -157px 0;
+}
+
+
+.sizzlejs #global-nav nav ul.projects li.jquery-mobile {
+	border-right: none;
+	background-position: -102px 0;
+}
+
+.sizzlejs #global-nav nav ul.projects li.sizzlejs {
+	background-position: -148px bottom;
+	width: 52px;
+	position: relative;
+	margin-top:1px;
+	border: none;
+}
+
+.sizzlejs #global-nav nav ul.projects li.qunitjs{
+	border-left: none;
+	background-position: -206px 0;
+}
+
+
+.qunitjs #global-nav nav ul.projects li.sizzlejs {
+	border-right: none;
+}
+
+.qunitjs #global-nav nav ul.projects li.qunitjs {
+	background-position: -202px bottom;
+	width: 52px;
+	position: relative;
+	margin-top:1px;
+	border: none;
+}
+
+.qunitjs #global-nav nav ul.projects {
+	border-right: none;
+}
+
+#container,
+footer {
+	border-top: 1px solid #7acef4;
+}
+
+.jquery-ui #container,
+.jquery-ui footer {
+	border-top-color: #faa523;
+}
+
+.jquery-mobile #container,
+.jquery-mobile footer {
+	border-top-color: #3eb249;
+}
+
+.sizzlejs #container,
+.sizzlejs footer {
+	border-top-color: #faa523;
+}
+
+.qunitjs #container,
+.qunitjs footer {
+	border-top-color: #9c3493;
+}
+
+.jquery-learn #container,
+.jquery-learn footer {
+	border-top-color: #333;
+}
+
+/* Brand Colors for General Use
+   ========================================================================== */
+.color.black { background-color: #333; }
+.color.primary-blue { background-color: #0769ad; }
+.color.secondary-blue { background-color: #7acef4; }
+.color.navy-blue { background-color: #131b28; }
+.color.primary-orange { background-color: #faa523; }
+.color.secondary-orange { background-color: #b24926; }
+.color.primary-green { background-color: #3eb249; }
+.color.secondary-green { background-color: #108040; }
+.color.sizzle-orange { background-color: #faa523; }
+.color.sizzle-red { background-color: #9a1B1E; }
+.color.qunit-primary-purple { background-color: #9c3493; }
+.color.qunit-secondary-purple { background-color: #390f39; }
+.color.globalize-primary-aqua { background-color: #009b93; }
+.color.globalize-secondary-aqua { background-color: #41586b; }
+
+/* Logo & Navigation
+   ========================================================================== */
+
+#logo-events {
+	clear: both;
+	padding: 20px 0;
+}
+
+h2.logo {
+	float: left;
+	margin: 20px 0 0 0;
+	width: 243px;
+}
+
+h2.logo a {
+	float: left;
+	display: block;
+	height: 66px;
+	overflow: hidden;
+	text-indent: -1000px;
+}
+
+.jquery h2.logo a,
+.jquery-learn h2.logo a {
+	width: 243px;
+	background: url(../images/logo-jquery.png) no-repeat;
+}
+
+.jquery-ui h2.logo a {
+	width: 253px;
+	background: url(../images/logo-jquery-ui.png) no-repeat;
+}
+
+.jquery-mobile h2.logo a {
+	width: 268px;
+	background: url(../images/logo-jquery-mobile.png) no-repeat;
+}
+
+.sizzlejs h2.logo a {
+	width: 243px;
+	background: url(../images/logo-sizzle.png) no-repeat;
+}
+
+.qunitjs h2.logo a {
+	width: 243px;
+	background: url(../images/logo-qunit.png) no-repeat;
+}
+
+.jquery-foundation h2.logo a {
+	width: 243px;
+	background: url(../images/logo-jquery-foundation.png) no-repeat;
+}
+
+.jquery-events.jquery-foundation h2.logo a {
+	width: 243px;
+	background: url(../images/logo-jquery-events.png) no-repeat;
+}
+
+.logo.small {
+  height: 30px;
+  background: url('../images/projectlogosfull-small.png') no-repeat;
+}
+
+.jquery.logo.small {
+  width:109px;
+  background-position: -0 0;
+}
+.jquery-foundation.logo.small {
+  width: 109px;
+  background-position: -109px 0;
+}
+.jquery-events.logo.small {
+  width: 109px;
+  background-position: -219px 0;
+}
+.jqueryui.logo.small {
+  width: 114px;
+  background-position: -327px 0;
+}
+.jquery-mobile.logo.small {
+  width: 122px;
+  background-position: -442px 0;
+}
+.qunitjs.logo.small {
+  width: 105px;
+  background-position: -564px 0;
+}
+.sizzlejs.logo.small {
+  width: 105px;
+  background-position: -669px 0;
+}
+
+#logo-events aside {
+	float: right;
+}
+
+nav#main {
+	background-color: rgba(0, 0, 0, 0.18);
+	border-radius: 10px 10px 0 0;
+	border-right: 1px solid rgba(2, 2, 2, 0.28);
+	border-left: 1px solid rgba(2, 2, 2, 0.28);
+	border-top: 1px solid rgba(250, 250, 250, 0.27);
+	box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0;
+	box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
+}
+
+.jquery-ui nav#main,
+.sizzlejs nav#main {
+	background-color: rgba(12, 12, 12, 0.06);
+}
+.qunitjs nav#main {
+	background-color: rgba(156, 52, 147, 0.5);
+}
+.jquery-learn nav#main {
+	background-color: rgba(0, 0, 0, 0.4);
+}
+
+.jquery-foundation nav#main {
+	background-color: rgba(102, 102, 102, 0.1);
+}
+
+.no-boxshadow nav#main {
+	border-top: 1px solid #333;
+	border-left: 1px solid #333;
+	border-right: 1px solid #333;
+}
+
+nav#main ul {
+	margin: 0;
+	float: left;
+	width: 70%;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+nav#main li {
+	float: left;
+	font: normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	margin-right: 2px;
+}
+
+nav#main li a {
+	color: #fff;
+	text-decoration: none;
+	padding: 6px 10px;
+	display: block;
+	border: 1px solid transparent;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76);
+}
+
+nav#main li a:hover,
+nav#main li.current a,
+nav#main .searchform {
+	background: none;
+	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
+	border-radius: 4px;
+	border: 1px solid rgba(0,0,0,0.25);
+	color: #fff;
+	text-shadow: rgba(0, 0, 0, 0.796875) 0 -1px 0, rgba(255, 255, 255, 0.296875) 0 0 10px;
+}
+
+nav#main .searchform {
+	float: right;
+	width: 28%;
+	margin-top: 12px;
+	margin-bottom: 12px;
+	padding: 0;
+	border-radius: 20px;
+	position: relative;
+}
+
+nav#main .searchform input {
+	text-decoration: none;
+	font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif;
+	padding: 5px 10px;
+	margin: 0;
+	background-color: transparent;
+	border-style: none;
+	color: #fff;
+	line-height: 1.3;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76);
+	width: 85%;
+	box-shadow: none;
+}
+
+nav#main .searchform input:focus {
+	outline: none;
+}
+
+.no-boxshadow nav#main .searchform {
+	border: 1px solid #333;
+}
+
+.no-boxshadow nav#main .searchform input {
+	background: #fff;
+	color: #333;
+}
+
+/*
+ * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder.
+ * 2. Using :placeholder for completeness.
+ */
+nav#main .searchform input::-webkit-input-placeholder {
+	color: #fff;
+}
+nav#main .searchform input:-moz-placeholder { /* 1 */
+	color: #fff;
+}
+nav#main .searchform input::-moz-placeholder {
+	color: #fff;
+}
+nav#main .searchform input:-ms-input-placeholder {
+	color: #fff;
+}
+nav#main .searchform input:placeholder { /* 2 */
+	color: #fff;
+}
+
+nav#main .searchform .icon-search {
+	position: absolute;
+	right: 10px;
+	top: 3px;
+	bottom: 3px;
+	border-width: 0;
+	border-left: 1px solid rgba(7, 7, 7, 0.65);
+	background-color: transparent;
+	padding: 0 0 0 7px;
+	opacity: 0.33;
+	color: #fff;
+}
+
+#broadcast {
+	height: 100px;
+}
+
+#broadcast:empty {
+	display: none;
+}
+
+/* Typography & Global Styles
+   ========================================================================== */
+
+#manual a {
+	text-decoration: underline;
+}
+
+#manual a:hover {
+	text-decoration: none;
+}
+
+#sidebar a {
+	text-decoration: none;
+}
+
+#sidebar a:hover {
+	text-decoration: underline;
+}
+
+p {
+	margin-bottom: 15px;
+	margin-top: 0;
+}
+
+b, strong {
+	font-weight: bold;
+	color: #1a1a1a;
+}
+
+em, i {
+	color: #6d6d6d;
+	font-style: italic;
+}
+
+hr {
+	background-image: url(../images/gauze.png);
+	height: .75em;
+	border: none;
+	margin: .75em 0;
+}
+
+#manual code a {
+	text-decoration: none;
+}
+
+pre strong,
+pre b {
+	color: #fff;
+	font-weight: bold;
+}
+
+#manual blockquote {
+	margin: 20px 0;
+}
+
+#manual blockquote p {
+	font: italic normal 23px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	color: #828282;
+	margin-left: 0;
+	margin-bottom: 0;
+	padding: 20px 30px;
+	position: relative;
+	text-shadow: 0 1px 0 #ffffff;
+	background-color: #f2f2f2;
+}
+
+#manual ol,
+#manual ul {
+	margin: 0 0 20px 20px;
+}
+
+#manual ul ul {
+	margin-bottom: 0;
+}
+
+#manual ul li {
+	padding-bottom: 5px;
+	padding-top: 5px;
+	padding-left: 20px;
+	line-height: 20px;
+	list-style-type: none;
+	background: url(../images/bullet.png) no-repeat 0 10px;
+}
+
+#manual ul.block-grid li {
+	background: none;
+}
+
+#manual ol {
+	counter-reset: li; /* Initiate a counter */
+}
+
+#manual ol > li {
+	position: relative; /* Give each list item a left margin to make room for the numbers */
+	list-style: none;
+	padding-left: 10px;
+	margin-right: 0;
+	margin-top: 5px;
+	margin-left: 30px;
+}
+#manual ol > li:before {
+	content: counter(li); /* Use the counter as content */
+	counter-increment: li; /* Increment the counter by 1 */
+	/* Position and style the number */
+	position: absolute;
+	top: 1px;
+	left: -25px;
+	box-sizing: border-box;
+	/* Some space between the number and the content in browsers that support
+		generated content but not positioning it */
+	color: #fff;
+	text-align: center;
+	background-color: #ababab;
+	height: 19px;
+	width: 19px;
+	padding-top: 0;
+	font: bold 11px/19px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	border-radius: 12px;
+}
+
+.lt-ie8 #manual ol,
+.lt-ie7 #manual ol {
+	margin-left: 20px;
+}
+
+.lt-ie8 #manual ol li,
+.lt-ie7 #manual ol li {
+	margin-left: 30px;
+	list-style-type: decimal;
+	padding-left: 0;
+}
+
+#manual img.full,
+#manual figure.full {
+	display: block;
+	width: 100%;
+	max-width: 100%;
+}
+
+.lt-ie8 #manual figure img {
+	position: relative;
+}
+
+.lt-ie7 #manual figure.full,
+.lt-ie8 #manual figure.full {
+	width: 99%;
+}
+
+#manual img.full,
+#manual img.left,
+#manual img.right,
+#banner img.full {
+	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
+}
+
+#manual img.noborder,
+#manual figure.noborder {
+	box-shadow: none;
+	border: none;
+	background: none;
+}
+
+#manual img.full,
+#manual img.left,
+#manual img.right,
+#manual figure.full,
+#manual figure.left,
+#manual figure.right {
+	margin-bottom: 20px;
+	float: left;
+}
+
+#manual img.right,
+#manual figure.right {
+	float: right;
+	margin-left: 15px;
+}
+
+.lt-ie8 #manual img.right,
+.lt-ie8 #manual figure.right,
+.lt-ie7 #manual img.right,
+.lt-ie7 #manual figure.right {
+	float: left;
+	margin-left: 0;
+	margin-right: 15px;
+}
+
+#manual img.left,
+#manual figure.left {
+	margin-right: 15px;
+}
+
+
+#manual figure img {
+	margin: 0 !important;
+}
+
+#manual figcaption {
+	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
+	font: italic 700 12px/20px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	padding: 10px 5px;
+	color: #737272;
+	clear: both;
+	margin-top: -10px;
+	background-color: #f2f2f2;
+}
+
+#manual figure.noborder figcaption {
+	box-shadow: none;
+	background: none;
+	text-align: center;
+}
+
+#manual .embed,
+#manual .embed_media {
+	position: relative;
+	padding-bottom: 56.25%; /* 16/9 ratio */
+	height: 0;
+	overflow: hidden;
+	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
+	margin-bottom: 20px;
+}
+
+#portfolio.media #banner .embed {
+	margin-bottom: 40px;
+}
+
+.embed iframe,
+.embed_media iframe,
+.embed object,
+.embed_media object,
+.embed embed,
+.embed_media embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+#manual h1 {
+	font-size: 36px;
+	line-height: 36px;
+}
+
+.content-full #manual h1 {
+	text-align: center;
+}
+
+#manual h2 {
+	font-size: 24px;
+	line-height: 24px;
+	color: #333;
+	margin-bottom: 10px;
+}
+
+#manual h3 {
+	font-size: 20px;
+	line-height: 20px;
+	color: #666;
+}
+
+#manual h1.block,
+#manual h2.block {
+	padding: 10px 2%;
+	background: url(../images/gauze.png) #ececec;
+	text-shadow: 0 1px 0 #ffffff;
+}
+
+p.author {
+	color: #ababab;
+	font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	font-weight: 700;
+	margin-top: -20px;
+}
+
+p.author a {
+	color: #ababab;
+}
+
+.meta {
+	padding: 2%;
+	padding-bottom: .5%;
+	margin-bottom: 20px;
+	font: 700 "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	color: #666;
+	background: url(../images-foundation/gauze.png) #f0f0f0;
+	text-shadow: 0 1px 0 #ffffff;
+}
+
+#banner-large-image {
+	text-align: center;
+	margin-bottom: 30px;
+
+}
+
+#banner-large-image .vertically-centered-black-bg {
+	height: 50%;
+	width: 100%;
+	margin-top: 24%;
+	display: block;
+	background-color: rgba(0, 0, 0, 0.68);
+	position: absolute;
+	padding-top: 3.5%;
+}
+
+#banner-large-image h1, #banner-large-image h2 {
+	font: bold 60px/60px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	margin-bottom: 0;
+	color: #fff;
+	text-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
+}
+
+#banner-large-image p {
+	color: #cccccc;
+	font: 700 normal 24px/36px "klavika-web", "Helvetica Neue", sans-serif;
+}
+
+#banner-secondary {
+	background-image: url(../images/dark-grey-tile.png);
+	margin: -20px -25px 15px;
+	padding: 20px;
+}
+
+#banner-secondary h1,
+#banner-secondary h2 {
+	margin-bottom: 0;
+	color: #fff;
+	text-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
+}
+
+#banner-secondary h1 {
+	font-size: 48px;
+	line-height: 54px;
+}
+
+#banner-secondary h2 {
+	font-size: 36px;
+	line-height: 42px;
+}
+
+#banner-secondary p {
+	color: #ccc;
+	font: 22px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	padding-left: 15%;
+	padding-right: 15%;
+}
+
+#banner-secondary a,
+#banner-secondary a:hover {
+	color: #7acef4;
+}
+
+#banner-secondary em,
+#banner-secondary i {
+	color: #fff;
+}
+
+#banner-secondary.large-banner {
+	text-align: center;
+	padding-top: 30px;
+	padding-bottom: 30px;
+}
+
+#banner-secondary.large-banner h1,
+#banner-secondary.large-banner h2 {
+	margin-bottom: 10px;
+}
+
+#banner-secondary.large-banner h1 {
+	font-size: 60px;
+	line-height: 60px;
+}
+
+#banner-secondary.large-banner h2 {
+	font-size: 48px;
+	line-height: 48px;
+}
+
+#banner-secondary.large-banner h3 {
+	font-size: 36px;
+	line-height: 36px;
+}
+
+.center-txt {
+	text-align: center !important;
+}
+
+.callout-block {
+	background-image: url(../images/gauze.png);
+	padding: 20px;
+}
+
+/* Buttons
+   ========================================================================== */
+
+a.button,
+#manual a.button,
+.button,
+input[type="submit"] {
+	border-radius: 5px;
+	border: 1px solid #999;
+	box-shadow:
+		0 0 5px rgba(0, 0, 0, 0.28),
+		inset 0 1px 0 rgba(255, 255, 255, 0.45),
+		inset 0 -1px 0 rgba(255, 255, 255, 0.45),
+		inset 1px 0 0 rgba(255, 255, 255, 0.45),
+		inset -1px 1px 0 rgba(255, 255, 255, 0.45);
+	text-decoration: none;
+	color: #fff !important;
+	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);
+	padding: 8px 15px;
+	font: bold 16px/16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+	transition: all 0.2s;
+	background-color: #d18f4f;
+	float: left;
+}
+
+a.button:hover,
+#manual a.button:hover,
+.button:hover,
+input[type="submit"]:hover {
+	background-color: #cc8540;
+}
+
+a.button.large,
+#manual a.button.large,
+button.large,
+input[type="submit"].large {
+	font-size: 20px;
+	padding: 12px 20px;
+}
+
+a.button.dark,
+#manual a.button.dark,
+.button.dark,
+input[type="submit"].dark {
+	background-color: #666;
+}
+
+a.button.dark:hover,
+#manual a.button.dark:hover,
+.button.dark:hover,
+input[type="submit"].dark:hover {
+	background-color: #424141;
+}
+
+/* Sidebar
+   ========================================================================== */
+
+#sidebar h3 {
+	font: 20px/18px;
+	background-image: -webkit-linear-gradient(left, #efefef, #f3f3f3);
+	background-image: linear-gradient(to right, #efefef, #f3f3f3);
+	margin-left: -20px;
+	margin-right: -20px;
+	padding: 12px 20px;
+	text-shadow: 0 1px 0 #ffffff;
+}
+
+#sidebar li {
+	padding: 5px 0 5px 20px;
+	list-style-type: none;
+	background: url(../images/bullet.png) no-repeat 0 12px;
+	text-shadow: 0 1px 0 #ffffff;
+}
+
+#sidebar li a {
+	color: #4d4d4d;
+	text-decoration: none;
+	display: block;
+}
+
+#sidebar nav#secondary li {
+	background-image: none;
+	padding-left: 0;
+}
+
+#sidebar nav#secondary li.current {
+	background-color: #eee;
+	margin-left: -35px;
+	margin-right: -20px;
+	padding-left: 35px;
+	font-weight: bold;
+}
+
+/* == Footer
+   ========================================================================== */
+
+footer {
+	background: url(../images/bg-footer-noise.jpg) repeat;
+	margin-top: -20px;
+	padding-top: 40px;
+}
+
+footer.simple {
+	padding-top: 45px;
+	padding-bottom: 10px;
+}
+
+footer a,
+footer strong {
+	color: #fff;
+	text-decoration: none;
+}
+
+footer .download {
+	text-align: center;
+	color: #fff;
+	padding: 10px 2% 15px 2%;
+	line-height: 140%;
+}
+
+footer .download strong { margin-right: 10px; }
+
+footer .download > span { white-space: nowrap; }
+
+footer .download a { margin: 0 10px; }
+
+footer .download a em {
+	font-style: normal;
+	color: #aaa;
+}
+
+footer .download a:hover { border-bottom: solid 1px #888; }
+
+footer .footer-icon-links li {
+	width: 22%;
+	margin-left: 11%;
+	float: left;
+}
+
+footer .footer-icon-links li a {
+	display: block;
+	line-height: inherit;
+	font-size: 18px;
+	float: left;
+	position: relative;
+	width: auto;
+	text-align: left;
+	padding-left: 10px;
+}
+
+footer .footer-icon-links li a:before {
+	position: absolute;
+	left: -35px;
+	top: 10px;
+	font-size: 2em;
+	color: #4d4d4d;
+	text-shadow: 0 -1px 0 #000000;
+}
+
+footer .footer-icon-links li small {
+	display: block;
+	font-size: 14px;
+	color: #777;
+	line-height: 120%;
+}
+
+footer .footer-icon-links li:hover a:before {
+	color: #d1d1d1;
+}
+
+.multiplebgs.cssgradients footer {
+	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */
+	background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,0)), url(../images/bg-footer-noise.jpg); /* Firefox 16+, IE 10+, Opera 12.50+ */
+	background-repeat: repeat-x, repeat;
+	background-size: 100px 15px, 140px 140px;
+}
+
+.no-multiplebgs footer, .no-cssgradients footer {
+	background-image: url(../images/bg-footer-noise.jpg);
+	background-repeat: repeat;
+}
+
+footer h3 {
+	color: #777;
+	letter-spacing: normal;
+	text-transform: uppercase;
+	text-shadow: #000 0 1px 0;
+	border: solid 1px #000;
+	text-rendering: optimizeLegibility;
+	border-bottom: none;
+	border-radius: 4px 4px 0 0;
+	position: relative;
+	text-align: center;
+	height: 10px;
+	margin-top: 20px;
+	font-size: 16px;
+}
+
+footer h3 span {
+	display: inline-block;
+	padding: 3px 10px;
+	position: relative;
+	top: -0.8em;
+	background: url(../images/bg-footer-noise.jpg) repeat #212121;
+	z-index: 1;
+}
+
+footer h3:after {
+	content: "";
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	border: solid 1px #333;
+	border-bottom: none;
+	border-radius: 4px 4px 0 0;
+}
+
+.footer-site-links {
+	float: right;
+	padding: 10px 0 0 0;
+	width: 58%;
+	text-align: right;
+}
+
+footer p.copyright {
+	margin: 10px 0 0 0;
+	float: left;
+	width: 40%;
+	font-size: 11px;
+	line-height: 130%;
+	color: #777;
+}
+
+footer p.copyright a {
+	color: #aaa;
+}
+
+footer p.copyright a:hover {
+	color: #fff;
+}
+
+footer p.copyright span.sponsor-line {
+	display: block;
+	font-size: 10px;
+	margin-top: 1em;
+}
+
+footer p.copyright a.do-link {
+	background: url(../images/logo-do.png) left top no-repeat;
+	padding: 2px 0 2px 17px;
+}
+
+footer p.copyright a.sp-link {
+	background: url(../images/logo-sp.png) left top no-repeat;
+	padding: 2px 0 2px 19px;
+}
+
+.footer-site-links li {
+	position: relative;
+	background: none;
+	width: auto;
+	height: auto;
+	line-height: 20px;
+	margin: 0 0 10px 20px;
+	font-size: 13px;
+}
+
+.footer-site-links li:first-child {
+	margin-left: 0;
+}
+
+.footer-site-links li a {
+	position: relative;
+	color: #aaa;
+	display: block;
+	padding-left: 30px;
+	width: auto;
+	line-height: inherit;
+}
+
+.footer-site-links li a:before {
+	position: absolute;
+	font-size: 1.5em;
+	color: #4d4d4d;
+	text-shadow: 0 -1px 0 #000000;
+	left: 2px;
+}
+
+.footer-site-links li:hover a,
+.footer-site-links li:hover a:before {
+	color: #e6e6e6;
+}
+
+.footer-site-links li {
+	display: inline-block;
+}
+
+footer ul li {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	line-height: 30px;
+}
+
+footer #legal {
+	margin-top: 1em;
+	border-top: solid 1px #333;
+	box-shadow: #000 0 -1px 0;
+}
+
+footer .books li {
+	float: left;
+	width: 30%;
+	min-width: 95px;
+	margin-left: 2.8%;
+	margin-bottom: 15px;
+	line-height: 130%;
+	font-size: 11px;
+	text-align: center;
+}
+
+footer .books li:first-child {
+	margin-left: 2%;
+}
+
+footer .books li a img {
+	display: block;
+	border-radius: 5px;
+	border: solid 1px rgba(255,255,255,0.2);
+	width: 92px;
+	height: 114px;
+	margin: 0 auto 5px;
+}
+
+footer .books li a:hover img {
+	border-color: #fff;
+}
+
+footer .books li a cite {
+	display: block;
+	font-style: normal;
+	font-size: 9px;
+	line-height: 1.5em;
+	color: #aaa;
+}
+
+
+
+/* General Styles
+   ========================================================================== */
+
+#manual .entry-title a {
+	text-decoration: none;
+}
+
+.entry-meta {
+	color: #999;
+	font-size: 12px;
+}
+
+.toc-linked {
+	position: relative;
+}
+
+.toc-linked .toc-link {
+	position: absolute;
+	left: -1em;
+	text-decoration: none;
+	opacity: 0;
+}
+/* TODO: Remove (https://github.com/jquery/jquery-wp-content/issues/143) */
+#manual .toc-linked .toc-link {
+	text-decoration: none;
+}
+
+.toc-linked:hover .toc-link {
+	opacity: 1;
+}
+
+.post-heirarchy {
+	margin-bottom: 0.75em;
+}
+
+/* Listing Pages (categories, searches, etc.)
+   ========================================================================== */
+
+.listing .hentry {
+	padding: 10px 20px;
+	margin: 15px 0;
+	border: 1px solid rgba( 0, 0, 0, 0.2 );
+	border-radius: 5px;
+	background-color: #eee;
+	position: relative;
+}
+
+.listing #manual .entry-title {
+	font-size: 1.3em;
+	margin-bottom: 0;
+	text-shadow: 0 1px 1px #fff;
+}
+
+.listing .entry-meta {
+	float: right;
+}
+
+.listing .entry-meta .category {
+	padding: 4px;
+	background-color: #ddd;
+	border-radius: 5px;
+}
+
+.listing #manual .entry-meta .category a {
+	color: #888;
+	text-decoration: none;
+}
+
+.pagination {
+	text-align: center;
+	margin-top: 2em;
+}
+
+.page-numbers {
+	padding: 0 10px;
+}
+
+
+
+/* API Sites
+========================================================================== */
+
+.entry {
+	margin: 15px 0;
+}
+
+.entry-wrapper {
+	border: 1px solid #ccc;
+	border-top: 0;
+	padding: 10px;
+	border-radius: 0 0 5px 5px;
+}
+
+#manual .section-title {
+	background: #333;
+	border: 1px solid #111;
+	padding: 8px 15px;
+	font-size: 16px;
+	color: white;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+	letter-spacing: 0;
+	border-radius: 5px 5px 0 0;
+	font-weight: normal;
+	margin-bottom: 0;
+	overflow: hidden;
+}
+
+.returns {
+	float: right;
+	font-style: italic;
+}
+
+.api-item .returns {
+	font-size: 16px;
+	color: #333;
+	font-weight: normal;
+}
+
+.api-item .version-details {
+	display: block;
+	padding: 0.5em;
+	margin: 1em 0;
+	background: #fff3a5;
+	border-radius: 5px;
+}
+
+#manual .signatures {
+	background: #eee;
+	border: 1px solid #ccc;
+	margin: 0 auto 15px;
+	max-width: 750px;
+	border-radius: 3px;
+	color: #333;
+	text-shadow: 0 1px 0 #fff;
+}
+
+#manual .signatures li {
+	list-style: none;
+	background: none;
+	margin: 0;
+	padding: 10px;
+}
+
+#manual .signatures > li {
+	padding-bottom: 0;
+}
+
+#manual .signature > ul {
+	margin: 0;
+}
+
+.signatures h4 {
+	font-size: 16px;
+	letter-spacing: 0;
+	padding: 8px 10px;
+	margin: -10px -10px 0;
+	color: #fff;
+	text-shadow: 0 1px 0 #444;
+}
+
+.signature:first-child h4 {
+	border-radius: 3px 3px 0 0;
+}
+
+#manual .signature h4 a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.signature h4 .icon-link {
+	margin-right: 0.5em;
+}
+
+.signature .event-properties {
+	margin: 15px 0 0 0;
+}
+
+.argument {
+	margin-top: 1em;
+}
+
+#options, #methods, #extension-points, #events, #quick-nav {
+	border: 1px solid #ccc;
+	margin: 0 15px 15px;
+	padding: 10px;
+	overflow: auto;
+}
+
+#options header h2, #methods header h2, #extension-points header h2, #events header h2, #quick-nav h2 {
+	background: #cccccc; /* Old browsers */
+	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
+	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
+	margin: -10px -10px 10px -10px;
+	padding: 10px;
+}
+
+#quick-nav h2 a {
+	float: right;
+	font-size: 80%;
+	padding-left: 10px;
+}
+
+.quick-nav-section {
+	width: 33%;
+	float: left;
+}
+
+#methods .api-item li,
+#extension-points .api-item li,
+#events .api-item li {
+	margin-bottom: 1em;
+}
+
+#methods .api-item li ul,
+#extension-points .api-item li ul,
+#events .api-item li ul {
+	list-style: none;
+}
+
+.version-details {
+	font-weight: bold;
+}
+
+.section-title .version-details,
+.name .version-details {
+	float: right;
+	clear: right;
+	font-size: 14px;
+	color: #fff;
+}
+
+.api-item {
+	padding: 20px 10px;
+}
+.signature li,
+.api-item {
+	border-top: 1px solid #ccc;
+}
+
+.signature li:first-child,
+.api-item.first-item {
+	border-top: none;
+	padding-top: 10px;
+}
+
+.option-type {
+	font-size: 16px;
+	font-weight: normal;
+	color: #333;
+}
+
+#options .default {
+	margin-bottom: 1em;
+}
+#options .default .syntaxhighlighter {
+	/* stick code to label; this is more important! */
+	margin-top: 0 !important;
+}
+
+.desc {
+	font-size: 16px;
+	padding: 5px 15px 0;
+	color: #666;
+	font-style: italic;
+}
+
+.desc strong {
+	color: #444;
+	font-style: normal;
+}
+
+.entry-summary p {
+	margin: 0;
+}
+
+.warning, .note {
+	padding: 0.5em 1em;
+	margin: 1em;
+	border-radius: 5px;
+}
+
+.warning {
+	background: #fff3a5;
+}
+
+.note {
+	background: #428bca;
+	color: #fff;
+}
+
+.note a {
+	color: #fff;
+}
+
+/* Media Queries
+   ========================================================================== */
+
+@media only screen and (max-width: 807px) {
+	#manual-wrapper.row {
+		min-width: 0;
+	}
+}
+
+@media only screen and (max-width: 767px) {
+	#global-nav ul.projects li.toggle-projects {
+		display: none;
+	}
+
+	#sidebar,
+	.content-right #sidebar {
+		width: auto;
+		float: none;
+		clear: both;
+		margin: 0;
+		border-top: 1px solid #e7e7e7;
+		border-right: none;
+		border-image: none;
+		box-shadow: none;
+		background-image: none;
+	}
+
+	.content-full.full-width #manual,
+	.content-right #manual,
+	.content-left #manual {
+		padding-left: 15px;
+		padding-right: 15px;
+	}
+
+	#manual {
+		width: 100%;
+		float: none;
+		clear: both;
+	}
+
+	#banner-secondary {
+		margin-left: -15px !important;
+		margin-right: -15px !important;
+	}
+
+	footer p.copyright,
+	footer ul.footer-site-links {
+		width: 100%;
+		text-align: center;
+		margin: 0 0 10px 0;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#global-nav ul.projects {
+		display: none;
+	}
+
+	#global-nav nav ul.links {
+		float: left;
+	}
+
+	#global-nav nav ul.links li {
+		font-size: 12px;
+	}
+
+	#logo-events {
+		padding-top: 20px;
+		padding-bottom: 10px;
+	}
+
+	#logo-events aside {
+		display: inline-block;
+		position: relative;
+		left: 50%;
+		margin-left: -200px;
+		float: none;
+		padding: 10px 0;
+	}
+
+	#logo-events h2.logo {
+		float: none;
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	nav#main {
+		background-color: rgba(0, 0, 0, 0.0);
+		border-radius: 10px 10px 0 0;
+		border-right: none;
+		border-left: none;
+		border-top: none;
+		box-shadow: none;
+		padding-top: 10px;
+	}
+
+	nav#main .searchform {
+		display: block;
+		float: none;
+		width: 100%;
+		margin: 15px auto;
+		clear:both;
+	}
+
+	nav#main ul{
+		width: auto !important;
+		text-align: left !important;
+		float: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	nav#main ul li, nav#main ul li a {
+		display: block;
+		text-align: left !important;
+		float: left;
+		margin-right: 0;
+		padding: 0 4px 4px 0;
+	}
+
+
+	nav#main li a:hover,
+	nav#main li.current a {
+		background: none;
+		box-shadow: none;
+		border-radius: 4px;
+		border: 1px solid rgba(0,0,0,0.0);
+	}
+
+	nav#main li a {
+		font-size: 14px;
+	}
+
+	#manual-wrapper {
+		border-top-left-radius: 10px;
+		border-top-right-radius: 10px;
+	}
+
+	.content-full.full-width #manual,
+	.content-right #manual,
+	.content-left #manual {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	#banner-secondary {
+		border-top-left-radius: 9px;
+		border-top-right-radius: 9px;
+		margin-left: -10px !important;
+		margin-right: -10px !important;
+	}
+
+	#banner-secondary h2 {
+		font-size: 35px;
+		line-height: 35px;
+	}
+
+	#manual h1 {
+		font-size: 26px;
+		line-height: 26px;
+	}
+
+	#banner-secondary.large-banner h1,
+	#banner-secondary.large-banner h2 {
+		font-size: 36px;
+		line-height: 36px;
+	}
+
+	#banner-secondary.large-banner p {
+		font-size: 22px;
+		padding: 0;
+	}
+
+	footer .books li {
+		clear: both;
+		margin-bottom: 10px;
+		float: none;
+		margin-left: auto !important;
+		margin-right: auto;
+		text-align: center;
+	}
+
+	footer .books li span {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+
+	#global-nav {
+		display: none;
+	}
+
+	#logo-events aside {
+		width: 300px;
+		margin-left: -150px;
+	}
+
+	#container {
+		border-top: none !important;
+	}
+
+	.tinynav-container {
+		display: block;
+	}
+
+	#menu-top {
+		display: none;
+	}
+
+	.tinynav {
+		display: block;
+		width: 100%;
+		margin: 0 auto 15px;
+		position: relative;
+		top: 6px;
+		left: 0;
+	}
+
+	nav#main {
+		margin-top: 15px;
+		padding-top: 0;
+	}
+
+	nav#main .searchform {
+		display: block;
+		float: none;
+		width: 100%;
+		margin: 15px auto;
+	}
+
+	nav#main ul li, nav#main ul li a {
+		float: none;
+		padding: 6px 0 6px 8px;
+	}
+
+	.constrain,
+	#container {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	.content-full #manual,
+	.content-full.full-width #manual,
+	.content-right #manual,
+	.content-left #manual {
+		padding-left: 0;
+		padding-right: 0;
+	}
+
+	#manual-wrapper {
+		padding-left: 25px;
+		padding-right: 25px;
+	}
+
+	#manual pre {
+		margin-left: -25px;
+		margin-right: -25px;
+	}
+
+	#manual img.left,
+	#manual figure.left,
+	#manual img.right,
+	#manual figure.right {
+		display: block;
+		width: 100%;
+		max-width: 100%;
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	#banner-secondary {
+		margin-left: -25px !important;
+		margin-right: -25px !important;
+	}
+
+	footer .footer-icon-links li a:before {
+		display: none;
+	}
+
+	footer .footer-icon-links li:first-child {
+		margin-left: 0;
+	}
+
+	footer .download > span {
+		white-space: normal;
+	}
+}
+
+@media only screen and (-webkit-device-pixel-ratio: 2){
+	.jquery h2.logo a {
+		background: url(../images/logo-jquery@2x.png) no-repeat;
+		background-size: 243px 66px;
+	}
+
+	.jquery-ui h2.logo a {
+		background: url(../images/logo-jquery-ui@2x.png) no-repeat;
+		background-size: 253px 66px;
+	}
+
+	.jquery-mobile h2.logo a {
+		background: url(../images/logo-jquery-mobile@2x.png) no-repeat;
+		background-size: 268px 66px;
+	}
+
+	.sizzlejs h2.logo a {
+		background: url(../images/logo-sizzle@2x.png) no-repeat;
+		background-size: 243px 66px;
+	}
+
+	.qunitjs h2.logo a {
+		background: url(../images/logo-qunit@2x.png) no-repeat;
+		background-size: 243px 66px;
+	}
+
+	.jquery-foundation h2.logo a {
+		background: url(../images/logo-jquery-foundation@2x.png) no-repeat;
+		background-size: 243px 66px;
+	}
+
+        .jquery-events.jquery-foundation h2.logo a {
+		background: url(../images/logo-jquery-events@2x.png) no-repeat;
+		background-size: 243px 66px;
+	}
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+	   only screen and (min-resolution: 144dpi) {
+
+}
+
+ /* Helper classes
+	========================================================================== */
+
+.ir {
+	background-color: transparent;
+	border: 0;
+	overflow: hidden;
+	*text-indent: -9999px;
+}
+
+.ir:before {
+	content: "";
+	display: block;
+	width: 0;
+	height: 100%;
+}
+
+.hidden {
+	display: none !important;
+	visibility: hidden;
+}
+
+.visuallyhidden {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+	clip: auto;
+	height: auto;
+	margin: 0;
+	overflow: visible;
+	position: static;
+	width: auto;
+}
+
+.invisible {
+	visibility: hidden;
+}
+
+.clearfix:before,
+.clearfix:after {
+	content: " ";
+	display: table;
+}
+
+.clearfix:after {
+	clear: both;
+}
+
+.clearfix {
+	*zoom: 1;
+}
+
+/* Print styles
+   ========================================================================== */
+
+@media print {
+	* {
+		background: transparent !important;
+		color: #000 !important; /* Black prints faster: h5bp.com/s */
+		box-shadow:none !important;
+		text-shadow: none !important;
+	}
+
+	a,
+	a:visited {
+		text-decoration: underline;
+	}
+
+	a[href]:after {
+		content: " (" attr(href) ")";
+	}
+
+	abbr[title]:after {
+		content: " (" attr(title) ")";
+	}
+
+	/*
+	 * Don't show links for images, or javascript/internal links
+	 */
+
+	.ir a:after,
+	a[href^="javascript:"]:after,
+	a[href^="#"]:after {
+		content: "";
+	}
+
+	pre,
+	blockquote {
+		border: 1px solid #999;
+		page-break-inside: avoid;
+	}
+
+	thead {
+		display: table-header-group; /* h5bp.com/t */
+	}
+
+	tr,
+	img {
+		page-break-inside: avoid;
+	}
+
+	img {
+		max-width: 100% !important;
+	}
+
+	@page {
+		margin: 0.5cm;
+	}
+
+	p,
+	h2,
+	h3 {
+		orphans: 3;
+		widows: 3;
+	}
+
+	h2,
+	h3 {
+		page-break-after: avoid;
+	}
+}
+
+/* The Grid ----------------------
+Based on Zurb Foundation's Grid
+*/
+.row { width: 1240px; max-width: 100%; min-width: 768px; margin: 0 auto; }
+.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; }
+.row.collapse .column, .row.collapse .columns { padding: 0; }
+.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; }
+.row .row.collapse { margin: 0; }
+
+.column, .columns { float: left; min-height: 1px; padding: 0 25px; position: relative; }
+.column.centered, .columns.centered { float: none; margin: 0 auto; }
+
+[class*="column"] + [class*="column"]:last-child { float: right; }
+
+[class*="column"] + [class*="column"].end { float: left; }
+
+.one, .row .one { width: 8.33333%; }
+
+.two, .row .two { width: 16.66667%; }
+
+.three, .row .three { width: 25%; }
+
+.four, .row .four { width: 33.33333%; }
+
+.five, .row .five { width: 41.66667%; }
+
+.six, .row .six { width: 50%; }
+
+.seven, .row .seven { width: 58.33333%; }
+
+.eight, .row .eight { width: 66.66667%; }
+
+.nine, .row .nine { width: 75%; }
+
+.ten, .row .ten { width: 83.33333%; }
+
+.eleven, .row .eleven { width: 91.66667%; }
+
+.twelve, .row .twelve { width: 100%; }
+
+.row .offset-by-one { margin-left: 8.33333%; }
+
+.row .offset-by-two { margin-left: 16.66667%; }
+
+.row .offset-by-three { margin-left: 25%; }
+
+.row .offset-by-four { margin-left: 33.33333%; }
+
+.row .offset-by-five { margin-left: 41.66667%; }
+
+.row .offset-by-six { margin-left: 50%; }
+
+.row .offset-by-seven { margin-left: 58.33333%; }
+
+.row .offset-by-eight { margin-left: 66.66667%; }
+
+.row .offset-by-nine { margin-left: 75%; }
+
+.row .offset-by-ten { margin-left: 83.33333%; }
+
+.push-two { left: 16.66667%; }
+
+.pull-two { right: 16.66667%; }
+
+.push-three { left: 25%; }
+
+.pull-three { right: 25%; }
+
+.push-four { left: 33.33333%; }
+
+.pull-four { right: 33.33333%; }
+
+.push-five { left: 41.66667%; }
+
+.pull-five { right: 41.66667%; }
+
+.push-six { left: 50%; }
+
+.pull-six { right: 50%; }
+
+.push-seven { left: 58.33333%; }
+
+.pull-seven { right: 58.33333%; }
+
+.push-eight { left: 66.66667%; }
+
+.pull-eight { right: 66.66667%; }
+
+.push-nine { left: 75%; }
+
+.pull-nine { right: 75%; }
+
+.push-ten { left: 83.33333%; }
+
+.pull-ten { right: 83.33333%; }
+
+img, object, embed { max-width: 100%; height: auto; }
+
+object, embed { height: 100%; }
+
+img { -ms-interpolation-mode: bicubic; }
+
+#map_canvas img, .map_canvas img { max-width: none!important; }
+
+/* Nicolas Gallagher's micro clearfix */
+.row { *zoom: 1; }
+.row:before, .row:after { content: ""; display: table; }
+.row:after { clear: both; }
+
+/* Mobile Grid and Overrides ---------------------- */
+@media only screen and (max-width: 767px) {
+	.row { width: auto; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; }
+	.column, .columns { width: auto !important; float: none; padding-left: 0 !important; padding-right: 0 !important;
+	}
+	.column:last-child, .columns:last-child { float: none; }
+	[class*="column"] + [class*="column"]:last-child { float: none; }
+	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
+	.column:after, .columns:after { clear: both; }
+	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
+	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
+	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
+	/* Mobile 4-column Grid */
+	.row .mobile-one { width: 25% !important; float: left; padding: 0 25px; }
+	.row .mobile-one:last-child { float: right; }
+	.row .mobile-one.end { float: left; }
+	.row.collapse .mobile-one { padding: 0; }
+	.row .mobile-two { width: 50% !important; float: left; padding: 0 25px; }
+	.row .mobile-two:last-child { float: right; }
+	.row .mobile-two.end { float: left; }
+	.row.collapse .mobile-two { padding: 0; }
+	.row .mobile-three { width: 75% !important; float: left; padding: 0 25px; }
+	.row .mobile-three:last-child { float: right; }
+	.row .mobile-three.end { float: left; }
+	.row.collapse .mobile-three { padding: 0; }
+	.row .mobile-four { width: 100% !important; float: left; padding: 0 25px; }
+	.row .mobile-four:last-child { float: right; }
+	.row .mobile-four.end { float: left; }
+	.row.collapse .mobile-four { padding: 0; }
+	.push-one-mobile { left: 25%; }
+	.pull-one-mobile { right: 25%; }
+	.push-two-mobile { left: 50%; }
+	.pull-two-mobile { right: 50%; }
+	.push-three-mobile { left: 75%; }
+	.pull-three-mobile { right: 75%; }
+}
+
+
+/* Block Grids ---------------------- */
+/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
+for repeating blocks of content. Add 'mobile' to
+them to switch them just like the layout grid
+(one item per line) on phones
+
+For IE7/8 compatibility block-grid items need to be
+the same height. You can optionally uncomment the
+lines below to support arbitrary height, but know
+that IE7/8 do not support :nth-child.
+-------------------------------------------------- */
+.block-grid, #manual .block-grid { display: block; overflow: hidden; padding: 0; }
+.block-grid > li, #manual .block-grid > li { display: block; height: auto; float: left; }
+.block-grid.one-up, #manual .block-grid.one-up { margin: 0; }
+.block-grid.one-up > li, #manual .block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
+.block-grid.two-up, #manual .block-grid.two-up { margin: 0 -15px; }
+.block-grid.two-up > li, #manual .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
+.block-grid.two-up > li:nth-child(2n+1), #manual .block-grid.two-up > li:nth-child(2n+1) { clear: both; }
+.block-grid.three-up, #manual .block-grid.three-up { margin: 0 -12px; }
+.block-grid.three-up > li, #manual .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
+.block-grid.three-up > li:nth-child(3n+1), #manual .block-grid.three-up > li:nth-child(3n+1) { clear: both; }
+.block-grid.four-up, #manual .block-grid.four-up { margin: 0 -10px; }
+.block-grid.four-up > li, #manual .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
+.block-grid.four-up > li:nth-child(4n+1), #manual .block-grid.four-up > li:nth-child(4n+1) { clear: both; }
+.block-grid.five-up, #manual .block-grid.five-up { margin: 0 -8px; }
+.block-grid.five-up > li, #manual .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
+.block-grid.five-up > li:nth-child(5n+1), #manual .block-grid.five-up > li:nth-child(5n+1) { clear: both; }
+
+/* Mobile Block Grids */
+@media only screen and (max-width: 767px) {
+	.block-grid.mobile > li { float: none !important; width: 100% !important; margin-left: 0 !important; }
+	.block-grid > li { clear: none !important; }
+	.block-grid.mobile-two-up > li { width: 50% !important; }
+	.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both !important; }
+	.block-grid.mobile-three-up > li { width: 33.33% !important; }
+	.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; }
+	.block-grid.mobile-four-up > li { width: 25% !important; }
+	.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
+	.block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
+}
+
+/*
+	ColorBox Core Style:
+	The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
+
+/*
+	User Style:
+	Change the following styles to modify the appearance of ColorBox.  They are
+	ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
+#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
+#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
+#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
+#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
+#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
+#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
+#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
+#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
+#cboxContent{background:#fff; overflow:hidden;}
+.cboxIframe{background:#fff;}
+#cboxError{padding:50px; border:1px solid #ccc;}
+#cboxLoadedContent{margin-bottom:28px;}
+#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+#cboxPrevious:hover{background-position:-75px -25px;}
+#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+#cboxNext:hover{background-position:-50px -25px;}
+#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
+#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
+#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+#cboxClose:hover{background-position:-25px -25px;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
+}
+
+
+/* Syntax Highlighting ---------------------- */
+
+pre, code {
+	font-family: "source-code-pro", Consolas, monospace !important;
+	word-spacing: 0;
+}
+pre code {
+  display: block; padding: 0.5em;
+  color: #333;
+  background: #f8f8ff
+}
+
+pre .comment,
+pre .template_comment,
+pre .diff .header,
+pre .javadoc {
+  color: #998;
+  font-style: italic
+}
+
+pre .keyword,
+pre .css .rule .keyword,
+pre .winutils,
+pre .javascript .title,
+pre .nginx .title,
+pre .subst,
+pre .request,
+pre .status {
+  color: #333;
+  font-weight: bold
+}
+
+pre .number,
+pre .hexcolor,
+pre .ruby .constant {
+  color: #099;
+}
+
+pre .string,
+pre .tag .value,
+pre .phpdoc,
+pre .tex .formula {
+  color: #d14
+}
+
+pre .title,
+pre .id {
+  color: #900;
+  font-weight: bold
+}
+
+pre .javascript .title,
+pre .lisp .title,
+pre .clojure .title,
+pre .subst {
+  font-weight: normal
+}
+
+pre .class .title,
+pre .haskell .type,
+pre .vhdl .literal,
+pre .tex .command {
+  color: #458;
+  font-weight: bold
+}
+
+pre .tag,
+pre .tag .title,
+pre .rules .property,
+pre .django .tag .keyword {
+  color: #000080;
+  font-weight: normal
+}
+
+pre .attribute,
+pre .variable,
+pre .lisp .body {
+  color: #008080
+}
+
+pre .regexp {
+  color: #009926
+}
+
+pre .class {
+  color: #458;
+  font-weight: bold
+}
+
+pre .symbol,
+pre .ruby .symbol .string,
+pre .lisp .keyword,
+pre .tex .special,
+pre .prompt {
+  color: #990073
+}
+
+pre .built_in,
+pre .lisp .title,
+pre .clojure .built_in {
+  color: #0086b3
+}
+
+pre .preprocessor,
+pre .pi,
+pre .doctype,
+pre .shebang,
+pre .cdata {
+  color: #999;
+  font-weight: bold
+}
+
+pre .deletion {
+  background: #fdd
+}
+
+pre .addition {
+  background: #dfd
+}
+
+pre .diff .change {
+  background: #0086b3
+}
+
+pre .chunk {
+  color: #aaa
+}
+
+.syntaxhighlighter a,
+.syntaxhighlighter div,
+.syntaxhighlighter pre,
+.syntaxhighlighter code,
+.syntaxhighlighter table,
+.syntaxhighlighter table td,
+.syntaxhighlighter table tr,
+.syntaxhighlighter table tbody,
+.syntaxhighlighter table thead,
+.syntaxhighlighter table caption,
+.syntaxhighlighter textarea {
+	border-radius: 0 0 0 0 !important;
+	background: none !important;
+	bottom: auto !important;
+	float: none !important;
+	height: auto !important;
+	left: auto !important;
+	line-height: 1.1em !important;
+	margin: 0 !important;
+	outline: 0 !important;
+	overflow: visible !important;
+	padding: 0 !important;
+	position: static !important;
+	right: auto !important;
+	text-align: left !important;
+	top: auto !important;
+	vertical-align: baseline !important;
+	width: auto !important;
+	box-sizing: content-box !important;
+	font-family: "source-code-pro", Consolas, monospace !important;
+	font-weight: normal !important;
+	font-style: normal !important;
+	font-size: 1em !important;
+	min-height: auto !important;
+}
+.syntaxhighlighter {
+	width: 100% !important;
+	margin: 1em 0 1em 0 !important;
+	padding: 1em 0;
+	position: relative !important;
+	overflow: auto !important;
+	font-size: 1em !important;
+	background: #eee;
+}
+.syntaxhighlighter.source {
+	overflow: hidden !important;
+}
+.syntaxhighlighter .line {
+	white-space: pre !important;
+}
+.syntaxhighlighter table {
+	width: 100% !important;
+}
+.syntaxhighlighter table caption {
+	text-align: left !important;
+	padding: .5em 0 0.5em 1em !important;
+}
+.syntaxhighlighter table td.code {
+	width: 100% !important;
+}
+.syntaxhighlighter table td.code .container {
+	position: relative !important;
+}
+.syntaxhighlighter table td.code .container textarea {
+	box-sizing: border-box !important;
+	position: absolute !important;
+	left: 0 !important;
+	top: 0 !important;
+	width: 100% !important;
+	height: 100% !important;
+	border: none !important;
+	background: white !important;
+	padding-left: 1em !important;
+	overflow: hidden !important;
+	white-space: pre !important;
+}
+.syntaxhighlighter table td.gutter .line {
+	text-align: right !important;
+	padding: 0 0.5em 0 1em !important;
+}
+.syntaxhighlighter table td.code .line {
+	padding: 0 0.5em !important;
+}
+.syntaxhighlighter.nogutter td.code .container textarea,
+.syntaxhighlighter.nogutter td.code .line {
+	padding-left: 1em !important;
+}
+
+.syntaxhighlighter table td.gutter {
+	border-right: 2px solid #999;
+}
+
+.syntaxhighlighter {
+	border-radius: 5px;
+}
+
+#manual .syntaxhighlighter tr {
+	border-bottom: none;
+}
+
+a {
+	color: #0769ad;
+}
+
+.signatures li h4 {
+	background: #25649f;
+}
+
+.version-details a,
+.returns a {
+	color: #7acef4;
+}
+
+.versionAdded a {
+	color: #7acef4;
+}
+
+#manual figure {
+	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
+	margin-bottom: 1.2em;
+}
+#manual figure img.column {
+	vertical-align: top;
+	padding: 0;
+}
+#manual figcaption {
+	clear: both;
+	box-shadow: none;
+	margin-top: 0;
+}
\ No newline at end of file
diff --git a/assets/manual.css b/assets/manual.css
index 8a66cbdb..c74edadf 100644
--- a/assets/manual.css
+++ b/assets/manual.css
@@ -206,10 +206,6 @@
     margin: .67em 0;
 }
 
-#manual img {
-    border-style: none;
-}
-
 #manual code,
 #manual kbd,
 #manual pre {
@@ -382,7 +378,7 @@
 #manual code,
 #manual pre {
     font-family: Monaco, Consolas, Liberation Mono, Menlo, Courier, monospace;
-    font-size: 90%;
+    font-size: 95%;
 }
 
 #manual pre {
@@ -583,7 +579,7 @@
 #manual h3 {
     font-size: 1.1em;
     background: #E1F5FE;
-    padding: 1px 0px 1px 5px;
+    padding: 2px 0px 2px 5px;
     border-radius: 3px;
     border: 1px solid #03A9F4;
     color: #37474F;
@@ -670,14 +666,18 @@
     border-top: 1px solid #c6cbd1;
 }
 
-#manual table tr:nth-child(2n) {
-    background-color: #f6f8fa;
-}
-
 #manual img {
     display: none;
 }
 
+#manual img.whitelist {
+    display: block;
+}
+
+#manual table tr:nth-child(2n) {
+    background-color: #f6f8fa;
+}
+
 #manual img[align=right] {
     padding-left: 20px;
 }
@@ -732,6 +732,11 @@ pre {
     padding: 16px;
 }
 
+.phpcode code{
+    display: block;
+    padding: 10px 20px;
+}
+
 pre code {
     background-color: transparent;
     border: 0;
diff --git a/assets/options.css b/assets/options.css
index 42f7bdcf..02fe2a0d 100644
--- a/assets/options.css
+++ b/assets/options.css
@@ -136,7 +136,7 @@
 #options table td {
     border-collapse: collapse;
     padding: 3px;
-    word-break: break-all;
+    /* word-break: break-all; */
 }
 
 #options table tr:nth-child(odd) {
diff --git a/assets/style.css b/assets/style.css
index e13627a4..af2fcf35 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -15,6 +15,9 @@
 #mainlist .name {
     padding-top: 10px;
     font-family: "consolas";
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 #mainlist .type {
@@ -60,18 +63,20 @@
     overflow-x: hidden;
 }
 
-#manual .load {
+.load {
     position: absolute;
-    top: 40%;
-    left: 0;
-    right: 0;
+    bottom: 20px;
+    /* left: 0; */
+    right: 20px;
     line-height: 1;
     margin-top: -.6em;
-    font-size: 4rem;
+    font-size: 2rem;
     font-weight: 300;
     letter-spacing: -.125rem;
     color: #BDBDBD;
     text-align: center;
+    background: white;
+    display: none;
 }
 
 .founds {
diff --git a/assets/vue/vue.css b/assets/vue/vue.css
new file mode 100644
index 00000000..f8b9b25f
--- /dev/null
+++ b/assets/vue/vue.css
@@ -0,0 +1,1837 @@
+#manual pre {
+  border-radius: 2px;
+  position: relative;
+}
+#manual pre code {
+  overflow-x: auto;
+  color: #525252;
+  white-space: pre;
+  padding: 1.2em 1.4em;
+  line-height: 1.5em;
+  font-size: 1em;
+  display: block;
+}
+#manual pre code .hljs-tag,
+#manual pre code .hljs-tag pre code .hljs-title,
+#manual pre code .hljs-change,
+#manual pre code .hljs-winutils,
+#manual pre code .hljs-flow,
+#manual pre code .hljs-tex pre code .hljs-special {
+  color: #2973b7;
+}
+#manual pre code .hljs-symbol,
+#manual pre code .hljs-symbol pre code .hljs-string,
+#manual pre code .hljs-value,
+#manual pre code .hljs-regexp,
+#manual pre code .hljs-string,
+#manual pre code .hljs-subst,
+#manual pre code .hljs-haskell pre code .hljs-type,
+#manual pre code .hljs-preprocessor,
+#manual pre code .hljs-ruby pre code .hljs-class pre code .hljs-parent,
+#manual pre code .hljs-built_in,
+#manual pre code .hljs-sql pre code .hljs-aggregate,
+#manual pre code .hljs-django pre code .hljs-template_tag,
+#manual pre code .hljs-django pre code .hljs-variable,
+#manual pre code .hljs-smalltalk pre code .hljs-class,
+#manual pre code .hljs-javadoc,
+#manual pre code .hljs-django pre code .hljs-filter pre code .hljs-argument,
+#manual pre code .hljs-smalltalk pre code .hljs-localvars,
+#manual pre code .hljs-smalltalk pre code .hljs-array,
+#manual pre code .hljs-attr_selector,
+#manual pre code .hljs-pseudo,
+#manual pre code .hljs-addition,
+#manual pre code .hljs-stream,
+#manual pre code .hljs-envvar,
+#manual pre code .hljs-apache pre code .hljs-tag,
+#manual pre code .hljs-apache pre code .hljs-cbracket,
+#manual pre code .hljs-tex pre code .hljs-command,
+#manual pre code .hljs-prompt {
+  color: #42b983;
+}
+#manual pre code .hljs-function pre code .hljs-keyword,
+#manual pre code .hljs-constant {
+  color: #0092db;
+}
+#manual pre code .hljs-keyword,
+#manual pre code .hljs-attribute {
+  color: #e96900;
+}
+#manual pre code .hljs-number,
+#manual pre code .hljs-literal {
+  color: #ae81ff;
+}
+#manual pre code .hljs-class pre code .hljs-title {
+  color: #fff;
+}
+#manual pre code .hljs-title {
+  color: #a6e22e;
+}
+#manual pre code .hljs-tag pre code .hljs-value,
+#manual pre code .hljs-comment,
+#manual pre code .hljs-java pre code .hljs-annotation,
+#manual pre code .hljs-python pre code .hljs-decorator,
+#manual pre code .hljs-template_comment,
+#manual pre code .hljs-pi,
+#manual pre code .hljs-doctype,
+#manual pre code .hljs-deletion,
+#manual pre code .hljs-shebang,
+#manual pre code .hljs-apache pre code .hljs-sqbracket,
+#manual pre code .hljs-tex pre code .hljs-formula {
+  color: #b3b3b3;
+}
+#manual pre code .hljs-coffeescript pre code .hljs-javascript,
+#manual pre code .hljs-javascript pre code .hljs-xml,
+#manual pre code .hljs-tex pre code .hljs-formula,
+#manual pre code .hljs-xml pre code .hljs-javascript,
+#manual pre code .hljs-xml pre code .hljs-vbscript,
+#manual pre code .hljs-xml pre code .hljs-css,
+#manual pre code .hljs-xml pre code .hljs-cdata {
+  opacity: 0.5;
+}
+#manual pre code.hljs.html::before,
+#manual pre code.hljs.js::before,
+#manual pre code.hljs.bash::before,
+#manual pre code.hljs.css::before {
+  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #ccc;
+  text-align: right;
+  font-size: 0.9em;
+  padding: 5px 10px 0;
+  line-height: 15px;
+  height: 15px;
+  font-weight: 600;
+}
+#manual pre code.hljs.html::before {
+  content: "HTML";
+}
+#manual pre code.hljs.js::before {
+  content: "JS";
+}
+#manual pre code.hljs.bash::before {
+  content: "Shell";
+}
+#manual pre code.hljs.css::before {
+  content: "CSS";
+}
+#manual #ad {
+  width: 150px;
+  position: fixed;
+  z-index: 99;
+  bottom: 10px;
+  right: 10px;
+  padding: 10px;
+  background-color: #fff;
+  border-radius: 3px;
+  font-size: 13px;
+}
+#manual #ad a {
+  display: inline-block;
+  color: #7f8c8d;
+  font-weight: normal;
+}
+#manual #ad span {
+  color: #7f8c8d;
+  display: inline-block;
+  margin-bottom: 5px;
+}
+#manual #ad img {
+  width: 150px;
+}
+#manual #ad .carbon-img,
+#manual #ad .carbon-text {
+  display: block;
+  margin-bottom: 6px;
+  font-weight: normal;
+  color: #34495e;
+}
+#manual #ad .carbon-poweredby {
+  color: #aaa;
+  font-weight: normal;
+}
+#manual .bsa-cpc {
+  font-size: 1em;
+  background-color: #f8f8f8;
+}
+#manual .bsa-cpc a._default_ {
+  text-align: left;
+  display: block;
+  padding: 10px 15px 12px;
+  margin-bottom: 20px;
+  color: #666;
+  font-weight: 400;
+  line-height: 18px;
+}
+#manual .bsa-cpc a._default_ .default-image,
+#manual .bsa-cpc a._default_ .default-title,
+#manual .bsa-cpc a._default_ .default-description {
+  display: inline;
+  vertical-align: middle;
+  margin-right: 6px;
+}
+#manual .bsa-cpc a._default_ .default-image img {
+  height: 20px;
+  border-radius: 3px;
+  vertical-align: middle;
+  position: relative;
+  top: -1px;
+}
+#manual .bsa-cpc a._default_ .default-title {
+  font-weight: 600;
+}
+#manual .bsa-cpc a._default_ .default-description:after {
+  font-size: 0.85em;
+  content: "Sponsored";
+  color: #1c90f3;
+  border: 1px solid #1c90f3;
+  border-radius: 3px;
+  padding: 0 4px 1px;
+  margin-left: 6px;
+}
+#manual .bsa-cpc .default-ad {
+  display: none;
+}
+@media print {
+  #ad {
+    display: none;
+  }
+}
+#manual body {
+  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
+  font-size: 16px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #34495e;
+  background-color: #fff;
+  margin: 0;
+}
+#manual body.docs {
+  padding-top: 61px;
+}
+@media screen and (max-width: 900px) {
+  body.docs {
+    padding-top: 0;
+  }
+}
+#manual a {
+  text-decoration: none;
+  color: #34495e;
+}
+#manual img {
+  border: none;
+}
+#manual h1,
+#manual h2,
+#manual h3,
+#manual h4,
+#manual strong {
+  font-weight: 600;
+  color: #2c3e50;
+}
+#manual code,
+#manual pre {
+  font-family: "Roboto Mono", Monaco, courier, monospace;
+  font-size: 0.8em;
+  background-color: #f8f8f8;
+  -webkit-font-smoothing: initial;
+  -moz-osx-font-smoothing: initial;
+}
+#manual code {
+  color: #e96900;
+  padding: 3px 5px;
+  margin: 0 2px;
+  border-radius: 2px;
+  white-space: nowrap;
+}
+#manual em {
+  color: #7f8c8d;
+}
+#manual p {
+  word-spacing: 0.05em;
+}
+#manual a.button,
+#manual input.button {
+  padding: 0.75em 2em;
+  border-radius: 2em;
+  display: inline-block;
+  color: #fff;
+  background-color: #4fc08d;
+  transition: all 0.15s ease;
+  box-sizing: border-box;
+  border: 1px solid #4fc08d;
+}
+#manual a.button.has-icon,
+#manual input.button.has-icon {
+  position: relative;
+  text-indent: 1.4em;
+}
+#manual a.button.has-icon > svg,
+#manual input.button.has-icon > svg {
+  position: absolute;
+  left: 0.4em;
+  top: 0.4em;
+  width: 2em;
+}
+#manual a.button.white,
+#manual input.button.white {
+  background-color: #fff;
+  color: #42b983;
+}
+#manual a.button.gray,
+#manual input.button.gray {
+  background-color: #f6f6f6;
+  color: #7f8c8d;
+  border-color: #f6f6f6;
+}
+#manual #main {
+  position: relative;
+  z-index: 1;
+  padding: 0 60px 30px;
+  overflow-x: hidden;
+}
+#manual #nav .nav-link {
+  cursor: pointer;
+}
+#manual #nav .nav-dropdown-container .nav-link:hover:not(.current) {
+  border-bottom: none;
+}
+#manual #nav .nav-dropdown-container:hover .nav-dropdown {
+  display: block;
+}
+#manual #nav .nav-dropdown-container.language,
+#manual #nav .nav-dropdown-container.ecosystem {
+  margin-left: 20px;
+}
+#manual #nav .nav-dropdown-container .arrow {
+  pointer-events: none;
+}
+#manual #nav .nav-dropdown {
+  display: none;
+  box-sizing: border-box;
+  max-height: calc(100vh - 61px);
+  overflow-y: auto;
+  position: absolute;
+  top: 100%;
+  right: -15px;
+  background-color: #fff;
+  padding: 10px 0;
+  border: 1px solid #ddd;
+  border-bottom-color: #ccc;
+  text-align: left;
+  border-radius: 4px;
+  white-space: nowrap;
+}
+#manual #nav .nav-dropdown li {
+  line-height: 1.8em;
+  margin: 0;
+  display: block;
+}
+#manual #nav .nav-dropdown li > ul {
+  padding-left: 0;
+}
+#manual #nav .nav-dropdown li:first-child h4 {
+  margin-top: 0;
+  padding-top: 0;
+  border-top: 0;
+}
+#manual #nav .nav-dropdown a,
+#manual #nav .nav-dropdown h4 {
+  padding: 0 24px 0 20px;
+}
+#manual #nav .nav-dropdown h4 {
+  margin: 0.45em 0 0;
+  padding-top: 0.45em;
+  border-top: 1px solid #eee;
+}
+#manual #nav .nav-dropdown a {
+  color: #3a5169;
+  font-size: 0.9em;
+  display: block;
+}
+#manual #nav .nav-dropdown a:hover {
+  color: #42b983;
+}
+#manual #nav .arrow {
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: -1px;
+  margin-left: 6px;
+  margin-right: -14px;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 5px solid #ccc;
+}
+#manual sup.beta.beta {
+  font-size: 0.6em;
+  margin-left: 0.7em;
+  text-transform: uppercase;
+  opacity: 0.6;
+}
+@media print {
+  body {
+    color: #000;
+  }
+  .highlight {
+    padding: 0;
+    page-break-inside: avoid;
+  }
+  .highlight .code pre {
+    color: #000;
+    background-color: #fff;
+    border-style: solid;
+    border-width: 2px 2px 2px 2px;
+    border-color: #e8e8e8;
+    page-break-inside: avoid;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    color: #000;
+    page-break-after: avoid;
+    page-break-before: avoid;
+  }
+  img {
+    page-break-inside: avoid;
+  }
+  h2+p {
+    page-break-before: avoid;
+  }
+  a:link:after,
+  a:visited:after {
+    content: " [" attr(href) "] ";
+  }
+}
+#manual .content.api h2 > sup,
+#manual .content.api h3 > sup {
+  margin-left: 0.3em;
+  color: #b9465c;
+}
+#manual .rotating-clockwise {
+  animation: 3s rotating-clockwise linear infinite;
+}
+#manual i.rotating-clockwise {
+  display: inline-block;
+  animation-duration: 2s;
+}
+@-moz-keyframes rotating-clockwise {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes rotating-clockwise {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@-o-keyframes rotating-clockwise {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotating-clockwise {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+#manual #header {
+  background-color: #fff;
+  height: 40px;
+  padding: 10px 60px;
+  position: relative;
+  z-index: 100;
+}
+#manual body.docs #header {
+  position: fixed;
+  width: 100%;
+  top: 0;
+}
+#manual body.docs #nav {
+  position: fixed;
+}
+#manual #nav {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: 30px;
+  top: 10px;
+  height: 40px;
+  line-height: 40px;
+}
+#manual #nav .break {
+  display: none;
+}
+#manual #nav li {
+  display: inline-block;
+  position: relative;
+  margin: 0 0.6em;
+}
+#manual #nav .nav-dropdown .nav-link:hover,
+#manual #nav .nav-dropdown .nav-link.current {
+  border-bottom: none;
+}
+#manual #nav .nav-dropdown .nav-link.current::after {
+  content: "";
+  width: 0;
+  height: 0;
+  border-left: 5px solid #42b983;
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  position: absolute;
+  top: 50%;
+  margin-top: -4px;
+  left: 8px;
+}
+#manual #nav .nav-dropdown .nav-link.new::before {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 2px solid #f66;
+  border-radius: 50%;
+  position: absolute;
+  top: calc(50% - 1px);
+  left: 8px;
+}
+#manual .nav-link {
+  padding-bottom: 3px;
+  white-space: nowrap;
+}
+#manual .nav-link:hover,
+#manual .nav-link.current {
+  border-bottom: 3px solid #42b983;
+}
+#manual .nav-link.team,
+#manual .nav-link.contribute {
+  margin-left: 10px;
+}
+#manual .nav-link.new::before {
+  content: "";
+  width: 0;
+  height: 0;
+  border: 2px solid #f66;
+  border-radius: 50%;
+  position: absolute;
+  top: calc(50% - 1px);
+  left: -8px;
+}
+#manual .new-label {
+  position: absolute;
+  top: 3px;
+  left: 110%;
+  background-color: #42b983;
+  color: #fff;
+  line-height: 16px;
+  height: 16px;
+  font-size: 9px;
+  font-weight: bold;
+  font-family: "Roboto Mono", Monaco, courier, monospace;
+  padding: 1px 4px 0 6px;
+  border-radius: 4px;
+}
+#manual .search-query {
+  height: 30px;
+  line-height: 30px;
+  box-sizing: border-box;
+  padding: 0 15px 0 30px;
+  border: 1px solid #e3e3e3;
+  color: #2c3e50;
+  outline: none;
+  border-radius: 15px;
+  margin-right: 10px;
+  transition: border-color 0.2s ease;
+  background: #fff url("../images/search.png") 8px 5px no-repeat;
+  background-size: 20px;
+  vertical-align: middle !important;
+}
+#manual .search-query:focus {
+  border-color: #42b983;
+}
+#manual #logo {
+  display: inline-block;
+  font-size: 1.5em;
+  line-height: 40px;
+  color: #2c3e50;
+  font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
+  font-weight: 500;
+}
+#manual #logo img {
+  vertical-align: middle;
+  margin-right: 6px;
+  width: 40px;
+  height: 40px;
+}
+#manual #mobile-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 40px;
+  background-color: #fff;
+  z-index: 9;
+  display: none;
+  box-shadow: 0 0 2px rgba(0,0,0,0.25);
+}
+#manual #mobile-bar .menu-button {
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  top: 8px;
+  left: 12px;
+  background: url("../images/menu.png") center center no-repeat;
+  background-size: 24px;
+}
+#manual #mobile-bar .logo {
+  position: absolute;
+  width: 30px;
+  height: 30px;
+  background: url("../images/logo.png") center center no-repeat;
+  top: 5px;
+  left: 50%;
+  margin-left: -15px;
+  background-size: 30px;
+}
+@media print {
+  #header {
+    display: none;
+  }
+}
+#manual #demo,
+#manual .demo,
+#manual .content .demo {
+  border: 1px solid #eee;
+  border-radius: 2px;
+  padding: 25px 35px;
+  margin-top: 1em;
+  margin-bottom: 40px;
+  font-size: 1.2em;
+  line-height: 1.5em;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  overflow-x: auto;
+}
+#manual #demo h1,
+#manual .demo h1,
+#manual .content .demo h1 {
+  margin: 0 0 0.5em;
+  font-size: 1.8em;
+}
+#manual #demo h2,
+#manual .demo h2,
+#manual .content .demo h2 {
+  padding: 0;
+  border: none;
+}
+#manual #demo h2,
+#manual .demo h2,
+#manual .content .demo h2,
+#manual #demo h3,
+#manual .demo h3,
+#manual .content .demo h3,
+#manual #demo h4,
+#manual .demo h4,
+#manual .content .demo h4,
+#manual #demo h5,
+#manual .demo h5,
+#manual .content .demo h5,
+#manual #demo h6,
+#manual .demo h6,
+#manual .content .demo h6 {
+  margin: 1em 0;
+}
+#manual #demo ul,
+#manual .demo ul,
+#manual .content .demo ul,
+#manual #demo ol,
+#manual .demo ol,
+#manual .content .demo ol {
+  padding-left: 1.5em;
+  padding-bottom: 0.2em !important;
+}
+#manual #demo ul:first-child,
+#manual .demo ul:first-child,
+#manual .content .demo ul:first-child,
+#manual #demo ol:first-child,
+#manual .demo ol:first-child,
+#manual .content .demo ol:first-child {
+  margin-top: 0;
+}
+#manual #demo ul:last-child,
+#manual .demo ul:last-child,
+#manual .content .demo ul:last-child,
+#manual #demo ol:last-child,
+#manual .demo ol:last-child,
+#manual .content .demo ol:last-child {
+  margin-bottom: 0;
+}
+#manual #demo li,
+#manual .demo li,
+#manual .content .demo li {
+  color: #34495e;
+}
+#manual #demo li.done,
+#manual .demo li.done,
+#manual .content .demo li.done {
+  color: #7f8c8d;
+  text-decoration: line-through;
+}
+#manual #demo p,
+#manual .demo p,
+#manual .content .demo p {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+#manual #demo textarea,
+#manual .demo textarea,
+#manual .content .demo textarea {
+  width: 100%;
+  resize: vertical;
+}
+#manual #demo > :first-child,
+#manual .demo > :first-child,
+#manual .content .demo > :first-child {
+  margin-top: 0;
+}
+#manual #demo > :last-child,
+#manual .demo > :last-child,
+#manual .content .demo > :last-child {
+  margin-bottom: 0;
+}
+#manual ul#demo li,
+#manual ul.demo li {
+  margin-left: 1.5em;
+}
+@media screen and (max-width: 900px) {
+  #demo,
+  .demo {
+    margin-left: 0;
+  }
+}
+#manual .benchmark-table {
+  margin: 0 auto;
+  text-align: center;
+}
+#manual .benchmark-table tbody > tr > th {
+  text-align: right;
+}
+#manual .benchmark-table th,
+#manual .benchmark-table td {
+  padding: 3px 7px;
+}
+@media print {
+  #demo,
+  .demo,
+  .content .demo {
+    page-break-inside: avoid;
+    padding: 1em;
+    margin-bottom: 1em;
+    border-width: 2px;
+  }
+}
+#manual .content .platinum {
+  text-align: center;
+}
+#manual .content .platinum a {
+  display: inline-block;
+  margin: 20px;
+}
+#manual .content .platinum img {
+  width: 250px;
+  vertical-align: middle;
+}
+#manual .content .sponsor-section {
+  text-align: center;
+  margin-top: 0;
+  margin-bottom: 60px;
+}
+#manual .content .patreon-sponsors a,
+#manual .content .patreon-sponsors img {
+  width: 140px;
+  display: inline-block;
+  vertical-align: middle;
+}
+#manual .content .patreon-sponsors a {
+  margin: 10px 20px;
+}
+#manual .content .open-collective-sponsors img {
+  max-width: 140px;
+  max-height: 60px;
+  margin-right: 30px;
+  margin-bottom: 20px;
+}
+#manual .content .video-sponsors-china a {
+  display: inline-block;
+  margin: 20px;
+}
+#manual .content .video-sponsors-china img {
+  width: 250px;
+}
+#manual #one-time-donations a,
+#manual #one-time-donations svg {
+  display: inline-block;
+  vertical-align: middle;
+}
+#manual #one-time-donations a {
+  margin: 20px;
+  color: #34495e;
+}
+#manual #one-time-donations svg {
+  margin-right: 5px;
+}
+#manual #coin-details {
+  text-align: center;
+  border-radius: 4px;
+  padding: 30px;
+  font-weight: bold;
+}
+#manual #coin-details img {
+  width: 200px;
+}
+#manual #coin-details p {
+  padding: 0;
+  margin: 0 0 20px;
+}
+#manual .main-sponsor {
+  color: #7f8c8d;
+  font-size: 0.85em;
+}
+#manual .main-sponsor .logo {
+  color: #7f8c8d;
+  margin-top: 10px;
+  text-align: center;
+  font-weight: bold;
+  display: block;
+}
+#manual .main-sponsor .logo:first-child {
+  margin-top: 18px;
+}
+#manual .main-sponsor .logo:last-child {
+  margin-bottom: 20px;
+}
+#manual .main-sponsor img,
+#manual .main-sponsor a {
+  width: 200px;
+}
+#manual .become-backer {
+  border: 1px solid #42b983;
+  border-radius: 2em;
+  display: inline-block;
+  color: #42b983;
+  font-size: 0.8em;
+  width: 125px;
+  padding: 4px 0;
+  text-align: center;
+  margin-bottom: 20px;
+}
+#manual #sidebar-sponsors-special {
+  margin-top: -10px;
+}
+#manual #sidebar-sponsors-platinum-left {
+  display: block;
+}
+#manual #sidebar-sponsors-platinum-right {
+  display: none;
+  position: fixed;
+  z-index: 99;
+  top: 90px;
+  right: 20px;
+}
+@media screen and (min-width: 1300px) {
+  #sidebar-sponsors-platinum-left {
+    display: none;
+  }
+  #sidebar-sponsors-platinum-right {
+    display: block;
+  }
+}
+#manual #search-page .search-form .search-query {
+  width: 100%;
+  border-radius: 5px;
+  margin-right: 0;
+}
+#manual #search-page .search-form .search-footer {
+  display: flex;
+  height: 35px;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 15px;
+}
+#manual #search-page .search-form .search-footer p {
+  margin: 0;
+  padding: 0;
+}
+#manual #search-page .search-result {
+  margin-bottom: 15px;
+}
+#manual #search-page .search-result .title {
+  display: block;
+  font-size: 17.55px;
+}
+#manual #search-page .search-result .summary {
+  padding: 0;
+  margin: 0;
+}
+#manual #search-page .search-result .breadcrumb {
+  color: #7f8c8d;
+}
+#manual #search-page .search-result .breadcrumb + .breadcrumb::before {
+  content: "\203A\A0";
+  margin-left: 5px;
+  color: #7f8c8d;
+}
+#manual .content.guide[class*="migration"] h2 > sup,
+#manual .content.guide[class*="migration"] h3 > sup {
+  margin-left: 0.3em;
+  color: #b9465c;
+}
+#manual .content.guide[class*="migration"] .upgrade-path {
+  margin-top: 2em;
+  padding: 2em;
+  background: rgba(73,195,140,0.1);
+  border-radius: 2px;
+}
+#manual .content.guide[class*="migration"] .upgrade-path > h4 {
+  margin-top: 0;
+}
+#manual .content.guide[class*="migration"] .upgrade-path > p:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+#manual .sidebar {
+  position: absolute;
+  z-index: 10;
+  top: 61px;
+  left: 0;
+  bottom: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: none;
+}
+#manual .sidebar h2 {
+  margin-top: 0.2em;
+}
+#manual .sidebar ul {
+  list-style-type: none;
+  margin: 0;
+  line-height: 1.5em;
+  padding-left: 1em;
+}
+#manual .sidebar li {
+  margin-top: 0.5em;
+}
+#manual .sidebar .sidebar-inner {
+  width: 260px;
+  padding: 40px 20px 60px 60px;
+}
+#manual .sidebar .version-select {
+  vertical-align: middle;
+  margin-left: 5px;
+}
+#manual .sidebar .menu-root {
+  padding-left: 0;
+}
+#manual .sidebar .menu-sub {
+  font-size: 0.85em;
+}
+#manual .sidebar .sidebar-link {
+  color: #7f8c8d;
+}
+#manual .sidebar .sidebar-link.current {
+  font-weight: 600;
+  color: #42b983;
+}
+#manual .sidebar .sidebar-link.new:after {
+  content: "NEW";
+  display: inline-block;
+  font-size: 10px;
+  font-weight: 600;
+  color: #fff;
+  background-color: #42b983;
+  line-height: 14px;
+  padding: 0 4px;
+  border-radius: 3px;
+  margin-left: 5px;
+  vertical-align: middle;
+  position: relative;
+  top: -1px;
+}
+#manual .sidebar .sidebar-link:hover {
+  border-bottom: 2px solid #42b983;
+}
+#manual .sidebar .section-link.active {
+  font-weight: bold;
+  color: #42b983;
+}
+#manual .sidebar .main-menu {
+  margin-bottom: 20px;
+  display: none;
+  padding-left: 0;
+}
+#manual .sidebar .nav-dropdown h4 {
+  font-weight: normal;
+  margin: 0;
+}
+@media screen and (max-width: 900px) {
+  .sidebar {
+    position: fixed;
+    z-index: 10;
+    background-color: #f9f9f9;
+    height: 100%;
+    top: 0;
+    left: 0;
+    box-shadow: 0 0 10px rgba(0,0,0,0.2);
+    transition: all 0.4s cubic-bezier(0.4, 0, 0, 1);
+    -webkit-transform: translate(-280px, 0);
+    transform: translate(-280px, 0);
+  }
+  .sidebar .sidebar-inner {
+    padding: 50px 10px 10px 20px;
+    box-sizing: border-box;
+  }
+  .sidebar .sidebar-inner-index {
+    padding: 10px 10px 10px 20px;
+  }
+  .sidebar .search-query {
+    width: 200px;
+    margin-bottom: 10px;
+  }
+  .sidebar .main-menu {
+    display: block;
+  }
+  .sidebar.open {
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+}
+@media print {
+  .sidebar {
+    display: none;
+  }
+}
+#manual .content.menu {
+  font-size: 1.2em;
+}
+#manual .content.menu .menu-root {
+  padding-left: 0;
+}
+#manual .content.menu #search-form,
+#manual .content.menu .algolia-autocomplete,
+#manual .content.menu input {
+  width: 100%;
+}
+#manual .content.menu .aa-dropdown-menu {
+  box-sizing: border-box;
+}
+#manual .content.menu h3 {
+  margin: 1.5em 0 0.75em;
+}
+#manual .content.menu h3:before,
+#manual .content.menu h3:after {
+  display: none;
+}
+#manual .content.menu li {
+  list-style-type: none;
+  margin-top: 0.1em;
+}
+#manual #team-members .sort-by-distance-button {
+  display: inline-block;
+  padding: 0.4em 0.7em 0.45em;
+  font-weight: bold;
+  font-size: 0.5em;
+  text-transform: uppercase;
+  line-height: 1;
+  border: none;
+  background: #34495e;
+  color: #fff;
+  border-radius: 3px;
+  position: relative;
+  cursor: pointer;
+  float: right;
+  margin-top: 0.3em;
+}
+#manual #team-members .sort-by-distance-button i {
+  margin-right: 0.25em;
+}
+#manual #team-members .sort-by-distance-button i:last-child {
+  margin-right: 0;
+}
+#manual #team-members .sort-by-distance-button[disabled] {
+  opacity: 0.7;
+  cursor: default;
+}
+#manual #team-members .vuer {
+  display: flex;
+  padding: 25px 0;
+  border-bottom: 1px dotted #ddd;
+}
+#manual #team-members .vuer:first-of-type {
+  margin-top: 15px;
+}
+#manual #team-members .vuer:last-of-type {
+  border-bottom: none;
+}
+#manual #team-members .vuer .avatar {
+  flex: 0 0 80px;
+}
+#manual #team-members .vuer .avatar img {
+  border-radius: 50%;
+}
+#manual #team-members .vuer .profile {
+  padding-left: 26px;
+  flex: 1;
+}
+#manual #team-members .vuer .profile h3 {
+  margin: 0;
+  font-size: 1.3em;
+}
+#manual #team-members .vuer .profile h3::before,
+#manual #team-members .vuer .profile h3::after {
+  display: none;
+}
+#manual #team-members .vuer .profile h3 > sup {
+  text-transform: uppercase;
+  font-size: 0.7em;
+  letter-spacing: 0.3px;
+  padding: 2px 5px;
+  margin-left: 10px;
+  color: rgba(0,0,0,0.6);
+  background: #f9f7f5;
+  border-radius: 5px;
+}
+#manual #team-members .vuer .profile .user-match {
+  cursor: help;
+  color: #4682b4;
+}
+#manual #team-members .vuer .profile .user-match:after {
+  content: "\f06a";
+  font-family: FontAwesome;
+  font-size: 0.75em;
+  vertical-align: super;
+  margin-left: 4px;
+  margin-right: 2px;
+  position: relative;
+}
+#manual #team-members .vuer .profile dl {
+  margin: 0.6em 0 0;
+}
+#manual #team-members .vuer .profile dt,
+#manual #team-members .vuer .profile dd,
+#manual #team-members .vuer .profile ul,
+#manual #team-members .vuer .profile li {
+  display: inline;
+  padding: 0;
+  margin: 0;
+  line-height: 1.3;
+}
+#manual #team-members .vuer .profile dt {
+  text-transform: uppercase;
+  font-size: 0.84em;
+  font-weight: 600;
+}
+#manual #team-members .vuer .profile dt::after {
+  content: "";
+  margin-right: 7px;
+}
+#manual #team-members .vuer .profile dt i {
+  width: 14px;
+  text-align: center;
+}
+#manual #team-members .vuer .profile dt i.fa-map-marker {
+  font-size: 1.15em;
+}
+#manual #team-members .vuer .profile dt i.fa-globe {
+  font-size: 1.2em;
+}
+#manual #team-members .vuer .profile dt i.fa-link {
+  font-size: 1.05em;
+}
+#manual #team-members .vuer .profile dd {
+  font-weight: 600;
+}
+#manual #team-members .vuer .profile dd::after {
+  display: block;
+  content: " ";
+  margin-top: 0.6em;
+}
+#manual #team-members .vuer .profile li {
+  display: inline-block;
+}
+#manual #team-members .vuer .profile li::after {
+  display: inline-block;
+  content: "·";
+  margin: 0 8px;
+}
+#manual #team-members .vuer .profile li:last-child::after {
+  content: "";
+}
+#manual #team-members .vuer .profile .social a {
+  display: inline-block;
+  line-height: 1;
+  vertical-align: middle;
+  margin-right: 4px;
+}
+#manual #team-members .vuer .profile .social a.github,
+#manual #team-members .vuer .profile .social a.codepen {
+  color: #000;
+}
+#manual #team-members .vuer .profile .social a.twitter {
+  color: #1da1f3;
+}
+#manual #team-members .vuer .profile .social a.linkedin {
+  color: #0077b5;
+}
+#manual #team-members .vuer .profile .social i {
+  vertical-align: text-bottom;
+  font-size: 1.3em;
+}
+@media (max-width: 640px) {
+  #team-members .vuer .profile h3 sup {
+    display: inline-block;
+    margin-left: 0;
+  }
+}
+#manual .style-guide .style-example,
+#manual .style-guide details,
+#manual .style-guide .style-enforcement {
+  border-radius: 2px;
+  margin: 1.6em 0;
+  padding: 1.6em;
+}
+#manual .style-guide .style-example h4,
+#manual .style-guide details h4,
+#manual .style-guide .style-enforcement h4 {
+  margin-top: 0;
+}
+#manual .style-guide .style-example figure:last-child,
+#manual .style-guide details figure:last-child,
+#manual .style-guide .style-enforcement figure:last-child,
+#manual .style-guide .style-example p:last-child,
+#manual .style-guide details p:last-child,
+#manual .style-guide .style-enforcement p:last-child {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+#manual .style-guide .style-example.example-bad {
+  background: #f3eded;
+}
+#manual .style-guide .style-example.example-bad h4 {
+  color: #a67878;
+}
+#manual .style-guide .style-example.example-good {
+  background: #eaedec;
+}
+#manual .style-guide .style-example.example-good h4 {
+  color: #677b72;
+}
+#manual .style-guide details,
+#manual .style-guide .style-enforcement {
+  background-color: #eee;
+}
+#manual .style-guide details {
+  display: block;
+  position: relative;
+}
+#manual .style-guide details:not([open]) summary::after {
+  content: "...";
+}
+#manual .style-guide details:not([open]) summary:hover {
+  background: rgba(255,255,255,0.3);
+}
+#manual .style-guide summary {
+  cursor: pointer;
+  padding: 1.6em;
+  margin: -1.6em;
+  outline: none;
+}
+#manual .style-guide summary > h4 {
+  display: inline-block;
+  margin: 0;
+}
+#manual .style-guide .style-enforcement table {
+  width: 100%;
+  background-color: #f8f8f8;
+  border-radius: 2px;
+}
+#manual .style-guide .style-enforcement th,
+#manual .style-guide .style-enforcement td {
+  padding: 0.4em;
+  text-align: center;
+}
+#manual .style-guide .style-enforcement th {
+  padding-bottom: 0.2em;
+}
+#manual .style-guide .style-enforcement td {
+  padding-top: 0.2em;
+}
+#manual .style-guide .style-rule-tag {
+  background-color: #f8f8f8;
+  border-radius: 2px;
+  font-size: 0.9em;
+  color: #677b72;
+  font-weight: 600;
+  text-transform: uppercase;
+  padding: 0.1em 0.4em;
+}
+#manual .style-guide a > .style-rule-tag {
+  color: #42b983;
+}
+#manual .style-guide sup {
+  text-transform: uppercase;
+  font-size: 0.7em;
+  margin-left: 1em;
+  pointer-events: all;
+  position: absolute;
+}
+#manual .style-guide [data-p="a"] {
+  color: #6b2a2a;
+}
+#manual .style-guide [data-p="b"] {
+  color: #8c480a;
+}
+#manual .style-guide [data-p="c"] {
+  color: #2b5a99;
+}
+#manual .style-guide [data-p="d"] {
+  content: #3f536d;
+}
+#manual .modal {
+  box-sizing: border-box;
+  display: none;
+  position: fixed;
+  width: 80%;
+  height: auto;
+  padding: 0.5em;
+  background-color: #f9f9f9;
+  box-shadow: 0 0 10px rgba(0,0,0,0.2);
+  z-index: 102;
+}
+#manual .modal.open {
+  display: block;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1000;
+}
+#manual .modal-text {
+  margin-bottom: 0.5em;
+  text-align: center;
+}
+#manual .modal-text > a {
+  color: #42b983;
+  font-weight: 600;
+}
+#manual .overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0,0,0,0.2);
+  z-index: 101;
+}
+#manual .stop-scroll {
+  overflow: hidden;
+  height: 100%;
+}
+@media screen and (max-width: 400px) {
+  .modal {
+    width: 98%;
+  }
+}
+#manual .scrimba {
+  background-color: #e7ecf3;
+  padding: 1em 1.25em;
+  border-radius: 2px;
+  color: #486491;
+  position: relative;
+}
+#manual .scrimba a {
+  color: #486491 !important;
+  position: relative;
+  padding-left: 36px;
+}
+#manual .scrimba a:before {
+  content: '';
+  position: absolute;
+  display: block;
+  width: 30px;
+  height: 30px;
+  top: -5px;
+  left: -4px;
+  border-radius: 50%;
+  background-color: #73abfe;
+}
+#manual .scrimba a:after {
+  content: '';
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  top: 5px;
+  left: 8px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 8px solid #fff;
+}
+#manual .ad-pagetop {
+  background: #f8f8f8;
+  padding: 8px 16px;
+  border-radius: 4px;
+  color: $accent;
+  clear: both;
+  position: relative;
+}
+#manual .ad-pagetop a {
+  display: block;
+}
+#manual .ad-pagetop span {
+  color: #1c90f3;
+  display: inline-block;
+}
+#manual .ad-pagetop span.name {
+  color: #1c90f3;
+  font-size: 1.1em;
+}
+#manual .ad-pagetop span.description {
+  margin-left: 0.8em;
+  font-size: 0.9em;
+  color: #666;
+  font-weight: normal;
+}
+#manual .ad-pagetop span.action {
+  font-size: 0.75em;
+  color: #888;
+  border: 1px solid #888;
+  border-radius: 3px;
+  padding: 2px 6px;
+  margin-left: 1em;
+}
+#manual .ad-pagetop:after {
+  content: "广告";
+  font-size: 10px;
+  position: absolute;
+  top: 50%;
+  color: #aaa;
+  padding: 3px 6px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  margin-top: -9px;
+  right: 10px;
+}
+@media screen and (max-width: 560px) {
+  .ad-pagetop {
+    display: none;
+  }
+}
+#manual .themes-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+#manual .themes-grid .item-preview {
+  width: 290px;
+  margin-bottom: 25px;
+}
+#manual .themes-grid .item-preview-img {
+  transition: 0.15s box-shadow, 0.15s transform;
+  border-radius: 0.5rem;
+  box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,0.15), 0 0 1.5rem 0.5rem rgba(33,37,41,0.05);
+  overflow: hidden;
+  display: block;
+}
+#manual .themes-grid .item-preview-img:hover {
+  transform: translateY(-0.25rem);
+  box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33,37,41,0.2), 0 0 1.5rem 0.5rem rgba(33,37,41,0.05);
+}
+#manual .themes-grid img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.5rem;
+  vertical-align: middle;
+  border-style: none;
+}
+#manual .themes-grid .item-preview-title-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+#manual .themes-grid h3.item-preview-title {
+  margin-top: 0.7rem;
+  margin-bottom: 0;
+}
+#manual .themes-grid h3.item-preview-title.free::after {
+  content: "FREE";
+  display: inline-block;
+  font-size: 10px;
+  font-weight: 600;
+  color: #fff;
+  background-color: #42b983;
+  line-height: 14px;
+  padding: 0 4px;
+  border-radius: 3px;
+  margin-left: 5px;
+  vertical-align: middle;
+  position: relative;
+  top: -1px;
+}
+#manual .themes-grid .item-preview-price {
+  margin-top: 0.7rem;
+}
+#manual .themes-grid .item-preview-description {
+  font-size: 0.9rem;
+}
+#manual .themes-grid .see-more-container {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+#manual .themes-grid .see-more-container .see-more-link {
+  color: #42b983;
+}
+@media screen and (max-width: 1300px) {
+  .themes-grid {
+    justify-content: center;
+  }
+  .themes-grid .item-preview {
+    justify-content: center;
+    width: 380px;
+  }
+}
+#manual #header {
+  box-shadow: 0 0 1px rgba(0,0,0,0.25);
+  transition: background-color 0.3s ease-in-out;
+}
+#manual .content {
+  position: relative;
+  /* padding: 2.2em 0; */
+  /* max-width: 600px; */
+  margin: 0 auto;
+  /* padding-left: 50px; */
+}
+#manual .content.api > a:first-of-type > h2 {
+  margin-top: 0;
+  padding-top: 0;
+}
+#manual .content.api ul {
+  padding-left: 1.25em;
+  line-height: 1.4em;
+}
+#manual .content.api ul ul,
+#manual .content.api ul p:not(.tip) {
+  padding-bottom: 0;
+  margin: 1.2em 0;
+}
+#manual .content a.button {
+  font-size: 0.9em;
+  color: #fff;
+  margin: 0.2em 0;
+  width: 200px;
+  text-align: center;
+  padding: 12px 24px;
+  display: inline-block;
+  vertical-align: middle;
+}
+#manual .content img {
+  max-width: 100%;
+}
+#manual .content span.light {
+  color: #7f8c8d;
+}
+#manual .content span.info {
+  font-size: 0.85em;
+  display: inline-block;
+  vertical-align: middle;
+  width: 280px;
+  margin-left: 20px;
+}
+#manual .content h1 {
+  margin: 0 0 1em;
+}
+#manual .content h2,
+#manual .content h3 {
+  pointer-events: none;
+}
+#manual .content h2 a,
+#manual .content h3 a,
+#manual .content h2 button,
+#manual .content h3 button {
+  pointer-events: auto;
+  color: #2c3e50;
+}
+#manual .content h2:before,
+#manual .content h3:before {
+  content: "";
+  display: block;
+  margin-top: -91px;
+  height: 91px;
+  visibility: hidden;
+}
+#manual .content h2 {
+  margin: 45px 0 0.8em;
+  padding-bottom: 0.7em;
+  border-bottom: 1px solid #ddd;
+}
+#manual .content h3 {
+  margin: 52px 0 1.2em;
+  line-height: 1.2;
+  position: relative;
+}
+#manual .content h3 > a:before {
+  content: "#";
+  color: #42b983;
+  position: absolute;
+  left: -0.7em;
+  margin-top: -0.05em;
+  padding-right: 0.5em;
+  font-size: 1.2em;
+  line-height: 1;
+  font-weight: bold;
+}
+#manual .content figure {
+  margin: 1.2em 0;
+}
+#manual .content p,
+#manual .content ul,
+#manual .content ol {
+  line-height: 1.6em;
+  margin: 1.2em 0 -1.2em;
+  padding-bottom: 1.2em;
+  position: relative;
+  z-index: 1;
+}
+#manual .content ul,
+#manual .content ol {
+  padding-left: 1.5em;
+  position: inherit;
+}
+#manual .content ul ul,
+#manual .content ol ul,
+#manual .content ul ol,
+#manual .content ol ol {
+  margin: 0;
+}
+#manual a {
+  color: #42b983;
+  font-weight: 600;
+}
+#manual .content blockquote {
+  margin: 2em 0;
+  padding-left: 20px;
+  border-left: 4px solid #42b983;
+}
+#manual .content blockquote p {
+  font-weight: 600;
+  margin-left: 0;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+#manual .content iframe {
+  margin: 1em 0;
+}
+#manual .content > table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  margin: 1.2em auto;
+  padding: 0;
+  display: block;
+  overflow-x: auto;
+}
+#manual .content > table td,
+#manual .content > table th {
+  line-height: 1.5em;
+  padding: 0.4em 0.8em;
+  border: none;
+  border: 1px solid #ddd;
+}
+#manual .content > table th {
+  font-weight: bold;
+  text-align: left;
+}
+#manual .content > table th,
+#manual .content > table tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+#manual .content > table th code,
+#manual .content > table tr:nth-child(2n) code {
+  background-color: #efefef;
+}
+#manual .content p.tip,
+#manual .content p.success {
+  padding: 12px 24px 12px 30px;
+  margin: 2em 0;
+  border-left-width: 4px;
+  border-left-style: solid;
+  background-color: #f8f8f8;
+  position: relative;
+  border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+}
+#manual .content p.tip:before,
+#manual .content p.success:before {
+  position: absolute;
+  top: 14px;
+  left: -12px;
+  color: #fff;
+  width: 20px;
+  height: 20px;
+  border-radius: 100%;
+  text-align: center;
+  line-height: 20px;
+  font-weight: bold;
+  font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
+  font-size: 14px;
+}
+#manual .content p.tip code,
+#manual .content p.success code {
+  background-color: #efefef;
+}
+#manual .content p.tip em,
+#manual .content p.success em {
+  color: #34495e;
+}
+#manual .content p.tip {
+  border-left-color: #f66;
+}
+#manual .content p.tip:before {
+  content: "!";
+  background-color: #f66;
+}
+#manual .content p.success {
+  border-left-color: #42b983;
+}
+#manual .content p.success:before {
+  content: "\f00c";
+  font-family: FontAwesome;
+  background-color: #42b983;
+}
+#manual .guide-links {
+  margin-top: 2em;
+  height: 1em;
+}
+#manual .footer {
+  color: #7f8c8d;
+  margin-top: 2em;
+  padding-top: 2em;
+  border-top: 1px solid #e5e5e5;
+  font-size: 0.9em;
+}
+#manual #main.fix-sidebar {
+  position: static;
+}
+#manual #main.fix-sidebar .sidebar {
+  position: fixed;
+}
+@media screen and (min-width: 1590px) {
+  #header {
+    background-color: #fff;
+  }
+}
+@media screen and (max-width: 1300px) {
+  .content.with-sidebar {
+    margin-left: 290px;
+  }
+  #ad {
+    z-index: 1;
+    position: relative;
+    padding: 0;
+    bottom: 0;
+    right: 0;
+    float: right;
+    padding: 0 0 20px 30px;
+  }
+}
+@media screen and (max-width: 900px) {
+  body {
+    -webkit-text-size-adjust: none;
+    font-size: 16px;
+  }
+  #header {
+    display: none;
+  }
+  #logo {
+    display: none;
+  }
+  .nav-link {
+    padding-bottom: 1px;
+  }
+  .nav-link:hover,
+  .nav-link.current {
+    border-bottom: 2px solid #42b983;
+  }
+  #mobile-bar {
+    display: block;
+  }
+  #main {
+    padding: 2em 1.4em 0;
+  }
+  .highlight pre {
+    padding: 1.2em 1em;
+  }
+  .content {
+    padding-left: 0;
+  }
+  .content.with-sidebar {
+    margin: auto;
+  }
+  .content h2:before,
+  .content h3:before {
+    content: "";
+    display: block;
+    margin-top: -70px;
+    height: 70px;
+    visibility: hidden;
+  }
+  .footer {
+    margin-left: 0;
+    text-align: center;
+  }
+}
+@media screen and (max-width: 560px) {
+  #downloads {
+    text-align: center;
+    margin-bottom: 25px;
+  }
+  #downloads .info {
+    margin-top: 5px;
+    margin-left: 0;
+  }
+  iframe {
+    margin: 0 !important;
+  }
+}
+@media print {
+  .footer {
+    display: none;
+  }
+  .content {
+    padding-left: 0px;
+  }
+  .content p {
+    line-height: 1.35em;
+  }
+  .content p.tip {
+    background-color: #fff;
+    border: 2px solid #e8e8e8;
+    border-left: 4px solid #f66;
+  }
+}