vital 1.2.0

data/releases/v1.1.0/fonts/icons.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2016-4-29: Created with FontForge (http://fontforge.org)
+-->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<metadata>
+Created by FontForge 20150828 at Fri Apr 29 13:11:31 2016
+ By Body Taing
+Copyright (c) 2016, Body Taing
+</metadata>
+<defs>
+<font id="icons" horiz-adv-x="512" >
+  <font-face 
+    font-family="icons"
+    font-weight="400"
+    font-stretch="normal"
+    units-per-em="512"
+    panose-1="2 0 5 3 0 0 0 0 0 0"
+    ascent="448"
+    descent="-64"
+    bbox="0 -64 512 448"
+    underline-thickness="25.6"
+    underline-position="-51.2"
+    unicode-range="U+0020-F10B"
+  />
+    <missing-glyph />
+    <glyph glyph-name="space" unicode=" " horiz-adv-x="200" 
+ />
+    <glyph glyph-name="uniF102" unicode="&#xf102;" 
+d="M437 373c100 -100 100 -262 0 -362s-262 -100 -362 0s-100 262 0 362s262 100 362 0zM374 88l-104 104l104 104l-14 14l-104 -104l-104 104l-14 -15l103 -103l-103 -103l14 -15l104 104l104 -104z" />
+    <glyph glyph-name="uniF104" unicode="&#xf104;" 
+d="M437 373c100 -100 100 -262 0 -362s-262 -100 -362 0s-100 262 0 362s262 100 362 0zM422 26c92 92 92 241 0 332s-241 92 -332 0s-92 -241 0 -332s241 -91 332 0zM360 310l14 -14l-104 -104l104 -104l-14 -14l-104 104l-104 -104l-14 15l103 103l-103 103l14 15
+l104 -104z" />
+    <glyph glyph-name="uniF100" unicode="&#xf100;" horiz-adv-x="257" 
+d="M91 100c-3 -3 -7 -5 -11 -5s-7 3 -10 6l-70 69l22 22l59 -58l155 156l21 -23z" />
+    <glyph glyph-name="uniF10A" unicode="&#xf10a;" 
+d="M0 357h512v-21h-512v21zM0 203h512v-20h-512v20zM0 50h512v-21h-512v21z" />
+    <glyph glyph-name="uniF103" unicode="&#xf103;" horiz-adv-x="236" 
+d="M222 311l14 -14l-104 -104l104 -104l-14 -14l-104 103l-104 -103l-14 15l103 103l-103 103l14 15l104 -104z" />
+    <glyph glyph-name="uniF109" unicode="&#xf109;" horiz-adv-x="274" 
+d="M0 235h274l-137 213l-137 -213zM274 150h-274l137 -213l137 213z" />
+    <glyph glyph-name="uniF101" unicode="&#xf101;" horiz-adv-x="507" 
+d="M463 176c24 0 44 -20 44 -44c0 -25 -20 -45 -44 -45c-19 0 -36 12 -42 29h-47c-6 0 -12 4 -14 10l-15 44l-46 -161c-2 -6 -8 -10 -14 -10h-1c-7 0 -13 4 -14 11l-47 285l-42 -168c-2 -6 -8 -11 -15 -11l-166 16s146 12 149 12c1 0 5 -1 6 2c0 2 0 1 0 1l56 225
+c2 7 7 12 15 12s13 -6 14 -13l49 -291l41 144c2 6 8 10 14 10v0c6 0 12 -4 14 -10l27 -79h36c6 18 22 31 42 31z" />
+    <glyph glyph-name="uniF10B" unicode="&#xf10b;" 
+d="M256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM256 428c-130 0 -236 -106 -236 -236s106 -236 236 -236s236 106 236 236s-106 236 -236 236zM387 345c3 1 7 -1 9 -3c4 -4 4 -10 0 -14l-113 -122c2 -4 4 -9 4 -14
+c0 -8 -3 -15 -8 -20l42 -79c3 -5 1 -11 -4 -14s-11 -1 -14 4l-42 79c-2 0 -3 -1 -5 -1c-17 0 -31 14 -31 31s14 31 31 31c4 0 8 -1 12 -3l113 122c2 2 4 3 6 3z" />
+  </font>
+</defs></svg>

data/releases/v1.1.0/stylesheets/vital.min.css

@@ -0,0 +1 @@
+html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:"icons";src:url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.eot");src:url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.eot?#iefix") format("embedded-opentype"),url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.woff") format("woff"),url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.ttf") format("truetype"),url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:"icons";src:url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.svg#icons") format("svg")}}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.icon-arrow-updown:before,.icon-check:before,.icon-clock:before,.icon-close:before,.icon-close-empty:before,.icon-close-outline:before,.icon-menu:before,.icon-vital:before{display:inline-block;font-family:"icons";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-arrow-updown:before{content:"\f100"}.icon-check:before{content:"\f101"}.icon-clock:before{content:"\f102"}.icon-close:before{content:"\f103"}.icon-close-empty:before{content:"\f104"}.icon-close-outline:before{content:"\f105"}.icon-menu:before{content:"\f106"}.icon-vital:before{content:"\f107"}[class*='col-']{float:left}.col-1-3{width:33.33%}.col-2-3{width:66.66%}.col-1-2{width:50%}.col-1-4{width:25%}.col-3-4{width:75%}.col-1-5{width:20%}.col-1-8{width:12.5%}.autogrid{display:table;table-layout:fixed;width:100%}.col{width:auto;display:table-cell;vertical-align:top}.padded [class*='col-'],.padded .col{padding-left:2%;padding-right:2%}.right-padded [class*='col-'],.right-padded .col{padding-right:2%}@media screen and (max-width: 860px){[class*='col-'],.col{width:100%}.col{display:block}.right-padded [class*='col-'],.right-padded .col{padding:0}}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html,body{height:100%;width:100%}body{background:#FAFAFA;color:#444;font:17px/1.7 "Helvetica Neue", Helvetica, Sans-Serif}body:after{content:"";display:table;clear:both}img{height:auto;border-radius:0.15em}h1,h2,h3,h4,h5,h6,p,ul,ol,div{font-weight:300}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:1em 0;margin:1rem 0}h1,h2,h3,h4,h5,h6{line-height:1.5}ul,ol{padding:0}li{list-style:none}a{color:#C9282E;text-decoration:none;outline:0}a:hover{color:#FF0008;transition:color 200ms ease-in-out}a:focus{outline:none}blockquote{margin:1em 0;padding:0 1em;border-left:0.4em solid #EEE}strong,b,.bold{font-weight:500}hr{border:none;background:#EEE;clear:both;margin:1.5em auto;height:1px}hr.half{width:50%}hr.small{width:5em}pre{white-space:pre-wrap;word-break:break-all}code{color:#333;font-family:"Monaco", Menlo, Courier;font-size:0.7em;background:#EEE;padding:0.9em 0.8em;margin:0 0.3em 0 0.2em;border-radius:0.15em;display:inline-block;word-break:break-word}p code{display:inline;padding:0.1em 0.4em 0.1em 0.3em;margin:0 0.3em 0 0}dl{display:table;width:100%}dt,dd{display:table-cell;vertical-align:top;float:left;clear:both}dt{color:#666;font-size:0.85em}dd{color:black;font-weight:400;padding-bottom:0.3em}dd:after{content:" "}dd i{margin:0 1em 0 0}.contents{background:white;min-height:24em}.row{clear:both;width:100%}.section{padding:1em;margin:0 auto;width:90%}@media screen and (min-width: 1440px){.section{width:70%}}@media screen and (min-width: 1680px){.section{width:60%}}@media screen and (max-width: 860px){.section{width:100%}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){strong,b,.bold{font-weight:500}}.ie8 strong,.ie8 b,.ie8 .bold,.ie9 strong,.ie9 b,.ie9 .bold{font-weight:500}.btn{-moz-appearance:none;-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border-radius:0.15em;border:1px solid #666;box-shadow:none;color:#666;cursor:pointer;display:inline-block;font-size:1.05em;height:auto;line-height:1;margin:0;outline:none;padding:0.76em 1.5em;text-align:center;text-decoration:none;user-select:none;white-space:nowrap}.btn:hover{border-color:#666}.btn.solid,.btn:hover{color:#FFF;background:#666}.btn.white{color:#FFF;border-color:#FFF}.btn.white.solid,.btn.white:hover{color:#000;background:#FFF}.btn.gray-light{color:#BBB;border-color:#BBB}.btn.gray-light.solid,.btn.gray-light:hover{color:#666;background:#BBB}.btn.gray-dark{color:#333;border-color:#333}.btn.gray-dark.solid,.btn.gray-dark:hover{color:#FFF;background:#333}.btn.black{color:#000;border-color:#000}.btn.black.solid,.btn.black:hover{color:#FFF;background:#000}.btn.red{color:#C9282E;border-color:#C9282E}.btn.red.solid,.btn.red:hover{color:#FFF;background:#C9282E}.btn.orange{color:#E16E00;border-color:#E16E00}.btn.orange.solid,.btn.orange:hover{color:#FFF;background:#E16E00}.btn.yellow{color:#D5B778;border-color:#D5B778}.btn.yellow.solid,.btn.yellow:hover{color:#FFF;background:#D5B778}.btn.blue{color:#5A9FC8;border-color:#5A9FC8}.btn.blue.solid,.btn.blue:hover{color:#FFF;background:#5A9FC8}.btn.green{color:#6BAF56;border-color:#6BAF56}.btn.green.solid,.btn.green:hover{color:#FFF;background:#6BAF56}.btn.solid:hover,.btn.solid:active{opacity:0.8}.btn.no-outline{border-color:transparent}.btn.large{font-size:1.2em;padding:0.8em 1.7em;word-wrap:normal}.btn.small{padding:0.5em 0.9em;font-size:0.9em}.btn.tiny{padding:0.3em 0.8em;font-size:0.8em}.btn.round{border-radius:99em}.btn:hover{transition:all 200ms ease-in-out;opacity:0.8}.btn:disabled,.btn.disabled,.btn:disabled:hover,.btn.disabled:hover{cursor:default;background:transparent;color:#666;opacity:0.2}@-moz-document url-prefix(){.btn{padding:0.78em 1.5em}}.footer{color:#BBB;padding:3em 1em;background:#FAFAFA}.footer hr{background:rgba(0,0,0,0.1)}.footer ul{list-style:none;margin:0;padding:0}.footer li{display:inline;padding:0 0.5em}.footer a{color:#666;display:inline-block;line-height:3}.footer a:hover{color:#FF0008}@media screen and (max-width: 667px){.footer li,.footer a{display:block}.footer a{padding:1em;line-height:2}.footer .line{display:none}}.full-width-forms .btn:not([type='checkbox']):not([type='radio']),.full-width-forms a:not([type='checkbox']):not([type='radio']),.full-width-forms button:not([type='checkbox']):not([type='radio']),.full-width-forms submit:not([type='checkbox']):not([type='radio']),.full-width-forms select:not([type='checkbox']):not([type='radio']),.full-width-forms textarea:not([type='checkbox']):not([type='radio']),.full-width-forms input:not([type='checkbox']):not([type='radio']){width:100%}fieldset{border-radius:0.15em;border:1px solid #f5f5f5;margin:1em 0}fieldset legend{font-weight:400;padding:0 0.25em}input,select,textarea{-moz-appearance:none;-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0.15em;border:1px solid #ddd;box-shadow:none;color:#444;display:block;font-family:"Helvetica Neue", Helvetica, Sans-Serif;font-size:inherit;outline:none;padding:0.49em 0.5em}input:hover,input:focus,select:hover,select:focus,textarea:hover,textarea:focus{border-color:#FF0008;transition:all 200ms ease-in-out}input:focus,select:focus,textarea:focus{box-shadow:0 0 10px rgba(255,0,0,0.2)}textarea{padding:0.5em}select{background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><polyline points="114.3,212.8 388,212.8 251.1,0 114.3,212.8 "/><polyline points="388,297.9 114.3,297.9 251.1,510.7 388,297.9 "/></svg>');background-color:#FFF;background-size:1em;background-repeat:no-repeat;background-position:99% 50%;line-height:1.1;padding:0.78em 0.5em;padding-right:1.4em}input:not(.btn):not([type='checkbox']):not([type='radio']){min-height:2.7em}input[type='file']{background-color:#FFF;width:100%;font-size:12px;padding:1.02em 0.5em}input[type='range']{padding:0.87em 0.1em}input[type='range']:focus{outline:0}input[type='search']{box-sizing:border-box !important;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}input[type='checkbox'],input[type='radio']{background-color:#FFF;border:1px solid #888;display:inline-block;height:1em;margin:0 0.3em -0.1em 0;padding:0;position:relative;top:0;width:1em;overflow:hidden}input[type='checkbox']:checked,input[type='radio']:checked{background-color:#C9282E;border-color:#C9282E}input[type='checkbox']:disabled,input[type='radio']:disabled{opacity:0.3}input[type='checkbox']{border-radius:0.15em}input[type='checkbox']:checked{border:none}input[type='checkbox']:checked:before{bottom:0;color:white;content:"\f101";font-family:"icons", helvetica, Sans-Serif;font-size:1em;left:0;line-height:1;position:absolute;right:0;text-align:center;top:0}input[type='radio']{border-radius:99em}input[type='radio']:checked:before{color:white;content:" ";height:1em;overflow:hidden;position:absolute;text-align:center;top:0;width:1em}@media screen and (-webkit-min-device-pixel-ratio: 0){input:not(.btn):not([type='checkbox']):not([type='radio']),select,textarea{min-height:2.7em}}@-moz-document url-prefix(){input[type='file']{padding:1em 0.5em}input[type='range']{border:0;margin:0.6em 0 0 0}select{padding:0.641em 0.5em}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;transition:none}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){select{padding:0.65em 0.5em;padding-right:0.5em}input[type='file']::-ms-value{background:#FFF}input[type='file']::-ms-value,input[type='file']::-ms-value{box-shadow:none;border:0}input[type='range']{border-color:transparent}}.ie8 select,.ie9 select{padding:0.65em 0.5em;padding-right:0.5em}.ie8 input[type='checkbox'],.ie8 input[type='radio'],.ie9 input[type='checkbox'],.ie9 input[type='radio']{background:transparent;border:0}.ie8 input[type='checkbox']:checked,.ie8 input[type='radio']:checked,.ie9 input[type='checkbox']:checked,.ie9 input[type='radio']:checked{background-color:transparent;border-color:transparent}.ie8 input[type='checkbox']:focus,.ie8 input[type='radio']:focus,.ie9 input[type='checkbox']:focus,.ie9 input[type='radio']:focus{border:0}.ie8 input[type='file'],.ie9 input[type='file']{height:3.8em}.ie8 input[type='range'],.ie9 input[type='range']{height:2em;line-height:0}.header{background:#FFF;height:4.25em;transform:translateZ(0)}.header .section{padding:0;position:relative}.header .logo{border:0;color:#C9282E;float:left;line-height:1;padding:0.6em 1em;max-height:4.25em;overflow:hidden}.header .logo:hover{background:none}.header .logo:hover i{color:#FF0008;transition:all 200ms ease-in-out}.header nav a{display:block;padding:1.3em}.header nav a:hover{background:#F5F5F5}.header nav ul{padding:0;margin:0}.header nav ul li{background:#FFF;display:inline;float:left;position:relative}.header nav ul li ul{left:0;top:100%}.header nav ul ul{display:none}.header nav li:hover>ul{display:block;position:absolute;width:12.5em;z-index:9000}.header nav li:hover>ul li{width:100%}.header nav ul ul li:hover>ul{left:auto;right:-12.5em;top:0}#menu-toggle,#menu-toggle-label{cursor:pointer;display:none;height:4.25em;position:absolute;right:0;user-select:none;width:4.25em}#menu-toggle{border-radius:0;border:0;box-shadow:none;margin:0;outline:none;padding:0;z-index:-1}#menu-toggle:hover{background:#F5F5F5}#menu-toggle:before{content:"\f106";font-family:"icons", helvetica, Sans-Serif;font-size:2em;padding:0.24em 0.5em;position:absolute;right:0}#menu-toggle:checked{background:#F5F5F5}#menu-toggle:checked:before{bottom:0;color:#444;content:"\f104";font-size:3em;left:0;line-height:0;padding:0.7em 0;position:absolute;right:0;top:0}@media screen and (max-width: 860px){.header .logo{padding:0.6em}.header nav a{border-top:1px solid #eee;padding:1em}.header nav ul li ul{display:block}.header nav ul li{border-right:none;display:block;float:left;width:100%;text-align:center}.header nav ul li a{background:#F5F5F5}.header nav>ul{clear:both;display:none}.header nav>input:checked+ul{display:block}.header nav li:hover ul{position:relative;width:auto}.header nav ul ul li:hover>ul{left:auto;right:auto;top:auto}#menu-toggle,#menu-toggle-label{display:block}}.hero{color:#FFF;background:#A8002D;background:linear-gradient(to bottom right, #C9282E, #A60052)}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin:0;line-height:1.3}.hero h1{font-size:3em}.hero h2{font-size:1.8em}.hero h3{font-size:1.6em}.hero h4{font-size:1.4em}.hero h5{font-size:1.2em}.hero h6{font-size:1em}.hero .section{padding:5em 1.5em}@media screen and (max-width: 667px){.hero .section{padding:4em 1em}.hero h1{font-size:2.4em}}.load{-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:loading;-webkit-animation-timing-function:linear;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-name:loading;-moz-animation-timing-function:linear;animation-duration:1s;animation-iteration-count:infinite;animation-name:loading;animation-timing-function:linear;border-radius:99em;border:3px solid #DDD;border-left-color:#666;display:inline-block;height:2em;width:2em}.load.smallest{width:9px;height:9px;border-width:1px}.load.small{width:16px;height:16px;border-width:2px}.load.large{width:48px;height:48px;border-width:4px}@keyframes loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes loading{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes loading{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}.ie8 .load,.ie9 .load{border-color:transparent;line-height:1;font-size:32px;width:32px;height:32px;display:inline}.ie8 .load:after,.ie9 .load:after{content:"\f102";font-family:"icons", helvetica, Sans-Serif}.ie8 .load.smallest,.ie9 .load.smallest{font-size:9px;width:9px;height:9px;border-width:0.1em}.ie8 .load.small,.ie9 .load.small{font-size:16px;width:16px;height:16px;border-width:0.1em}.ie8 .load.large,.ie9 .load.large{font-size:48px;width:48px;height:48px}.notice{background:#FFE0A3;text-align:center}.notice .section{position:relative;padding-right:3em}.notice i.icon-close-outline{cursor:pointer;font-size:2em;line-height:1.91;position:absolute;right:0.5em;top:0}.notice i.icon-close-outline:hover:before{content:"\f103"}.pagination{margin:1em 0;padding:1em;text-align:center}.pagination a,.pagination .current,.pagination .next_page,.pagination .previous_page{background:transparent;border-radius:99em;border:1px solid #BBB;color:#666;display:inline-block;font-size:1em;margin:0.5%;min-height:2.6em;padding:0.4em 1em}.pagination a.current,.pagination a:hover,.pagination .current.current,.pagination .current:hover,.pagination .next_page.current,.pagination .next_page:hover,.pagination .previous_page.current,.pagination .previous_page:hover{background:#BBB;color:#FFF;transition:all 200ms ease-in-out}.pagination .next_page,.pagination .previous_page{min-width:9em}@media screen and (max-width: 667px){.pagination a,.pagination .current,.pagination .gap{margin:0 1em 1em 0}.pagination .next_page,.pagination .previous_page{width:9em;display:block;margin:0 auto 1em auto}}table{width:100%;margin:1em 0;border-spacing:0;border-collapse:separate}th{font-weight:400;color:#000;text-align:left}td{border-top:1px solid #EEE}td,th{padding:0.5em;text-align:left;vertical-align:top}tfoot tr{border-bottom:0}@media screen and (max-width: 667px){tr,td,th{display:block}tr{padding:1em 0;border-top:1px solid #EEE}tr:first-child{border-top:0}thead{display:none}td{clear:both;border:none}td,th{padding:0.25em 0}}.tabs-block{background:transparent;border-bottom:1px solid #EEE}.tabs-block .col{text-align:center;position:relative}.tabs-block .col:last-child{border-right:0}.tabs-block .col:hover,.tabs-block .col.here{background:#EEE;transition:all 200ms ease-in-out}.tabs-block a{width:100%;display:inline-block;padding:0.5em;color:#444}.tabs{display:inline-block;list-style:none;margin:1em 0;padding:0;width:100%}.tabs a{border-radius:0.15em;border:1px solid transparent;padding:0.65em 1em;color:#444}.tabs li{display:inline-block;padding:0 0.5%}.tabs li:hover a,.tabs li.here a{transition:all 200ms ease-in-out;background:#EEE}.tabs ul{padding:0}.tabs.round li a{border-radius:99em}@media screen and (max-width: 860px){.tabs-block a,.tabs a{margin:0.5% 0;padding:0.65em 0.5em;display:block;text-align:center}.tabs-block{border-bottom:0}.tabs li{display:block;padding:0}}.highlight code{width:100%}.hll{background-color:#f8f8f8;border:1px solid #ccc;padding:6px 10px;border-radius:3px}.c{color:#999988;font-style:italic}.err{color:#a61717;background-color:#e3d2d2}.k,.o{font-weight:bold}.cm{color:#999988;font-style:italic}.cp{color:#999999;font-weight:bold}.c1{color:#999988;font-style:italic}.cs{color:#999999;font-weight:bold;font-style:italic}.gd{color:#000000;background-color:#ffdddd}.gd .x{color:#000000;background-color:#ffaaaa}.ge{font-style:italic}.gr{color:#aa0000}.gh{color:#999999}.gi{color:#000000;background-color:#ddffdd}.gi .x{color:#000000;background-color:#aaffaa}.go{color:#888888}.gp{color:#555555}.gs{font-weight:bold}.gu{color:#800080;font-weight:bold}.gt{color:#aa0000}.kc,.kd,.kn,.kp,.kr{font-weight:bold}.kt{color:#445588;font-weight:bold}.m{color:#009999}.s{color:#dd1144}.n{color:#333333}.na{color:teal}.nb{color:#0086b3}.nc{color:#445588;font-weight:bold}.no{color:teal}.ni{color:purple}.ne,.nf{color:#990000;font-weight:bold}.nn{color:#555555}.nt{color:navy}.nv{color:teal}.ow{font-weight:bold}.w{color:#bbbbbb}.mf,.mh,.mi,.mo{color:#009999}.sb,.sc,.sd,.s2,.se,.sh,.si,.sx{color:#dd1144}.sr{color:#009926}.s1{color:#dd1144}.ss{color:#990073}.bp{color:#999999}.vc,.vg,.vi{color:teal}.il{color:#009999}.gc{color:#999;background-color:#EAF2F5}ul.list,ol.list{margin-left:1em;padding-left:1em}ul.list li{list-style:disc}ol.list li{list-style:decimal}.align-left{text-align:left}.align-right{text-align:right}.break-word{word-break:break-all}.no-wrap{white-space:nowrap}.thin{font-weight:100}.uppercase{text-transform:uppercase}.light-text *,.light-text a{color:white}.light-text a{text-decoration:underline}.auto{margin:0 auto}.block{display:block}.center{text-align:center}.clear{clear:both}.float-left{float:left}.float-right{float:right}.inline{display:inline}.inline-block{display:inline-block}.checkbox,.radio{display:block;line-height:2.2}.box{border-radius:0.15em;border:1px solid #ddd;margin:1em 0;padding:1em}.disabled{color:#BBB}.radius{border-radius:0.15em}.round{border-radius:99em}.opacity-half{opacity:0.5}.gray{color:#666}.gray-medium{color:#999}.gray-light{color:#BBB}.gray-lighter{color:#EEE}.gray-lightest{color:#F9F9F9}.bg{background:#F9F9F9}.bg-black{background:#252525;background:linear-gradient(to bottom right, #222, #333)}.bg-gray{background:#9A9A9A;background:linear-gradient(to bottom right, #888, #CCC)}.bg-blue{background:#1C6AB9;background:linear-gradient(to bottom right, #25639A, #1F9CEA)}.bg-red{background:#A8002D;background:linear-gradient(to bottom right, #C9282E, #A60052)}.bg-green{background:#52BB5C;background:linear-gradient(to bottom right, #73B558, #45D093)}.hide{display:none}.show{display:block}.full{width:100%}.space:after{content:" "}.i2x{font-size:2em}.i3x{font-size:3em}.i4x{font-size:4em}.i5x{font-size:5em}.same-width{text-align:center;width:2em;display:inline-block}@media screen and (max-width: 667px){.space,.hide-on-mobile{display:none}.responsive{width:100%}}@media screen and (max-width: 334px){.responsive-portrait{width:100%}}

data/sass/vital/_all.sass

@@ -0,0 +1,21 @@
+// Vendor
+@import vital/normalize
+
+// Components
+@import vital/variables
+@import vital/icons
+@import vital/grid
+
+@import vital/base
+@import vital/buttons
+@import vital/footer
+@import vital/forms
+@import vital/header
+@import vital/heroes
+@import vital/loaders
+@import vital/notice
+@import vital/pagination
+@import vital/tables
+@import vital/tabs
+@import vital/syntax
+@import vital/helpers

data/sass/vital/_base.sass

@@ -0,0 +1,148 @@
+@import variables
+
+// Base
+
+*
+  box-sizing: border-box
+  -moz-box-sizing: border-box
+  -webkit-box-sizing: border-box
+
+html, body
+  height: 100%
+  width: 100%
+
+body
+  background: $body
+  color: $text
+  font: 17px / 1.7 $font
+  &:after
+    content: ""
+    display: table
+    clear: both
+
+img
+  height: auto
+  border-radius: $radius
+
+// Typography
+
+h1, h2, h3, h4, h5, h6, p, ul, ol, div
+  font-weight: 300
+
+h1, h2, h3, h4, h5, h6, p, ul, ol
+  margin: 1em 0
+  margin: 1rem 0
+
+h1, h2, h3, h4, h5, h6
+  line-height: 1.5
+
+ul, ol
+  padding: 0
+li
+  list-style: none
+
+a
+  color: $link
+  text-decoration: none
+  outline: 0
+  &:hover
+    color: $hover
+    transition: $color
+  &:focus
+    outline: none
+
+blockquote
+  margin: 1em 0
+  padding: 0 1em
+  border-left: 0.4em solid $gray-lighter
+
+strong, b, .bold
+  font-weight: $bold
+
+hr
+  border: none
+  background: $gray-lighter
+  clear: both
+  margin: 1.5em auto
+  height: $border-width
+  &.half
+    width: 50%
+  &.small
+    width: 5em
+
+pre
+  white-space: pre-wrap
+  word-break: break-all
+
+code
+  color: $gray-dark
+  font-family: $code
+  font-size: 0.7em
+  background: $gray-lighter
+  padding: 0.9em 0.8em
+  margin: 0 0.3em 0 0.2em
+  border-radius: $radius
+  display: inline-block
+  word-break: break-word
+  p &
+    display: inline
+    padding: 0.1em 0.4em 0.1em 0.3em
+    margin: 0 0.3em 0 0
+
+dl
+  display: table
+  width: 100%
+dt, dd
+  display: table-cell
+  vertical-align: top
+  float: left
+  clear: both
+dt
+  color: $gray
+  font-size: 0.85em
+dd
+  color: black
+  font-weight: 400
+  padding-bottom: 0.3em
+  &:after
+    content: $non-breaking-space
+  i
+    margin: 0 1em 0 0
+
+.contents
+  background: white
+  min-height: 24em
+
+.row
+  clear: both
+  width: 100%
+
+.section
+  padding: 1em
+  margin: 0 auto
+  width: 90%
+
+@media screen and (min-width: $desktop)
+
+  .section
+    width: 70%
+
+@media screen and (min-width: $desktop-large)
+
+  .section
+    width: 60%
+
+@media screen and (max-width: $phablet)
+
+  .section
+    width: 100%
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
+
+  strong, b, .bold
+    font-weight: $bold
+
+.ie8, .ie9
+
+  strong, b, .bold
+    font-weight: $bold

data/sass/vital/_buttons.sass

@@ -0,0 +1,133 @@
+@import variables
+
+// buttons
+
+.btn
+  @include appearance-none
+  background: transparent
+  border-radius: $radius
+  border: $border-width solid $gray
+  box-shadow: none
+  color: $gray
+  cursor: pointer
+  display: inline-block
+  font-size: 1.05em
+  height: auto
+  line-height: 1
+  margin: 0
+  outline: none
+  padding: 0.76em 1.5em
+  text-align: center
+  text-decoration: none
+  user-select: none
+  white-space: nowrap
+  &:hover
+    border-color: $gray
+  &.solid, &:hover
+    color: $white
+    background: $gray
+
+  // colors
+
+  &.white
+    color: $white
+    border-color: $white
+    &.solid, &:hover
+      color: $black
+      background: $white
+  &.gray-light
+    color: $gray-light
+    border-color: $gray-light
+    &.solid, &:hover
+      color: $gray
+      background: $gray-light
+  &.gray-dark
+    color: $gray-dark
+    border-color: $gray-dark
+    &.solid, &:hover
+      color: $white
+      background: $gray-dark
+  &.black
+    color: $black
+    border-color: $black
+    &.solid, &:hover
+      color: $white
+      background: $black
+  &.red
+    color: $red
+    border-color: $red
+    &.solid, &:hover
+      color: $white
+      background: $red
+  &.orange
+    color: $orange
+    border-color: $orange
+    &.solid, &:hover
+      color: $white
+      background: $orange
+  &.yellow
+    color: $yellow
+    border-color: $yellow
+    &.solid, &:hover
+      color: $white
+      background: $yellow
+  &.blue
+    color: $blue
+    border-color: $blue
+    &.solid, &:hover
+      color: $white
+      background: $blue
+  &.green
+    color: $green
+    border-color: $green
+    &.solid, &:hover
+      color: $white
+      background: $green
+
+  // solids
+
+  &.solid
+    &:hover, &:active
+      opacity: 0.8
+
+  // no outline
+
+  &.no-outline
+    border-color: transparent
+
+  // sizes
+
+  &.large
+    font-size: 1.2em
+    padding: 0.8em 1.7em
+    word-wrap: normal
+  &.small
+    padding: 0.5em 0.9em
+    font-size: 0.9em
+  &.tiny
+    padding: 0.3em 0.8em
+    font-size: 0.8em
+
+  // shapes
+
+  &.round
+    border-radius: $round
+
+  // states
+
+  &:hover
+    transition: $all
+    opacity: 0.8
+
+  &:disabled, &.disabled, &:disabled:hover, &.disabled:hover
+    cursor: default
+    background: transparent
+    color: $gray
+    opacity: 0.2
+
+// Adjustments for Firefox
+
+@-moz-document url-prefix()
+
+  .btn
+    padding: 0.78em 1.5em

data/sass/vital/_custom.sass

@@ -0,0 +1,4 @@
+@import variables
+
+// Custom
+// Styles that are very unique to specific pages or intended not to be re-used should go here.

data/sass/vital/_footer.sass

@@ -0,0 +1,33 @@
+@import variables
+
+// Footer
+.footer
+  color: $gray-light
+  padding: 3em 1em
+  background: $body
+  hr
+    background: rgba(0,0,0,0.1)
+  ul
+    list-style: none
+    margin: 0
+    padding: 0
+  li
+    display: inline
+    padding: 0 0.5em
+  a
+    color: $gray
+    display: inline-block
+    line-height: 3
+    &:hover
+      color: $hover
+
+@media screen and (max-width: $handheld)
+
+  .footer
+    li, a
+      display: block
+    a
+      padding: 1em
+      line-height: 2
+    .line
+      display: none

data/sass/vital/_forms.sass

@@ -0,0 +1,187 @@
+@import variables
+
+.full-width-forms
+  .btn,
+  a,
+  button,
+  submit,
+  select,
+  textarea,
+  input
+    &:not([type='checkbox']):not([type='radio'])
+      width: 100%
+
+fieldset
+  border-radius: $radius
+  border: $border-width solid #f5f5f5
+  margin: 1em 0
+  legend
+    font-weight: 400
+    padding: 0 0.25em
+
+input, select, textarea
+  @include appearance-none
+  border-radius: $radius
+  border: $border-width solid #ddd
+  box-shadow: none
+  color: $text
+  display: block
+  font-family: $font
+  font-size: inherit
+  outline: none
+  padding: 0.49em $input-left-right-padding
+  &:hover, &:focus
+    border-color: $hover
+    transition: $all
+  &:focus
+    box-shadow: 0 0 10px $focus
+
+textarea
+  padding: $input-left-right-padding
+
+select
+  background-image: url($svg-arrow-updown)
+  background-color: $input-background-color
+  background-size: 1em
+  background-repeat: no-repeat
+  background-position: 99% 50%
+  line-height: 1.1
+  padding: 0.78em $input-left-right-padding
+  padding-right: 1.4em
+
+input
+  &:not(.btn):not([type='checkbox']):not([type='radio'])
+    min-height: 2.7em
+
+  &[type='file']
+    background-color: $input-background-color
+    width: 100%
+    font-size: 12px
+    padding: 1.02em $input-left-right-padding
+
+  &[type='range']
+    padding: 0.870em 0.1em
+    &:focus
+      outline: 0
+
+  &[type='search']
+    box-sizing: border-box !important
+    @include appearance-none
+
+  &[type='checkbox'], &[type='radio']
+    background-color: $input-background-color
+    border: $border-width solid #888
+    display: inline-block
+    height: 1em
+    margin: 0 0.3em -0.1em 0
+    padding: 0
+    position: relative
+    top: 0
+    width: 1em
+    overflow: hidden
+    &:checked
+      background-color: $input-checkbox-checked
+      border-color: $input-checkbox-checked
+    &:disabled
+      opacity: 0.3
+
+  &[type='checkbox']
+    border-radius: $radius
+    &:checked
+      border: none
+      &:before
+        bottom: 0
+        color: white
+        content: $font-icons-icon-check
+        font-family: $icons
+        font-size: 1em
+        left: 0
+        line-height: 1
+        position: absolute
+        right: 0
+        text-align: center
+        top: 0
+
+  &[type='radio']
+    border-radius: $round
+    &:checked
+      &:before
+        color: white
+        content: ' '
+        height: 1em
+        overflow: hidden
+        position: absolute
+        text-align: center
+        top: 0
+        width: 1em
+
+// Adjustments for iOS Safari
+
+@media screen and (-webkit-min-device-pixel-ratio: 0)
+
+  input:not(.btn):not([type='checkbox']):not([type='radio']), select, textarea
+    min-height: $input-height
+
+// Adjustments to Firefox
+
+@-moz-document url-prefix()
+
+  input
+    &[type='file']
+      padding: 1.0em $input-left-right-padding
+    &[type='range']
+      border: 0
+      margin: 0.6em 0 0 0
+
+  select
+    padding: 0.6410em $input-left-right-padding
+    &:-moz-focusring
+      color: transparent
+      text-shadow: 0 0 0 #000
+      transition: none
+
+// Adjustments for internet explorer 10+
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
+
+  select
+    padding: 0.65em $input-left-right-padding
+    padding-right: $input-left-right-padding
+
+  input
+
+    &[type='file']
+      &::-ms-value
+        background: $input-background-color
+      &::-ms-value, &::-ms-value
+        box-shadow: none
+        border: 0
+
+    &[type='range']
+      border-color: transparent
+
+// Adjustments for IE 8/9
+
+.ie8, .ie9
+
+  select
+    padding: 0.65em $input-left-right-padding
+    padding-right: $input-left-right-padding
+
+  input
+
+    &[type='checkbox'], &[type='radio']
+      background: transparent
+      border: 0
+      &:checked
+        background-color: transparent
+        border-color: transparent
+      &:focus
+        border: 0
+
+    &[type='file']
+      height: $input-height + 1.1em
+
+    &[type='range']
+      height: 2em
+      line-height: 0

data/sass/vital/_grid.sass

@@ -0,0 +1,47 @@
+[class*='col-']
+  float: left
+
+.col-1-3
+  width: 33.33%
+.col-2-3
+  width: 66.66%
+.col-1-2
+  width: 50%
+.col-1-4
+  width: 25%
+.col-3-4
+  width: 75%
+.col-1-5
+  width: 20%
+.col-1-8
+  width: 12.5%
+
+.autogrid
+  display: table
+  table-layout: fixed
+  width: 100%
+.col
+  width: auto
+  display: table-cell
+  vertical-align: top
+
+.padded
+  [class*='col-'], .col
+    padding-left: $grid-padding
+    padding-right: $grid-padding
+
+.right-padded
+  [class*='col-'], .col
+    padding-right: $grid-padding
+
+@media screen and (max-width: $phablet)
+
+  [class*='col-'], .col
+    width: 100%
+
+  .col
+    display: block
+
+  .right-padded
+    [class*='col-'], .col
+      padding: 0