diff --git a/html/css/inbox.css b/html/css/inbox.css
index 90ab56f..bcd89a8 100644
--- a/html/css/inbox.css
+++ b/html/css/inbox.css
@@ -94,21 +94,21 @@ body {
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-
+
display: flex;
flex-direction: column;
- padding: 0;
- margin: 0;
+ padding: 0;
+ margin: 0;
}
a {
color: var(--color-link);
text-decoration: none;
- &:hover,
- &:focus,
- &:active {
- color: var(--color-link-hover);
- }
+}
+a:hover,
+a:focus,
+a:active {
+ color: var(--color-link-hover);
}
button, a.btn {
@@ -122,25 +122,25 @@ button, a.btn {
height: 48px;
border: 1px solid transparent;
border-radius: 4px;
- background: var(--color-link);
- &:hover,
- &:focus,
- &:active {
- background: var(--color-link-hover);
- cursor: pointer;
- }
+ background: var(--color-link);
+}
+button:hover, a.btn:hover,
+button:focus, a.btn:focus,
+button:active, a.btn:active {
+ background: var(--color-link-hover);
+ cursor: pointer;
}
.btn.btn-secondary {
color: var(--color-link);
border-color: var(--color-link);
background-color: transparent;
- &:hover,
- &:focus,
- &:active {
- color: var(--color-link-hover);
- border-color: var(--color-link-hover);
- background: transparent;
- }
+}
+.btn.btn-secondary:hover,
+.btn.btn-secondary:focus,
+.btn.btn-secondary:active {
+ color: var(--color-link-hover);
+ border-color: var(--color-link-hover);
+ background: transparent;
}
.header {
@@ -152,17 +152,16 @@ button, a.btn {
padding: 0 var(--w-screen);
border: 0;
background-color: var(--color-bg-main);
-
- .header-logo {
- width: 62px;
- height: 40px;
- background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
- }
- .header-title {
- color: var(--white);
- font-size: var(--size-text-secondary);
- margin-left: var(--indent-mini);
- }
+}
+.header .header-logo {
+ width: 62px;
+ height: 40px;
+ background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
+}
+.header .header-title {
+ color: var(--white);
+ font-size: var(--size-text-secondary);
+ margin-left: var(--indent-mini);
}
:is(.ul, .fl) .header {
background-color: var(--color-text-primary);
@@ -193,460 +192,441 @@ button, a.btn {
padding: 0 var(--w-screen);
background-color: var(--bg-light);
overflow: auto;
-
- .short-text {
- max-width: 60%;
- }
- .paragraph-left .short-text {
- max-width: 70%;
- }
- .block-group {
- display: flex;
- flex-direction: row;
- margin: auto;
- }
- .block {
- font-family: 'Inter';
- min-width: 355px;
- padding: 40px;
- border-radius: 12px;
- background-color: var(--white);
- box-shadow: var(--bg-shadow);
-
- & > div {
- max-width: 350px;
- }
- & + .block {
- margin-left: 40px;
- }
- .block-img {
- width: 100px;
- height: 100px;
- }
- &.block-ul .block-img {
- background-image: url(../img/svg/ul.svg);
- }
- &.block-fl .block-img {
- background-image: url(../img/svg/fl.svg);
- }
- .block-title {
- font-family: 'GolosB';
- font-size: var(--size-text-subtitle);
- margin-top: var(--indent-mini);
- }
- .block-description {
- font-family: 'Golos';
- font-size: var(--size-text-primary);
- margin-top: var(--indent-mini);
- }
- .btn {
- width: auto;
- margin-top: var(--indent-medium);
- }
- }
+}
+.container-inside .short-text {
+ max-width: 60%;
+}
+.container-inside .paragraph-left .short-text {
+ max-width: 70%;
+}
+.container-inside .block-group {
+ display: flex;
+ flex-direction: row;
+ margin: auto;
+}
+.container-inside .block {
+ font-family: 'Inter';
+ min-width: 355px;
+ padding: 40px;
+ border-radius: 12px;
+ background-color: var(--white);
+ box-shadow: var(--bg-shadow);
+}
+.container-inside .block > div {
+ max-width: 350px;
+}
+.container-inside .block + .block {
+ margin-left: 40px;
+}
+.container-inside .block .block-img {
+ width: 100px;
+ height: 100px;
+}
+.container-inside .block.block-ul .block-img {
+ background-image: url(../img/svg/ul.svg);
+}
+.container-inside .block.block-fl .block-img {
+ background-image: url(../img/svg/fl.svg);
+}
+.container-inside .block .block-title {
+ font-family: 'GolosB';
+ font-size: var(--size-text-subtitle);
+ margin-top: var(--indent-mini);
+}
+.container-inside .block .block-description {
+ font-family: 'Golos';
+ font-size: var(--size-text-primary);
+ margin-top: var(--indent-mini);
+}
+.container-inside .block .btn {
+ width: auto;
+ margin-top: var(--indent-medium);
}
:is(.ul, .fl) .container-inside {
padding: 0;
background-color: var(--white);
-
- .btn-group {
- display: flex;
- flex-direction: row;
-
- .btn + .btn {
- margin-left: var(--indent-mini);
- }
- }
-
- .list-group {
- position: relative;
- padding: 0 var(--w-screen);
-
- .btn {
- width: max-content;
- }
- .title {
- font-size: var(--size-text-maintitle);
- font-family: 'GolosB';
- margin-bottom: var(--indent-huge);
- }
- .subtitle {
- font-size: var(--size-text-title);
- font-family: 'GolosDB';
- margin-bottom: var(--indent-big);
- }
- .muted {
- color: var(--color-light);
- }
- .paragraph {
- display: flex;
- flex-direction: row;
-
- .paragraph-left {
- width: 40%;
- }
- .paragraph-right {
- width: 60%;
- }
- .paragraph-half {
- width: 50%;
- }
- .paragraph-third {
- width: 33.33%;
- }
- [class*="paragraph-"] + [class*="paragraph-"] {
- margin-left: 40px;
- }
- .text {
- font-family: 'InterSB';
- font-size: var(--size-text-primary);
- margin-bottom: var(--indent-mini);
- }
- .icon-checklist, .icon-clock, .icon-text {
- padding-top: 44px;
-
- &.icon-checklist {
- background: url(../img/svg/checklist-32x32.svg) no-repeat 0 0;
- }
- &.icon-clock {
- background: url(../img/svg/clock-32x32.svg) no-repeat 0 0;
- }
- &.icon-text {
- background: url(../img/svg/text-32x32.svg) no-repeat 0 0;
- }
- }
- }
- .list {
- & > div {
- position: relative;
- padding-left: 36px;
-
- & + div {
- margin-top: var(--indent-mini);
- }
- &::after {
- content: "";
- position: absolute;
- width: 24px;
- height: 24px;
- top: 0;
- left: 0;
- }
- &.esia::after {
- background: url(../img/svg/esia-24x24.svg) no-repeat 0 0;
- }
- &.case::after {
- background: url(../img/svg/case-24x24.svg) no-repeat 0 0;
- }
- &.user::after {
- background: url(../img/svg/user-24x24.svg) no-repeat 0 0;
- }
- &.romb::after {
- background: url(../img/svg/romb-24x24.svg) no-repeat 0 0;
- }
- }
- & ~ .btn-group {
- margin-top: var(--indent-medium);
- }
- }
- .section-group > div {
- display: flex;
- flex-direction: column;
- min-height: 48px;
- position: relative;
- padding: 16px 16px 16px 76px;
- margin-bottom: 16px;
- border-radius: 4px;
- background-color: var(--bg-form);
-
- &:last-child {
- margin-bottom: 0;
- }
- &::before {
- content: "";
- position: absolute;
- left: 16px;
- width: 48px;
- height: 48px;
- border-radius: 50px;
- background-color: var(--color-bg-main);
- background-repeat: no-repeat;
- background-position: 50% 50%;
- }
- &.icon-user::before {
- background-image: url(../img/svg/pers-wt.svg);
- }
- &.icon-case::before {
- background-image: url(../img/svg/case-wt.svg);
- }
- &.icon-shield::before {
- background-image: url(../img/svg/shield-wt.svg);
- }
- &.icon-clip::before {
- background-image: url(../img/svg/clip-wt.svg);
- }
- &.icon-pers::before {
- background-image: url(../img/svg/pers-wt.svg);
- }
- &.icon-building::before {
- background-image: url(../img/svg/building-wt.svg);
- }
- .muted {
- margin-top: 12px;
- }
- .detailed {
- color: var(--color-text-primary);
- font-family: 'InterB';
- }
- }
- .pass-list {
- position: relative;
- display: flex;
- flex-direction: row;
- padding-top: 60px;
-
- &::before {
- content: "";
- position: absolute;
- width: calc(80% + 40px);
- height: 4px;
- top: 18px;
- left: 0;
- background-color: var(--color-link-hover);
- }
- & > div {
- position: relative;
- width: 20%;
-
- &::before {
- content: "";
- position: absolute;
- width: 32px;
- height: 32px;
- top: -60px;
- left: 0;
- border-radius: 2px;
- border: 4px solid var(--color-link-hover);
- background-color: var(--bg-light);
- transform: rotate(45deg);
- }
- &::after {
- content: "";
- position: absolute;
- font-family: 'InterB';
- top: -50px;
- left: 15px;
- }
- &:nth-child(1)::after {
- content: "1";
- }
- &:nth-child(2)::after {
- content: "2";
- }
- &:nth-child(3)::after {
- content: "3";
- }
- &:nth-child(4)::after {
- content: "4";
- }
- &:nth-child(5)::after {
- content: "5";
- }
- & + div {
- margin-left: 40px;
- }
- }
- }
- .msg-list {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- padding: 8px;
-
- span {
- width: 32px;
- height: 32px;
- padding-right: 16px;
- background: url(../img/svg/info-gr.svg) no-repeat 0 0;
- }
- }
- .docs-list {
- position: relative;
- display: flex;
- flex-direction: row;
-
- & > div {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- width: 20%;
-
- a {
- width: 24px;
- height: 24px;
- padding-right: 8px;
- background: url(../img/svg/download-24x24.svg) no-repeat 0 0;
- }
- & + div {
- margin-left: 40px;
- }
- }
- }
- &.lk-what {
- padding-top: var(--indent-huge);
- padding-bottom: var(--indent-huge);
- &::after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0.12;
- background: url(../img/svg/bg-star.svg) no-repeat calc(100% + 200px) -180px transparent;
- z-index: 0;
- }
- & > div {
- position: relative;
- z-index: 1;
- }
- }
- &.lk-access {
- color: var(--white);
- padding-top: var(--indent-big);
- padding-bottom: var(--indent-big);
- background-color: var(--color-bg-main);
- }
- &.lk-info {
- padding-top: var(--indent-big);
- padding-bottom: var(--indent-big);
- }
- &.lk-pass {
- padding-top: var(--indent-big);
- padding-bottom: var(--indent-big);
- background-color: var(--bg-light);
- }
- &.lk-when {
- color: var(--white);
- padding-top: var(--indent-big);
- padding-bottom: var(--indent-big);
- background-color: var(--color-bg-main);
- }
- &.lk-msg {
- background-color: var(--border-light);
- }
- &.lk-limits {
- padding-top: var(--indent-big);
- padding-bottom: var(--indent-big);
- }
- &.lk-docs {
- flex: 1;
- color: var(--white);
- padding-top: var(--indent-huge);
- padding-bottom: var(--indent-huge);
- background-color: var(--color-text-primary);
- }
- &.lk-alert {
- padding-top: var(--indent-big);
- padding-bottom: var(--indent-big);
- background-color: var(--bg-light);
- }
- &.lk-footer {
- padding-top: var(--indent-small);
- padding-bottom: var(--indent-small);
- background-color: var(--color-text-primary);
- }
- }
+}
+:is(.ul, .fl) .container-inside .btn-group {
+ display: flex;
+ flex-direction: row;
+}
+:is(.ul, .fl) .container-inside .btn-group .btn + .btn {
+ margin-left: var(--indent-mini);
}
-:is(.fl) .container-inside .list-group {
- &.lk-what .title {
- color: var(--color-link);
- margin-bottom: var(--indent-small);
+:is(.ul, .fl) .container-inside .list-group {
+ position: relative;
+ padding: 0 var(--w-screen);
+}
+:is(.ul, .fl) .container-inside .list-group .btn {
+ width: max-content;
+}
+:is(.ul, .fl) .container-inside .list-group .title {
+ font-size: var(--size-text-maintitle);
+ font-family: 'GolosB';
+ margin-bottom: var(--indent-huge);
+}
+:is(.ul, .fl) .container-inside .list-group .subtitle {
+ font-size: var(--size-text-title);
+ font-family: 'GolosDB';
+ margin-bottom: var(--indent-big);
+}
+:is(.ul, .fl) .container-inside .list-group .muted {
+ color: var(--color-light);
+}
- &::after {
- content: url(../img/svg/star.svg);
- top: 18px;
- position: relative;
- margin-left: var(--indent-big);
- }
- & + .short-text {
- max-width: 25%;
- }
- & ~ .subtitle {
- margin-top: var(--indent-big);
- }
- }
- &.lk-info .section-group > div {
- justify-content: center;
- }
- &.lk-pass {
- .subtitle {
- margin-bottom: 0;
- & + div {
- margin-top: var(--indent-small);
- margin-bottom: var(--indent-big);
- }
- }
- .pass-list {
- &::before {
- display: none;
- }
- & > div {
- position: relative;
- width: 33.33%;
- }
- }
- }
- &.lk-msg {
- color: var(--color-link);
- font-family: 'InterSB';
- background-color: var(--bg-form);
+:is(.ul, .fl) .container-inside .list-group .paragraph {
+ display: flex;
+ flex-direction: row;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-left {
+ width: 40%;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-right {
+ width: 60%;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-half {
+ width: 50%;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .paragraph-third {
+ width: 33.33%;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
+ margin-left: 40px;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .text {
+ font-family: 'InterSB';
+ font-size: var(--size-text-primary);
+ margin-bottom: var(--indent-mini);
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .icon-checklist,
+:is(.ul, .fl) .container-inside .list-group .paragraph .icon-clock,
+:is(.ul, .fl) .container-inside .list-group .paragraph .icon-text {
+ padding-top: 44px;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .icon-checklist {
+ background: url(../img/svg/checklist-32x32.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .icon-clock {
+ background: url(../img/svg/clock-32x32.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .paragraph .icon-text {
+ background: url(../img/svg/text-32x32.svg) no-repeat 0 0;
+}
- span {
- background: url(../img/svg/info.svg) no-repeat 0 4px;
- }
- }
- &.lk-limits {
- .subtitle {
- margin-bottom: 0;
- & + div {
- margin-top: var(--indent-small);
- margin-bottom: var(--indent-big);
- }
- }
- .scheme {
- width: 100%;
- height: 204px;
- background: url(../img/svg/scheme.svg) no-repeat 0 0;
- }
- }
- &.lk-alert {
- & > .short-text {
- margin-bottom: var(--indent-big);
- }
- .alert-block {
- position: relative;
- padding: var(--indent-small) 64px var(--indent-small) var(--indent-small);
- border-radius: 4px;
- border: 2px solid var(--border-light);
+:is(.ul, .fl) .container-inside .list-group .list > div {
+ position: relative;
+ padding-left: 36px;
+}
+:is(.ul, .fl) .container-inside .list-group .list > div + div {
+ margin-top: var(--indent-mini);
+}
+:is(.ul, .fl) .container-inside .list-group .list > div::after {
+ content: "";
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ top: 0;
+ left: 0;
+}
+:is(.ul, .fl) .container-inside .list-group .list > div.esia::after {
+ background: url(../img/svg/esia-24x24.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .list > div.case::after {
+ background: url(../img/svg/case-24x24.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .list > div.user::after {
+ background: url(../img/svg/user-24x24.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .list > div.romb::after {
+ background: url(../img/svg/romb-24x24.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .list ~ .btn-group {
+ margin-top: var(--indent-medium);
+}
- &::after {
- content: url(../img/svg/info.svg);
- position: absolute;
- top: var(--indent-small);
- right: var(--indent-small);
- }
- & > div + div {
- margin-top: var(--indent-small);
- }
- & > div:last-child {
- color: var(--color-link);
- }
- }
- }
+:is(.ul, .fl) .container-inside .list-group .section-group > div {
+ display: flex;
+ flex-direction: column;
+ min-height: 48px;
+ position: relative;
+ padding: 16px 16px 16px 76px;
+ margin-bottom: 16px;
+ border-radius: 4px;
+ background-color: var(--bg-form);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div:last-child {
+ margin-bottom: 0;
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div::before {
+ content: "";
+ position: absolute;
+ left: 16px;
+ width: 48px;
+ height: 48px;
+ border-radius: 50px;
+ background-color: var(--color-bg-main);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-user::before {
+ background-image: url(../img/svg/pers-wt.svg);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-case::before {
+ background-image: url(../img/svg/case-wt.svg);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-shield::before {
+ background-image: url(../img/svg/shield-wt.svg);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-clip::before {
+ background-image: url(../img/svg/clip-wt.svg);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-pers::before {
+ background-image: url(../img/svg/pers-wt.svg);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div.icon-building::before {
+ background-image: url(../img/svg/building-wt.svg);
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div .muted {
+ margin-top: 12px;
+}
+:is(.ul, .fl) .container-inside .list-group .section-group > div .muted .detailed {
+ color: var(--color-text-primary);
+ font-family: 'InterB';
+}
+
+:is(.ul, .fl) .container-inside .list-group .pass-list {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ padding-top: 60px;
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list::before {
+ content: "";
+ position: absolute;
+ width: calc(80% + 40px);
+ height: 4px;
+ top: 18px;
+ left: 0;
+ background-color: var(--color-link-hover);
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div {
+ position: relative;
+ width: 20%;
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div::before {
+ content: "";
+ position: absolute;
+ width: 32px;
+ height: 32px;
+ top: -60px;
+ left: 0;
+ border-radius: 2px;
+ border: 4px solid var(--color-link-hover);
+ background-color: var(--bg-light);
+ transform: rotate(45deg);
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div::after {
+ content: "";
+ position: absolute;
+ font-family: 'InterB';
+ top: -50px;
+ left: 15px;
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(1)::after {
+ content: "1";
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(2)::after {
+ content: "2";
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(3)::after {
+ content: "3";
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(4)::after {
+ content: "4";
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div:nth-child(5)::after {
+ content: "5";
+}
+:is(.ul, .fl) .container-inside .list-group .pass-list > div + div {
+ margin-left: 40px;
+}
+
+:is(.ul, .fl) .container-inside .list-group .msg-list {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ padding: 8px;
+}
+:is(.ul, .fl) .container-inside .list-group .msg-list span {
+ width: 32px;
+ height: 32px;
+ padding-right: 16px;
+ background: url(../img/svg/info-gr.svg) no-repeat 0 0;
+}
+
+:is(.ul, .fl) .container-inside .list-group .docs-list {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+}
+:is(.ul, .fl) .container-inside .list-group .docs-list > div {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ width: 20%;
+}
+:is(.ul, .fl) .container-inside .list-group .docs-list > div a {
+ width: 24px;
+ height: 24px;
+ padding-right: 8px;
+ background: url(../img/svg/download-24x24.svg) no-repeat 0 0;
+}
+:is(.ul, .fl) .container-inside .list-group .docs-list > div + div {
+ margin-left: 40px;
+}
+
+:is(.ul, .fl) .container-inside .list-group.lk-what {
+ padding-top: var(--indent-huge);
+ padding-bottom: var(--indent-huge);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-what::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ opacity: 0.12;
+ background: url(../img/svg/bg-star.svg) no-repeat calc(100% + 200px) -180px transparent;
+ z-index: 0;
+}
+:is(.ul, .fl) .container-inside .list-group.lk-what > div {
+ position: relative;
+ z-index: 1;
+}
+
+:is(.ul, .fl) .container-inside .list-group.lk-access {
+ color: var(--white);
+ padding-top: var(--indent-big);
+ padding-bottom: var(--indent-big);
+ background-color: var(--color-bg-main);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-info {
+ padding-top: var(--indent-big);
+ padding-bottom: var(--indent-big);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-pass {
+ padding-top: var(--indent-big);
+ padding-bottom: var(--indent-big);
+ background-color: var(--bg-light);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-when {
+ color: var(--white);
+ padding-top: var(--indent-big);
+ padding-bottom: var(--indent-big);
+ background-color: var(--color-bg-main);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-msg {
+ background-color: var(--border-light);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-limits {
+ padding-top: var(--indent-big);
+ padding-bottom: var(--indent-big);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-docs {
+ flex: 1;
+ color: var(--white);
+ padding-top: var(--indent-huge);
+ padding-bottom: var(--indent-huge);
+ background-color: var(--color-text-primary);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-alert {
+ padding-top: var(--indent-big);
+ padding-bottom: var(--indent-big);
+ background-color: var(--bg-light);
+}
+:is(.ul, .fl) .container-inside .list-group.lk-footer {
+ padding-top: var(--indent-small);
+ padding-bottom: var(--indent-small);
+ background-color: var(--color-text-primary);
+}
+
+:is(.fl) .container-inside .list-group.lk-what .title {
+ color: var(--color-link);
+ margin-bottom: var(--indent-small);
+}
+:is(.fl) .container-inside .list-group.lk-what .title::after {
+ content: url(../img/svg/star.svg);
+ top: 18px;
+ position: relative;
+ margin-left: var(--indent-big);
+}
+:is(.fl) .container-inside .list-group.lk-what .title + .short-text {
+ max-width: 25%;
+}
+:is(.fl) .container-inside .list-group.lk-what .title ~ .subtitle {
+ margin-top: var(--indent-big);
+}
+:is(.fl) .container-inside .list-group.lk-info .section-group > div {
+ justify-content: center;
+}
+:is(.fl) .container-inside .list-group.lk-pass .subtitle {
+ margin-bottom: 0;
+}
+:is(.fl) .container-inside .list-group.lk-pass .subtitle + div {
+ margin-top: var(--indent-small);
+ margin-bottom: var(--indent-big);
+}
+:is(.fl) .container-inside .list-group.lk-pass .pass-list::before {
+ display: none;
+}
+:is(.fl) .container-inside .list-group.lk-pass .pass-list > div {
+ position: relative;
+ width: 33.33%;
+}
+:is(.fl) .container-inside .list-group.lk-msg {
+ color: var(--color-link);
+ font-family: 'InterSB';
+ background-color: var(--bg-form);
+}
+:is(.fl) .container-inside .list-group.lk-msg span {
+ background: url(../img/svg/info.svg) no-repeat 0 4px;
+}
+:is(.fl) .container-inside .list-group.lk-limits .subtitle {
+ margin-bottom: 0;
+}
+:is(.fl) .container-inside .list-group.lk-limits .subtitle + div {
+ margin-top: var(--indent-small);
+ margin-bottom: var(--indent-big);
+}
+:is(.fl) .container-inside .list-group.lk-limits .scheme {
+ width: 100%;
+ height: 204px;
+ background: url(../img/svg/scheme.svg) no-repeat 0 0;
+}
+:is(.fl) .container-inside .list-group.lk-alert > .short-text {
+ margin-bottom: var(--indent-big);
+}
+:is(.fl) .container-inside .list-group.lk-alert .alert-block {
+ position: relative;
+ padding: var(--indent-small) 64px var(--indent-small) var(--indent-small);
+ border-radius: 4px;
+ border: 2px solid var(--border-light);
+}
+:is(.fl) .container-inside .list-group.lk-alert .alert-block::after {
+ content: url(../img/svg/info.svg);
+ position: absolute;
+ top: var(--indent-small);
+ right: var(--indent-small);
+}
+:is(.fl) .container-inside .list-group.lk-alert .alert-block > div + div {
+ margin-top: var(--indent-small);
+}
+:is(.fl) .container-inside .list-group.lk-alert .alert-block > div:last-child {
+ color: var(--color-link);
}
/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
@@ -661,7 +641,7 @@ button, a.btn {
--indent-huge: 32px;
--indent-big: 24px;
--indent-medium: 24px;
- --indent-small: 16px;
+ --indent-small: 16px;
}
.container-inside .short-text {
@@ -671,58 +651,51 @@ button, a.btn {
.container-inside .block-group {
flex-direction: column;
margin: 0;
-
- .block {
- min-width: auto;
- margin: var(--indent-huge) 0 0;
- & > div {
- max-width: inherit !important;
- }
- }
}
- :is(.ul, .fl) .container-inside .list-group {
- .paragraph {
- flex-direction: column;
-
- [class*="paragraph-"] {
- width: auto;
- margin-left: 0;
- }
- [class*="paragraph-"] + [class*="paragraph-"] {
- margin-top: var(--indent-mini);
- margin-left: 0;
- }
- }
- .pass-list {
- flex-direction: column;
- padding-top: 0;
-
- &::before {
- display: none;
- }
- & > div {
- display: flex;
- align-items: center;
- width: auto !important;
- padding-left: 60px;
- min-height: 40px;
-
- &::before {
- top: 0;
- }
- &::after {
- top: 10px;
- }
- & + div {
- margin-left: 0;
- margin-top: var(--indent-mini);
- }
- }
- }
+ .container-inside .block-group .block {
+ min-width: auto;
+ margin: var(--indent-huge) 0 0;
+ }
+ .container-inside .block-group .block > div {
+ max-width: inherit !important;
+ }
+ :is(.ul, .fl) .container-inside .list-group .paragraph {
+ flex-direction: column;
+ }
+ :is(.ul, .fl) .container-inside .list-group .paragraph [class*="paragraph-"] {
+ width: auto;
+ margin-left: 0;
+ }
+ :is(.ul, .fl) .container-inside .list-group .paragraph [class*="paragraph-"] + [class*="paragraph-"] {
+ margin-top: var(--indent-mini);
+ margin-left: 0;
+ }
+ :is(.ul, .fl) .container-inside .list-group .pass-list {
+ flex-direction: column;
+ padding-top: 0;
+ }
+ :is(.ul, .fl) .container-inside .list-group .pass-list::before {
+ display: none;
+ }
+ :is(.ul, .fl) .container-inside .list-group .pass-list > div {
+ display: flex;
+ align-items: center;
+ width: auto !important;
+ padding-left: 60px;
+ min-height: 40px;
+ }
+ :is(.ul, .fl) .container-inside .list-group .pass-list > div::before {
+ top: 0;
+ }
+ :is(.ul, .fl) .container-inside .list-group .pass-list > div::after {
+ top: 10px;
+ }
+ :is(.ul, .fl) .container-inside .list-group .pass-list > div + div {
+ margin-left: 0;
+ margin-top: var(--indent-mini);
}
}
-
@media (max-width: 480px) {
body {
--w-screen: 16px;
@@ -736,18 +709,14 @@ button, a.btn {
--indent-medium: 16px;
--indent-small: 16px;
}
- :is(.ul, .fl) .container-inside .list-group {
- .docs-list {
- flex-direction: column;
-
- & > div {
- width: 100%;
-
- & + div {
- margin-left: 0;
- margin-top: var(--indent-mini);
- }
- }
- }
- }
+ :is(.ul, .fl) .container-inside .list-group .docs-list {
+ flex-direction: column;
+ }
+ :is(.ul, .fl) .container-inside .list-group .docs-list > div {
+ width: 100%;
+ }
+ :is(.ul, .fl) .container-inside .list-group .docs-list > div + div {
+ margin-left: 0;
+ margin-top: var(--indent-mini);
+ }
}
\ No newline at end of file
diff --git a/html/fl/index.html b/html/fl/index.html
index f6de4f6..036e384 100644
--- a/html/fl/index.html
+++ b/html/fl/index.html
@@ -119,8 +119,7 @@
-
-
+