pixsy/includes/style.less

133 lines
1.8 KiB
Plaintext
Raw Normal View History

2020-10-30 17:50:03 +00:00
@background: #fff4d9;
@text: #ec6d7d;
@accent: #a3c4ef;
2017-12-22 17:22:08 +00:00
* {
box-sizing: border-box;
2020-10-30 17:50:03 +00:00
color: @text;
margin: 0 auto 0.5em auto;
2017-12-22 17:22:08 +00:00
text-align: center;
}
html, body {
2020-10-30 17:50:03 +00:00
background-color: @background;
font-size: 3vmin;
2017-12-22 17:22:08 +00:00
margin: 0;
padding: 0;
}
2020-10-30 17:50:03 +00:00
button {
padding: 1em;
white-space: nowrap;
width: 100%;
&.pagination:not(.normal) {
position: absolute;
bottom: 5vmin;
width: auto;
&.prev {
left: 5vmin;
}
&.next, &.start {
right: 5vmin;
}
2017-12-22 17:22:08 +00:00
}
}
2020-10-30 17:50:03 +00:00
h1 {
margin: 0;
2018-03-03 11:55:42 +00:00
}
2020-10-30 17:50:03 +00:00
h3 {
font-size: 0.9em;
2017-12-22 17:22:08 +00:00
}
2020-10-30 17:50:03 +00:00
input {
width: 100%;
text-align: left;
&[type="checkbox"] {
width: auto;
margin-right: 1em;
position: relative;
top: 0.25em;
left: 0.25em;
}
2017-12-23 23:34:17 +00:00
}
2020-10-30 17:50:03 +00:00
img {
max-width: 100%;
margin: 0;
2018-03-03 11:55:42 +00:00
}
2020-10-30 17:50:03 +00:00
p {
font-size: 0.8em;
margin: 0 auto 1em auto;
2017-12-22 17:22:08 +00:00
}
2020-10-30 17:50:03 +00:00
label {
font-size: 0.75em;
font-weight: bold;
}
2020-11-05 18:48:22 +00:00
select {
width: 100%;
}
2020-10-30 17:50:03 +00:00
textarea {
height: 15em;
padding: 0.5em;
text-align: left;
width: 100%;
}
2020-10-30 17:50:03 +00:00
.background {
background-color: @background;
padding: 0.5em;
border-radius: 0.5em;
2017-12-22 17:22:08 +00:00
}
2020-10-30 17:50:03 +00:00
.checkboxes label {
margin-right: 1em;
2018-03-03 11:55:42 +00:00
}
2020-11-05 09:52:14 +00:00
.cropper-tools {
margin-top: 0;
}
2020-11-05 18:48:22 +00:00
.half {
display: inline-block;
text-align: left;
width: 50%;
}
2020-10-30 17:50:03 +00:00
.image-container {
2020-11-05 09:52:14 +00:00
height: 46vh;
2020-10-30 17:50:03 +00:00
text-align: left;
2017-12-23 20:41:40 +00:00
}
2020-10-30 17:50:03 +00:00
.page {
2020-11-05 09:52:45 +00:00
height: 80vmin;
width: 80vmin;
2020-10-30 17:50:03 +00:00
background-color: @background;
border: 2px solid @accent;
border-radius: 5vmin;
box-shadow: @accent 1vmin 1vmin;
padding: 5vmin;
position: relative;
2018-03-03 11:55:42 +00:00
}
2020-11-05 09:52:14 +00:00
#crop canvas {
height: 32vh;
}
2020-11-05 18:48:22 +00:00
#preview {
width: 256px;
height: 256px;
image-rendering: pixelated;
image-rendering: crisp-edges;
}