You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

554 lines
648 KiB

.dark-mode {
background-color: #222;
color: #fff;
}
.dark-mode button {
background-color: #222;
color: #fff;
}
.content {
font-size: 1.3vw;
}
.img-btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
max-width: 55px;
}
.img-btn img {
max-width: 55px;
margin-right: 8px;
}
textarea {
width: 100%;
color: white;
font-weight: bold;
background-color: rgba(0, 0, 0, 0);
border: none;
outline: none;
}
#divResize1
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize2
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize3
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize4
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize5
{
background-image: url("data:image/png;base64,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
background-size: cover;
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize6
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize7
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize8
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize9
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize10
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize11
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize12
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize13
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize14
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize15
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize16
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize17
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize18
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize19
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize20
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize21
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize22
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize23
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize24
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize25
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize26
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize27
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize28
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize29
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize30
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize31
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize32
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize33
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize34
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize35
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize36
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize37
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize38
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize39
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize40
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize41
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize42
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize43
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize44
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize45
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize46
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize47
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize48
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize49
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize50
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}
#divResize51
{
border: dashed 1px #ccc;
width: 120px;
height: 120px;
padding: 5px;
margin: 5px;
cursor: move;
float: left;
}