diff --git a/data/web/fragment.com/css/auction.css b/data/web/fragment.com/css/auction.css index 01a70f305e..ad26c15845 100644 --- a/data/web/fragment.com/css/auction.css +++ b/data/web/fragment.com/css/auction.css @@ -52,8 +52,7 @@ --popup-border-radius: 12px; --bg-rgb: 26, 32, 38; --bg-color: rgb(var(--bg-rgb)); - --header-bg-rgb: 33, 42, 51; - --header-bg-color: rgba(var(--header-bg-rgb), .9); + --header-bg-color: rgba(33, 42, 51, .9); --bg-hover-color: #212a33; --def-transition-duration: .2s; --def-transition: var(--def-transition-duration) ease; @@ -105,10 +104,6 @@ a:focus { color: var(--accent-color); } -.mini-frac { - font-size: 80%; -} - .link-text { color: var(--accent-color); cursor: pointer; @@ -300,38 +295,19 @@ i.icon { margin-bottom: 20px; } .tm-main-form-link-wrap { - font-size: 13px; + font-size: 15px; line-height: 19px; - margin-top: 20px; + margin-top: 30px; text-align: center; } -.tm-form-radio-items { - margin: -4px 0; -} -.tm-form-radio-item, -.tm-form-radio-item-more { +.tm-form-radio-item { display: block; position: relative; - padding: 4px 0; margin-bottom: 0; cursor: pointer; } -.icon-options-more:after { - width: 20px; - height: 20px; - background-image: var(--image-url-options-more-icon); -} -.tm-form-radio-item-wrap { - padding: 0 3px; - margin: 0 -3px; - height: 56px; - transition: all var(--def-transition); - overflow: hidden; -} -.options-expanded .tm-form-radio-item-wrap.tm-more-options, -.options-collapsed .tm-form-radio-item-wrap.tm-second-option { - visibility: hidden; - height: 0; +.tm-form-radio-item + .tm-form-radio-item { + margin-top: 8px; } .tm-form-radio-item input.radio { position: absolute; @@ -351,9 +327,6 @@ i.icon { position: relative; overflow: hidden; } -.tm-form-radio-label svg { - color: var(--field-bg-color); -} .tm-form-radio-item input.radio ~ .tm-form-radio-label:before { display: inline-block; flex-shrink: 0; @@ -366,7 +339,7 @@ i.icon { background-color: var(--accent-color); box-shadow: inset 0 0 0 20px var(--field-bg-color); transition: border-color var(--def-transition), box-shadow var(--def-transition); - margin-right: 14px; + margin-right: 19px; } .tm-form-radio-item input.radio:checked ~ .tm-form-radio-label { box-shadow: 0 0 0 2px var(--accent-color); @@ -375,11 +348,6 @@ i.icon { box-shadow: inset 0 0 0 2px var(--field-bg-color); border-color: var(--accent-color); } -.tm-form-radio-item-more .tm-form-radio-label { - display: block; - text-align: center; - color: var(--accent-color); -} .tm-form-radio-label .tm-radio-label { flex-grow: 1; } @@ -398,17 +366,12 @@ i.icon { .tm-form-radio-label .tm-value { width: 70px; } -.tm-stars-price .tm-value.icon-ton:before, .tm-form-radio-label .tm-value.icon-ton:before { width: 15px; height: 19px; margin-left: -1px; margin-right: 4px; } -.tm-stars-options .tm-form-radio-label .tm-value { - width: 100px; - text-align: right; -} .tm-form-radio-label .tm-radio-desc { font-weight: normal; text-align: right; @@ -726,8 +689,7 @@ i.icon { margin-right: 10px; } -.icon-telegram-premium, -.icon-telegram-stars { +.icon-telegram-premium { width: 22px; height: 30px; margin-left: 6px; @@ -735,9 +697,6 @@ i.icon { i.icon-telegram-premium { background-image: var(--image-url-telegram-premium); } -i.icon-telegram-stars { - background-image: var(--image-url-stars-icon); -} svg.icon-telegram-premium use { fill: var(--field-accent-color); scale: 0.833; @@ -751,25 +710,6 @@ svg.icon-telegram-premium use { fill: currentColor; scale: 0.9444; } -.tm-qr-code-label svg.icon-telegram-stars { - width: 20px; - height: 20px; - scale: 1.2; - margin: 4px 2px; -} -.tm-qr-code-label svg.icon-telegram-stars use { - transition: var(--def-transition) opacity; -} -.tm-qr-code-label svg.icon-telegram-stars use.icon-bg { - fill: currentColor; - opacity: 0; -} -.qr-inactive .tm-qr-code-label svg.icon-telegram-stars use.icon-main { - opacity: 0; -} -.qr-inactive .tm-qr-code-label svg.icon-telegram-stars use.icon-bg { - opacity: 1; -} .icon-ton-qr { width: 24px; @@ -777,49 +717,13 @@ svg.icon-telegram-premium use { margin-right: 2px; } -.tm-header-tabs-wrap { +.tm-header-tabs { + display: flex; position: absolute; left: 0; right: 0; top: 48px; -} -.tm-header-tabs { - display: flex; padding: 0 17px; - overflow-x: auto; -} -.tm-header-tabs::-webkit-scrollbar { - display: none; -} -.tm-header-tabs { - --shadow-gradient: rgba(var(--header-bg-rgb), 0) 0%, rgba(var(--header-bg-rgb), 1) 70%; - -ms-overflow-style: none; - scrollbar-width: none; -} -.tm-header-tabs:before, -.tm-header-tabs:after { - content: ''; - display: block; - position: absolute; - pointer-events: none; - width: 24px; - left: 0; - top: 0; - bottom: 0; - background: linear-gradient(-90deg, var(--shadow-gradient)); - transition: transform var(--def-transition); - transform: translateX(-10px); - z-index: 2; -} -.tm-header-tabs:after { - background: linear-gradient(90deg, var(--shadow-gradient)); - transform: translateX(10px); - right: 0; - left: auto; -} -.tm-header-tabs.leftscroll:before, -.tm-header-tabs.rightscroll:after { - transform: translateX(0); } .tm-header-tab, .tm-section-tab, @@ -867,7 +771,7 @@ a.tm-pagination-item.active:focus { border-radius: 3px 3px 0 0; } .tm-header-tab + .tm-header-tab { - margin-left: 17px; + margin-left: 26px; } .tm-label-new, .tm-label-soon { @@ -1520,7 +1424,7 @@ a.tm-menu-link:focus { /*left: 4px;*/ padding: 12px; cursor: pointer; - transition: visibility var(--def-transition), opacity var(--def-transition); + transition: all var(--def-transition); } .tm-search-loading { visibility: hidden; @@ -1532,7 +1436,6 @@ a.tm-menu-link:focus { /*left: auto;*/ /*right: 0;*/ } -.tm-input:placeholder-shown ~ .tm-search-clear, .tm-search-input:placeholder-shown ~ .tm-search-clear { visibility: hidden; opacity: 0; @@ -3476,29 +3379,6 @@ a.tm-table-action-link:hover { .tm-premium-boost-label.icon-boost:before { margin-right: 4px; } -.tm-stars-price { - position: absolute; - top: 0; - right: 0; - display: inline-flex; - font-size: 15px; - line-height: 20px; - padding: 11px 7px; - margin-right: 42px; - font-weight: bold; - transition: visibility var(--def-transition), opacity var(--def-transition); - color: #fff; -} -.tm-stars-price .tm-radio-desc { - font-weight: normal; - text-align: right; - color: var(--dropdown-secondary-color); - margin-left: 20px; -} -.tm-input:focus ~ .tm-stars-price { - visibility: hidden; - opacity: 0; -} .processing-popup-container .popup-body { width: 348px; @@ -3711,23 +3591,13 @@ a.tm-table-action-link:hover { .tm-header-actions { display: flex; } - .tm-header-tabs-wrap { - position: static; - } .tm-header-tabs { + position: static; padding: 0; - overflow-x: visible; - } - .tm-header-tabs:before, - .tm-header-tabs:after { - visibility: hidden; } .tm-header-tab { padding: 19px 0; } - .tm-header-tab + .tm-header-tab { - margin-left: 26px; - } .tm-header-menu-button { padding: 19px; } @@ -3849,8 +3719,7 @@ a.tm-table-action-link:hover { width: 10px; height: 19px; } - .icon-telegram-premium, - .icon-telegram-stars { + .icon-telegram-premium { width: 26px; height: 36px; margin-left: 7px; @@ -3921,9 +3790,9 @@ a.tm-table-action-link:hover { padding-left: 52px; } .tm-main-premium .tm-main-search-form .form-control-wrap.tm-coin-field:before { - width: 20px; + width: 16px; height: 20px; - margin: 14px 16px 14px 17px; + margin: 14px 18px 14px 19px; } .tm-main-premium .tm-main-search-form .tm-search-input, .tm-main-premium .tm-main-search-form .tm-search-prefix { @@ -3932,11 +3801,6 @@ a.tm-table-action-link:hover { .tm-main-form-group { margin-bottom: 28px; } - .tm-main-form-link-wrap { - font-size: 15px; - line-height: 19px; - margin-top: 30px; - } .tm-main-form-label-badge { font-size: 13px; line-height: 17px; @@ -4175,14 +4039,6 @@ a.tm-table-action-link:hover { margin-bottom: 23px; } - .tm-stars-price { - padding: 14px 7px; - margin-right: 48px; - } - .tm-form-radio-item input.radio ~ .tm-form-radio-label:before { - margin-right: 19px; - } - .tm-auction-section .tm-section-header-text { font-size: 28px; justify-content: start; @@ -4260,10 +4116,6 @@ a.tm-table-action-link:hover { .tm-form-radio-label .tm-value { width: 90px; } - .tm-stars-options .tm-form-radio-label .tm-value { - width: 110px; - text-align: left; - } .tm-form-radio-label .tm-radio-desc { width: 70px; } @@ -4351,7 +4203,7 @@ a.tm-table-action-link:hover { --image-url-ton-text-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2.68%205h10.63c.22%200%20.4.18.4.41%200%20.07-.01.14-.05.2l-5.04%209.08c-.22.4-.72.54-1.11.32-.14-.08-.25-.19-.32-.33l-4.87-9.08c-.1-.2-.03-.45.17-.55.06-.03.12-.05.19-.05zm5.32%209.78v-9.78z%22%20fill%3D%22none%22%20stroke%3D%22%238c9aa9%22%20stroke-width%3D%221.39%22%2F%3E%3C%2Fsvg%3E'); - --image-url-stars-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m6.02%204.99%202.21-4.42c.25-.51.86-.72%201.37-.46.2.1.36.27.46.47l2.08%204.26c.17.34.5.58.88.63l4.36.52c.59.08%201.02.62.95%201.22-.03.24-.14.47-.32.65l-3.45%203.42c-.14.13-.2.33-.18.53l.57%204.61c.09.66-.38%201.27-1.03%201.35-.25.03-.5-.02-.72-.14l-3.64-2c-.26-.14-.58-.15-.85-.01l-3.77%201.95c-.53.27-1.18.06-1.45-.48-.11-.2-.14-.43-.11-.65l.3-2.12c.15-1.04.79-1.93%201.71-2.41l4.19-2.15c.11-.06.15-.2.1-.31-.05-.09-.14-.14-.24-.12l-5.12.74c-.78.11-1.58-.11-2.19-.62l-1.71-1.4c-.49-.4-.56-1.12-.17-1.62.19-.22.45-.37.74-.41l4.38-.57c.28-.03.52-.21.65-.46z%22%2F%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2225%25%22%20x2%3D%2274.92%25%22%20y1%3D%22.825%25%22%20y2%3D%22107.86%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd951%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffb222%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.8%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e58f0d%22%2F%3E%3Cstop%20offset%3D%22.9996%22%20stop-color%3D%22%23eb7915%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22d%22%20height%3D%22110.6%25%22%20width%3D%22110.3%25%22%20x%3D%22-5.2%25%22%20y%3D%22-5.3%25%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowInnerInner1%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.657%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%281.389%201.389%29%22%3E%3Cuse%20fill%3D%22url%28%23b%29%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23d%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22url%28%23c%29%22%20stroke-width%3D%22.89%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); + --image-url-stars-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2245%22%20viewBox%3D%220%200%2046%2045%22%20width%3D%2246%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2225%25%22%20x2%3D%2274.92%25%22%20y1%3D%22.825%25%22%20y2%3D%22107.86%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd951%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffb222%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.795%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e58f0d%22%2F%3E%3Cstop%20offset%3D%22.99963%22%20stop-color%3D%22%23eb7915%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22c%22%20d%3D%22m15.45%2013.17%205.29-10.61c.61-1.22%202.09-1.71%203.3-1.09.47.24.86.63%201.09%201.11l5%2010.23c.41.83%201.21%201.4%202.12%201.51l10.47%201.27c1.42.17%202.43%201.47%202.26%202.91-.07.59-.34%201.14-.76%201.56l-8.27%208.2c-.33.33-.49.8-.44%201.27l1.38%2011.08c.2%201.59-.92%203.04-2.49%203.23-.59.08-1.19-.04-1.72-.32l-8.74-4.81c-.63-.35-1.39-.36-2.03-.03l-9.06%204.68c-1.27.66-2.83.14-3.48-1.14-.25-.49-.34-1.03-.26-1.57l.72-5.08c.36-2.49%201.89-4.64%204.1-5.78l10.06-5.17c.27-.14.37-.47.24-.74-.11-.21-.34-.33-.57-.29l-12.3%201.77c-1.88.27-3.78-.27-5.26-1.48l-4.09-3.36c-1.17-.96-1.35-2.7-.4-3.88.44-.55%201.08-.9%201.77-.99l10.5-1.36c.68-.09%201.26-.51%201.57-1.12z%22%2F%3E%3Cfilter%20id%3D%22d%22%20height%3D%22111.7%25%22%20width%3D%22111.4%25%22%20x%3D%22-5.7%25%22%20y%3D%22-5.9%25%22%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%223%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowInnerInner1%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%20%200%200%200%200%201%20%20%200%200%200%200%201%20%200%200%200%200.65667938%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22url%28%23a%29%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23d%29%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20stroke%3D%22url%28%23b%29%22%20stroke-width%3D%222%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); --image-url-support-bots-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%234db2ff%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28.67%202%29%22%3E%3Cpath%20d%3D%22m7.33%200c2.58%200%204.67%202.09%204.67%204.67v4.56c0%201.28-1.04%202.33-2.33%202.33h-4.68c-1.28%200-2.32-1.05-2.32-2.33v-4.56c0-2.58%202.09-4.67%204.66-4.67zm0%201.11c-1.96%200-3.55%201.59-3.55%203.56v.44c0%20.74.59%201.33%201.33%201.33h4.45c.73%200%201.33-.59%201.33-1.33v-.44c0-1.97-1.59-3.56-3.56-3.56z%22%2F%3E%3Crect%20height%3D%224.89%22%20rx%3D%22.89%22%20width%3D%221.78%22%20x%3D%2212.89%22%20y%3D%224.89%22%2F%3E%3Crect%20height%3D%224.89%22%20rx%3D%22.89%22%20width%3D%221.78%22%20y%3D%224.89%22%2F%3E%3Cellipse%20cx%3D%228.89%22%20cy%3D%224.22%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3Cellipse%20cx%3D%225.78%22%20cy%3D%224.22%22%20rx%3D%221%22%20ry%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); @@ -4380,6 +4232,4 @@ a.tm-table-action-link:hover { --image-url-boost-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2011%2018%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5.84.14-5.74%206.53c-.15.17-.13.43.04.58.07.07.17.1.27.1h2.14c.23%200%20.41.19.41.41%200%20.03%200%20.05-.01.07l-.83%204.94c-.04.22.11.43.34.47.14.03.28-.03.38-.14l5.75-6.71c.15-.17.13-.43-.04-.58-.08-.06-.17-.1-.27-.1h-2.02c-.23%200-.41-.18-.41-.41%200-.02%200-.04%200-.06l.71-4.77c.03-.22-.13-.43-.35-.47-.14-.02-.28.04-.37.14z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%281.1555%202.3794%29%22%2F%3E%3C%2Fsvg%3E'); --image-url-app-more-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20opacity%3D%22.07%22%20r%3D%2213%22%2F%3E%3Cg%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2213%22%20r%3D%221.67%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%221.67%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2213%22%20r%3D%221.67%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); - - --image-url-options-more-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4.5%208.2%205.1%205.1c.2.2.5.2.7%200l5.2-5.1%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fsvg%3E'); }