280 lines
6.5 KiB
CSS
280 lines
6.5 KiB
CSS
/* главное */
|
|
body, html{
|
|
margin :0px;
|
|
padding :0px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
cursor: default;
|
|
}
|
|
.bfloat {
|
|
font-size: 1em;
|
|
}
|
|
.toolbar-container {
|
|
touch-action: none;
|
|
}
|
|
#copyr_sym *, .deploy *, .elementEditPanelElement * {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
@media only screen and (pointer: coarse) {
|
|
#panel {
|
|
border-radius: 0px !important;
|
|
}
|
|
#managerDiv, #treeDiv {
|
|
max-width: -webkit-fill-available !important;
|
|
top: 74px !important;
|
|
left: auto !important;
|
|
transform: none !important;
|
|
box-shadow: none !important;
|
|
border-radius: 0px !important;
|
|
height: -webkit-fill-available !important;
|
|
overflow-y: hidden !important;
|
|
overflow-x: hidden !important;
|
|
width: -webkit-fill-available !important;
|
|
}
|
|
#treeTableDiv {
|
|
margin: 0px 10px 0px 10px !important;
|
|
overflow-y: hidden !important;
|
|
height: auto !important;
|
|
}
|
|
#managerTableDiv {
|
|
margin: 0px 10px 0px 10px !important;
|
|
overflow-y: overlay !important;
|
|
height: -webkit-fill-available !important;
|
|
}
|
|
#treeTableDiv, #managerProperties {
|
|
width: calc(100% - 20px) !important;
|
|
}
|
|
}
|
|
|
|
.menu-btn {
|
|
cursor: pointer;
|
|
position: relative;
|
|
float: right;
|
|
margin-left: 9px;
|
|
}
|
|
.side-menu {
|
|
position: fixed;
|
|
top: 0;
|
|
right: -100%;
|
|
width: 70%;
|
|
max-width: 13em;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
transition: left 0.3s ease;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(194, 194, 194)), color-stop(0.57, rgb(237, 232, 237)));
|
|
z-index: 1006;
|
|
}
|
|
.menu-toggle {
|
|
font-size: 2em;
|
|
margin: -3px 0px 0px 0px;
|
|
}
|
|
.menu-toggle:checked ~ .side-menu {
|
|
right: 0;
|
|
}
|
|
#overlay {
|
|
position: fixed;
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
z-index: 1005;
|
|
}
|
|
#overlay.active {
|
|
pointer-events: auto;
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (min-width: 0px) and (max-width: 549px) {
|
|
#hbody {
|
|
font-size: 1.4em !important;
|
|
}
|
|
#treeDiv {
|
|
font-size: 1.05em !important;
|
|
}
|
|
#authorizationButton {
|
|
background: url(../../img/pict/mc_iconslyb.svg) calc(var(--autButBackX) * 1.27px) calc(var(--autButBackY) * 1.27px) !important;
|
|
background-size: calc(1122px* 1.27) !important;
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
margin-left: 9px;
|
|
}
|
|
#siteSettingsButton {
|
|
background: url(../../img/pict/mc_iconslyb.svg) calc(-1840px * 1.27) calc(1664px * 1.27 - 1px) !important;
|
|
background-size: calc(1122px* 1.27) !important;
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
margin-left: 9px;
|
|
}
|
|
#left-float:not(:empty), #right-float:not(:empty) {
|
|
width: calc(50% - 10px);
|
|
}
|
|
.center-float {
|
|
width: 100%;
|
|
}
|
|
#left-float, #right-float {
|
|
padding: 5px 0px !important;
|
|
}
|
|
.center-float {
|
|
padding: 5px 0px 15px 0px !important;
|
|
}
|
|
.menu-btn {
|
|
margin-left: 9px;
|
|
}
|
|
.menu-btn {
|
|
margin-left: 14px;
|
|
}
|
|
#slng {
|
|
margin-left: 3px;
|
|
}
|
|
#authorizationDiv {
|
|
width: 90% !important;
|
|
}
|
|
#BackArrow {
|
|
background: url(../../img/pict/mc_iconslyb.svg) calc(-77px* 1.27) calc(-37px* 1.27) !important;
|
|
background-size: calc(1122px* 1.27) !important;
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
top: 37px !important;
|
|
}
|
|
.authorizationDivCloseFun {
|
|
background: url(../../img/pict/mc_iconslyb.svg) calc(-159px* 1.27) calc(-120px* 1.27) !important;
|
|
background-size: calc(1122px* 1.27) !important;
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
}
|
|
.butinAuto, .butin, .sele {
|
|
height: 25px !important;
|
|
font-size: 1em !important;
|
|
}
|
|
.cust2 {
|
|
top: 247% !important;
|
|
}
|
|
}
|
|
#basis3 {
|
|
left: 0 !important;
|
|
top: 33px !important;
|
|
transform: none !important;
|
|
}
|
|
@media (min-width: 550px) {
|
|
#hbody {
|
|
font-size: 1.3em;
|
|
}
|
|
}
|
|
@media (min-width: 550px) and (max-width: 699px) {
|
|
#left-float:not(:empty), #right-float:not(:empty) {
|
|
width: 22%;
|
|
}
|
|
.center-float {
|
|
width: calc(56% - 30px);
|
|
}
|
|
#left-float, #right-float, .center-float {
|
|
padding: 5px !important;
|
|
}
|
|
}
|
|
@media (min-width: 700px) and (max-width: 1239px) {
|
|
#left-float:not(:empty), #right-float:not(:empty) {
|
|
width: 20%;
|
|
}
|
|
.center-float {
|
|
width: calc(60% - 30px);
|
|
}
|
|
#left-float, #right-float, .center-float {
|
|
padding: 5px !important;
|
|
}
|
|
}
|
|
@media (min-width: 1240px) {
|
|
#left-float:not(:empty), #right-float:not(:empty) {
|
|
width: 18%;
|
|
}
|
|
.center-float {
|
|
width: calc(64% - 40px);
|
|
}
|
|
#pbody {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
}
|
|
|
|
/* блоки редактирования */
|
|
#content {
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
#content td {
|
|
height: 19px;
|
|
}
|
|
[contenteditable="true"]:focus {
|
|
outline: 1px solid #000;
|
|
outline-offset: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
button {
|
|
background-color: #ffffff;
|
|
border: 1px solid rgb(0, 0, 0);
|
|
border-radius: 2px;
|
|
}
|
|
#editor a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
ul, ol {
|
|
margin-block-start: 0em;
|
|
margin-block-end: 0em;
|
|
}
|
|
|
|
/* показ сообщений */
|
|
|
|
.messageBlock {
|
|
width: 400px;
|
|
height: auto;
|
|
top: 10px;
|
|
z-index: 1003;
|
|
right: 0;
|
|
position: fixed;
|
|
display: inline-block;
|
|
border-radius: 10px;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
|
margin: 15px;
|
|
font-family: 'Roboto', sans-serif;
|
|
transition: opacity 0.15s ease-in-out;
|
|
background-color: rgba(255, 255, 255, 0.92);
|
|
max-width: -webkit-fill-available;
|
|
}
|
|
.messageBlock.show {
|
|
opacity: 1;
|
|
}
|
|
.messageBasicText {
|
|
padding: 10px 15px 10px 15px;
|
|
border: none;
|
|
border-bottom: inherit;
|
|
font-size: 1.5em;
|
|
}
|
|
.messageText {
|
|
font-size: 1.15em;
|
|
margin: 15px;
|
|
}
|
|
.messageInput {
|
|
font-size: 1.15em;
|
|
margin: 18px 18px 3px 18px;
|
|
padding: 2px;
|
|
width: -webkit-fill-available;
|
|
}
|
|
.messageButton {
|
|
background-color: rgba(255, 255, 255, 0.92);
|
|
padding: 8px;
|
|
border-radius: 15px;
|
|
float: right;
|
|
font-size: 1.15em;
|
|
width: 35px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
margin: 15px;
|
|
} |