/soy/ - Soyjaks

/*! Contains fonts from Font Awesome (Copyright (C) 2016 by Dave Gandy), Entypo (Copyright (C) 2012 by Daniel Bruce) */
@font-face {
font-family: 'tegaki';
format('woff');
font-weight: normal;
font-style: normal;
}

.tegaki-icon:before {
font-family: 'tegaki';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
}

.tegaki-cancel:before { content: '\e800'; } /* '' */
.tegaki-plus:before { content: '\e801'; } /* '' */
.tegaki-minus:before { content: '\e802'; } /* '' */
.tegaki-pen:before { content: '\e803'; } /* '' */
.tegaki-down-open:before { content: '\e804'; } /* '' */
.tegaki-up-open:before { content: '\e805'; } /* '' */
.tegaki-level-down:before { content: '\e806'; } /* '' */
.tegaki-pencil:before { content: '\e807'; } /* '' */
.tegaki-play:before { content: '\e808'; } /* '' */
.tegaki-bucket:before { content: '\e809'; } /* '' */
.tegaki-pause:before { content: '\e80a'; } /* '' */
.tegaki-blur:before { content: '\e80b'; } /* '' */
.tegaki-to-start:before { content: '\e80c'; } /* '' */
.tegaki-watercolor:before { content: '\e80d'; } /* '' */
.tegaki-tone:before { content: '\e80e'; } /* '' */
.tegaki-airbrush:before { content: '\e80f'; } /* '' */
.tegaki-fast-fw:before { content: '\e810'; } /* '' */
.tegaki-fast-bw:before { content: '\e811'; } /* '' */
.tegaki-left-open:before { content: '\e812'; } /* '' */
.tegaki-right-open:before { content: '\e813'; } /* '' */
.tegaki-eraser:before { content: '\f12d'; } /* '' */
.tegaki-pipette:before { content: '\f1fb'; } /* '' */

.tegaki-disabled,
.tegaki-disabled::after,
.tegaki-disabled::before {
opacity: 0.45;
}

.tegaki-hidden {
display: none !important;
}

.tegaki-invis {
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}

.tegaki-replay-mode #tegaki-tools-cnt,
.tegaki-replay-mode #tegaki-toolmode-bar,
.tegaki-replay-mode .tegaki-ctrlgrp,
.tegaki-replay-mode .tegaki-layers-cell,
.tegaki-replay-mode #tegaki-layers-ctrl {
pointer-events: none;
}

.tegaki-replay-mode #tegaki-ctrlgrp-zoom,
.tegaki-replay-mode #tegaki-ctrlgrp-layers {
pointer-events: auto;
}

#tegaki {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #a3b1bf;
color: #222;
font-family: arial, sans-serif;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 9999;
display: grid;
grid-template-columns: 40px 1fr 160px;
grid-template-rows: 24px 1fr 18px;
grid-gap: 2px;
}

#tegaki input {
color: inherit;
}

#tegaki > div {
background-color: #8d99a6;
}

#tegaki-menu-cnt {
grid-area: 1 / 1 / 2 / 4;
white-space: nowrap;
overflow: hidden;
display: flex;
}

#tegaki-tools-cnt {
grid-area: 2 / 1 / 4 / 2;
padding: 4px;
}

#tegaki-canvas-cnt {
grid-area: 2 / 2 / 3 / 3;
overflow: auto;
display: flex;
}

#tegaki-ctrl-cnt {
grid-area: 2 / 3 / 4 / 4;
padding: 6px;
overflow: hidden auto;
}

#tegaki-status-cnt {
grid-area: 3 / 2 / 4 / 3;
line-height: 18px;

You missed some miss circle BBC gemmies