{"id":346,"date":"2023-10-02T12:25:59","date_gmt":"2023-10-02T09:25:59","guid":{"rendered":"https:\/\/kb.astrocroc.com\/?p=346"},"modified":"2023-10-02T12:25:59","modified_gmt":"2023-10-02T09:25:59","slug":"%d0%bc%d0%be%d0%b9-ui-%d1%84%d1%80%d0%b5%d0%b9%d0%bc%d1%84%d0%be%d1%80%d0%ba-css-%d0%b4%d0%bb%d1%8f-sharepoint","status":"publish","type":"post","link":"https:\/\/kb.astrocroc.com\/?p=346","title":{"rendered":"\u041c\u043e\u0439 UI \u0444\u0440\u0435\u0439\u043c\u0444\u043e\u0440\u043a CSS \u0434\u043b\u044f SharePoint"},"content":{"rendered":"\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-css\" data-line=\"\">\/***************** \u0424\u043e\u0440\u043c\u044b ***************\/\n.form-ui.ui.blue.segment {\n    border-top: 2px solid #2185d0!important;\n}\n.form-ui.ui.red.segment {\n    border-top: 2px solid #db2828!important;\n}\n\n.form-menu {\n    margin: 1rem 0;\n    font-family: Lato,&#039;Helvetica Neue&#039;,Arial,Helvetica,sans-serif;\n    background: #fff;\n    font-weight: 400;\n    border: 1px solid rgba(34,36,38,.15);\n    box-shadow: 0 1px 2px 0 rgb(34 36 38 \/ 15%);\n    border-radius: 0.28571429rem;\n    min-height: 2.85714286em;\n    font-size: 1rem;\n}\n.form-menu button {\n    margin: 5px 5px 5px 5px !important;\n}\n.form-menu .right-menu {\n    float: right;\n    margin-top: 3px;\n}\n\n.ui-message {\n    background-color: #f8f8f9;\n    color: rgba(0,0,0,.87);\n    position: relative;\n    min-height: 1em;\n    margin: 1em 0;\n    padding: 1em 1.5em;\n    line-height: 1.4285em;\n    -webkit-transition: opacity .1s,color .1s,background .1s,box-shadow .1s;\n    transition: opacity .1s,color .1s,background .1s,box-shadow .1s;\n    border-radius: 0.28571429rem;\n    font-size: 1em;\n    box-shadow: 0 5px 10px 2px #d7d7d7 inset, 0 0 0 0 transparent;\n    box-sizing: border-box;\n}\n.ui-message .header {\n    font-size: 1.14285714em !important;\n    display: block;\n    font-family: Lato,&#039;Helvetica Neue&#039;,Arial,Helvetica,sans-serif;\n    font-weight: 700;\n    margin: -0.14285714em 0 0;\n}\n\n.ui-message p, .ui-message span {\n    margin-top: 0.25em;\n    margin-bottom: 0;\n    opacity: .85;\n    \/*margin: 0.75em 0;*\/\n}\n\n.ui-negative-message {\n    background-color: #fff6f6;\n    color: #9f3a38;\n    position: relative;\n    min-height: 1em;\n    margin: 1em 0;\n    padding: 1em 1.5em;\n    line-height: 1.4285em;\n    -webkit-transition: opacity .1s,color .1s,background .1s,box-shadow .1s;\n    transition: opacity .1s,color .1s,background .1s,box-shadow .1s;\n    border-radius: 0.28571429rem;\n    font-size: 1em;\n    \/*box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;*\/\n    box-shadow: 0 5px 10px 2px #e0b4b4 inset, 0 0 0 0 transparent;\n    box-sizing: border-box;\n}\n\n.ui-negative-message .header {\n    color: #912d2b !important;\n    font-size: 1.14285714em;\n    display: block;\n    font-family: Lato,&#039;Helvetica Neue&#039;,Arial,Helvetica,sans-serif;\n    font-weight: 700;\n    margin: -0.14285714em 0 0;\n}\n\n.ui-negative-message p, .ui-negative-message span {\n    margin-top: 0.25em;\n    margin-bottom: 0;\n    opacity: .85;\n    \/*margin: 0.75em 0;*\/\n}\n\n.ui-positive-message {\n    background-color: #8ec8f1;\n    color: #01397e;\n    position: relative;\n    min-height: 1em;\n    margin: 1em 0;\n    padding: 1em 1.5em;\n    line-height: 1.4285em;\n    -webkit-transition: opacity .1s,color .1s,background .1s,box-shadow .1s;\n    transition: opacity .1s,color .1s,background .1s,box-shadow .1s;\n    border-radius: 0.28571429rem;\n    font-size: 1em;\n    \/*box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;*\/\n    box-shadow: 0 5px 10px 2px #5d9cc9 inset, 0 0 0 0 transparent;\n    box-sizing: border-box;\n}\n\n.ui-positive-message .header {\n    color: #01397e !important;\n    font-size: 1.14285714em;\n    display: block;\n    font-family: Lato,&#039;Helvetica Neue&#039;,Arial,Helvetica,sans-serif;\n    font-weight: 700;\n    margin: -0.14285714em 0 0;\n}\n\n.ui-positive-message p, .ui-positive-message span {\n    margin-top: 0.25em;\n    margin-bottom: 0;\n    opacity: .85;\n    \/*margin: 0.75em 0;*\/\n}\n\n.form-ui {\n    position: relative;\n    background: #fff;\n    \/*box-shadow: 0 1px 2px 0 rgb(34 36 38 \/ 15%);*\/\n    -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);\n    -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);\n    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);\n    margin: 1rem 0;\n    padding: 1em;\n    border-radius: 10px;\n    \/*border: 1px solid rgba(34,36,38,.15);*\/\n    min-width: 1000px;\n}\n.form-ui .header {\n    padding: 0;\n    margin-bottom: 0.14285714rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: &#039;&#039;;\n    font-size: 1.2em;\n}\n.form-row {\n    position: relative;\n    max-width: 100%;\n    font-size: 1rem;\n}\n.form-item {\n    \/*width: 100%;*\/\n    -webkit-box-flex: 1;\n    flex: 1 1 auto;\n    border-left: none;\n    box-shadow: none;\n    -webkit-box-flex: 0;\n    flex: 0 1 auto;\n    \/*padding-left: 0.5em;\n    padding-right: 0.5em;*\/\n    padding: 0.5em 0.5em 0.5em 0;\n    clear: both;\n    margin: 0;\n    position: relative;\n    max-width: 100%;\n    font-size: 1rem;\n}\n.form-item .title-ui {\n    display: block;\n    margin: 0 0 0.28571429rem;\n    color: rgba(0,0,0,.87);\n    font-size: .92857143em;\n    font-weight: 700;\n    text-transform: none;\n}\n.form-item .form-select {\n    display: block;\n    height: auto;\n    width: 100%;\n    background: #fff;\n    border: 1px solid rgba(34,36,38,.15);\n    border-radius: 0.28571429rem;\n    box-shadow: 0 0 0 0 transparent inset;\n    padding: 0.62em 1em;\n    color: rgba(0,0,0,.87);\n    -webkit-transition: color .1s,border-color .1s;\n    transition: color .1s,border-color .1s;\n}\n.form-item .form-input, .form-item .form-datepicker, .form-item .form-file-upload, .form-item .form-ddl-select {\n    display: inline-block;\n    height: auto;\n    \/*width: 30%;*\/\n    background: #fff;\n    border: 1px solid rgba(34,36,38,.15);\n    border-radius: 0.28571429rem;\n    box-shadow: 0 0 0 0 transparent inset;\n    padding: 0.62em 1em;\n    color: rgba(0,0,0,.87);\n    -webkit-transition: color .1s,border-color .1s;\n    transition: color .1s,border-color .1s;\n}\n\n.form-item .form-input-multiline {\n    \/*width: 700px;\n    max-width: 700px;*\/\n    display: inline-block;\n    height: 150px;\n    \/*width: 30%;*\/\n    background: #fff;\n    border: 1px solid rgba(34,36,38,.15);\n    border-radius: 0.28571429rem;\n    box-shadow: 0 0 0 0 transparent inset;\n    padding: 0.62em 1em;\n    color: rgba(0,0,0,.87);\n    -webkit-transition: color .1s,border-color .1s;\n    transition: color .1s,border-color .1s;\n}\n\n.form-item .form-checkbox {\n    font-weight: 500;\n}\n\n.form-item .form-checkbox input {\n    width: 20px;\n    height: 20px;\n}\n\n.no-padding {\n    padding: 0.3em 0.2em !important;\n}\n\n.required-field {\n    color: #ff0000;\n}\n\n.header-little {\n    font-size: 1.2em;\n    font-weight: 700;\n}\n\n.empty {\n    content: &quot;&quot;;\n    display: table;\n    clear: both;\n}\n\n.full-size {\n    width: 100%;\n}\n\n.width-80 {\n    width: 80%;\n}\n\n.form-ui .flex {\n    display: flex;\n}\n\n.description-ui {\n    color: #858585;\n}\n\n.form-item .sp-peoplepicker-topLevel {\n    border-radius: 5px;\n    height: 30px;\n    vertical-align: super;\n    display: inline-block;\n}\n\n.form-button {\n    background-color: #2d57fc !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-block;\n    border-radius: 0.28571429rem;\n    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgb(34 36 38 \/ 15%) inset;\n\n    font-size: 1em !important; \n    border: none !important; \n    margin-left: 0 !important;\n    -webkit-transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n    transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n}\n\n.form-btn {\n    padding: 0;\n    height: 35px;\n    margin-bottom: 8px;    \n    \/*background-color: #2d57fc !important;*\/\n    background: linear-gradient(to bottom, #0049a5 0%,#013473 100%);\n    color: #fff !important;\n    cursor: pointer;\n    \/*display: inline-block;*\/\n    border-radius: 5px;\n    \/*box-shadow: 0 5px 10px 2px #284acf inset, 0 0 0 0 rgb(34 36 38 \/ 15%) inset;*\/\n\n    font-size: 1em !important; \n    border: none !important; \n    margin-left: 0 !important;\n    -webkit-transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n    transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;    \n}\n\n.action-btn {\n    padding: 0;\n    height: 35px;\n    min-width: 35px;\n    margin-bottom: 8px;    \n    \/*background-color: #2d57fc !important;*\/\n    \/*background: linear-gradient(to bottom, #0049a5 0%,#013473 100%);*\/\n    \/*color: #fff !important;*\/\n    color: #000000 !important;\n    cursor: pointer;\n    \/*display: inline-block;*\/\n    border-radius: 5px;\n    border: solid 1px #dededf;\n    \/*box-shadow: 0 5px 10px 2px #284acf inset, 0 0 0 0 rgb(34 36 38 \/ 15%) inset;*\/\n\n    font-size: 1em !important; \n    \/*border: none !important;*\/\n\n    margin-left: 0 !important;\n    -webkit-transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n    transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;    \n}\n\n\n.form-button:hover, .form-btn:hover {\n    background-color: #284acf !important;    \n}\n\n.form-btn svg {    \n    height: 19px;\n    padding: 8px 10px 8px 10px;\n    background-color: #000078 !important;\n    border-bottom-left-radius: 5px;\n    border-top-left-radius: 5px;    \n}\n\n.action-btn svg {    \n    height: 19px;\n    padding: 8px 10px 8px 10px;\n    border-bottom-left-radius: 5px;\n    border-top-left-radius: 5px;    \n}\n\n.form-btn i, .action-btn i {\n    \/*\n    font-size: 16pt;\n    padding: 15px 10px 15px 10px;\n    background-color: #000078 !important;\n    border-bottom-left-radius: 5px;\n    border-top-left-radius: 5px;\n    *\/\n}\n\n\/* IE10+ *\/\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    .form-btn i {\n        position: absolute;\n        top: 8px;\n        font-size: 16pt;\n        padding: 7px 10px 6.5px 10px;\n        background-color: #000078 !important;\n        \/*border-radius: 5px;*\/\n        border-bottom-left-radius: 5px;\n        border-top-left-radius: 5px;\n    }\n    .action-btn i {\n        position: absolute;\n        top: 8px;\n        font-size: 16pt;\n        padding: 7px 10px 6.5px 10px;\n        \/*border-radius: 5px;*\/\n        border-bottom-left-radius: 5px;\n        border-top-left-radius: 5px;\n    }\n    .form-btn .btn-text {\n        margin: 5px 0 0 45px;\n    }\n}\n\n.form-btn .btn-text  {\n    display: inline-block;\n    padding: 0px 10px 9px 5px;\n    vertical-align: bottom;\n}\n\n.disabled-btn .btn-text {\n    vertical-align: bottom;\n}\n\n.disabled-btn {\n    height: 35px;\n    margin-bottom: 8px;\n    background-color: #cccccc !important;\n    border-radius: 0.28571429rem;\n    color: #444444 !important;    \n    cursor: not-allowed;\n    display: inline-flex !important;\n    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgb(34 36 38 \/ 15%) inset;\n    font-size: 1em !important; \n    border: none !important; \n    margin-left: 0 !important;\n    -webkit-transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n    transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n}\n\n.disabled-btn svg {\n    height: 19px;\n    padding: 1px 18px 0px 0px;\n    \/*border-radius: 5px;*\/\n    border-bottom-left-radius: 5px;\n    border-top-left-radius: 5px;\n}\n\n.disabled-button {\n    display: inline-flex;\n    cursor: not-allowed;\n    background-color: #cccccc !important;\n    border-radius: 0.28571429rem;\n}\n.disabled-button input {    \n    color: #444444 !important;    \n    cursor: not-allowed;\n    display: inline-block;\n    background-color: #cccccc !important;\n    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgb(34 36 38 \/ 15%) inset;\n    font-size: 1em !important; \n    border: none !important; \n    margin-left: 0 !important;\n    -webkit-transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n    transition: opacity .1s,background-color .1s,color .1s,box-shadow .1s,background .1s;\n}\n.disabled-button svg {\n    cursor: not-allowed;\n    margin: auto;\n    padding-left: 10px;\n    padding-right: 10px;\n}\n.disabled-button i {\n    margin: auto;\n}\n.disabled-button .form-button:hover {\n    background-color: #cccccc !important;   \n}\n\n.round-btn-plus {\n    display: inline-block;\n    font-size: 20pt;\n    margin-left: 5px;\n    color: #2d57fc !important;\n    cursor: pointer;\n}\n\n.fa-button {\n    display: inline-flex;\n    background-color: #000078 !important;\n    color: #fff !important;\n    cursor: pointer; \n    border-radius: 0.28571429rem;   \n}\n.fa-button svg {\n    margin: auto;\n    padding-left: 10px;\n    padding-right: 10px;\n}\n.fa-button i {\n    margin: 10px;\n    display: inline-block;\n}\n\n.float-left {\n    float: left !important;\n}\n\n.form-table-modern {\n    width: 100%;\n    background: #fff;\n    margin: 1em 0;\n    border: 1px solid rgba(34,36,38,.15);\n    box-shadow: none;\n    border-radius: 0.28571429rem;\n    text-align: left;\n    color: rgba(0,0,0,.87);\n    border-collapse: separate;\n    border-spacing: 0;\n    font-size: 1em;\n}\n.form-table-modern th {\n    cursor: auto;\n    background: #f9fafb;\n    text-align: inherit;\n    color: rgba(0,0,0,.87);\n    padding: 0.92857143em 0.78571429em;\n    vertical-align: inherit;\n    font-style: none;\n    font-weight: 700;\n    text-transform: none;\n    border-bottom: 1px solid rgba(34,36,38,.1);\n    border-left: none;\n}\n.form-table-modern tr td, .form-table-modern tr th {\n    border-left: 1px solid rgba(34,36,38,.1);\n}\n.form-table-modern tr td:first-child, .form-table-modern tr th:first-child {\n    border-left: none;\n}\n.form-table-modern tr:first-child td {\n    border-top: none;\n}\n.form-table-modern tr td {\n    border-top: 1px solid rgba(34,36,38,.1);\n}\n.form-table-modern td {\n    padding: 0.78571429em;\n    text-align: inherit;\n}\n.form-table-modern td, .form-table-modern th {\n    -webkit-transition: background .1s,color .1s;\n    transition: background .1s,color .1s;\n}\n\n.big-checkbox {\n    font-weight: 500;\n}\n\n.big-checkbox input {\n    width: 20px;\n    height: 20px;\n}\n\n\n.form-table {\n    width: 100%;\n    background: #fff;\n    margin: 1em 0;\n    border: 1px solid rgba(34,36,38,.15);\n    box-shadow: none;\n    border-radius: 0.28571429rem;\n    text-align: left;\n    color: rgba(0,0,0,.87);\n    border-collapse: collapse;\n    border-spacing: 0;\n    font-size: 1em;\n}\n\/*\n.form-table thead th {\n    text-align: left;\n    color: rgba(0,0,0,.87);\n    border-collapse: separate;\n    border-spacing: 0;\n    font-size: 1em;\n\n    cursor: auto;\n    background: #f9fafb;\n    text-align: inherit;\n    color: rgba(0,0,0,.87);\n    padding: 0.5em 0.5em;\n    vertical-align: inherit;\n    font-style: none;\n    font-weight: 700;\n    text-transform: none;\n    border: 1px solid rgba(34,36,38,.1);    \n}\n*\/\n.form-table thead th, .form-table thead tr, .form-table tbody td, .form-table tbody tr\n{\n    border: 1px solid #000000;\n    border-collapse:  collapse;\n}\n\n\n.form-table td {\n    padding: 0.78571429em;\n    text-align: inherit;\n    border: 1px solid rgba(34,36,38,.1);\n}\n\n.form-attachments {\n    display: grid;\n}\n\n\/* FIX \u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f *\/\n.ui-datepicker-trigger {\n    margin: 0;\n    min-width: 28px;\n    height: 23px;\n    padding: 0;\n}\n\/* FIX Select2 *\/\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    min-height: 36px;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__rendered li {\n    margin-top: 5px;\n    height: 28px;\n}\n\n.form-row .disp-table {\n    border-collapse: collapse;\n}\n.form-row .disp-table td {\n    vertical-align: top;\n}\n.form-row .disp-table tr {\n    border-bottom: solid 1px #e1e1e1 !important;\n}\n.form-row .disp-table tr td:nth-child(1) {\n    border-right: solid 1px #e1e1e1 !important;\n}\n\n.comment-input {\n    width: 500px;\n    min-width: 500px;\n    max-width: 500px;\n    height: 60px !important;\n    \/*min-height: 100px;*\/\n    max-height: 100px;\n    vertical-align: super;\n}\n\n.comment-replay-input {\n    width: 500px;\n    min-width: 500px;\n    max-width: 500px;\n    height: 35px !important;\n    \/*min-height: 100px;*\/\n    max-height: 100px;\n}\n\n.ui-comment {\n    position: relative;\n    background: #fff;\n    \/*-webkit-box-shadow: 0px 5px 10px 2px rgb(34 60 80 \/ 20%);\n    -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);\n    box-shadow: 0px 5px 5px 2px rgb(34 60 80 \/ 20%);*\/\n    margin: 1rem 0;\n    padding: 1em;\n    \/*border-radius: 10px;\n    border: 1px solid rgba(34,36,38,.15);*\/\n    border-bottom: solid 1px #e1e1e1 !important;\n}\n.ui-comment-reply {\n    position: relative;\n    background: #fff;\n    \/*-webkit-box-shadow: 0px 5px 10px 2px rgb(34 60 80 \/ 20%);\n    -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);\n    box-shadow: 0px 5px 5px 2px rgb(34 60 80 \/ 20%);*\/\n    \/*margin: 1rem 0;*\/\n    padding: 1em;\n    border-left: solid 1px #e1e1e1 !important;\n    border-bottom: solid 1px #e1e1e1 !important;\n    \/*border-radius: 10px;\n    border: 1px solid rgba(34,36,38,.15);*\/\n}\n.ui-comment .comment-info .ui-img-container, .ui-comment-reply .comment-info .ui-img-container {\n    width: 74px;\n    height: 74px;\n    border-radius: 50%;\n}\n.ui-comment .comment-info .ui-info, .ui-comment-reply .comment-info .ui-info {\n    margin: 5px;\n}\n\n.center {\n    text-align: center !important;\n}\n.h-1 span {\n    font-weight: 800;\n}\n\/***************** jQuery UI ***************\/\n\n.ui-widget-header {\n    border: none !important;\n    background: #ffffff !important;\n}\n.ui-tabs .ui-tabs-panel {\n    border: 1px solid rgba(34,36,38,.15) !important;\n    border-radius: 0.28571429rem !important;\n}\n.ui-widget.ui-widget-content {\n    border: none !important;\n    z-index: 100 !important;\n}\n.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {\n    \/*background: linear-gradient(to bottom, #0049a5 0%,#013473 100%) !important;*\/\n    background-color: #ffffff !important;\n    color: #000 !important;\n    border-top: 1px solid #c5c5c5 !important;\n    border-left: 1px solid #c5c5c5 !important;\n    border-right: 1px solid #c5c5c5 !important;    \n}\n.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor  {\n    color: #000000;\n    font-weight: 700;\n}\n\n.ui-tabs .ui-tabs-panel {\n    padding: 0 0.5em !important;\n}\n\n.ui-datepicker {\n    border: 1px solid rgb(181 181 181) !important;\n}\n\n.ui-dialog .ui-dialog-titlebar-close {\n    width: 20px !important;\n    max-width: 20px !important;\n}\n\/***************** Social ***************\/\n\n.social-buttons-container, .comment-action-container {\n    display: flex;\n    font-size: 14pt;\n    color: #9f9f9f;\n}\n.social-buttons-container .likes, .social-buttons-container .comments, .social-buttons-container .views {\n    display: flex;\n    margin-top: 0 !important;\n}\n.social-buttons-container .comments, .social-buttons-container .views {\n    margin-left: 10px;\n}\n.social-buttons-container .likes .like-icon-container, .social-buttons-container .comments .comment-icon-container, .social-buttons-container .views .view-icon-container {\n    font-size: 20pt;\n}\n.social-buttons-container .likes .like-count, .social-buttons-container .comments .comment-count, .social-buttons-container .views .view-count {\n    margin: 7px 0 0 2px;\n    font-size: 12pt;\n}\n.social-buttons-container .likes .like-icon-container:hover {\n    \/*color: #fd5454;*\/\n    color: #2d57fc;\n    cursor: pointer;\n}\n.social-buttons-container .likes .like-icon-container {\n    -webkit-transition: color .3s;\n    transition: color .3s;\n}\n.social-buttons-container .likes .liked {\n    \/*color: #fd5454 !important;*\/\n    color: #2d57fc !important;\n}\n\n.comment-action-container .replay .comment-replay:hover {\n    color: #2d57fc;\n    cursor: pointer;\n}\n.comment-action-container .replay .comment-replay {\n    -webkit-transition: color .3s;\n    transition: color .3s;\n}\n\n \/***************** \u0421\u043b\u0430\u0439\u0434\u0435\u0440 ***************\/\n.swiper-wrapper {\n    z-index: 0 !important;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[37,52],"class_list":["post-346","post","type-post","status-publish","format-standard","hentry","category-web","tag-css","tag-ui"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=346"}],"version-history":[{"count":1,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts\/346\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts\/346\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}