166 lines
2.5 KiB
CSS
166 lines
2.5 KiB
CSS
#divCanvas {
|
|
padding: 0;
|
|
position: relative;
|
|
/* border: 2px solid #cccccc; */
|
|
}
|
|
|
|
.div-main-body {
|
|
padding:0;
|
|
}
|
|
|
|
.div-tools {
|
|
margin: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.div-tools > select {
|
|
width: 200px !important;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.div-tools > button {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.input-xs, select.input-xs {
|
|
height: 27px;
|
|
line-height: 30px;
|
|
font-size: 0.75rem;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.ui-resizable-handle {
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 16px;
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
cursor: nwse-resize;
|
|
}
|
|
|
|
.div-note {
|
|
position: absolute !important;
|
|
float: left;
|
|
}
|
|
|
|
.div-note.active{
|
|
border-color: blue;
|
|
}
|
|
|
|
.note-content{
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.note-body{
|
|
width: 100%;
|
|
height: calc(100% - 15px);
|
|
}
|
|
|
|
.input-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.div-note-edit-color {
|
|
margin: 5px;
|
|
height: 50px;
|
|
}
|
|
|
|
.div-note-edit-color > div {
|
|
float: left;
|
|
text-align: center;
|
|
width: 40px;
|
|
height: 40px;
|
|
border:1px solid rgba(24, 28, 33, 0.06);
|
|
border-radius: 0.25rem;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.div-note-edit-color > div:hover {
|
|
cursor: pointer;
|
|
border: 2px solid rgba(1, 103, 228, 0.418);
|
|
}
|
|
|
|
.div-note-edit-color > div.active {
|
|
cursor: pointer;
|
|
border: 2px solid rgba(1, 103, 228, 0.719);
|
|
}
|
|
|
|
/* Barve listkov */
|
|
.note-color-white {
|
|
background-color: #fff;
|
|
border-color: #e0e0e0;
|
|
}
|
|
|
|
.note-color-yellow {
|
|
background-color: #fff8b8;
|
|
border-color: #fff8b8;
|
|
}
|
|
|
|
.note-color-orange {
|
|
background-color: #f39f76;
|
|
border-color: #f39f76;
|
|
}
|
|
|
|
.note-color-light-green {
|
|
background-color: #e2f6d3;
|
|
border-color: #e2f6d3;
|
|
}
|
|
|
|
.note-color-blue {
|
|
background-color: #d4e4ed;
|
|
border-color: #d4e4ed;
|
|
}
|
|
|
|
.note-color-purple {
|
|
background-color: #d3bfdb;
|
|
border-color: #d3bfdb;
|
|
}
|
|
|
|
.note-color-grey {
|
|
background-color: #efeff1;
|
|
border-color: #efeff1;
|
|
}
|
|
|
|
|
|
/* button */
|
|
.fab-container-add {
|
|
position: fixed;
|
|
bottom: 80px;
|
|
right: 115px;
|
|
cursor: pointer;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.fab-container-save {
|
|
position: fixed;
|
|
bottom: 80px;
|
|
right: 50px;
|
|
cursor: pointer;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.iconbutton {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 100%;
|
|
box-shadow: 10px 10px 5px #aaaaaa;
|
|
}
|
|
|
|
.button {
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.iconbutton i {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
color: white;
|
|
}
|
|
|
|
|