Admin Nasledstvo
1097 lines
20 KiB
CSS
1097 lines
20 KiB
CSS
/* @import url("https://fonts.googleapis.com/css?family=Montserrat&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese"); */
|
||
@font-face {
|
||
font-family: 'Line Awesome Brands';
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-display: auto;
|
||
src: url("../fonts/line-awesome/fonts/la-brands-400.eot");
|
||
src: url("../fonts/line-awesome/fonts/la-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/line-awesome/fonts/la-brands-400.woff2") format("woff2"), url("../fonts/line-awesome/fonts/la-brands-400.woff") format("woff"),
|
||
url("../fonts/line-awesome/fonts/la-brands-400.ttf") format("truetype"), url("../fonts/line-awesome/fonts/la-brands-400.svg#lineawesome") format("svg");
|
||
}
|
||
|
||
:root {
|
||
--page-width: 1440px;
|
||
--left-bar-width: 260px;
|
||
--header-height: 40px;
|
||
--switch-color: #00aa00;
|
||
}
|
||
|
||
body {
|
||
background: var(--base-background);
|
||
font-family: 'Varela Round', arial, sans-serif;
|
||
font-size: 14px;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.content {
|
||
width: var(--page-width);
|
||
margin: 0 auto;
|
||
min-width: 991px;
|
||
}
|
||
|
||
.panel {
|
||
border-radius: 5px;
|
||
background: #FFFFFF;
|
||
border: 1px solid #cccccc;
|
||
}
|
||
|
||
.panel .title {
|
||
margin-top: 20px;
|
||
margin-bottom: 20px;
|
||
text-transform: uppercase;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.panel-logo img {
|
||
width: 180px;
|
||
display: block;
|
||
margin: 20px auto 30px;
|
||
}
|
||
|
||
.row label {
|
||
font-weight: bold;
|
||
color: var(--base-background-dark);
|
||
}
|
||
|
||
input, textarea, select {
|
||
border: 1px solid var(--base-background);
|
||
}
|
||
|
||
textarea {
|
||
width: 100%;
|
||
resize: none;
|
||
height: 100px;
|
||
}
|
||
|
||
input:focus, textarea:focus, select:focus {
|
||
background: var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.header {
|
||
height: var(--header-height);
|
||
background: #FFFFFF;
|
||
z-index: 10;
|
||
}
|
||
|
||
.header-left {
|
||
background: var(--base-background-ultra-bright);
|
||
width: var(--left-bar-width);
|
||
height: var(--header-height);
|
||
}
|
||
|
||
.header-right {
|
||
margin-top: 5px;
|
||
width: calc(100% - (var(--left-bar-width) + 20px));
|
||
height: var(--header-height);
|
||
background: var(--base-background-ultra-bright);
|
||
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.page-navbar {
|
||
width: var(--left-bar-width);
|
||
min-height: calc(100vh - var(--header-height));
|
||
background: var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.page-content {
|
||
width: calc(100% - (var(--left-bar-width)));
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.page-navbar a {
|
||
padding-top: 12px;
|
||
padding-bottom: 12px;
|
||
background: var(--base-background-ultra-bright);
|
||
color: var(--base-background-dark);
|
||
display: block;
|
||
padding-left: 15px;
|
||
margin: 6px 10px;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.page-navbar a:hover {
|
||
background: var(--base-background-super-bright);
|
||
}
|
||
|
||
.page-navbar a.selected {
|
||
background: var(--base-background);
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
.page-navbar .divider {
|
||
height: 2px;
|
||
background: var(--base-background-super-bright);
|
||
margin: 10px 0 10px 10px;
|
||
width: calc(100% - 20px);
|
||
}
|
||
|
||
.page-navbar .divider-title {
|
||
padding-left: 15px;
|
||
font-weight: bold;
|
||
margin-top: 20px;
|
||
color: var(--base-background-super-dark);
|
||
}
|
||
|
||
|
||
.top-navigation {
|
||
width: calc(100% - 70px);
|
||
}
|
||
|
||
.top-navigation a {
|
||
display: block;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
height: var(--header-height);
|
||
line-height: var(--header-height);
|
||
color: var(--base-background-dark);
|
||
text-decoration: none;
|
||
}
|
||
|
||
.top-navigation a:hover {
|
||
background: var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.top-navigation a.selected {
|
||
background: var(--base-background);
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
|
||
@media screen and (max-width: 1160px) {
|
||
.top-navigation a {
|
||
padding-top: 3px;
|
||
line-height: 16px !important;
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.top-user {
|
||
width: 50px;
|
||
line-height: calc(var(--header-height) + 5px);
|
||
height: var(--header-height);
|
||
text-align: center;
|
||
position: relative;
|
||
background: var(--base-background-ultra-bright);
|
||
cursor: pointer;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
|
||
.account-button.close:after {
|
||
content: '×';
|
||
font-family: Arial, sans-serif;
|
||
font-size: 9px;
|
||
display: block;
|
||
position: absolute;
|
||
width: 11px;
|
||
height: 11px;
|
||
border-radius: 100%;
|
||
border: 1px solid var(--base-background-dark);
|
||
bottom: 10px;
|
||
margin-left: 15px;
|
||
line-height: 12px;
|
||
text-align: center;
|
||
background: #ebf8ff;
|
||
}
|
||
|
||
|
||
.top-user .menu {
|
||
position: absolute;
|
||
top: var(--header-height);
|
||
right: 0;
|
||
width: 150px;
|
||
padding: 10px;
|
||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
|
||
background: #FFFFFF;
|
||
border-radius: 0 0 5px 5px;
|
||
transform: translateX(300px);
|
||
transition: all 0.1s;
|
||
z-index: 100;
|
||
}
|
||
|
||
.top-user .menu.open {
|
||
transform: translateX(0);
|
||
}
|
||
|
||
.top-user .menu a {
|
||
display: block;
|
||
color: var(--base-background-dark);
|
||
text-decoration: none;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
text-align: left;
|
||
padding: 5px;
|
||
}
|
||
|
||
.top-user .menu a:hover {
|
||
background: rgba(237, 246, 255, 0.51);
|
||
}
|
||
|
||
.top-user .menu a i {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.top-user .account-button {
|
||
cursor: pointer;
|
||
font-size: 25px;
|
||
}
|
||
|
||
.default-dark {
|
||
color: var(--base-background-dark);
|
||
}
|
||
|
||
.cms-table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
.cms-table th {
|
||
text-align: left;
|
||
background: var(--base-background-dark);
|
||
color: #FFFFFF;
|
||
padding: 7px 5px;
|
||
font-size: 12px;
|
||
font-weight: normal;
|
||
border: 1px solid #FFFFFF;
|
||
position: relative;
|
||
}
|
||
|
||
.cms-table tr:nth-child(odd) {
|
||
background: var(--base-background-ultra-bright);
|
||
transition: background-color 0.3s;
|
||
}
|
||
|
||
.cms-table tr:nth-child(even) {
|
||
background: var(--base-background-super-bright);
|
||
transition: background-color 0.3s;
|
||
}
|
||
|
||
.cms-table tbody tr:hover {
|
||
background: #f1f1f1;
|
||
}
|
||
|
||
.cms-table tr.checked {
|
||
background: rgba(13, 103, 28, 0.2) !important;
|
||
opacity: 1 !important;
|
||
}
|
||
|
||
.cms-table td {
|
||
padding: 4px;
|
||
border: 1px solid #FFFFFF;
|
||
position: relative;
|
||
}
|
||
|
||
.cms-table .delete-checkbox {
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 3px;
|
||
}
|
||
|
||
.cms-table .edit {
|
||
width: 80px;
|
||
}
|
||
|
||
.cms-table a {
|
||
color: var(--base-background-dark);
|
||
font-weight: bold;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.cms-table a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.cms-table td input[type=text] {
|
||
width: calc(100% - 20px);
|
||
margin-left: 5px;
|
||
height: 20px;
|
||
padding: 5px
|
||
}
|
||
|
||
.cms-table tbody td select {
|
||
width: 100%;
|
||
height: 32px;
|
||
display: block;
|
||
}
|
||
|
||
.cms-table .inner-td-table {
|
||
width: 100%;
|
||
margin-top: 3px;
|
||
border-radius: 3px;
|
||
background: #FFFFFF;
|
||
border: 1px solid var(--base-background-dark);
|
||
}
|
||
|
||
|
||
.cms-table .inner-td-table input {
|
||
width: calc(100% - 10px);
|
||
padding: 5px;
|
||
}
|
||
|
||
.inner-td-table .add-row, .inner-td-table .remove {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
height: 100%;
|
||
width: 25px;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.inner-td-table .add-row i, .inner-td-table .remove i {
|
||
display: block;
|
||
margin: 0;
|
||
font-size: 20px;
|
||
}
|
||
|
||
.cms-table .inner-td-table .add-row:hover {
|
||
background: var(--base-background);
|
||
color: #FFFFFF !important;
|
||
}
|
||
|
||
.cms-table .inner-td-table .remove:hover {
|
||
background: #c62424;
|
||
color: #FFFFFF !important;
|
||
}
|
||
|
||
.delete-checkbox-docs {
|
||
transform: scale(0.7) !important;
|
||
}
|
||
|
||
.info-table {
|
||
border: 1px solid var(--base-background-dark);
|
||
border-radius: 4px;
|
||
overflow: hidden;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.info-table .row-flex {
|
||
display: flex;
|
||
}
|
||
|
||
.info-table .row-flex div {
|
||
padding: 10px;
|
||
}
|
||
|
||
.border-table .row-flex {
|
||
border-bottom: 1px solid #999999;
|
||
}
|
||
|
||
.border-table .row-flex:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
|
||
.info-table .row-flex div:first-child {
|
||
background: var(--base-background-ultra-bright);
|
||
border-right: 1px solid var(--base-background-dark);
|
||
color: var(--base-background-dark);
|
||
width: 130px;
|
||
font-style: italic;
|
||
}
|
||
|
||
.info-table .row-flex:last-child div:first-child {
|
||
border-bottom: 0;
|
||
}
|
||
|
||
.info-table .row-flex div:last-child {
|
||
font-weight: bold;
|
||
color: var(--base-background-dark);
|
||
text-transform: lowercase;
|
||
width: calc(100% - 150px);
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
.txt-no-transform {
|
||
text-transform: none !important;
|
||
}
|
||
|
||
.info-table .row-flex div.fl-capitalize:first-letter {
|
||
text-transform: uppercase !important;
|
||
}
|
||
|
||
.pagination {
|
||
display: flex;
|
||
margin-top: 10px;
|
||
margin-left: 10px;
|
||
justify-content: right;
|
||
}
|
||
|
||
.pagination a {
|
||
border: 1px solid var(--base-background-dark);
|
||
color: var(--base-background-dark);
|
||
display: block;
|
||
width: 18px;
|
||
height: 18px;
|
||
background: #fff;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
margin-right: 5px;
|
||
font-size: 12px;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.pagination a:hover {
|
||
background: var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.pagination a.selected {
|
||
background: var(--base-background-dark);
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
/* region [ Switch button ] */
|
||
.switch {
|
||
position: relative;
|
||
display: inline-block;
|
||
width: 35px;
|
||
height: 20px;
|
||
}
|
||
|
||
.switch input {
|
||
opacity: 0;
|
||
width: 0;
|
||
height: 0;
|
||
}
|
||
|
||
.switch .slider {
|
||
position: absolute;
|
||
cursor: pointer;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: var(--base-background-super-bright);
|
||
-webkit-transition: .4s;
|
||
transition: .4s;
|
||
}
|
||
|
||
.switch .slider:before {
|
||
font-family: 'Line Awesome Free', sans-serif;
|
||
font-weight: 900;
|
||
position: absolute;
|
||
content: "\f05e";
|
||
height: 13px;
|
||
width: 13px;
|
||
left: 4px;
|
||
bottom: 4px;
|
||
-webkit-transition: .4s;
|
||
transition: .4s;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
-webkit-font-smoothing: antialiased;
|
||
display: inline-block;
|
||
font-style: normal;
|
||
font-variant: normal;
|
||
text-rendering: auto;
|
||
line-height: 1;
|
||
color: darkred;
|
||
background: var(--base-background-super-bright);
|
||
}
|
||
|
||
.switch input:checked + .slider {
|
||
background-color: var(--switch-color);
|
||
}
|
||
|
||
.switch input:focus + .slider {
|
||
box-shadow: 0 0 1px var(--switch-color);
|
||
}
|
||
|
||
.switch input:checked + .slider:before {
|
||
-webkit-transform: translateX(14px);
|
||
-ms-transform: translateX(14px);
|
||
transform: translateX(14px);
|
||
content: '\f00c';
|
||
color: var(--switch-color);
|
||
font-size: 12px;
|
||
text-align: center;
|
||
opacity: 1;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
.switch .slider.round {
|
||
border-radius: 34px;
|
||
}
|
||
|
||
.switch .slider.round:before {
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.check-list {
|
||
height: 300px;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.check-list label {
|
||
display: block;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
line-height: 14px;
|
||
margin: 0;
|
||
cursor: pointer;
|
||
padding: 2px;
|
||
}
|
||
|
||
.check-list label:hover {
|
||
background: var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.check-list label input[type="checkbox"] {
|
||
width: 14px;
|
||
height: 14px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
/* endregion */
|
||
|
||
/* region [ History button ] */
|
||
.historyButton, .positionButton {
|
||
font-size: 22px;
|
||
color: var(--base-background-dark);
|
||
cursor: pointer;
|
||
}
|
||
|
||
.historyButton:hover, .positionButton:hover {
|
||
color: #000000;
|
||
}
|
||
|
||
.history-box, .position-box {
|
||
position: absolute;
|
||
width: 220px;
|
||
top: 0;
|
||
left: -225px;
|
||
background: #c6c6c6;
|
||
border: 1px solid #acabab;
|
||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
||
z-index: 1000;
|
||
opacity: 0;
|
||
transform: translateY(100px);
|
||
transition: all 0.3s;
|
||
max-height: 400px;
|
||
overflow-y: scroll;
|
||
|
||
}
|
||
|
||
.position-box {
|
||
width: 400px;
|
||
left: -405px;
|
||
background: #ffffff;
|
||
}
|
||
|
||
.group-row {
|
||
border: 1px solid var(--base-background-dark);
|
||
text-align: left;
|
||
background: #FFFFFF;
|
||
margin: 5px
|
||
}
|
||
|
||
.group-name {
|
||
background: var(--base-background-dark);
|
||
color: #ffffff;
|
||
font-size: 13px;
|
||
padding: 3px 8px;
|
||
}
|
||
|
||
.group-positions {
|
||
padding: 3px;
|
||
background: var(--base-background-super-bright);
|
||
font-size: 12px;
|
||
}
|
||
|
||
.group-positions label {
|
||
height: 20px;
|
||
line-height: 20px;
|
||
display: flex;
|
||
}
|
||
|
||
.group-positions label input {
|
||
width: 13px;
|
||
height: 13px;
|
||
display: block;
|
||
}
|
||
|
||
.group-positions label span {
|
||
|
||
}
|
||
|
||
.group-positions label.busy {
|
||
color: red !important;
|
||
}
|
||
|
||
.group-positions label.busy input {
|
||
filter: brightness(0.8);
|
||
}
|
||
|
||
|
||
.history-box.open, .position-box.open {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.history-row {
|
||
margin-bottom: 1px;
|
||
background: #FFFFFF;
|
||
padding: 4px;
|
||
}
|
||
|
||
.history-row:last-child {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
|
||
.history-row div {
|
||
line-height: 15px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.wl-switch {
|
||
width: calc(100% - 20px);
|
||
margin-left: 10px;
|
||
display: flex;
|
||
justify-content: right;
|
||
}
|
||
|
||
.wl-switch a {
|
||
display: block;
|
||
height: 25px;
|
||
line-height: 25px;
|
||
padding: 0 20px;
|
||
margin-right: 5px;
|
||
border: 1px solid var(--base-background-ultra-bright);
|
||
color: var(--base-background);
|
||
border-top: 0;
|
||
text-transform: uppercase;
|
||
text-decoration: none;
|
||
font-size: 11px;
|
||
border-radius: 0 0 5px 5px;
|
||
}
|
||
|
||
.wl-switch a.selected {
|
||
background: var(--base-background-middle-bright);
|
||
color: var(--base-background-dark);
|
||
|
||
}
|
||
|
||
.wl-switch a:hover {
|
||
background: var(--base-background-middle-bright);
|
||
color: var(--base-background-dark);
|
||
}
|
||
|
||
|
||
/* width */
|
||
::-webkit-scrollbar {
|
||
width: 10px;
|
||
}
|
||
|
||
/* Track */
|
||
::-webkit-scrollbar-track {
|
||
background: #f1f1f1;
|
||
}
|
||
|
||
/* Handle */
|
||
::-webkit-scrollbar-thumb {
|
||
background: var(--base-background);
|
||
}
|
||
|
||
/* Handle on hover */
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: #555;
|
||
}
|
||
|
||
/* region */
|
||
|
||
/* region [FILE WIDGET] */
|
||
.files-container {
|
||
display: none;
|
||
flex-wrap: wrap;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
.file-img {
|
||
position: relative;
|
||
margin-right: 10px;
|
||
margin-bottom: 10px;
|
||
background: var(--base-background-ultra-bright);
|
||
border: 1px solid var(--base-background-middle-bright);
|
||
width: 128px;
|
||
height: 95px;
|
||
overflow: hidden;
|
||
opacity: 0;
|
||
transform: translateY(50px);
|
||
transition: all 0.3s;
|
||
text-align: center;
|
||
}
|
||
|
||
.file-img img {
|
||
height: 100%;
|
||
width: auto;
|
||
margin: 0 auto;
|
||
transition: 0.3s;
|
||
opacity: 1;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.file-img .progress {
|
||
display: block;
|
||
background: #0bed0b;
|
||
height: 5px;
|
||
width: 0;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
|
||
}
|
||
|
||
.file-img.checked img {
|
||
opacity: 0.4 !important;
|
||
}
|
||
|
||
.file-img input[type="checkbox"] {
|
||
position: absolute;
|
||
right: 2px;
|
||
top: 2px;
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
|
||
.file-img input[type="checkbox"]:hover {
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.37);
|
||
}
|
||
|
||
.file-img.visible {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.file-img .crops {
|
||
display: flex;
|
||
position: absolute;
|
||
bottom: 0;
|
||
justify-content: center;
|
||
width: 100%;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.file-img .crops span {
|
||
font-size: 10px;
|
||
padding: 3px;
|
||
background: #00aa00;
|
||
border: 1px solid green;
|
||
color: #FFFFFF;
|
||
margin-left: 3px;
|
||
margin-bottom: 3px;
|
||
display: block;
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
|
||
}
|
||
|
||
.all-files {
|
||
width: 100%;
|
||
margin: 15px 0;
|
||
}
|
||
|
||
.all-files label {
|
||
display: flex;
|
||
}
|
||
|
||
.all-files label input {
|
||
width: 15px;
|
||
height: 15px;
|
||
display: block;
|
||
margin: 0 5px 0 0;
|
||
}
|
||
|
||
.upload-info {
|
||
color: #e67c00;
|
||
}
|
||
|
||
.upload-info:before {
|
||
content: '*'
|
||
}
|
||
|
||
.crop-container {
|
||
display: flex;
|
||
height: 100%;
|
||
}
|
||
|
||
.crop-container-img {
|
||
width: 65%;
|
||
height: 100%;
|
||
}
|
||
|
||
.crops-container {
|
||
padding-left: 20px;
|
||
width: 35%;
|
||
}
|
||
|
||
.crops-container select {
|
||
width: calc(100% - 90px);
|
||
height: 27px;
|
||
line-height: 27px;
|
||
border: 1px solid var(--base-background-dark);
|
||
border-radius: 0;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.crops-img-container {
|
||
display: block;
|
||
width: calc(100% - 27px);
|
||
padding: 10px;
|
||
height: calc(100% - 70px);
|
||
margin-top: 20px;
|
||
margin-left: 0;
|
||
border: 1px solid var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.crops-img-row {
|
||
display: flex;
|
||
height: 70px;
|
||
position: relative;
|
||
padding: 10px;
|
||
margin-bottom: 10px;
|
||
background: var(--base-background-ultra-bright);
|
||
border: 1px solid var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.crops-img-row canvas, .crops-img-row img {
|
||
height: 100%;
|
||
width: auto;
|
||
border: 1px solid var(--base-background-middle-bright);
|
||
background: var(--base-background-ultra-bright);
|
||
}
|
||
|
||
.crops-img-rez {
|
||
margin-left: 20px;
|
||
font-size: 22px;
|
||
line-height: 70px;
|
||
color: var(--base-background-dark);
|
||
}
|
||
|
||
.crops-img-del {
|
||
width: 20px;
|
||
height: 20px;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
position: absolute;
|
||
right: 20px;
|
||
top: 30px;
|
||
}
|
||
|
||
.crops-img-del i {
|
||
font-size: 20px;
|
||
}
|
||
|
||
.dragging {
|
||
opacity: 0 !important;
|
||
}
|
||
|
||
/* endregion */
|
||
|
||
/*
|
||
http://mincdn.ir/flag-icon-css-master/
|
||
http://mincdn.ir/flag-icon-css-master/flags/4x3/gb.svg
|
||
*/
|
||
.lg {
|
||
display: inline-block;
|
||
width: 18px;
|
||
height: 12px;
|
||
margin-right: 5px;
|
||
transform: translateY(2px);
|
||
}
|
||
|
||
.lg-en {
|
||
background-image: url("../icons/en.svg");
|
||
}
|
||
|
||
.lg-bg {
|
||
background-image: url("../icons/bg.svg");
|
||
}
|
||
|
||
.lg-de {
|
||
background-image: url("../icons/de.svg");
|
||
}
|
||
|
||
.lg-ru {
|
||
background-image: url("../icons/ru.svg");
|
||
}
|
||
|
||
.download-link, .delete-link {
|
||
color: #FFFFFF !important;
|
||
text-decoration: none !important;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.download-link:hover, .delete-link:hover {
|
||
opacity: 0.8;
|
||
}
|
||
|
||
.download-link .extension, .delete-link .extension {
|
||
padding: 4px;
|
||
font-size: 12px;
|
||
border-radius: 2px;
|
||
background: var(--base-background-dark);
|
||
color: #FFFFFF;
|
||
margin-right: 5px;
|
||
font-weight: normal !important;
|
||
}
|
||
|
||
.delete-link .extension {
|
||
background: #b02c2c;
|
||
}
|
||
|
||
.download-link .extension .la, .delete-link .extension .la {
|
||
font-size: 14px;
|
||
}
|
||
|
||
@media screen and (max-width: 1440px) {
|
||
.content {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
.video-thumb {
|
||
|
||
background-size: cover;
|
||
}
|
||
|
||
|
||
/*region DASHBOARD */
|
||
|
||
.dashboard-info-cm {
|
||
width: 100%;
|
||
margin-top: 25px;
|
||
}
|
||
|
||
.dashboard-info-cm .label {
|
||
text-align: center;
|
||
font-size: 16px;
|
||
color: #999999;
|
||
|
||
}
|
||
|
||
.dashboard-info-cm .count {
|
||
text-align: center;
|
||
font-weight: bold;
|
||
font-size: 22px;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
|
||
.dashboard-plate {
|
||
position: relative;
|
||
margin: 10px;
|
||
width: calc(50% - 20px);
|
||
border-radius: 20px;
|
||
height: 350px;
|
||
background-repeat: no-repeat !important;
|
||
background-position: center right 30px !important;
|
||
}
|
||
|
||
.dashboard-plate:nth-child(1) {
|
||
background: var(--base-background-dark);
|
||
background-image: url("/_public/assets/images/dashboard/publichen-portal.png");
|
||
}
|
||
|
||
.dashboard-plate:nth-child(2) {
|
||
background: var(--base-background-super-dark);
|
||
background-image: url("/_public/assets/images/dashboard/digitalen-magazin.png");
|
||
}
|
||
|
||
.dashboard-plate:nth-child(3) {
|
||
background: var(--base-background-bright2);
|
||
background-image: url("/_public/assets/images/dashboard/potrebiteli.png");
|
||
}
|
||
|
||
.dashboard-plate:nth-child(4) {
|
||
background: var(--base-background-bright3);
|
||
background-image: url("/_public/assets/images/dashboard/dashboard.png");
|
||
}
|
||
|
||
.dashboard-plate .title {
|
||
font-size: 25px;
|
||
font-weight: bold;
|
||
color: var(--base-background-ultra-bright-clear);
|
||
margin: 30px;
|
||
}
|
||
|
||
.dashboard-plate:nth-child(3) .title,
|
||
.dashboard-plate:nth-child(4) .title {
|
||
color: var(--base-background-super-dark);
|
||
}
|
||
|
||
.dashboard-plate .button {
|
||
padding: 15px 20px;
|
||
background: var(--base-background-bright2);
|
||
color: #FFFFFF;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
text-decoration: none;
|
||
border-radius: 7px;
|
||
position: absolute;
|
||
bottom: 30px;
|
||
left: 30px;
|
||
}
|
||
|
||
.dashboard-plate:nth-child(3) .button,
|
||
.dashboard-plate:nth-child(4) .button {
|
||
background: var(--base-background-super-dark);
|
||
}
|
||
|
||
|
||
.base-background-brown {
|
||
background: var(--base-background-broun) !important;
|
||
}
|
||
|
||
.update-price {
|
||
position: relative;
|
||
}
|
||
|
||
.update-price input {
|
||
height: 25px;
|
||
border-radius: 0;
|
||
}
|
||
|
||
.update-price .la {
|
||
display: none;
|
||
position: absolute;
|
||
left: 145px;
|
||
top: 12px;
|
||
color: green;
|
||
}
|
||
|
||
.update-price.updated input {
|
||
background: #e9f5e9;
|
||
}
|
||
|
||
.update-price.updated .la {
|
||
display: block;
|
||
}
|
||
|
||
|
||
|
||
.copyright {
|
||
font-size: 13px;
|
||
color: #000000;
|
||
padding: 20px;
|
||
background: #f1f1f1;
|
||
text-align: center;
|
||
position: fixed;
|
||
bottom: 0;
|
||
width: calc(100% - 40px);
|
||
}
|
||
|
||
/* endregion */
|
||
|
||
.footer-logos {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
.footer-logos img {
|
||
display: block;
|
||
margin: 15px;
|
||
}
|
||
|
||
.footer-logos img {
|
||
height: 100px;
|
||
}
|