Initial commit
This commit is contained in:
280
data/Basic_functions.css
Normal file
280
data/Basic_functions.css
Normal file
@@ -0,0 +1,280 @@
|
||||
/* главное */
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user