This commit is contained in:
Pavel Belyaev
2021-07-25 19:19:18 +05:00
parent 175948447b
commit eac6c5ec5d
22 changed files with 1283 additions and 131 deletions

198
PUB/css/admin_interface.css Normal file
View File

@@ -0,0 +1,198 @@
body {
font-family: sans-serif;
margin: 0;
padding: 0;
}
h2 {
font-size: 15px;
}
a {
color: #666;
}
a:hover {
text-decoration: none;
color: #000;
}
/*navi*/
div.mp_navi {
background: #f1f1f1;
overflow: visible;
color: #444;
border-bottom: 1px solid #e7e7e7;
font-size: 16px;
min-height: 50px;
width: 100%;
box-sizing: border-box;
}
div.mp_navi a {
color: inherit;
text-decoration: none;
}
ul.mp_menu {
display: table;
}
ul.mp_menu,
ul.mp_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.mp_navi span.logo a,
ul.mp_menu li a {
line-height: 50px
}
.mp_navi span.logo {
display: block;
float: left;
padding: 0 10px;
background: #4caf50;
border-right: 1px solid #d0d0d0;
}
.mp_navi span.logo a {
color: #fff;
font-size: 18px;
}
ul.mp_menu.vertical>li {
float: left;
}
ul.mp_menu li a {
float: left;
padding: 0 15px;
}
ul.mp_menu li a:hover,
ul.mp_menu li.dropdown:hover>a {
background: #ddd;
}
ul.mp_menu li a.active {
background: #4caf50;
color: #fff;
}
/*dropdown*/
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: auto;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
top: 100%;
min-width: 250px;
}
.dropdown a i.i-down:before {
position: relative;
top: 3px;
font-size: 20px;
margin-right: 0;
}
ul.dropdown-content {
overflow: hidden;
}
ul.mp_menu ul.dropdown-content li,
ul.mp_menu ul.dropdown-content li a {
width: 100%;
display: block;
font-size: 15px;
white-space: nowrap;
clear: both;
}
.dropdown:hover .dropdown-content {
display: block;
}
/*footer*/
.mp_footer {
border-top: 1px solid #eee;
padding: 20px 15px;
font-size: 14px;
line-height: 18px;
clear: both;
text-align: center;
}
/*content*/
div#content {
min-height: 200px;
clear: both;
margin: 5px 20px;
}
/*
@media only screen and (max-width: 600px) {
.mpcol {
width: 100%;
}
.mpcol>div.inner {
margin: 5px;
}
}
*/
:focus,
:selected {
outline: none !important;
}
/*table*/
.tbl {
width: 100%;
border-collapse: collapse;
}
.tbl td,
.tbl th {
border: 1px solid #d9d9d9;
padding: 0.8em;
text-align: left;
}
.tbl tbody tr:nth-of-type(2n+1) {
background-color: #f8f8f8;
}
.tbl caption {
text-align: left;
font-size: 120%;
padding: 0.8em 0.1em;
font-weight: bold;
}
.tbl tr:hover td {
border-color: #bbb;
background-color: #f6fff6;
}

1
PUB/css/admin_interface.min.css vendored Normal file
View File

@@ -0,0 +1 @@
body{font-family:sans-serif;margin:0;padding:0}h2{font-size:15px}a{color:#666}a:hover{text-decoration:none;color:#000}div.mp_navi{background:#f1f1f1;overflow:visible;color:#444;border-bottom:1px solid #e7e7e7;font-size:16px;min-height:50px;width:100%;box-sizing:border-box}div.mp_navi a{color:inherit;text-decoration:none}ul.mp_menu{display:table}ul.mp_menu,ul.mp_menu ul{list-style-type:none;margin:0;padding:0}.mp_navi span.logo a,ul.mp_menu li a{line-height:50px}.mp_navi span.logo{display:block;float:left;padding:0 10px;background:#4caf50;border-right:1px solid #d0d0d0}.mp_navi span.logo a{color:#fff;font-size:18px}ul.mp_menu.vertical>li{float:left}ul.mp_menu li a{float:left;padding:0 15px}ul.mp_menu li a:hover,ul.mp_menu li.dropdown:hover>a{background:#ddd}ul.mp_menu li a.active{background:#4caf50;color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;width:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1;top:100%;min-width:250px}.dropdown a i.i-down:before{position:relative;top:3px;font-size:20px;margin-right:0}ul.dropdown-content{overflow:hidden}ul.mp_menu ul.dropdown-content li,ul.mp_menu ul.dropdown-content li a{width:100%;display:block;font-size:15px;white-space:nowrap;clear:both}.dropdown:hover .dropdown-content{display:block}.mp_footer{border-top:1px solid #eee;padding:20px 15px;font-size:14px;line-height:18px;clear:both;text-align:center}div#content{min-height:200px;clear:both;margin:5px 20px}:focus,:selected{outline:0!important}.tbl{width:100%;border-collapse:collapse}.tbl td,.tbl th{border:1px solid #d9d9d9;padding:.8em;text-align:left}.tbl tbody tr:nth-of-type(2n+1){background-color:#f8f8f8}.tbl caption{text-align:left;font-size:120%;padding:.8em .1em;font-weight:700}.tbl tr:hover td{border-color:#bbb;background-color:#f6fff6}

22
PUB/css/icons.css Normal file
View File

@@ -0,0 +1,22 @@
[class^="lei_"],
svg {
width: 1.2em;
height: 1.2em;
fill: currentColor;
vertical-align: -0.2em;
}
.lei_r {
margin-right: -0.35em;
margin-left: .2em;
}
.lei_l {
margin-left: -0.35em;
margin-right: .2em;
}
.lei_c {
margin-left: -0.3em;
margin-right: -0.3em;
}

1
PUB/css/icons.min.css vendored Normal file
View File

@@ -0,0 +1 @@
[class^=lei_],svg{width:1.2em;height:1.2em;fill:currentColor;vertical-align:-.2em}.lei_r{margin-right:-.35em;margin-left:.2em}.lei_l{margin-left:-.35em;margin-right:.2em}.lei_c{margin-left:-.3em;margin-right:-.3em}

View File

@@ -1,44 +1,44 @@
/*sys*/
body {
font-family: sans-serif;
font-family: sans-serif;
}
/*reset form*/
input, select, button, textarea {
border:1px solid #b8b8b8;
border-radius: 0;
input,
select,
textarea {
border: 1px solid #b8b8b8;
border-radius: 0;
-webkit-border-radius: 0px;
border-radius:0;
padding:1px 5px;
border-radius: 0;
padding: 1px 5px;
height: 40px;
box-sizing: border-box;
font-family: inherit;
font-size:16px;
font-size: 16px;
}
textarea {
min-height: 200px;
padding:8px 8px;
padding: 8px 8px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")
,
linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
background-repeat: no-repeat;
/*background-position: 100% 50%;*/
background-size: 30px auto, 100%;
background-position: right -5px top 50%, 0 0;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 20px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: no-repeat;
/*background-position: 100% 50%;*/
background-size: 30px auto, 100%;
background-position: right -5px top 50%, 0 0;
}
input[type=radio], input[type=checkbox]
{
input[type=radio],
input[type=checkbox] {
display: inline-block;
height: 16px;
width: 16px;
@@ -53,7 +53,7 @@ input[type=radio], input[type=checkbox]
border: 1px solid #ccc;
transition: .2s ease-in-out;
transition-property: all;
transition-property: background-color,border;
transition-property: background-color, border;
margin-right: 4px;
}
@@ -63,10 +63,10 @@ input[type=radio] {
}
input[type=radio]:checked {
background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
background-color: #1e87f0;
border-color: transparent;
background-size: 30px auto;
background-size: 30px auto;
}
input[type=checkbox]:checked {
@@ -75,24 +75,24 @@ input[type=checkbox]:checked {
border-color: transparent;
}
input:focus:not([type="checkbox"]):not([type="radio"]), select:focus, textarea:focus {
input:focus:not([type="checkbox"]):not([type="radio"]),
select:focus,
textarea:focus {
outline: none;
border-color:#70aae4;
border-color: #70aae4;
box-shadow: inset 0 0 3px -2px #117de9;
}
/*form blocks style*/
.le_form {
display: block;
overflow: hidden;
margin: 10px 0;
padding:25px;
color:#555;
}
padding: 25px;
color: #555;
}
.le_form_head {
display: block;
@@ -100,40 +100,35 @@ input:focus:not([type="checkbox"]):not([type="radio"]), select:focus, textarea:f
padding-bottom: 10px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 20px;
}
.le_shadow {
box-shadow: 0 2px 10px rgba(94, 94, 94, 0.08);
border:1px solid #ececec;
border: 1px solid #ececec;
}
.le_he .le_inp {
margin-left:300px;
margin-left: 300px;
}
.le_fl {
font-size: 14px;
font-size: 14px;
}
.le_he .le_fl {
width:290px;
float:left;
display: flex;
width: 290px;
float: left;
display: flex;
align-items: center;
min-height: 40px;
}
.le_he, .le_ve {
margin-bottom: 25px;
overflow: hidden;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 25px;
.le_he,
.le_ve {
margin-bottom: 25px;
overflow: hidden;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 25px;
}
.le_ve .le_fl {
@@ -143,80 +138,131 @@ padding-bottom: 25px;
.le_inp input:not([type="checkbox"]):not([type="radio"]),
.le_inp select,
.le_inp textarea
{
.le_inp textarea {
max-width: 100%;
width:100%;
width: 100%;
}
/*le multi elements*/
.le_me label{
display: block;
padding-top:8px;
.le_me label {
display: block;
padding-top: 8px;
}
/*Multi Element Horizontal*/
.le_meh label{
float:left;
margin-right:10px;
.le_meh label {
float: left;
margin-right: 10px;
}
.le_he {
display:flex;
flex-wrap: wrap;
display: flex;
flex-wrap: wrap;
}
.le_he .le_fl {
min-width: 200px;
flex:40%;
flex-grow: 1;
min-width: 200px;
flex: 40%;
flex-grow: 1;
}
.le_he .le_inp {
margin-left:0;
flex-grow: 1; /*растягиваться на свободное пространство*/
min-width: 200px;
flex:60%;
margin-left: 0;
flex-grow: 1;
/*растягиваться на свободное пространство*/
min-width: 200px;
flex: 60%;
}
.le_fl sup {
color:red;
font-size: 17px;
font-weight: bold;
padding-left: 2px;
color: red;
font-size: 17px;
font-weight: bold;
padding-left: 2px;
}
/*buttons*/
.le_btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #c9c9c9;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
background-color: #f9f9f9;
background: linear-gradient(to bottom, #f9f9f9,#f9f9f9);
[class^="le_btn"] {
cursor: pointer;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin: 2px 1px;
border-radius: 2px;
border-style: solid;
border-width: 1px;
color: #fff;
}
.le_btn:hover {
background: linear-gradient(to bottom, #f9f9f9,#f3f3f3);
border-color:#b5b5b5;
.le_btn {
background-color: #f9f9f9;
border-color: #c9c9c9;
color: #444;
}
.le_btn:hover {
background: #f3f3f3;
border-color: #b5b5b5;
}
.le_btn_gr {
background-color: #449d44;
border-color: #398439;
}
.le_btn_gr:hover {
background-color: #0a8f0a;
border-color: #229322;
}
.le_btn_bl {
background-color: #337ab7;
border-color: #2e6da4;
}
.le_btn_bl:hover {
background-color: #286090;
border-color: #204d74;
}
.le_btn_rd {
background-color: #d9534f;
border-color: #d43f3a;
}
.le_btn_rd:hover {
background-color: #c9302c;
border-color: #ac2925;
}
/*color-bl*/
._green {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
/*гамбургеры и крестики*/
#nav-icon6 {
width: 60px;
height: 45px;
@@ -225,6 +271,7 @@ background: linear-gradient(to bottom, #f9f9f9,#f9f9f9);
margin: 48px auto 12px auto;
cursor: pointer;
}
#nav-icon6 span {
height: 9px;
width: 60px;
@@ -232,8 +279,9 @@ background: linear-gradient(to bottom, #f9f9f9,#f9f9f9);
border-radius: 20px;
position: absolute;
transition-duration: .25s;
transition-delay: .25s;
transition-delay: .25s;
}
#nav-icon6 span:before {
left: 0;
position: absolute;
@@ -246,6 +294,7 @@ background: linear-gradient(to bottom, #f9f9f9,#f9f9f9);
transition-duration: .25s;
transition: transform .25s, top .25s .25s;
}
#nav-icon6 span:after {
left: 0;
position: absolute;
@@ -258,16 +307,19 @@ background: linear-gradient(to bottom, #f9f9f9,#f9f9f9);
transition-duration: .25s;
transition: transform .25s, top .25s .25s;
}
#nav-icon6.open span {
transition-duration: 0.1s;
transition-delay: .25s;
background: transparent;
}
#nav-icon6.open span:before {
transition: top .25s, transform .25s .25s;
top: 0px;
transform: rotateZ(-45deg);
}
#nav-icon6.open span:after {
transition: top 0.4s, transform .25s .25s;
top: 0px;

File diff suppressed because one or more lines are too long