2019-05-09 18:54:39 +12:00
|
|
|
.box {
|
2019-08-23 05:20:27 +12:00
|
|
|
position: relative;
|
2020-02-11 06:42:42 +13:00
|
|
|
background: var(--config-color-background-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
border-radius: 10px;
|
2019-08-17 18:09:09 +12:00
|
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
|
2019-05-09 18:54:39 +12:00
|
|
|
padding: 30px;
|
|
|
|
display: block;
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
|
|
&.padding-small {
|
|
|
|
padding: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.y-scroll {
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.danger {
|
2020-02-11 06:04:57 +13:00
|
|
|
background: var(--config-color-danger);
|
2020-02-12 10:55:00 +13:00
|
|
|
color: #fff;
|
2020-05-24 02:32:00 +12:00
|
|
|
|
|
|
|
.box {
|
|
|
|
color: var(--config-color-normal);
|
|
|
|
background: var(--config-color-background-fade);
|
|
|
|
}
|
2020-02-12 10:55:00 +13:00
|
|
|
|
2020-05-24 02:32:00 +12:00
|
|
|
> button,
|
|
|
|
> .button {
|
2020-02-12 10:55:00 +13:00
|
|
|
background: #ffffff;
|
|
|
|
color: var(--config-color-danger);
|
|
|
|
}
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2020-05-08 16:54:51 +12:00
|
|
|
&.note {
|
|
|
|
background: var(--config-note-background);
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
&.focus {
|
2020-02-11 06:04:57 +13:00
|
|
|
background: var(--config-color-focus);
|
2020-02-11 06:42:42 +13:00
|
|
|
color: var(--config-color-background-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
|
2019-08-06 19:52:44 +12:00
|
|
|
button,
|
|
|
|
.button {
|
2020-02-11 06:42:42 +13:00
|
|
|
background: var(--config-color-background-fade);
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-focus);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-02-21 09:44:35 +13:00
|
|
|
&.line {
|
|
|
|
background: transparent;
|
|
|
|
border: solid 1px var(--config-color-background-dark);
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
&.warning {
|
2020-02-11 06:04:57 +13:00
|
|
|
background: var(--config-color-success);
|
2019-05-09 18:54:39 +12:00
|
|
|
color: #2d2d2d;
|
|
|
|
|
2019-08-06 19:52:44 +12:00
|
|
|
button,
|
|
|
|
.button {
|
2019-05-09 18:54:39 +12:00
|
|
|
background: rgba(45, 45, 45, 0.8);
|
2020-02-11 06:04:57 +13:00
|
|
|
color: var(--config-color-success);
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-05-02 06:44:43 +12:00
|
|
|
.tabs {
|
|
|
|
border-bottom: solid 1px var(--config-border-color);
|
|
|
|
margin: 0 -30px;
|
|
|
|
padding: 0 30px!important;
|
|
|
|
}
|
|
|
|
|
2019-08-06 19:52:44 +12:00
|
|
|
&>footer {
|
2020-04-30 04:56:34 +12:00
|
|
|
margin: 0 -30px -30px -30px;
|
2019-05-09 18:54:39 +12:00
|
|
|
padding: 15px 30px;
|
2020-02-11 09:59:31 +13:00
|
|
|
background: var(--config-color-background-fade);
|
|
|
|
border: solid 1px var(--config-border-color);
|
2019-05-09 18:54:39 +12:00
|
|
|
border-radius: 0 0 10px 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
2020-02-28 06:44:03 +13:00
|
|
|
height: 1px;
|
2020-03-09 08:27:21 +13:00
|
|
|
background: var(--config-console-background);
|
2019-05-09 18:54:39 +12:00
|
|
|
border: none;
|
|
|
|
margin: 30px -30px;
|
|
|
|
}
|
|
|
|
|
2020-05-04 17:04:30 +12:00
|
|
|
.label {
|
|
|
|
position: absolute;
|
|
|
|
top: 10px;
|
|
|
|
z-index: 2;
|
|
|
|
.func-end(10px);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.fade-bottom {
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
display: block;
|
|
|
|
bottom: 15px;
|
|
|
|
width: 100%;
|
|
|
|
background: rgb(0,0,0);
|
|
|
|
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--config-color-background-fade) 80%);
|
|
|
|
height: 100px;
|
|
|
|
margin: 0 -15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-05-09 18:54:39 +12:00
|
|
|
.header {
|
|
|
|
position: static;
|
|
|
|
height: 40px;
|
|
|
|
padding: 20px 30px 20px 30px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
margin: -30px -30px 20px -30px;
|
2020-02-11 09:59:31 +13:00
|
|
|
background: var(--config-color-background-fade);
|
2019-05-09 18:54:39 +12:00
|
|
|
border-bottom: solid 1px #efefef;
|
|
|
|
}
|
|
|
|
|
2020-04-29 20:36:55 +12:00
|
|
|
ul.numbers {
|
|
|
|
> li {
|
|
|
|
position: relative;
|
2020-05-01 04:34:51 +12:00
|
|
|
.func-margin-start(30px);
|
|
|
|
.func-margin-end(50px);
|
2020-04-29 20:36:55 +12:00
|
|
|
|
2020-05-01 18:28:39 +12:00
|
|
|
hr {
|
|
|
|
.func-margin-start(-60px);
|
|
|
|
.func-margin-end(-80px);
|
|
|
|
}
|
|
|
|
|
2020-05-01 04:34:51 +12:00
|
|
|
.settings {
|
|
|
|
position: absolute;
|
|
|
|
top: 3px;
|
|
|
|
.func-end(-50px);
|
|
|
|
}
|
|
|
|
|
2020-04-29 20:36:55 +12:00
|
|
|
&::after {
|
|
|
|
display: block;
|
2020-05-01 04:34:51 +12:00
|
|
|
width: 25px;
|
|
|
|
height: 25px;
|
|
|
|
line-height: 25px;
|
|
|
|
font-size: 13px;
|
2020-04-29 20:36:55 +12:00
|
|
|
font-weight: 500;
|
|
|
|
border-radius: 50%;
|
|
|
|
background: var(--config-color-focus);
|
|
|
|
color: var(--config-color-background);
|
|
|
|
counter-increment: section;
|
|
|
|
content: counter(section);
|
|
|
|
text-align: center;
|
|
|
|
position: absolute;
|
2020-05-01 04:34:51 +12:00
|
|
|
top: 3px;
|
2020-04-29 20:36:55 +12:00
|
|
|
.func-start(-45px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-05-03 21:49:22 +12:00
|
|
|
.scroll {
|
|
|
|
margin: 0 -30px;
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
|
|
|
table {
|
|
|
|
width: 100%;
|
|
|
|
margin: 0;
|
2020-04-30 04:56:34 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-03-30 08:38:15 +13:00
|
|
|
ul.sortable {
|
2020-04-29 20:36:55 +12:00
|
|
|
counter-reset: section;
|
|
|
|
|
2020-03-30 08:38:15 +13:00
|
|
|
> li {
|
2020-04-29 20:36:55 +12:00
|
|
|
|
2020-03-30 08:38:15 +13:00
|
|
|
[data-move-up].round, [data-move-down].round, [data-remove].round {
|
|
|
|
background: var(--config-color-focus);
|
|
|
|
color: var(--config-color-background-fade);
|
|
|
|
width: 25px;
|
|
|
|
height: 25px;
|
|
|
|
line-height: 25px;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
padding: 0;
|
|
|
|
.func-margin-end(5px);
|
2020-03-31 02:30:37 +13:00
|
|
|
|
|
|
|
&:disabled {
|
|
|
|
display: none;
|
|
|
|
}
|
2020-03-30 08:38:15 +13:00
|
|
|
}
|
|
|
|
|
2020-03-17 07:41:56 +13:00
|
|
|
&:first-child {
|
|
|
|
[data-move-up] {
|
2020-03-31 02:30:37 +13:00
|
|
|
display: none;
|
|
|
|
|
|
|
|
&:disabled {
|
|
|
|
display: inline-block;
|
|
|
|
background: var(--config-color-background);
|
|
|
|
}
|
2020-03-17 07:41:56 +13:00
|
|
|
}
|
|
|
|
}
|
|
|
|
&:last-child {
|
|
|
|
[data-move-down] {
|
2020-03-31 02:30:37 +13:00
|
|
|
display: none;
|
|
|
|
|
|
|
|
&:disabled {
|
|
|
|
display: inline-block;
|
|
|
|
background: var(--config-color-background);
|
|
|
|
}
|
2020-03-17 07:41:56 +13:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-08-09 18:28:16 +12:00
|
|
|
.toggle {
|
2019-05-09 18:54:39 +12:00
|
|
|
position: relative;
|
2020-03-09 08:27:21 +13:00
|
|
|
border-top: 1px solid var(--config-console-background);
|
|
|
|
border-bottom: 1px solid var(--config-console-background);
|
2019-08-09 18:28:16 +12:00
|
|
|
margin: 0 -30px;
|
2020-02-25 01:56:57 +13:00
|
|
|
padding: 30px 30px 0 30px;
|
|
|
|
height: 65px;
|
2019-05-09 18:54:39 +12:00
|
|
|
overflow: hidden;
|
|
|
|
|
2020-03-13 20:21:33 +13:00
|
|
|
&.list {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
2020-03-17 07:41:56 +13:00
|
|
|
&.sorts {
|
|
|
|
button.ls-ui-open {
|
|
|
|
width: ~"calc(100% - 100px)";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-08-09 18:28:16 +12:00
|
|
|
button.ls-ui-open {
|
2020-03-17 07:41:56 +13:00
|
|
|
.func-end(0);
|
2019-08-09 18:28:16 +12:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 95px;
|
|
|
|
background: transparent;
|
|
|
|
opacity: .5;
|
|
|
|
border-radius: 0;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2020-03-13 20:21:33 +13:00
|
|
|
.icon-minus, .icon-up-open {
|
2019-08-09 18:28:16 +12:00
|
|
|
display: none;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2019-08-09 18:28:16 +12:00
|
|
|
.content {
|
|
|
|
display: none;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
2019-08-09 18:28:16 +12:00
|
|
|
&.open {
|
|
|
|
height: auto;
|
|
|
|
|
2020-03-13 20:21:33 +13:00
|
|
|
.icon-minus, .icon-up-open {
|
2019-08-09 18:28:16 +12:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2020-03-13 20:21:33 +13:00
|
|
|
.icon-plus, .icon-down-open {
|
2019-08-09 18:28:16 +12:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
|
|
display: block;
|
|
|
|
}
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.list {
|
|
|
|
li {
|
2020-02-12 02:09:44 +13:00
|
|
|
border-bottom: solid 2px var(--config-border-color);
|
2019-05-09 18:54:39 +12:00
|
|
|
margin: 0 -30px 30px -30px;
|
|
|
|
padding: 0 30px 30px 30px;
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
padding-bottom: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
2020-02-27 10:54:12 +13:00
|
|
|
|
|
|
|
.actions {
|
|
|
|
@media @phones {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
}
|
2020-07-19 09:15:02 +12:00
|
|
|
|
|
|
|
.avatar {
|
|
|
|
display: block;
|
|
|
|
}
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.new {
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
i {
|
|
|
|
font-size: 80px;
|
|
|
|
line-height: 80px;
|
|
|
|
font-family: 'Poppins', sans-serif;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
|
|
|
b {
|
|
|
|
margin-top: 20px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
2020-02-25 01:56:57 +13:00
|
|
|
|
2020-04-04 08:27:18 +13:00
|
|
|
.info {
|
|
|
|
margin: 0 -30px;
|
|
|
|
padding: 20px 30px;
|
|
|
|
background: var(--config-modal-note-background);
|
|
|
|
color: var(--config-modal-note-color);
|
|
|
|
border-top: solid 1px var(--config-modal-note-border);
|
|
|
|
border-bottom: solid 1px var(--config-modal-note-border);
|
2020-04-22 07:52:32 +12:00
|
|
|
|
|
|
|
hr {
|
|
|
|
background: var(--config-modal-note-border)!important;
|
|
|
|
}
|
2020-04-04 08:27:18 +13:00
|
|
|
}
|
|
|
|
|
2020-04-30 04:56:34 +12:00
|
|
|
.table-wrap {
|
|
|
|
margin: 0 -30px;
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
|
|
|
table {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-02-25 01:56:57 +13:00
|
|
|
@media @phones, @tablets {
|
|
|
|
//padding: 20px;
|
|
|
|
}
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
a.box {
|
|
|
|
border-right: none;
|
|
|
|
border-left: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.box:hover {
|
2019-08-06 19:52:44 +12:00
|
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
|
2020-02-12 23:38:31 +13:00
|
|
|
opacity: .7;
|
2019-05-09 18:54:39 +12:00
|
|
|
}
|
|
|
|
|
|
|
|
.box-asidex {
|
2019-08-06 19:52:44 +12:00
|
|
|
.func-padding-end(25px) !important;
|
2019-05-09 18:54:39 +12:00
|
|
|
.func-padding-start(70px);
|
|
|
|
.func-end(0);
|
|
|
|
background: #f9f9f9;
|
|
|
|
border-radius: 0 10px 10px 0;
|
|
|
|
height: ~"calc(100% - 30px)";
|
|
|
|
position: absolute;
|
|
|
|
padding-top: 30px;
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
height: 100%;
|
|
|
|
width: 51px;
|
|
|
|
background: #fff;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
.func-start(-6px);
|
|
|
|
}
|
2020-06-10 02:43:24 +12:00
|
|
|
}
|