kwand-stack/client/styles/main.css

Koa + WebSockets + Angular + Node + Dokku

/* normalize.css v2.1.2 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-family: sans-serif;
/* 1 */
  -ms-text-size-adjust: 100%;
/* 2 */
  -webkit-text-size-adjust: 100%;
/* 2 */
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
/* 1 */
  padding: 0;
/* 2 */
}
button,
input,
select,
textarea {
  font-family: inherit;
/* 1 */
  font-size: 100%;
/* 2 */
  margin: 0;
/* 3 */
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
/* 2 */
  cursor: pointer;
/* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
/* 1 */
  padding: 0;
/* 2 */
}
input[type="search"] {
  -webkit-appearance: textfield;
/* 1 */
  -webkit-box-sizing: content-box;
/* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
/* 1 */
  vertical-align: top;
/* 2 */
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
ul {
  list-style: none;
  padding-left: 0;
}
.off {
  display: none;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
  height: 0;
  font-size: 0;
}
a {
  padding-bottom: 0.08em;
  border-bottom: 0.08em dotted;
  text-decoration: none;
  font-weight: bold;
}
code,
.hljs {
  display: inline-block;
  padding: 0.5em;
  background: #002b36;
  color: #839496;
}
.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string,
.hljs-javadoc {
  color: #586e75;
}
.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
  color: #859900;
}
.hljs-number,
.hljs-command,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
  color: #2aa198;
}
.hljs-title,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function {
  color: #268bd2;
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.haskell .hljs-type,
.hljs-link_reference {
  color: #b58900;
}
.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.clojure .hljs-title,
.css .hljs-pseudo,
.hljs-header {
  color: #cb4b16;
}
.hljs-deletion,
.hljs-important {
  color: #dc322f;
}
.hljs-link_label {
  color: #6c71c4;
}
.tex .hljs-formula {
  background: #073642;
}
.base03 {
  color: #002b36;
}
.base03bg {
  background: #002b36;
}
.base02 {
  color: #073642;
}
.base02bg {
  background: #073642;
}
.base01 {
  color: #586e75;
}
.base01bg {
  background: #586e75;
}
.base00 {
  color: #657b83;
}
.base00bg {
  background: #657b83;
}
.base0 {
  color: #839496;
}
.base0bg {
  background: #839496;
}
.base1 {
  color: #93a1a1;
}
.base1bg {
  background: #93a1a1;
}
.base2 {
  color: #eee8d5;
}
.base2bg {
  background: #eee8d5;
}
.base3 {
  color: #fdf6e3;
}
.base3bg {
  background: #fdf6e3;
}
.syellow {
  color: #b58900;
}
.syellowbg {
  background: #b58900;
}
.sorange {
  color: #cb4b16;
}
.sorangebg {
  background: #cb4b16;
}
.sred {
  color: #dc322f;
}
.sredbg {
  background: #dc322f;
}
.smagenta {
  color: #d33682;
}
.smagentabg {
  background: #d33682;
}
.sviolet {
  color: #6c71c4;
}
.svioletbg {
  background: #6c71c4;
}
.sblue {
  color: #268bd2;
}
.sbluebg {
  background: #268bd2;
}
.scyan {
  color: #2aa198;
}
.scyanbg {
  background: #2aa198;
}
.sgreen {
  color: #859900;
}
.sgreenbg {
  background: #859900;
}
code {
  border-radius: 0.33em;
  padding: 0.15em 0.5em 0.12em 0.5em;
  margin: 0.1em 0 0 0;
}
aside,
pre > code {
  border-radius: 0.33em;
  padding: 0.3em 1.25em 0.4em 1.33em;
}
aside {
  font-style: italic;
  display: inline-block;
  color: #000;
  background: #d3d3d3;
}
a:hover {
  font-size: 1.1em;
}
a:visited {
  color: #000;
}
section {
  text-align: left;
}
section,
article {
  margin: 2.5em 0 0 0;
}
section >h1,
article >h1,
section >h2,
article >h2,
section >h3,
article >h3 {
  margin-left: -1em;
}
.container {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
}
.container img {
  display: inline-block;
}
.credits,
.credits a {
  color: #d3d3d3;
}
.youtyped {
  font-size: 2em;
  font-weight: bold;
  padding-left: 1em;
}