diff options
| -rw-r--r-- | static/styles.css | 102 |
1 files changed, 51 insertions, 51 deletions
diff --git a/static/styles.css b/static/styles.css index 642750a..c8628cc 100644 --- a/static/styles.css +++ b/static/styles.css @@ -1,5 +1,5 @@ .box { - display: inline-block; + display: inline-block; width: 30px; height: 30px; text-align: center; @@ -8,88 +8,88 @@ border: 1px DarkSlateGrey solid; margin-right: 0px; margin-left: 0px; - color: black; - background-color: white; - vertical-align: top; - line-height: 30px; - font-family: Cantarell; + color: black; + background-color: white; + vertical-align: top; + line-height: 30px; + font-family: Cantarell; } .focus { - background-color: #ffda00 + background-color: #ffda00 } .word :not(:first-child) { - margin-left: -1px; + margin-left: -1px; } .word :not(:last-child) { - margin-right: -1px; + margin-right: -1px; } .word { display: inline-block; margin-right: 20px; - margin-bottom: 5px; + margin-bottom: 5px; } .line { - margin-bottom: 15px; + margin-bottom: 15px; } .green { - background-color: rgb(106, 170, 100); - color: white; - border-color: rgb(106, 170, 100); + background-color: rgb(106, 170, 100); + color: white; + border-color: rgb(106, 170, 100); } .yellow { - background-color: rgb(201, 180, 88); - color: white; - border-color: rgb(201,180,88); + background-color: rgb(201, 180, 88); + color: white; + border-color: rgb(201,180,88); } .grey { - background-color: rgb(120, 124, 126); - color: white; - border-color: rgb(120,124,126); + background-color: rgb(120, 124, 126); + color: white; + border-color: rgb(120,124,126); } .poetry { - font-size: 95%; - font-family: Charter; + font-size: 95%; + font-family: Charter; } .byline { - font-style: italic; - font-size: 85%; + font-style: italic; + font-size: 85%; } #share { - width: 90%; + width: 90%; } .keyboard { display: inline-block; - text-align: center; + text-align: center; max-width: 40em; - touch-action: manipulation; + touch-action: manipulation; } .kbrow { - margin-bottom: 5px; + margin-bottom: 5px; } .key { - font-family: Cantarell; - display: inline-block; - height: 35px; - width: 28px; - border-radius: 4px; - border: 1px black dotted; - line-height: 35px; - cursor: pointer; - user-select: none; + font-family: Cantarell; + display: inline-block; + height: 35px; + width: 28px; + border-radius: 4px; + border: 1px black dotted; + line-height: 35px; + cursor: pointer; + user-select: none; margin-right: 2px; } @@ -98,21 +98,21 @@ } .greenkey { - background-color: rgb(106, 170, 100); - color: white; - border-color: rgb(106, 170, 100); + background-color: rgb(106, 170, 100); + color: white; + border-color: rgb(106, 170, 100); } .yellowkey { - background-color: rgb(201, 180, 88); - color: white; - border-color: rgb(201,180,88); + background-color: rgb(201, 180, 88); + color: white; + border-color: rgb(201,180,88); } .greykey { - background-color: rgb(120, 124, 126); - color: white; - border-color: rgb(120,124,126); + background-color: rgb(120, 124, 126); + color: white; + border-color: rgb(120,124,126); } .scansion { @@ -120,12 +120,12 @@ } .scansion-box { - margin-bottom: .3em; + margin-bottom: .3em; } .numbering { - background-color: transparent; - width: 60px; - cursor: pointer; - user-select: none; + background-color: transparent; + width: 60px; + cursor: pointer; + user-select: none; } |