tilesy/includes/style.less

109 lines
1.5 KiB
Plaintext
Raw Normal View History

2020-07-20 15:41:45 +00:00
@background: #fff4d9;
@text: #ec6d7d;
@accent: #a3c4ef;
2020-07-18 20:47:04 +00:00
* {
box-sizing: border-box;
2020-07-20 15:41:45 +00:00
color: @text;
2020-07-18 20:47:04 +00:00
margin: 0 auto 0.5em auto;
text-align: center;
}
html, body {
2020-07-20 15:41:45 +00:00
background-color: @background;
font-size: 3vmin;
2020-07-18 20:47:04 +00:00
margin: 0;
padding: 0;
}
button {
padding: 1em;
white-space: nowrap;
width: 100%;
&.pagination:not(.normal) {
position: absolute;
bottom: 5vmin;
width: auto;
&.prev {
left: 5vmin;
}
&.next, &.start {
right: 5vmin;
}
}
}
2020-07-21 19:23:30 +00:00
h1 {
margin: 0;
}
2020-07-20 15:41:45 +00:00
h3 {
font-size: 0.9em;
}
2020-07-18 20:47:04 +00:00
input {
width: 100%;
text-align: left;
2020-07-20 15:41:45 +00:00
&[type="checkbox"] {
width: auto;
2020-07-20 16:23:41 +00:00
margin-right: 1em;
2020-07-20 15:48:34 +00:00
position: relative;
top: 0.25em;
left: 0.25em;
2020-07-20 15:41:45 +00:00
}
2020-07-18 20:47:04 +00:00
}
img {
max-height: 12em;
max-width: 100%;
2020-07-21 19:23:30 +00:00
margin: 0;
2020-07-18 20:47:04 +00:00
}
2020-07-20 15:41:45 +00:00
p {
font-size: 0.8em;
2020-07-20 15:46:18 +00:00
margin: 0 auto 1em auto;
2020-07-20 15:41:45 +00:00
}
label {
font-size: 0.75em;
font-weight: bold;
}
2020-07-18 20:47:04 +00:00
textarea {
2020-07-21 19:23:30 +00:00
height: 15em;
2020-07-18 20:47:04 +00:00
padding: 0.5em;
text-align: left;
width: 100%;
}
2020-07-20 16:23:41 +00:00
.background {
background-color: @background;
2020-07-20 16:30:42 +00:00
padding: 0.5em;
2020-07-20 16:29:13 +00:00
border-radius: 0.5em;
2020-07-20 16:23:41 +00:00
}
2020-07-20 15:41:45 +00:00
.checkboxes label {
margin-right: 1em;
}
2020-07-18 20:47:04 +00:00
.image-container {
height: 38.5vmin;
text-align: left;
}
.page {
2020-07-21 19:23:30 +00:00
height: 70vmin;
width: 70vmin;
2020-07-20 15:41:45 +00:00
2020-07-20 16:23:41 +00:00
background-color: @background;
2020-07-21 19:23:30 +00:00
border: 2px solid @accent;
2020-07-20 15:41:45 +00:00
border-radius: 5vmin;
2020-07-21 19:23:30 +00:00
box-shadow: @accent 1vmin 1vmin;
2020-07-18 20:47:04 +00:00
padding: 5vmin;
position: relative;
}