summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--static/styles.css102
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;
}