165 lines
4.9 KiB
Plaintext
165 lines
4.9 KiB
Plaintext
@import (once) "./colortheme-all.less";
|
|
@import (once) "./tools.less";
|
|
|
|
.creation_main() {
|
|
.tippy-popper {
|
|
z-index: 100000001 !important;
|
|
}
|
|
#cp-creation-container {
|
|
position: absolute;
|
|
z-index: 100000000; // #loading * 10
|
|
top: 0px;
|
|
background: @colortheme_loading-bg;
|
|
color: @colortheme_loading-color;
|
|
display: flex;
|
|
flex-flow: column; /* we need column so that the child can shrink vertically */
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
#cp-creation {
|
|
flex: 0 1 auto; /* allows shrink */
|
|
min-height: 0;
|
|
overflow: auto;
|
|
text-align: center;
|
|
font: @colortheme_app-font;
|
|
width: 100%;
|
|
& > div {
|
|
width: 60vw;
|
|
max-width: 100%;
|
|
margin: 40px auto;
|
|
text-align: left;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
h2 {
|
|
width: 100%;
|
|
display: flex;
|
|
margin-bottom: 20px;
|
|
justify-content: space-between;
|
|
.cp-creation-help {
|
|
display: none;
|
|
}
|
|
}
|
|
.cp-creation-help-container {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
p {
|
|
padding: 0 20px;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
flex-basis: 50%;
|
|
text-align: justify;
|
|
}
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
width: ~"calc(100% - 30px)";
|
|
}
|
|
@media screen and (max-height: 800px), screen and (max-width: 500px) {
|
|
h2 .cp-creation-help {
|
|
display: inline;
|
|
}
|
|
.cp-creation-help-container {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (min-height: 601px) {
|
|
@media screen and (min-width: 501px) {
|
|
p {
|
|
display: block !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cp-creation-create {
|
|
button {
|
|
.tools_unselectable();
|
|
padding: 15px;
|
|
background: darken(@colortheme_loading-bg, 10%);
|
|
color: @colortheme_loading-color;
|
|
margin: 3px 10px;
|
|
border: none;
|
|
cursor: pointer;
|
|
&:hover {
|
|
background: darken(@colortheme_loading-bg, 5%);
|
|
}
|
|
}
|
|
}
|
|
|
|
input[type="radio"] {
|
|
display: none;
|
|
&:checked {
|
|
& + label {
|
|
font-weight: bold;
|
|
background-color: lighten(@colortheme_loading-bg, 20%);
|
|
cursor: default;
|
|
border: 1px solid #c1158e;
|
|
&:hover {
|
|
background-color: lighten(@colortheme_loading-bg, 20%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
input[type="radio"] + label {
|
|
.tools_unselectable();
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 200px;
|
|
height: 50px;
|
|
padding: 5px;
|
|
margin: 0 20px;
|
|
border: 1px solid @colortheme_loading-color;
|
|
cursor: pointer;
|
|
&:hover {
|
|
background-color: lighten(@colortheme_loading-bg, 10%);
|
|
}
|
|
}
|
|
.cp-creation-expire {
|
|
#cp-creation-expire-true {
|
|
display: none;
|
|
&:checked {
|
|
& + label {
|
|
height: 100px;
|
|
.cp-creation-expire-picker {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
label[for="cp-creation-expire-true"] {
|
|
flex-wrap: wrap;
|
|
.cp-creation-expire-picker {
|
|
display: none;
|
|
}
|
|
input {
|
|
width: 70px;
|
|
}
|
|
select {
|
|
width: 100px;
|
|
}
|
|
input, select {
|
|
border: none;
|
|
height: 30px;
|
|
background: @colortheme_loading-bg;
|
|
color: @colortheme_loading-color;
|
|
border-radius: 3px;
|
|
}
|
|
}
|
|
}
|
|
.cp-creation-settings {
|
|
justify-content: left;
|
|
a {
|
|
color: #0275d8;
|
|
&:hover {
|
|
color: lighten(#0275d8, 10%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|