BesService/samples/styles.css

84 lines
1.5 KiB
CSS

body {
color: #000;
background-color: #eee;
}
input, textarea {
color: #000;
background-color: #f5f5f5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.my-block {
max-width: 500px;
margin: 0 auto;
padding: 20px;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
.my-control {
overflow-y: auto;
min-height: 100px;
max-height: 500px;
border-radius: 10px;
background-color: #f5f5f5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ck-editor__editable {
min-height: 100px;
max-height: 500px;
}
.bes-status-div {
position: absolute;
z-index: 3;
}
.bes-status-icon {
position: relative;
right: 5px;
bottom: 5px;
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
cursor: help;
}
.bes-status-icon.bes-status-success {
background-image: url('images/checkmark-svgrepo-com.svg');
}
.bes-status-icon.bes-status-loading {
background-image: url('images/loading-svgrepo-com.svg');
}
.bes-status-icon.bes-status-error {
background-image: url('images/error-svgrepo-com.svg');
}
.bes-status-icon.bes-status-mistakes {
background-image: url('images/mistake-svgrepo-com.svg');
}
@media (prefers-color-scheme: dark) {
body {
color: #eee;
background-color: #444;
font-weight: bolder;
}
input, textarea {
color: #eee;
background-color: #222;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.my-control {
background-color: #222;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
}