File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/im/component/call-feedback/src/call-feedback.css
Back
.bx-im-call-feedback-wrap { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: 21px 100px 46px; } /* HEADER */ .bx-im-call-feedback-header { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .bx-im-call-feedback-header-icon { width: 33px; height: 33px; margin-right: 10px; background: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2233%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M16.075%200c8.878%200%2016.074%207.197%2016.074%2016.075s-7.196%2016.074-16.074%2016.074C7.197%2032.15%200%2024.953%200%2016.075%200%207.197%207.197%200%2016.075%200zm0%201.399c-8.106%200-14.676%206.57-14.676%2014.676%200%208.105%206.57%2014.676%2014.676%2014.676%208.105%200%2014.676-6.571%2014.676-14.676%200-8.106-6.571-14.676-14.676-14.676z%22%20fill%3D%22%232FC6F6%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.816%2011.504c1.654%200%203.307.197%204.96.591.368.088.628.42.628.804v6.594a.824.824%200%2001-.613.8c-1.763.457-3.475.686-5.136.686-1.651%200-3.302-.226-4.952-.678a.824.824%200%2001-.602-.797v-6.599c0-.385.263-.72.634-.805a22.621%2022.621%200%20015.08-.596zm10.71.984c.01.028.016.058.016.088v7.33a.244.244%200%2001-.24.249.234.234%200%2001-.086-.016l-3.63-1.422a.248.248%200%2001-.154-.232v-4.487c0-.103.061-.196.155-.232l3.63-1.422a.238.238%200%2001.31.144z%22%20fill-opacity%3D%22.653%22%20fill%3D%22%23525C69%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-header-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M14.741%2012.43c1.654%200%203.307.196%204.96.59.368.088.628.421.628.804v6.595a.824.824%200%2001-.613.8c-1.763.457-3.475.685-5.135.685-1.652%200-3.303-.226-4.953-.677a.824.824%200%2001-.602-.798v-6.598c0-.386.263-.72.634-.806a22.621%2022.621%200%20015.081-.596zm10.71.983c.01.028.016.058.016.088v7.33a.244.244%200%2001-.24.249.234.234%200%2001-.086-.016l-3.629-1.422a.248.248%200%2001-.155-.232v-4.487c0-.103.062-.196.155-.232l3.63-1.422a.238.238%200%2001.31.144z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M17%20.925C25.878.925%2033.075%208.122%2033.075%2017S25.878%2033.075%2017%2033.075.925%2025.878.925%2017%208.122.925%2017%20.925zm0%201.399C8.895%202.324%202.324%208.894%202.324%2017c0%208.105%206.57%2014.676%2014.676%2014.676%208.105%200%2014.676-6.57%2014.676-14.676%200-8.105-6.57-14.676-14.676-14.676z%22%20fill%3D%22%232FC6F6%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-header-title { font: 20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); color: #525C69; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-header-title { color: #FFF; } /* CONTENT */ .bx-im-call-feedback-content { box-sizing: border-box; display: flex; max-width: 320px; min-height: 293px; /*max-height: 293px;*/ flex-direction: column; justify-content: center; padding: 25px 22px 35px; border: 1px solid rgba(82,92,105,0.3); border-radius: 3px; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-content { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.41); } .bx-im-call-feedback-content-title { font: 18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); color: #333; margin-bottom: 17px; text-align: center; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-content-title { color: #FFF; } .bx-im-call-feedback-rating-wrap { display: flex; justify-content: center; align-items: center; margin-bottom: 36px; } .bx-im-call-feedback-rating-star { width: 44px; height: 44px; margin-right: 5px; background-position: center; background-repeat: no-repeat; transition: all .2s ease-in-out; cursor: pointer; } .bx-im-call-feedback-rating-star:last-child { margin-right: 0; } .bx-im-call-feedback-rating-star-empty { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2238%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2032L8.862%2037.855a1%201%200%2001-1.45-1.054L9.537%2024.4l-9.01-8.783a1%201%200%2001.554-1.706l12.452-1.81L19.104.818a1%201%200%20011.793%200l5.569%2011.284%2012.452%201.81a1%201%200%2001.554%201.705l-9.01%208.783%202.127%2012.402a1%201%200%2001-1.451%201.054L20%2032z%22%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-rating-star-empty { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2238%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2032L8.862%2037.855a1%201%200%2001-1.45-1.054L9.537%2024.4l-9.01-8.783a1%201%200%2001.554-1.706l12.452-1.81L19.104.818a1%201%200%20011.793%200l5.569%2011.284%2012.452%201.81a1%201%200%2001.554%201.705l-9.01%208.783%202.127%2012.402a1%201%200%2001-1.451%201.054L20%2032z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.131%22%2F%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-rating-star-filled { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2238%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2032L8.862%2037.855a1%201%200%2001-1.45-1.054L9.537%2024.4l-9.01-8.783a1%201%200%2001.554-1.706l12.452-1.81L19.104.818a1%201%200%20011.793%200l5.569%2011.284%2012.452%201.81a1%201%200%2001.554%201.705l-9.01%208.783%202.127%2012.402a1%201%200%2001-1.451%201.054L20%2032z%22%20fill%3D%22%23FFA900%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-problem + .bx-im-call-feedback-submit-wrap { margin-top: 40px; } .bx-im-call-feedback-problem + .bx-im-call-feedback-problem-description { margin-top: 10px; } .bx-im-call-feedback-problem-selected .ui-ctl-element { cursor: pointer; user-select: none; background: #fff; color: #535C69; border: 1px solid #C6CDD3; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-selected .ui-ctl-element { background: #32373D; color: #C5C5C5; border: 1px solid rgba(255,255,255,0.41); } .bx-im-call-feedback-problem-selected { box-sizing: border-box; } .bx-im-call-feedback-problem-selected .ui-ctl-element:active { border: 1px solid #C6CDD3; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-selected .ui-ctl-element:active { border: 1px solid rgba(255,255,255,0.41); } .bx-im-call-feedback-problem-select .popup-window-content { background: #FFF; } .bx-im-call-feedback-problem-select-dark .popup-window-content { background: #32373D; } .bx-im-call-feedback-problem-option { padding: 10px 20px 10px 11px; width: 274px; overflow: hidden; } .bx-im-call-feedback-problem-option.menu-popup-item { box-sizing: border-box; height: auto; white-space: normal; } .bx-im-call-feedback-problem-option .menu-popup-item-text { color: #535C69; line-height: 16px; max-width: 100%; word-break: break-word; } .bx-im-call-feedback-problem-select { min-width: 274px; max-width: 274px; max-height: 330px; overflow-y: auto; overflow-x: hidden; } .bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option .menu-popup-item-text { color: #C5C5C5; } .bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option.menu-popup-item:hover { background: #393F46; } .bx-im-call-feedback-problem-select-dark .bx-im-call-feedback-problem-option.menu-popup-item:hover .menu-popup-item-text{ color: #C5C5C5; } .bx-im-call-feedback-problem-option .menu-popup-item-icon { display: none; } .bx-im-call-feedback-problem-option .menu-popup-item-text { padding: 0; } .bx-im-call-feedback-problem-description { box-sizing: border-box; padding: 10px 11px; margin-bottom: 15px; width: 274px; height: 80px; resize: none; font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #535C69; border: 1px solid #C6CDD3; } .bx-im-call-feedback-problem-description::placeholder { font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #535C69; } .bx-im-call-feedback-problem-description:focus { outline: none; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description::placeholder { color: #C5C5C5; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-problem-description { border: 1px solid rgba(255,255,255,0.41); background: #32373D; color: #C5C5C5; } .bx-im-call-feedback-submit-wrap { display: flex; justify-content: center; align-items: center; } .bx-im-call-feedback-submit { width: 178px; } /* FILLED */ .bx-im-call-feedback-filled-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .bx-im-call-feedback-filled-icon { width: 144px; height: 90px; margin-bottom: 20px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22144%22%20height%3D%2290%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M98.546%2010.714a1%201%200%2001.454.454l9.483%2019.214%2021.204%203.082a1%201%200%2001.554%201.705l-15.343%2014.957%203.622%2021.118a1%201%200%2001-1.451%201.054l-18.966-9.97-18.965%209.97a1%201%200%2001-1.451-1.054l3.622-21.118-15.344-14.957a1%201%200%2001.554-1.705l21.205-3.082%209.483-19.214a1%201%200%20011.339-.454zm6.315%2027.337l-6.812%206.912-1.716%201.714-1.684-1.714-2.654-2.753-2.403%202.439%206.757%206.917%2010.915-11.076-2.403-2.439z%22%20fill%3D%22%23FFA900%22%2F%3E%3Cpath%20d%3D%22M98.103%200c24.853%200%2045%2020.147%2045%2045s-20.147%2045-45%2045-45-20.147-45-45%2020.147-45%2045-45zm0%202.5c-23.472%200-42.5%2019.028-42.5%2042.5s19.028%2042.5%2042.5%2042.5%2042.5-19.028%2042.5-42.5-19.028-42.5-42.5-42.5z%22%20fill%3D%22%23525C69%22%20opacity%3D%22.173%22%2F%3E%3Cpath%20d%3D%22M44.508%2038.936a1.78%201.78%200%20010%203.559H24.712a1.78%201.78%200%20110-3.559h19.796zm3.29-11.27a1.78%201.78%200%20110%203.56H13.744a1.78%201.78%200%20110-3.56h34.056zm4.423-11.27a1.78%201.78%200%20110%203.56H1.779a1.78%201.78%200%20110-3.56h50.442z%22%20fill-opacity%3D%22.519%22%20fill%3D%22%23525C69%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-filled-text { font: 18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); color: #525C69; text-align: center; } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-icon { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22144%22%20height%3D%2290%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M98.546%2010.714a1%201%200%2001.454.454l9.483%2019.214%2021.204%203.082a1%201%200%2001.554%201.705l-15.343%2014.957%203.622%2021.118a1%201%200%2001-1.451%201.054l-18.966-9.97-18.965%209.97a1%201%200%2001-1.451-1.054l3.622-21.118-15.344-14.957a1%201%200%2001.554-1.705l21.205-3.082%209.483-19.214a1%201%200%20011.339-.454zm6.315%2027.337l-6.812%206.912-1.716%201.714-1.684-1.714-2.654-2.753-2.403%202.439%206.757%206.917%2010.915-11.076-2.403-2.439z%22%20fill%3D%22%23FFA900%22%2F%3E%3Cpath%20d%3D%22M98.103%200c24.853%200%2045%2020.147%2045%2045s-20.147%2045-45%2045-45-20.147-45-45%2020.147-45%2045-45zm0%202.5c-23.472%200-42.5%2019.028-42.5%2042.5s19.028%2042.5%2042.5%2042.5%2042.5-19.028%2042.5-42.5-19.028-42.5-42.5-42.5z%22%20fill%3D%22%23FFF%22%20opacity%3D%22.173%22%2F%3E%3Cpath%20d%3D%22M44.508%2038.936a1.78%201.78%200%20010%203.559H24.712a1.78%201.78%200%20110-3.559h19.796zm3.29-11.27a1.78%201.78%200%20110%203.56H13.744a1.78%201.78%200%20110-3.56h34.056zm4.423-11.27a1.78%201.78%200%20110%203.56H1.779a1.78%201.78%200%20110-3.56h50.442z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .bx-im-call-feedback-wrap-dark .bx-im-call-feedback-filled-text { color: #FFF; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.29 |
proxy
|
phpinfo
|
Settings