From f29cade976696ce71764bf966d036f89a607344f Mon Sep 17 00:00:00 2001
From: Rabelle Rouser <rabellerouser@gmail.com>
Date: Tue, 15 Aug 2017 10:13:16 -0500
Subject: [PATCH 1/2] updated css file to fix bug with reduced browser scale

---
 _assets/literallycanvas.css | 371 +++++++++++++++++++++++++++++++++++-
 1 file changed, 370 insertions(+), 1 deletion(-)

diff --git a/_assets/literallycanvas.css b/_assets/literallycanvas.css
index 059d504..ce21c19 100644
--- a/_assets/literallycanvas.css
+++ b/_assets/literallycanvas.css
@@ -1 +1,370 @@
-.literally .button-style-1{border:2px solid transparent;border-radius:3px}.literally .button-style-1{text-decoration:none;cursor:pointer}.literally .button-style-1.selected:not(.disabled){background-color:#a1d9fe}.literally .button-style-1:hover:not(.disabled){border-color:#a1d9fe}.literally .button-style-1.disabled{cursor:default;opacity:0.3}.literally.toolbar-at-top .lc-drawing{bottom:0;top:31px}.literally.toolbar-at-top .lc-options{top:0;border-bottom:1px solid #555}.literally.toolbar-at-bottom .lc-drawing{bottom:31px;top:0}.literally.toolbar-at-bottom .lc-options{bottom:0;border-top:1px solid #555}.literally.toolbar-hidden .lc-drawing{left:0;right:0;bottom:0;top:0}.literally.toolbar-hidden .lc-options,.literally.toolbar-hidden .lc-picker{display:none}.literally{position:relative;background-color:#ddd;min-height:400px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;user-select:none}.literally,.literally *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.literally>*{position:absolute}.literally .lc-picker{top:0;left:0;bottom:0;width:61px;background-color:#e6e6e6}.literally .lc-drawing{right:0;left:0;bottom:0;left:0}.literally .lc-drawing>*{position:absolute;top:0;right:0;bottom:0;left:0}.literally .lc-drawing.with-gui{right:0;left:61px;cursor:default}.literally .lc-drawing.with-gui .polygon-toolbar{top:auto;height:31px}.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button{float:left}.literally .lc-drawing.with-gui .text-tool-input:focus{outline:none}.literally .lc-picker{z-index:1001;border-right:1px solid #555}.literally .lc-picker .toolbar-button{width:26px;height:26px;line-height:26px;margin:2px;padding:0;cursor:pointer;text-align:center;border:2px solid transparent;border-radius:3px}.literally .lc-picker .toolbar-button{text-decoration:none;cursor:pointer}.literally .lc-picker .toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .lc-picker .toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .lc-picker .toolbar-button.disabled{cursor:default;opacity:0.3}.literally .lc-picker .thin-button{cursor:pointer;float:left;position:relative}.literally .lc-picker .fat-button{clear:both;width:56px}.literally .lc-picker .lc-pick-tool,.literally .lc-picker .lc-undo,.literally .lc-picker .lc-redo,.literally .lc-picker .lc-zoom-in,.literally .lc-picker .lc-zoom-out{background-size:100% auto;background-repeat:no-repeat;background-position:center center}.literally .color-well{font-size:10px;float:left;width:60px}.literally .color-well.open{background-color:#a1d9fe}.literally .color-well-color-container{border:2px solid transparent;border-radius:3px;border:1px solid #aaa;position:relative;width:28px;height:28px;margin:1px auto;overflow:visible}.literally .color-well-color-container{text-decoration:none;cursor:pointer}.literally .color-well-color-container.selected:not(.disabled){background-color:#a1d9fe}.literally .color-well-color-container:hover:not(.disabled){border-color:#a1d9fe}.literally .color-well-color-container.disabled{cursor:default;opacity:0.3}.literally .color-well-color-container .color-well-checker{position:absolute;width:50%;height:50%;background-color:black}.literally .color-well-color-container .color-well-checker-top-left{border-top-left-radius:3px}.literally .color-well-color-container .color-well-checker-bottom-right{border-bottom-right-radius:3px}.literally .color-well-color-container .color-well-color{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px}.literally .color-picker-popup{position:absolute;z-index:1;background-color:white;border:1px solid #555;left:60px;bottom:31px}.literally .color-picker-popup .color-row{clear:both}.literally .color-picker-popup .color-row .color-cell{cursor:pointer;width:20px;height:20px;line-height:20px;float:left}.literally .color-picker-popup .color-row .color-cell:hover,.literally .color-picker-popup .color-row .color-cell.selected{border:1px solid #555;line-height:18px}.literally .color-picker-popup .color-row .color-cell.transparent-cell{width:100%}.literally .horz-toolbar{height:31px;background-color:#e6e6e6}.literally .horz-toolbar .label{line-height:30px;margin:0 0.25em 0 0.25em;font-size:12px}.literally .horz-toolbar span{line-height:30px;margin:0 0.25em 0 0.25em;font-size:12px;float:left}.literally .horz-toolbar .square-toolbar-button{border:2px solid transparent;border-radius:3px;margin:1px;border:1px solid #aaa;width:28px;height:28px;float:left;position:relative}.literally .horz-toolbar .square-toolbar-button{text-decoration:none;cursor:pointer}.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button.disabled{cursor:default;opacity:0.3}.literally .horz-toolbar .square-toolbar-button img{max-width:100%;max-height:100%}.literally .horz-toolbar .square-toolbar-button label{position:absolute;top:0;right:0;bottom:0;left:0;line-height:26px;margin:auto;float:none;text-align:center}.literally .polygon-toolbar{position:absolute;border-top:1px solid #555;border-bottom:1px solid #555;width:100%}.literally.toolbar-at-bottom .polygon-toolbar{top:-100%}.literally.toolbar-at-top .polygon-toolbar{top:100%}.literally .lc-options{z-index:1;right:0;left:61px}.literally .lc-options .lc-font-settings{height:30px;line-height:31px;padding-left:4px;background-color:#f5f5f5}.literally .lc-options .lc-font-settings input{margin:0 0.5em 0 0}.literally .lc-options .lc-font-settings input[type=checkbox]{margin:0 0.5em 0 0.5em}
+.literally .button-style-1 {
+    border: 2px solid transparent;
+    border-radius: 3px
+}
+
+.literally .button-style-1 {
+    text-decoration: none;
+    cursor: pointer
+}
+
+.literally .button-style-1.selected:not(.disabled) {
+    background-color: #a1d9fe
+}
+
+.literally .button-style-1:hover:not(.disabled) {
+    border-color: #a1d9fe
+}
+
+.literally .button-style-1.disabled {
+    cursor: default;
+    opacity: 0.3
+}
+
+.literally.toolbar-at-top .lc-drawing {
+    bottom: 0;
+    top: 31px
+}
+
+.literally.toolbar-at-top .lc-options {
+    top: 0;
+    border-bottom: 1px solid #555
+}
+
+.literally.toolbar-at-bottom .lc-drawing {
+    bottom: 31px;
+    top: 0
+}
+
+.literally.toolbar-at-bottom .lc-options {
+    bottom: 0;
+    border-top: 1px solid #555
+}
+
+.literally.toolbar-hidden .lc-drawing {
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0
+}
+
+.literally.toolbar-hidden .lc-options,
+.literally.toolbar-hidden .lc-picker {
+    display: none
+}
+
+.literally {
+    position: relative;
+    background-color: #ddd;
+    min-height: 400px;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -ms-touch-action: none;
+    user-select: none
+}
+
+.literally,
+.literally * {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.literally>* {
+    position: absolute
+}
+
+.literally .lc-picker {
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 65px;
+    background-color: #e6e6e6
+}
+
+.literally .lc-drawing {
+    right: 0;
+    left: 0;
+    bottom: 0;
+    left: 0
+}
+
+.literally .lc-drawing>* {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0
+}
+
+.literally .lc-drawing.with-gui {
+    right: 0;
+    left: 65px;
+    cursor: default
+}
+
+.literally .lc-drawing.with-gui .polygon-toolbar {
+    top: auto;
+    height: 31px
+}
+
+.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button {
+    float: left
+}
+
+.literally .lc-drawing.with-gui .text-tool-input:focus {
+    outline: none
+}
+
+.literally .lc-picker {
+    z-index: 1001;
+    border-right: 1px solid #555
+}
+
+.literally .lc-picker .toolbar-button {
+    width: 26px;
+    height: 26px;
+    line-height: 26px;
+    margin: 2px;
+    padding: 0;
+    cursor: pointer;
+    text-align: center;
+    border: 2px solid transparent;
+    border-radius: 3px
+}
+
+.literally .lc-picker .toolbar-button {
+    text-decoration: none;
+    cursor: pointer
+}
+
+.literally .lc-picker .toolbar-button.selected:not(.disabled) {
+    background-color: #a1d9fe
+}
+
+.literally .lc-picker .toolbar-button:hover:not(.disabled) {
+    border-color: #a1d9fe
+}
+
+.literally .lc-picker .toolbar-button.disabled {
+    cursor: default;
+    opacity: 0.3
+}
+
+.literally .lc-picker .thin-button {
+    cursor: pointer;
+    float: left;
+    position: relative
+}
+
+.literally .lc-picker .fat-button {
+    clear: both;
+    width: 56px
+}
+
+.literally .lc-picker .lc-pick-tool,
+.literally .lc-picker .lc-undo,
+.literally .lc-picker .lc-redo,
+.literally .lc-picker .lc-zoom-in,
+.literally .lc-picker .lc-zoom-out {
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+    background-position: center center
+}
+
+.literally .color-well {
+    font-size: 10px;
+    float: left;
+    width: 60px
+}
+
+.literally .color-well.open {
+    background-color: #a1d9fe
+}
+
+.literally .color-well-color-container {
+    border: 2px solid transparent;
+    border-radius: 3px;
+    border: 1px solid #aaa;
+    position: relative;
+    width: 28px;
+    height: 28px;
+    margin: 1px auto;
+    overflow: visible
+}
+
+.literally .color-well-color-container {
+    text-decoration: none;
+    cursor: pointer
+}
+
+.literally .color-well-color-container.selected:not(.disabled) {
+    background-color: #a1d9fe
+}
+
+.literally .color-well-color-container:hover:not(.disabled) {
+    border-color: #a1d9fe
+}
+
+.literally .color-well-color-container.disabled {
+    cursor: default;
+    opacity: 0.3
+}
+
+.literally .color-well-color-container .color-well-checker {
+    position: absolute;
+    width: 50%;
+    height: 50%;
+    background-color: black
+}
+
+.literally .color-well-color-container .color-well-checker-top-left {
+    border-top-left-radius: 3px
+}
+
+.literally .color-well-color-container .color-well-checker-bottom-right {
+    border-bottom-right-radius: 3px
+}
+
+.literally .color-well-color-container .color-well-color {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border-radius: 3px
+}
+
+.literally .color-picker-popup {
+    position: absolute;
+    z-index: 1;
+    background-color: white;
+    border: 1px solid #555;
+    left: 60px;
+    bottom: 31px
+}
+
+.literally .color-picker-popup .color-row {
+    clear: both
+}
+
+.literally .color-picker-popup .color-row .color-cell {
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    float: left
+}
+
+.literally .color-picker-popup .color-row .color-cell:hover,
+.literally .color-picker-popup .color-row .color-cell.selected {
+    border: 1px solid #555;
+    line-height: 18px
+}
+
+.literally .color-picker-popup .color-row .color-cell.transparent-cell {
+    width: 100%
+}
+
+.literally .horz-toolbar {
+    height: 31px;
+    background-color: #e6e6e6
+}
+
+.literally .horz-toolbar .label {
+    line-height: 30px;
+    margin: 0 0.25em 0 0.25em;
+    font-size: 12px
+}
+
+.literally .horz-toolbar span {
+    line-height: 30px;
+    margin: 0 0.25em 0 0.25em;
+    font-size: 12px;
+    float: left
+}
+
+.literally .horz-toolbar .square-toolbar-button {
+    border: 2px solid transparent;
+    border-radius: 3px;
+    margin: 1px;
+    border: 1px solid #aaa;
+    width: 28px;
+    height: 28px;
+    float: left;
+    position: relative
+}
+
+.literally .horz-toolbar .square-toolbar-button {
+    text-decoration: none;
+    cursor: pointer
+}
+
+.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
+    background-color: #a1d9fe
+}
+
+.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {
+    border-color: #a1d9fe
+}
+
+.literally .horz-toolbar .square-toolbar-button.disabled {
+    cursor: default;
+    opacity: 0.3
+}
+
+.literally .horz-toolbar .square-toolbar-button img {
+    max-width: 100%;
+    max-height: 100%
+}
+
+.literally .horz-toolbar .square-toolbar-button label {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    line-height: 26px;
+    margin: auto;
+    float: none;
+    text-align: center
+}
+
+.literally .polygon-toolbar {
+    position: absolute;
+    border-top: 1px solid #555;
+    border-bottom: 1px solid #555;
+    width: 100%
+}
+
+.literally.toolbar-at-bottom .polygon-toolbar {
+    top: -100%
+}
+
+.literally.toolbar-at-top .polygon-toolbar {
+    top: 100%
+}
+
+.literally .lc-options {
+    z-index: 1;
+    right: 0;
+    left: 65px
+}
+
+.literally .lc-options .lc-font-settings {
+    height: 30px;
+    line-height: 31px;
+    padding-left: 4px;
+    background-color: #f5f5f5
+}
+
+.literally .lc-options .lc-font-settings input {
+    margin: 0 0.5em 0 0
+}
+
+.literally .lc-options .lc-font-settings input[type=checkbox] {
+    margin: 0 0.5em 0 0.5em
+}
\ No newline at end of file

From 22c00a0fdccea8691a148381bba4004b876a987d Mon Sep 17 00:00:00 2001
From: RubyRabelle <rabelle.rouser@gmail.com>
Date: Tue, 15 Aug 2017 10:27:49 -0500
Subject: [PATCH 2/2] re-minified file

Changed toolbar width from 61 to 65px to accommodate browser zooming under 100%
---
 _assets/literallycanvas.css | 371 +-----------------------------------
 1 file changed, 1 insertion(+), 370 deletions(-)

diff --git a/_assets/literallycanvas.css b/_assets/literallycanvas.css
index ce21c19..3662be6 100644
--- a/_assets/literallycanvas.css
+++ b/_assets/literallycanvas.css
@@ -1,370 +1 @@
-.literally .button-style-1 {
-    border: 2px solid transparent;
-    border-radius: 3px
-}
-
-.literally .button-style-1 {
-    text-decoration: none;
-    cursor: pointer
-}
-
-.literally .button-style-1.selected:not(.disabled) {
-    background-color: #a1d9fe
-}
-
-.literally .button-style-1:hover:not(.disabled) {
-    border-color: #a1d9fe
-}
-
-.literally .button-style-1.disabled {
-    cursor: default;
-    opacity: 0.3
-}
-
-.literally.toolbar-at-top .lc-drawing {
-    bottom: 0;
-    top: 31px
-}
-
-.literally.toolbar-at-top .lc-options {
-    top: 0;
-    border-bottom: 1px solid #555
-}
-
-.literally.toolbar-at-bottom .lc-drawing {
-    bottom: 31px;
-    top: 0
-}
-
-.literally.toolbar-at-bottom .lc-options {
-    bottom: 0;
-    border-top: 1px solid #555
-}
-
-.literally.toolbar-hidden .lc-drawing {
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0
-}
-
-.literally.toolbar-hidden .lc-options,
-.literally.toolbar-hidden .lc-picker {
-    display: none
-}
-
-.literally {
-    position: relative;
-    background-color: #ddd;
-    min-height: 400px;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -ms-touch-action: none;
-    user-select: none
-}
-
-.literally,
-.literally * {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-}
-
-.literally>* {
-    position: absolute
-}
-
-.literally .lc-picker {
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 65px;
-    background-color: #e6e6e6
-}
-
-.literally .lc-drawing {
-    right: 0;
-    left: 0;
-    bottom: 0;
-    left: 0
-}
-
-.literally .lc-drawing>* {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0
-}
-
-.literally .lc-drawing.with-gui {
-    right: 0;
-    left: 65px;
-    cursor: default
-}
-
-.literally .lc-drawing.with-gui .polygon-toolbar {
-    top: auto;
-    height: 31px
-}
-
-.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button {
-    float: left
-}
-
-.literally .lc-drawing.with-gui .text-tool-input:focus {
-    outline: none
-}
-
-.literally .lc-picker {
-    z-index: 1001;
-    border-right: 1px solid #555
-}
-
-.literally .lc-picker .toolbar-button {
-    width: 26px;
-    height: 26px;
-    line-height: 26px;
-    margin: 2px;
-    padding: 0;
-    cursor: pointer;
-    text-align: center;
-    border: 2px solid transparent;
-    border-radius: 3px
-}
-
-.literally .lc-picker .toolbar-button {
-    text-decoration: none;
-    cursor: pointer
-}
-
-.literally .lc-picker .toolbar-button.selected:not(.disabled) {
-    background-color: #a1d9fe
-}
-
-.literally .lc-picker .toolbar-button:hover:not(.disabled) {
-    border-color: #a1d9fe
-}
-
-.literally .lc-picker .toolbar-button.disabled {
-    cursor: default;
-    opacity: 0.3
-}
-
-.literally .lc-picker .thin-button {
-    cursor: pointer;
-    float: left;
-    position: relative
-}
-
-.literally .lc-picker .fat-button {
-    clear: both;
-    width: 56px
-}
-
-.literally .lc-picker .lc-pick-tool,
-.literally .lc-picker .lc-undo,
-.literally .lc-picker .lc-redo,
-.literally .lc-picker .lc-zoom-in,
-.literally .lc-picker .lc-zoom-out {
-    background-size: 100% auto;
-    background-repeat: no-repeat;
-    background-position: center center
-}
-
-.literally .color-well {
-    font-size: 10px;
-    float: left;
-    width: 60px
-}
-
-.literally .color-well.open {
-    background-color: #a1d9fe
-}
-
-.literally .color-well-color-container {
-    border: 2px solid transparent;
-    border-radius: 3px;
-    border: 1px solid #aaa;
-    position: relative;
-    width: 28px;
-    height: 28px;
-    margin: 1px auto;
-    overflow: visible
-}
-
-.literally .color-well-color-container {
-    text-decoration: none;
-    cursor: pointer
-}
-
-.literally .color-well-color-container.selected:not(.disabled) {
-    background-color: #a1d9fe
-}
-
-.literally .color-well-color-container:hover:not(.disabled) {
-    border-color: #a1d9fe
-}
-
-.literally .color-well-color-container.disabled {
-    cursor: default;
-    opacity: 0.3
-}
-
-.literally .color-well-color-container .color-well-checker {
-    position: absolute;
-    width: 50%;
-    height: 50%;
-    background-color: black
-}
-
-.literally .color-well-color-container .color-well-checker-top-left {
-    border-top-left-radius: 3px
-}
-
-.literally .color-well-color-container .color-well-checker-bottom-right {
-    border-bottom-right-radius: 3px
-}
-
-.literally .color-well-color-container .color-well-color {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    border-radius: 3px
-}
-
-.literally .color-picker-popup {
-    position: absolute;
-    z-index: 1;
-    background-color: white;
-    border: 1px solid #555;
-    left: 60px;
-    bottom: 31px
-}
-
-.literally .color-picker-popup .color-row {
-    clear: both
-}
-
-.literally .color-picker-popup .color-row .color-cell {
-    cursor: pointer;
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    float: left
-}
-
-.literally .color-picker-popup .color-row .color-cell:hover,
-.literally .color-picker-popup .color-row .color-cell.selected {
-    border: 1px solid #555;
-    line-height: 18px
-}
-
-.literally .color-picker-popup .color-row .color-cell.transparent-cell {
-    width: 100%
-}
-
-.literally .horz-toolbar {
-    height: 31px;
-    background-color: #e6e6e6
-}
-
-.literally .horz-toolbar .label {
-    line-height: 30px;
-    margin: 0 0.25em 0 0.25em;
-    font-size: 12px
-}
-
-.literally .horz-toolbar span {
-    line-height: 30px;
-    margin: 0 0.25em 0 0.25em;
-    font-size: 12px;
-    float: left
-}
-
-.literally .horz-toolbar .square-toolbar-button {
-    border: 2px solid transparent;
-    border-radius: 3px;
-    margin: 1px;
-    border: 1px solid #aaa;
-    width: 28px;
-    height: 28px;
-    float: left;
-    position: relative
-}
-
-.literally .horz-toolbar .square-toolbar-button {
-    text-decoration: none;
-    cursor: pointer
-}
-
-.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
-    background-color: #a1d9fe
-}
-
-.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {
-    border-color: #a1d9fe
-}
-
-.literally .horz-toolbar .square-toolbar-button.disabled {
-    cursor: default;
-    opacity: 0.3
-}
-
-.literally .horz-toolbar .square-toolbar-button img {
-    max-width: 100%;
-    max-height: 100%
-}
-
-.literally .horz-toolbar .square-toolbar-button label {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    line-height: 26px;
-    margin: auto;
-    float: none;
-    text-align: center
-}
-
-.literally .polygon-toolbar {
-    position: absolute;
-    border-top: 1px solid #555;
-    border-bottom: 1px solid #555;
-    width: 100%
-}
-
-.literally.toolbar-at-bottom .polygon-toolbar {
-    top: -100%
-}
-
-.literally.toolbar-at-top .polygon-toolbar {
-    top: 100%
-}
-
-.literally .lc-options {
-    z-index: 1;
-    right: 0;
-    left: 65px
-}
-
-.literally .lc-options .lc-font-settings {
-    height: 30px;
-    line-height: 31px;
-    padding-left: 4px;
-    background-color: #f5f5f5
-}
-
-.literally .lc-options .lc-font-settings input {
-    margin: 0 0.5em 0 0
-}
-
-.literally .lc-options .lc-font-settings input[type=checkbox] {
-    margin: 0 0.5em 0 0.5em
-}
\ No newline at end of file
+.literally .button-style-1{border:2px solid transparent;border-radius:3px;text-decoration:none;cursor:pointer}.literally .button-style-1.selected:not(.disabled){background-color:#a1d9fe}.literally .button-style-1:hover:not(.disabled){border-color:#a1d9fe}.literally .button-style-1.disabled{cursor:default;opacity:.3}.literally.toolbar-at-top .lc-drawing{bottom:0;top:31px}.literally.toolbar-at-top .lc-options{top:0;border-bottom:1px solid #555}.literally.toolbar-at-bottom .lc-drawing{bottom:31px;top:0}.literally.toolbar-at-bottom .lc-options{bottom:0;border-top:1px solid #555}.literally.toolbar-hidden .lc-drawing{left:0;right:0;bottom:0;top:0}.literally.toolbar-hidden .lc-options,.literally.toolbar-hidden .lc-picker{display:none}.literally{position:relative;background-color:#ddd;min-height:400px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;user-select:none}.literally,.literally *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.literally>*{position:absolute}.literally .lc-picker{top:0;left:0;bottom:0;width:65px;background-color:#e6e6e6;z-index:1001;border-right:1px solid #555}.literally .color-well-color-container.selected:not(.disabled),.literally .color-well.open,.literally .lc-picker .toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .lc-drawing{right:0;bottom:0;left:0}.literally .lc-drawing>*{position:absolute;top:0;right:0;bottom:0;left:0}.literally .lc-drawing.with-gui{right:0;left:65px;cursor:default}.literally .lc-drawing.with-gui .polygon-toolbar{top:auto;height:31px}.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button{float:left}.literally .lc-drawing.with-gui .text-tool-input:focus{outline:0}.literally .lc-picker .toolbar-button{width:26px;height:26px;line-height:26px;margin:2px;padding:0;text-align:center;border:2px solid transparent;border-radius:3px;text-decoration:none;cursor:pointer}.literally .lc-picker .toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .lc-picker .toolbar-button.disabled{cursor:default;opacity:.3}.literally .lc-picker .thin-button{cursor:pointer;float:left;position:relative}.literally .lc-picker .fat-button{clear:both;width:56px}.literally .lc-picker .lc-pick-tool,.literally .lc-picker .lc-redo,.literally .lc-picker .lc-undo,.literally .lc-picker .lc-zoom-in,.literally .lc-picker .lc-zoom-out{background-size:100% auto;background-repeat:no-repeat;background-position:center center}.literally .color-well{font-size:10px;float:left;width:60px}.literally .color-well-color-container{border-radius:3px;border:1px solid #aaa;position:relative;width:28px;height:28px;margin:1px auto;overflow:visible;text-decoration:none;cursor:pointer}.literally .color-well-color-container:hover:not(.disabled){border-color:#a1d9fe}.literally .color-well-color-container.disabled{cursor:default;opacity:.3}.literally .color-well-color-container .color-well-checker{position:absolute;width:50%;height:50%;background-color:#000}.literally .color-well-color-container .color-well-checker-top-left{border-top-left-radius:3px}.literally .color-well-color-container .color-well-checker-bottom-right{border-bottom-right-radius:3px}.literally .color-well-color-container .color-well-color{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px}.literally .color-picker-popup{position:absolute;z-index:1;background-color:#fff;border:1px solid #555;left:60px;bottom:31px}.literally .color-picker-popup .color-row{clear:both}.literally .color-picker-popup .color-row .color-cell{cursor:pointer;width:20px;height:20px;line-height:20px;float:left}.literally .color-picker-popup .color-row .color-cell.selected,.literally .color-picker-popup .color-row .color-cell:hover{border:1px solid #555;line-height:18px}.literally .horz-toolbar .label,.literally .horz-toolbar span{line-height:30px;margin:0 .25em;font-size:12px}.literally .color-picker-popup .color-row .color-cell.transparent-cell{width:100%}.literally .horz-toolbar{height:31px;background-color:#e6e6e6}.literally .horz-toolbar span{float:left}.literally .horz-toolbar .square-toolbar-button{border-radius:3px;margin:1px;border:1px solid #aaa;width:28px;height:28px;float:left;position:relative;text-decoration:none;cursor:pointer}.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled){background-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled){border-color:#a1d9fe}.literally .horz-toolbar .square-toolbar-button.disabled{cursor:default;opacity:.3}.literally .horz-toolbar .square-toolbar-button img{max-width:100%;max-height:100%}.literally .horz-toolbar .square-toolbar-button label{position:absolute;top:0;right:0;bottom:0;left:0;line-height:26px;margin:auto;float:none;text-align:center}.literally .polygon-toolbar{position:absolute;border-top:1px solid #555;border-bottom:1px solid #555;width:100%}.literally.toolbar-at-bottom .polygon-toolbar{top:-100%}.literally.toolbar-at-top .polygon-toolbar{top:100%}.literally .lc-options{z-index:1;right:0;left:65px}.literally .lc-options .lc-font-settings{height:30px;line-height:31px;padding-left:4px;background-color:#f5f5f5}.literally .lc-options .lc-font-settings input{margin:0 .5em 0 0}.literally .lc-options .lc-font-settings input[type=checkbox]{margin:0 .5em}