@layer base-0base, base-1components; .notdisplay{ display:none } select option.top{font-weight:bold; } select option[selected]{background:#eee; } #subscribe{float:right; font-size:10px; } .tbutton{margin:2px 10px 0 0; } /* -- */ :where(.flex-column, [flex-column]) { display:flex; flex-direction:column; } :where(.flex-justify-end, [flex-justify-end]) { display:flex; justify-content:flex-end; } :where(.flex-justify-center, [flex-justify-center]) { display:flex; justify-content:center; } :where(.flex-justify-between, [flex-justify-between]) { display:flex; justify-content:space-between; } :where(.flex-justify-around, [flex-justify-around]) { display:flex; justify-content:space-around; } :where(.flex-grow1, [flex-grow1]) { flex-grow:1; } :where(.flex-grow2, [flex-grow2]) { flex-grow:2; } :where(.flex-noshrink, [flex-noshrink]) { flex-shrink:0; } /* || */ :where(.flex-align-start, [flex-align-start]) { display:flex; align-items:start; } :where(.flex-align-end, [flex-align-end]) { display:flex; align-items:end; } :where(.flex-align-center, [flex-align-center]) { display:flex; align-items:center; } :where(.flex-align-baseline, [flex-align-baseline]) { display:flex; align-items:baseline; } :where(.flex-align-self-normal, [flex-align-self-normal]) { display:flex; align-self:normal; } .u-hidden, [hidden]{display:none; } :where(.break-before, [break-before]) { margin-top:1em; } :where(.break-after, [break-after]) { margin-bottom:1em; } :where(.u-grid) { display: grid; gap: .5em 1em; } :where(.u-grid.u-cols-1) { grid-template-columns:repeat(1, 1fr); } :where(.u-grid.u-cols-2) { grid-template-columns:repeat(2, 1fr); } :where(.u-grid.u-cols-3) { grid-template-columns:repeat(3, 1fr); } :where(.u-grid.u-cols-4) { grid-template-columns:repeat(4, 1fr); } :where(.u-grid.u-cols-5) { grid-template-columns:repeat(5, 1fr); } :where(.u-grid.u-cols-6) { grid-template-columns:repeat(6, 1fr); } :where(.u-grid.u-cols-7) { grid-template-columns:repeat(7, 1fr); } :where(.u-grid.u-cols-8) { grid-template-columns:repeat(8, 1fr); } :where(.u-grid.u-cols-9) { grid-template-columns:repeat(9, 1fr); } :where(.u-grid.u-cols-10) { grid-template-columns:repeat(10, 1fr); } :where(.u-gap, [u-gap]) { gap: 1em; } :where(.u-half-gap, [u-half-gap]) { gap: .5em; } :where(.u-quarter-gap, [u-quarter-gap]) { gap: .25em; } .u-full-width { width:100%; } .u-half-width { width:50%; } .u-quarter-width { width:25%; } .nowrap { white-space: nowrap; } /* common loader new */ .wait-loader { background:transparent url('/.s/img/wait.svg') no-repeat center; min-width:2rem; min-height:2rem; } /* text alignment */ .text-start, [text-start] { text-align:start; } .text-end, [text-end] { text-align:end; } .text-left, [text-left] { text-align:left; } .text-right, [text-right] { text-align:right; } .text-center, [text-center] { text-align:center; } .text-justify, [text-justify] { text-align:justify; } .text-match-parent, [text-match-parent] { text-align:match-parent; } /*chusf983 choose user modal form*/ :where(.choose-user .choose-user-status) {margin-left: 6px;} :where(.choose-user .choose-user-input) {width: 100%; max-width: 200px;} :where(.choose-user .choose-user-result:not(:empty)){margin-top: 1rem;} /*choose user modal form end*/ /* old admin/user bar */ #puzadpn { height:24px; .cuzadpn { position: fixed; display: flex; justify-content: space-between; gap: 1rem; padding: 0 .5rem; box-sizing: border-box; .u-menu, .u-menubody, .u-menucont { max-width: max-content; } .u-menuicon, .u-menuiconr { /* display: flex; gap: .25rem; */ padding-right:calc(10px + .25rem); background-position:right center; background-color:transparent; background-repeat:no-repeat } } } /* top bar */ .cuzadpn { position:absolute; top:0; left:0; width:100%; height:1.5rem; } /* used (space|message) informer */ .pbarContainer{background:#eee; border-radius:2px; border:1px solid #bbb; box-sizing:border-box; cursor:help; height:11px; margin:0 10px; position:absolute; right:0; text-align:left; top:calc(50% - 6px); width:60px; z-index:56; } .pbarContainer.pm-informer{float:right; position:relative; margin:2px 10px; } .pbarContainer:after{content:attr(data-title); position:absolute; width:140px; right:0; font-size:10px; background:rgba(0,0,0,.68); color:#fff; top:15px; padding:4px; box-sizing:border-box; border-radius:3px; visibility:hidden; text-align:center; } .pbarContainer:before{content:''; display:block; position:absolute; width:10px; height:10px; border:5px solid transparent; border-bottom-color:rgba(0,0,0,.68); box-sizing:border-box; top:5px; right:12%; visibility:hidden; } .pbarContainer:hover:before, .pbarContainer:hover:after{visibility:visible; } .pbarFiller{height:100%; border-radius:1px; background:#51b5ea; box-sizing:border-box; max-width:100%; min-width:1%; } .pbarFiller[style*='width:5']:not([style*='width:5%']), .pbarFiller[style*='width:6']:not([style*='width:6%']){background:#f90; } .pbarFiller[style*='width:7']:not([style*='width:7%']), .pbarFiller[style*='width:8']:not([style*='width:8%']), .pbarFiller[style*='width:9']:not([style*='width:9%']), .pbarFiller[style*='width:10']:not([style*='width:10%']){background:red; } /* Stuff*/ :where(.stuff-downloads-list) { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-block: 10px; } :where(.stuff-download-link) { font-size: 10px; display: inline-flex; gap: .5em; flex-direction: column; align-items: center } :where(.stuff-download-link-text) { font-weight: bold; } /* Forum */ #forum_filter form{float:left; } #forum_filter{float:right; clear:right; } #filter_by{float:left; } #forum_filter #filter_by{margin-top:3px; } #thread_search_field{float:right; width:180px; margin-right:5px; } #thread_search_button{float:right; margin-top:3px; } .forumIcoTd img, .forumLastPostTd img, .threadIcoTd img, .threadLastPostTd img{margin:0; padding:0; vertical-align:middle; max-width:60px; max-height:60px; } :where(.legendTable.LegendTbl) { display: grid; grid-template-columns: repeat(2, auto); gap:.25em 1em; align-items: center; } :where(.legendTd) { display:flex; align-items: center; gap: .5em; } :where(.legend-icon) { margin:0; padding:0; max-width:60px; max-height:60px; } :where(.forum-poll-bar-fill, .forum-poll-bar-start, .forum-poll-bar-end) { margin:0; padding:0; vertical-align:middle; border:0; max-width:200px; max-height:60px; } :where(.forum-poll-bar-wrapper) { display:flex; } :where(span.forum-poll-bar-fill) { max-width:200px; } .tsearch{background:#ff0; color:#000; } .forum-pages{list-style:none; padding:0; margin:0; } .forum-pages li{display:inline-block; margin:2px 0; } .forum-pages li.pagesInfo{padding-right:7px; padding-left:7px; } .fFastNavTd.navigationCl11 { padding: .25rem 0; } .fFastSearchTd.FastSearchCl11 { padding: 0 0 .25rem; } .forumModerFuncs.forumModerFuncsCl11 { padding: 0 0 .25rem; } .clear2{float:none; width:100%; clear:right; } ul.user_awards_list{list-style:none; margin:0; padding:0; } ul.user_awards_list li{display:inline; } /* Forum recent posts */ .forum-top-wrapper, .forum-bottom-wrapper{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; } .forum-paging-wrapper{padding:10px 0; } .forum-fast-navigation, .forum-fastsearch-wrapper{padding-bottom:10px; } .section-description, .user-profile-popup-wrapper, .register-form-wrapper{text-align:center; } .access-denied-wrapper, :where(body:not(.bw-theme)) .login-form-wrapper{text-align:center; padding:60px 0; } .access-denied-simple:where(:not(.bw-theme)) { margin: .5rem; font:normal .8rem sans-serif; } .access-denied-simple:where(:not(.bw-theme)) #uidLogForm { margin:auto; max-width:20rem; } .access-denied-simple #uidLogForm * { box-sizing:border-box; } .access-denied-simple:where(:not(.bw-theme)) #uidLogForm input { border-width:1px; outline:none; } /* new common content wrapper */ [container]{border:1px solid; border-radius:3px; padding:5px; box-shadow:inset 0 0 0 1px #fff; } [container] > div{border:1px solid; padding:.5rem; } [container] > div:not(:last-of-type) { margin:0 0 5px; } /* breadcrumbs */ .breadcrumbs-wrapper{display:flex; justify-content:space-between; align-items:center; padding-bottom:4px; } .breadcrumbs{padding-right:15px; } .add-link-wrapper{white-space:nowrap; } /* paging */ .items-stat-wrapper{display:flex; justify-content:space-between; align-items:center; padding-bottom:4px; flex-wrap:wrap; } .items-stat{padding-right:15px; } .paging-wrapper-bottom{margin:5px 0; text-align:center; } /* All captcha */ .myWinCont .captcha-block, .captcha-block{box-sizing:border-box; display:flex; width:100%; cursor:pointer; min-height:37px; justify-content:space-around; align-items:center; margin:0.5em 0; } #captcha-block-site-user-reg.captcha-block{display:inline-block!important; } .captcha-answer{height:36px; text-align:center; padding:4px; width:90px; box-sizing:border-box; } .captcha-renew, .captcha-question{border:0; cursor:pointer; vertical-align:middle; width:auto; } #captcha-answer-mchat, #captcha-answer-site-user-del{width:60px; } .recaptcha-wrapper{position:relative; width:303px; height:77px; background:url('/.s/img/sh/wait.gif') no-repeat center center; overflow:hidden; } .recaptcha-wrapper [id^="recaptcha_"]{text-align:left; display:inline-block; vertical-align:middle; } .recaptcha-wrapper div{padding:0!important; } .recaptcha-wrapper [id^="recaptcha_"] iframe{border:0; } .recaptcha-wrapper span[data-reset]{display:inline-block; cursor:pointer; border-radius:40%; position:absolute; width:30px; height:30px; top:12px; right:26px; } .recaptcha-wrapper.compact{width:159px; height:139px; margin:0 auto; } .recaptcha-wrapper.compact span[data-reset]{width:22px; height:22px; top:auto; bottom:31px; left:14px; } /* Mini chat */ form#MCaddFrm .captcha-answer{width:70px; } form#MCaddFrm .captcha-renew{display:none; margin:0 -2px; } #mchatMsgF{box-sizing:border-box; } /* spam report */ .report-spam-target:hover .uc-top-right{white-space:normal; /* dirty hack for soc-comments */ } .report-spam-wrap{margin-left:0; /* 5px; */margin-right:0; /* 5px; */opacity:0; transition:opacity .3s ease-in-out; float:left; } .report-spam-wrap.report-spam-wrap-manage{opacity:1; float:none; } .report-spam-target:hover .report-spam-wrap{opacity:1; } .report-spam-wrap a{display:none; } .report-spam-target:hover .report-spam-wrap a{/* display:initial does not work in IE 11 :( */display:inline; margin-right:10px; } .report-spam-toggle-wrapper{text-align:center; color:gray; padding:10pt 0; margin:10px 0; border-top:1px dashed gray; border-bottom:1px dashed gray; } .report-spam-toggle-wrapper.report-spam-toggle-shown{border-bottom:none; } .report-spam-hidden{opacity:0.7; transition:opacity .2s ease-in-out; } .report-spam-hidden:hover{opacity:1; } .report-spam-count-msg{margin-right:10px; } .myWinCont * { box-sizing:border-box; outline:none; } .myWinCont input[type='text'] { padding:0 .25rem; line-height:1.25rem; } .myWinCont hr { height:0; border:0 none; border-top:1px dashed; margin:.5rem 0; padding:0; } .myWinCont label { cursor:pointer; margin:0; vertical-align:middle; font-weight:bold; } .com-order-block{text-align:right; } .hidden-for-calendar{display:none; } .UhideBlockL{display:inline-block; } .uBorder-b{border-bottom:1px solid #ccc; margin:0 0 10px; padding:0 0 10px; text-align:right; } /* PM */ :where(form [data-deleteitem]) { background:url('/.s/img/fr/OmnD.gif') center center; width:16px; height:16px; display:inline-block; vertical-align:middle; } :where(form [data-deleteitem]:hover) { background:url('/.s/img/fr/OmnD_.gif') center center; } form#pmdform [name=s], form#pmdform [name=soll], form#pmdform #dpms{vertical-align:middle; } :where(.userpm-add-groups) { display: flex; flex-wrap: wrap; gap: .25rem .75rem; } :where(.userpm-add-groups label) { display: flex; align-items: center; gap: .25rem; } :where(.userpm-editor-wrapper) { display: flex; flex-direction: column; gap: .5rem; text-align: initial; /* .userpm-editor-panel { } */ .userpm-editor-message { display: flex; align-items: flex-start; textarea { flex-grow:1; min-height: 10rem; } .wysibb { flex-grow:1; } .userpm-editor-emoji { flex-shrink: 0; .smiles-grid { margin-left: .5rem; } } } } /* Форма добавления/редактирования материала */ .u-comboeditcell{position:relative; } .u-comboedit { min-width:360px; padding:0 25px 0 10px; overflow:hidden; vertical-align:middle; border:0; white-space:pre-wrap; background-color:transparent; background-image:url('/.s/src/panel-v2/img/select_arrow.png'); background-repeat:no-repeat; background-position:center right 7px; line-height:1.75; box-sizing:border-box; color:#000; outline:none; &:hover { background-image:url('/.s/src/panel-v2/img/select_disabled_arrow.png'); } } form #uCatsMenu7{position:absolute; z-index:50; min-width:360px; } .u-combolist { display: flex; flex-direction: column; gap: .25rem; box-sizing:border-box; color:#000; font:normal 0.9em 'PT Sans', sans-serif; border:1px solid #B5B8C8; border-top:0px; background:#fff; height:max-content; max-height:250px; overflow:auto; padding:.25rem; > div { display: flex; align-items: center; gap: .25rem; max-width:90vw; input[type=checkbox], input[type=radio] { margin:0; padding: 0; } input[name=ocat][data-parentid] { margin:0 0 0 1rem; } &:hover { background:#39f; color:#fff; } } } .u-menuarrow { min-height:1rem; width:1rem; position:absolute; right:0; top:0; bottom:0; } #idAreaoEditbrief, /* old wysiwyg */ #idAreaoEditmessage, /* old wysiwyg */ .ucoz-editor-panel, .u-old-editor-panel, .edtTypeMenu ~ .cke_editor_brief, .edtTypeMenu ~ .cke_editor_message { margin-top:.5rem; } /* modules add/edit form */ form ul.form-fields { display:grid; gap:.25rem; grid-template-columns:1fr 2fr; } form ul.form-fields, ul.form-fields > li { margin:0; padding:0; list-style:none; box-sizing:border-box; } form ul > li.notcolumn { grid-column:1/-1; } @media (max-width:575px) { ul.form-fields > li:nth-of-type(1n):not(.notcolumn), ul.form-fields > li:nth-of-type(2n):not(.notcolumn) { width:100%; } .u-comboedit, form #uCatsMenu7 { min-width:260px; } } ul.form-fields [type=file]{border:none!important; width:90%; box-sizing:border-box; padding:4px 0 !important; } ul.form-fields [type=text]:not([name=sort]):not([name=code]):not([name=uzip]), ul.form-fields textarea{width:100%; box-sizing:border-box; } ul.form-fields [name=code]{text-align:center; } ul.form-fields .fHelp{font-size:.85em; } :where(.form-fields .form-buttons) {display: flex; align-items: center; justify-content: center; gap: 1em; } :where(form #iplus button) { min-width: 1.5rem; min-height: 1.5rem; } :is(form #iplus [data-num]):before { content: attr(data-num); min-width: 1.5rem; display: inline-block; } :where(form [id*="imblock"]) { display: flex; flex-wrap: wrap; gap: .25rem; align-items: center; } :where(form [id*="imblock"] > :first-child) { min-width: 1.5rem; } :is([id*="imblock"] [data-num]:not(#iplus)):before { content: attr(data-num); min-width: 1.5rem; display: inline-block; } :where(form article) { margin:0; border-radius:.5rem; padding:0; position:relative; flex-grow:1; display: flex; flex-direction: column; gap: .5rem; width: 100%; box-sizing: border-box; } :where(form article.openednow, form article.added) { padding:.5rem; display: flex; } :where(form article .iCode_block) { margin:0; display:flex; align-items:center; gap:.5rem; } :where(form article [id^="iCode"]) { display: flex; flex-direction: column; gap: .5rem; } :where(form article:not(.openednow) [id^="iCode"]) { display:none; } :where(form .forum-edit-images article) { width:auto; flex-direction: row; gap: .25rem; align-items: center; } form#addEntForm article[id^="iCode"] { display:flex; } form#addEntForm article[id*="iCode"].added { margin:0 0 10px; background:rgba(127, 127, 127, .5); background:#8888; } form#addEntForm article[id*="iCode"]:not(.openednow) div[id*="iCode"] { display:none; } form#addEntForm article[id*="iCode"].openednow { min-height:110px; } form#addEntForm span[id*="gbut"] { width:23px; height:23px; cursor:pointer; border-radius:50%; flex-shrink:0; display:block; background:#fff url('/.s/src/moder_panel/src/moder.png') no-repeat -20px -20px; } form#addEntForm.mod-1 [id*="gbut"], form#addEntForm.mod-3 [id*="gbut"]{background-color:rgba(119,119,119,1); background-image:url('/.s/src/moder_panel/src/moder-dark.png'); } form#addEntForm span[id*="gbut"].openednow{background-position:-41px -20px; } form#addEntForm .iCode_el { margin:0; padding:0; width:90px; box-sizing:border-box; } form#addEntForm .iCode_el .iCode_el_tooltip{margin-bottom:15px; z-index:1; visibility:hidden; opacity:0; position:absolute; bottom:100%; left:0; text-align:left; padding:5px 12px; border-radius:4px; background:#000; background:rgba(0, 0, 0, .8); color:#fff; font:400 11px/1.5 'PT Sans', Arial, sans-serif;max-width:300px; transition:all .2s ease-out; } form#addEntForm .iCode_el:hover .iCode_el_tooltip{opacity:1; visibility:visible; margin-bottom:10px; } form#addEntForm .iCode_el_tooltip:hover{opacity:0!important; visibility:hidden!important; margin-bottom:15px!important; } form#addEntForm span.iCode_el_tooltip:before{position:absolute; display:block; content:""; top:100%; left:0; width:100%; height:12px; } form#addEntForm span.iCode_el_tooltip:after{position:absolute; display:block; content:""; top:100%; left:30px; margin:0 0 0 -6px; border:6px solid rgba(0, 0, 0, 0); border-top-color:#000; border-top-color:rgba(0, 0, 0, .8); } /* form#addEntForm .iCode_block{ position:relative; clear:both; width:100%; margin:9px 0; display:flex; align-items:center; gap:.5rem; } */ form#addEntForm .iCode_main_inp { font-family:monospace; font-size:100%; width:90px!important; min-width:90px!important; max-width:90px!important; margin:0!important; color:#00f; text-align:center; background:#f0f0f0; border:1px inset #f0f0f0; } form#addEntForm .iCode_in input { font-family:monospace; max-width:100%; font-size:100%!important; text-align:center!important; width:auto; min-width:40px; } form#addEntForm .iPhotoPrev{width:150px; position:absolute; top:10px; right:10px; max-height:120px; overflow:hidden; text-align:center; } form#addEntForm .iPhotoPrev label { font-size:.85em; } form#addEntForm .iPhotoPrev img { max-width:100%; } form#addEntForm div .iPhotoPrev a{display:block; max-height:100px; overflow:hidden; margin:0 0 5px; } form#addEntForm [type=checkbox][name^=del_img], form#addEntForm [for^=del_img]{margin:0 5px 0 0; vertical-align:top; } form#addEntForm [name^="iws"], form#addEntForm [name^="ihs"] { width:auto; padding-left:0!important; padding-right:0!important; text-align:center; } form#addEntForm #isontop ~ *{display:none; } form#addEntForm #isontop:checked ~ *{display:inline-block; } form#addEntForm [name=screen]{color:#00f; width:70%; } form#addEntForm [name=file]{color:#f00; width:70%; } form .filterBlock{max-height:200px; overflow:auto; } form .filterBlock > label{display:inline-block; width:49%; } form#addEntForm [id^="iCode_"] .iCode_block{max-width:calc(100% - 160px);} form#addEntForm [id^="iCode_"] .iCode_block input{width:100%;} form#addEntForm [data-viewport="medium"] .iPhotoPrev, form#addEntForm [data-viewport="medium"]~[id^="imblock"] .iPhotoPrev{position:inherit;margin:0 auto; max-width:300px; width:auto;max-height:unset} form#addEntForm [data-viewport="medium"] .iPhotoPrev a, form#addEntForm [data-viewport="medium"]~[id^="imblock"] .iPhotoPrev a{max-height:unset} form#addEntForm [data-viewport="medium"] .iCode_block, form#addEntForm [data-viewport="medium"]~[id^="imblock"] .iCode_block{max-width:100%} ul.form-fields div.seo-field-text-counter, div.seo-field-text-counter{color:green; } ul.form-fields div.seo-field-text-counter.error, div.seo-field-text-counter.error{color:red; } ul.form-fields .seo-mtf-hide, ul.form-fields .seo-mtf-hide + li, .seo-mtf-hide{display:none; } ul.form-fields .seo-mtf-hide.seo-mtf-show, ul.form-fields .seo-mtf-hide.seo-mtf-show + li{display:inline-block; } .seo-mtf-hide.seo-mtf-show{display:table-row; } ul.form-fields li.meta.notcolumn{display:none; } ul.form-fields li.seo-mtf-hide.seo-mtf-show ~ li.meta.notcolumn{display:block; } ul.form-fields img#secImg{cursor:pointer; } #addEntForm .cut_helper .cut-code{max-width:4em; padding:3px 0; background:transparent; text-align:center; border:none; } #addEntForm .cut_helper .cut-code:focus{background:transparent; border:none; box-shadow:none; } .edtTypeMenu:before{content:'[ '; } .edtTypeMenu:after{content:' ]'; } /* add/edit symbols stat */ #edttmessage[value="1"] ~ .symbols-stat-wrapper, #edttbrief[value="1"] ~ .symbols-stat-wrapper, #edttdscr[value="1"] ~ .symbols-stat-wrapper{display:none; } .symbols-stat{margin:0 0 0 3px; } .entry-add-edit-wmark + .filepond--root { margin-top: 1rem; } a.uHelp, a.tariffs-open-info { display:inline-flex; width:1.2rem; height:1.2rem; color:#000; border:1px solid; border-radius:50%; font:bold .7rem/.7rem sans-serif; justify-content:center; align-items:center; text-decoration:none !important; box-sizing:border-box; } /* social buttons */ .u-cross-post-options { padding: 0; box-sizing: border-box; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, 32px); gap: .5rem; :where(&) .toggleImage { display: block; max-width: 100%; cursor: pointer; opacity: .25; } :where(& .imageCheckbox:checked) + .toggleImage { opacity: 1; } .imageCheckbox { display: none; } } /* Форма добавления/редактирования фотографии */ form .navTabs{text-align:center; margin:0 0 7px; padding:0; border-bottom:3px solid rgba(127, 127, 127, .45); } form .navTabs > *{display:inline-block; width:32%; line-height:2.5; margin:0; padding:0; vertical-align:bottom; color:#777; text-decoration:none; font-weight:bold; } form .navTabs > b{background:rgba(127, 127, 127, .15); color:inherit; border-radius:7px 7px 0 0; } form ul.xPhtBlock{background:rgba(127, 127, 127, .15); padding:13px; margin:4px 0; position:relative; } form ul.xPhtBlock:nth-of-type(2n){background:transparent; } form ul.xPhtBlock:not(.xOpened) > li:not(.xPhtName):not(.xPhtAction):not(.xPhtPath):not(.xPhtTitle):not(.required){display:none; } form ul.xPhtBlock > li{display:inline-block; padding:0; vertical-align:middle; margin:2px 0; } form ul.xPhtBlock > li.notcolumn{display:block; } form ul.xPhtBlock > li:nth-of-type(1n):not(.notcolumn){width:30%; } form ul.xPhtBlock > li:nth-of-type(2n):not(.notcolumn){width:70%; } form ul.xPhtBlock .xPhtName{border-bottom:2px solid rgba(127, 127, 127, .3); padding:0 0 7px; } form ul.xPhtBlock .xPhtAction{text-align:right; } form ul.xPhtBlock .xPhtAction > span{position:absolute; top:13px; right:13px; width:auto; padding:0; } form ul.xPhtBlock .xPhtAction > span button{padding:0!important; } form ul.xPhtBlock .xPhtAction [data-toggle]:before{content:''; width:15px; height:20px; display:inline-block; background:url('/.s/src/panel-v2/img/select_arrow.png') no-repeat center; vertical-align:middle; } form ul.xPhtBlock .xPhtAction [data-clear]:before, form ul.xPhtBlock .xPhtAction [data-close]:before{content:'\2716'; width:15px; height:20px; color:#676A6F; font:bold 1em/1.9em sans-serif; display:inline-block; vertical-align:middle; } form ul.xPhtBlock.xOpened .xPhtAction [data-toggle]:before{transform:rotate(180deg); } form #newPhtBt{padding:5px 7px; } form .localOrRemote{font:normal 7.5pt/1 sans-serif; } form [name=uzip]{width:75%; } #photoMetaFields input[type=text]{width:100%; } #photoMetaFields textarea{width:100%; resize:none; } #newpName, #newpUrl{width:100%; } /* Дефолтные стили полей формы при миграции */ :where(form#addEntForm > table > tbody > tr:first-child > td:first-child){width:35%; } form#addEntForm > table input[type=text]:not([name=sort]):not([name=code]):not([name^=iws]):not([name^=ihs]), form#addPhtFrm input[type=text]:not([name=sort]):not([name=code]):not([name=uzip]), form#addEntForm > table textarea{width:100%; box-sizing:border-box; } /* Добавление спецификации */ #gcatalog .ghead{padding-left:5px; background:#D4E0F1 url(/.s/img/wd/7/cmp-bg.gif) repeat-x 0 0; } #gcatalog #gc-form{padding:1px; margin:0; background:transparent url('/.s/img/fr/searchbg.png') no-repeat 0 0; float:right; width:120px; height:22px; position:relative; text-align:left; vertical-align:middle; line-height:20px; } #gcatalog #gc-form #gc-search-key{border:none; padding:0 2px 3px; margin:0; display:inline-block; width:97px; background:transparent; height:20px; } #gcatalog #gc-form > div{padding:0; margin:0; display:inline-block; width:20px; vertical-align:middle; float:right; height:20px; cursor:pointer; } /* Sort list */ .catSortLink.uarr:after{content:'\2191'; color:rgba(127, 127, 127, .75); } .catSortLink.darr:after{content:'\2193'; color:rgba(127, 127, 127, .75); } /* Ajax loader */ #myGrid { position:fixed; top:0; right:0; bottom:0; left:0; background:#000a url('/.s/img/light_wait.svg') no-repeat center; z-index:105; } /*also present in basepanel.css*/ #myGrid img{position:fixed; top:50%; left:50%; margin:-9px 0 0 -110px; width:220px; height:19px; } /* Tags */ #suggEdit{width:100%; box-sizing:border-box; } /* bottom info bar - cookiepolicy, unverified email, etc. */ .bottom-info-wrapper{position:fixed; left:0; right:0; bottom:0; margin:0; z-index:999999; color:#fff; font:1.1em/1.5 sans-serif; background:#000; background:rgba(0,0,0,.73); background:#000b; } .bottom-info-wrapper .bottom-info-block{display:flex; justify-content:space-between; align-items:center; margin:10px 15px; } .bottom-info-wrapper a{color:#fff; text-decoration:underline; } .bottom-info-wrapper .bottom-info-block-content{margin:0 10px 0 0; } .bottom-info-wrapper .bottom-info-block-action{display:flex; } .bottom-info-wrapper .bottom-info-button-agree{font:bold 0.9em/2 sans-serif; color:#000; border-radius:5px; padding:1px 10px 0; text-decoration:none; text-transform:uppercase; display:inline-block; background:#ccc; background:rgba(255,255,255,.73); background:#fffb; } .bottom-info-wrapper .bottom-info-button-hide{margin:0 0 0 15px; width:28px; height:28px; display:inline-block; min-width:28px; text-decoration:none; font:2.4em/28px sans-serif; text-align:center; } .bottom-info-wrapper .bottom-info-button-hide:after{content:'\00D7'; color:#999; } /* positions */ .bottom-info-block.u-fixed-right, .bottom-info-block.u-fixed-left { position:fixed; bottom:1em; width:33vw; background:#000b; flex-direction:column; padding:1em 2em; margin:0; } .bottom-info-block.u-fixed-right .bottom-info-block-content, .bottom-info-block.u-fixed-left .bottom-info-block-content { margin:0; } .bottom-info-block.u-fixed-right .bottom-info-button-agree, .bottom-info-block.u-fixed-left .bottom-info-button-agree { margin:1em 0 0; background:#000b; border:none 0; border-radius:0; color:inherit; } .bottom-info-block.u-fixed-right .bottom-info-button-hide, .bottom-info-block.u-fixed-left .bottom-info-button-hide { position:absolute; top:0; right:0; background:#000b; } .bottom-info-block.u-fixed-right { right:1em; } .bottom-info-block.u-fixed-left { left:1em; } @media screen and (max-width:639px) { .bottom-info-wrapper .bottom-info-block{flex-direction:column; } .bottom-info-wrapper .bottom-info-block-content{text-align:center; margin:0 30px 0 0; } .bottom-info-wrapper .bottom-info-block-action{margin:10px 0 0; } a.bottom-info-button-hide{position:absolute; top:10px; right:10px; } } /* Smiles */ .smiles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; align-items: center; justify-content: center; width: max-content; .sml1 { line-height: 0; font-size: 0; text-align:center; } img { margin:0; padding:0; border:0; } #allSmiles { grid-column: 1/-1; text-align: center; } } .all-smiles { display:flex; justify-content:center; align-items:baseline; flex-wrap:wrap; gap: .5rem; figure { margin:0; min-width:75px; img { min-height:18px; } figcaption { width: max-content; } } } /* popups */ .del-users-post label{padding:2px 0; } .del-users-post label input{padding:0; margin:0 0 2px; } .popup-submit-block { display:flex; justify-content:flex-end; gap:.5em; } /* poll form */ .pollButton{text-align:center; } /* comments */ .commError{text-align:center; } /* banned users list */ .banned-list .uTd:not(:nth-of-type(3)){text-align:center; } /* users list */ .user-list .uTopTd:first-child{text-align:left; } .user-list .uTd:not(:nth-of-type(1)){text-align:center; } /*users pages*/ :where(.user-search-block) {display: flex; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: center;} :where(.user-search-block .uSearchFl) {max-width: 240px; text-align: center} :where(.user-profile-popup-wrapper .user-avatar-box) {position:relative;float:var(--user-avatar-float, right);text-align:center;} :where(.user-profile-popup-wrapper .user-avatar-box .user-pm) {padding-top: 4px} :where(.user-profile-popup-wrapper .user-activity-list) {text-align: center} /* file upload field from add/edit form */ .u-file-uploader { border:2px dashed #0003; border-radius:1em; padding:1em; box-sizing:border-box; background:#0001; min-height:7em; font-size:.95em; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:1em; } .u-file-uploader.highlight{border-color:#666; background:#fff3; } .u-file-uploader input[type=file]{display:none; } .u-upload-info-wrapper{flex-grow:1; } .u-upload-info-wrapper > *{text-align:center; } :where(.u-file-uploader-preview-wrapper:not(:has(.u-file-preview))){ display: none; } /* .u-file-uploader-preview-wrapper { max-width:45%; min-width:25%; } */ .u-file-uploader-preview-wrapper figure { position:relative; margin:0; width:100%; box-sizing:border-box; padding:.5em; border-radius:.5em; background:#0002; } .u-file-preview { display:flex; flex-direction:column; align-items:center; gap:1em; } /* .u-file-uploader-preview-wrapper figure:not([class*="image"]):before{content:''; display:block; margin:0 auto; width:32px; height:32px; } */ .u-file-uploader-preview-wrapper figure img{min-height:25px; max-height:200px; max-width:100%; } .u-file-uploader-preview-wrapper figcaption { gap:1rem; width:100%; } .u-file-uploader-preview-wrapper:not(:empty) +div { display:none; } .u-delete-file { position:absolute; top:.5em; right:.5em; background:url('/.s/img/icon/del.png') no-repeat center center; width:16px; height:16px; } .u-preview-name{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; } .u-preview-size { white-space:nowrap; } .u-preview-size:not(:empty):before { content:'('; } .u-preview-size:not(:empty):after { content:')'; } .u-file-preview-enlarge { position: absolute; top: 50%; left: 50%; width: 2rem; height: 2rem; transform: translate(-50%, -75%); background: #0008; transition:all .2s ease-out; opacity: 0; border-radius: 3px; } .u-file-preview-enlarge:before, .u-file-preview-enlarge:after { content:''; display: block; position: absolute; width: .5rem; height: .5rem; border-radius: 3px; transition:all .2s ease-out; } .u-file-preview-enlarge:before { top:3px; right: 3px; border-top:3px solid; border-right: 3px solid; } .u-file-preview-enlarge:after { left: 3px; bottom: 3px; border-left:3px solid; border-bottom:3px solid; } .u-file-preview-enlarge:hover { width: 2.5rem; height: 2.5rem; &:before, &:after { width: .75rem; height: .75rem; } } .u-file-preview:hover .u-file-preview-enlarge { opacity: 1; } /* user profile edit */ :where(.manFlAvaFile, .manFlAvaLink){width:100%; box-sizing:border-box; } :where(.user-group-btn) {padding:4px 24px;} :where(.user-profile-edit-wrapper #pmgrs) label {display: block} :where(.user-profile-edit-wrapper #pmgrs) :where(label:first-child, label:nth-child(3n + 4)) {margin-bottom: 12px} /* visually_impaired */ #uhvb{display:none; } #uhvb.in-body{position:fixed; margin:0 auto; top:0; padding:10px 20px; background:#000; color:#fff; border-radius:0 0 12px 12px; z-index:10000; font-size:1.2em!important; text-decoration:none; } #uhvb.in-body:hover{text-decoration:none; box-shadow:inset 0 0 20px 20px rgba(0, 0, 0, .1); } #uhvb > *{vertical-align:middle; } #uhvb.in-body.top-right{right:100px; } #uhvb.in-body.top-left{left:100px; } #uhvb.in-body.top-centered, #uhvb.in-body.bottom-centered{left:0; right:0; width:375px; text-align:center; } #uhvb.in-body.bottom-centered, #uhvb.in-body.bottom-right, #uhvb.in-body.bottom-left{bottom:0; top:auto; border-radius:12px 12px 0 0; } #uhvb.in-body.bottom-right{right:100px; } #uhvb.in-body.bottom-left{left:100px; } #uhvb.in-body.left-top, #uhvb.in-body.left-bottom{left:0; padding:30px 15px; border-radius:0 15px 15px 0; writing-mode:tb-lr; writing-mode:vertical-lr; writing-mode:sideways-lr; } #uhvb.in-body.left-top{top:100px; } #uhvb.in-body.left-bottom{bottom:100px; top:auto; } #uhvb.in-body.right-top, #uhvb.in-body.right-bottom{right:0; padding:30px 15px; border-radius:15px 0 0 15px; writing-mode:tb-lr; writing-mode:vertical-lr; writing-mode:sideways-rl; } #uhvb.in-body.right-top{top:100px; } #uhvb.in-body.right-bottom{bottom:100px; top:auto; } #uhvv{display:flex; align-items:center; } #hpvgd, .h-mdiv, .h-mdiv2, .h-ldiv, .h-rdiv{background:#EAEAEA; color:#6D6D6D; } #hpvgd{width:100%; z-index:150; width:100%; border-bottom:2px solid rgb(230, 230, 230); } .h-mdiv{display:none; position:relative; margin:auto; text-align:center;z-index: 150} .h-mdiv2{display:none; position:fixed; margin:auto; text-align:center; width:400px; height:200px; } .h-ldiv{float:left; padding:7px 10px 7px 0px; } .h-rdiv{position:absolute; top:7px; right:0px; text-align:right; } .h-ni{display:none!important; } a.hcmaf{color:red; margin-left:5px; font-size:20px; font-weight:bold; } a.h-anl{color:#2a72cc; } a.h-al{color:#ED664B; } .h-fi{font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px; } .h-background-1{color:#fff!important; background:#000!important; box-shadow:none; } .h-background-2{color:#000!important; background:#fff!important; box-shadow:none; } /* костыли для новой админпанели */ .uadm:not(.uadm--black) .uadm-subi > a, .uadm:not(.uadm--black) .uadm-subi > a i, .uadm:not(.uadm--black) .uadm-subi > a span:not(.uadm-count), .uadm:not(.uadm--black) .uadm-subi > a span b, .uadm:not(.uadm--black) .uadm-subi > span i, .uadm:not(.uadm--black) .uadm-subi > span span, .uadm:not(.uadm--black) .uadm-subi > .uadm-var, .uadm:not(.uadm--black) .uadm-subi form i, .uadm:not(.uadm--black) .uadm-subi form input{background:transparent!important; color:#444!important; } /* uwnd */ .xw-shadow { box-shadow:2px 2px 4px rgba(0, 0, 0, .25); border-radius:.25rem; } .u-menu.xw-shadow { border-radius:0 0 .25rem .25rem; } .xw-sps { height:6px; overflow:hidden; position:absolute; width:100%; z-index:1; } .xw-hdr { padding:6px 0; display:flex; gap:.25rem; align-items:center; } .xw-icon { width:16px; height:16px; flex-shrink:noshrink; } .xw-hdr-text { cursor:default; font:bold 11px tahoma,arial,verdana,sans-serif; flex-grow:1; /*min-width:max-content; */} .xt { position:relative; overflow:hidden; width:15px; height:15px; cursor:pointer; flex-shrink:noshrink; } .xt-close { order:4; } .xt-maxi { order:3; } .xt-rest { order:2; } .xt-mini { order:1; } /* reputation */ .u-rep-history-count{flex-grow:1; text-align:left; padding:0 5px; } .u-rep-history-item{text-align:left; } @layer base-1components { /* common new button style */ .ubtn-default { padding: 0 12px; white-space: nowrap; user-select: none; /*height: 21px;*/ font-family: Tahoma, Arial, Verdana; color: #000; font-size: 11px; border-radius: 3px; border: 1px solid; line-height: 19px; outline: none; cursor: pointer; } /*ubtn loader state style*/ .ubtn-loading { --icon-size: 1em; position: relative; pointer-events: none; opacity: .7; } .ubtn-loading:before { background: inherit; border-radius: inherit; content: ""; display: block; inset: 0; position: absolute; z-index: 1; } :where(.ubtn-link-outline, .ubtn-outline).ubtn-loading:before { background: var(--btn-shadow-color); } .ubtn-loading:after { animation: spin 1s linear infinite; border-radius: var(--icon-size); border: 2px solid currentColor; border-left-color: transparent; content: ""; display: block; height: var(--icon-size); left: 50%; position: absolute; top: 50%; translate: -50% -50%; width: var(--icon-size); z-index: 2; } /*ubtn loader state end*/ } :is(.light-link, #f) { text-decoration: none; } /* doubtfull warning */ body.doubtfull { margin:0; height:100vh; } .doubtfull_warning_wrapper { width:75%; max-width:750px; } .doubtfull_warning { padding:15px; } /* new categories columns */ .catsTable.u-cat-columns { display:grid; } .u-cat-cols2 { grid-template-columns:repeat(2, 1fr); } .u-cat-cols3 { grid-template-columns:repeat(3, 1fr); } .u-cat-cols4 { grid-template-columns:repeat(4, 1fr); } .u-cat-cols5 { grid-template-columns:repeat(5, 1fr); } /* location selector */ [locationselector] select { min-width:30%; flex-grow:1; } [locationselector] select:not(:first-of-type):not(:last-of-type) { margin:0 1em; } [locationselector] .loc-loader { background:url('/.s/img/sh/wait.gif') no-repeat center center; } /* drop some line-height */ .u-www-banurl [data-item] [data-url] { line-height:0; } /*Delivery invoice-create form wnd*/ .delivery-invoice__inner {padding: var(--indent-l, 16px) var(--indent-l, 16px) var(--indent-l, 16px) 0; container: delivery-invoice-container / inline-size; } @container delivery-invoice-container (width > 500px) { .delivery-invoice-section.col-2 { grid-template-columns: repeat(2, 1fr); } .delivery-invoice-section.col-4 { grid-template-columns: repeat(4, 1fr); } .fluid { grid-column: 1/ -1; } } .delivery-invoice label { display: block; margin-bottom: var(--indent-s, 10px); } .delivery-invoice :is(input, label, textarea) { width: 100%; } .delivery-invoice-title { margin-bottom: var(--indent-xl, 24px); } .delivery-invoice-section:has(+.delivery-invoice-section) { margin-bottom: var(--indent-xl, 24px); } .delivery-invoice-section { display: grid; gap: var(--indent-l, 16px); } .delivery-invoice-actions { position: sticky; bottom: 0; padding-top: var(--indent-xl, 24px); background-color: var(--modal-bg); } /* entry cover image */ :where( #allEntries .e-cover-image-small ) { float:inline-start; margin-inline-end:1rem; margin-top:1rem; } :where( .e-cover-image, .e-cover-image-small ) { max-width: 100%; height: auto; } /*login modal|block style*/ :where(.auth-modal-social,.auth-block-social) {display: grid;min-width: 0;gap: 16px;} :where(:where(.auth-modal, .auth-block) > .auth-social-list){padding-block: 1rem} :where(.social-label) { margin-block: 16px; display: flex; align-items: center; gap: 8px; justify-content: center; } :where(.social-label):before, :where(.social-label):after { content: ""; width: 10%; height: 1px; background-color: currentColor; display: block; } /*login modal|block style end*/