html { font-size: 16px; } html { --main-color-sh1: hsl(0deg 0% 96%); --main-color-sh2: hsl(0deg 0% 92%); --main-color-sh2: hsl(0deg 0% 94%); --main-color-sh2: hsl(0deg 0% 96%); --main-color-sh2b: hsl(32deg 15% 83%); --main-color-sh2b: hsl(150deg 6% 88%); --main-color-sh2b: hsl(203deg 6% 94%); --main-color-sh3: rgb(237, 235, 233); --main-color-sh3: #e8e4e0; --main-color-sh3: hsl(30deg 15% 75%); --main-color-sh3: hsl(30deg 15% 88%); --main-color-sh3: hsl(30deg 15% 85%); --main-color-sh3: hsl(168deg 15% 85%); --main-color-sh3: hsl(189deg 17% 84%); --main-color-sh3: hsl(0deg 0% 88%); --main-color-sh4: hsl(27deg 80% 47%); --main-color-sh4: hsl(16deg 65% 68%); --main-color-sh4: hsl(16deg 60% 55%); --main-color-sh4b: hsl(27deg 80% 47% / 40%); --main-color-sh4b: hsl(16deg 65% 68% / 40%); --main-color-sh4b: hsl(16deg 60% 55% / 40%); --main-color-sh4b: hsl(39deg 100% 43% / 19%); --main-color-sh5: hsl(0deg 0% 98%); --main-color-sh5: hsl(0deg 0% 93%); --main-color-sh5: hsl(48 30% 90% / 1); --main-color-sh5: #eaeaea; --main-color-sh5: hsl(42 2% 96% / 1); --main-color-sh5: #ffffff; --main-color-sh6: #633b54; --main-color-sh6: hsl(91deg 25% 31%); --main-color-sh6: hsl(91deg 25% 16%); --main-color-sh7: #1976D2; --main-color-sh7: #0097A7; --main-color-sh7: hsl(179deg 75% 27%); --main-color-sh7: #128f8c; --main-color-sh7: hsl(205deg 39% 49%); --main-color-sh7: #5990b6; --main-color-sh7: #297ac2; --main-color-sh7: hsl(205deg 50% 50%); --main-color-sh7b: #1b478b; --main-color-sh8: hsl(47deg 11% 94%); --main-color-sh8: hsl(51deg 28% 90%); --main-color-sh8: hsl(34deg 20% 92%); --main-color-sh8: hsl(34deg 20% 92%); --main-color-sh8: #f8f7f6; --main-color-sh9: hsl(0deg 0% 98%); --main-color-sh0: hsl(194deg 6% 55%); --main-color-sh0: hsl(33deg 8% 26%); --main-color-sh0: hsl(50deg 24% 85%); --main-color-sh0: hsl(34deg 12% 82%); --main-color-sh0: hsl(34deg 13% 86%); --main-color-sh0: hsl(193deg 35% 85%); --main-color-sh0: hsl(193deg 9% 95%); --main-color-sh0: rgb(234 234 233); --main-color-sh0: hsl(34deg 20% 95%); --main-color-sh0: hsl(240deg 11% 96%); --main-color-sh0: hsl(30deg 17% 98%); --main-color-sh0: #f9f7f6; --main-color-sh0: hsl(0deg 0% 85%); --main-color-sh0: hsl(32deg 17% 92%); --main-color-sh0: hsl(32deg 3% 93%); --main-color-sh0: hsl(196deg 5% 93%); --main-color-sh0: hsl(196deg 10% 99%); --main-color-sh0: hsl(32deg 17% 93%); --main-color-sh0: hsl(161deg 7% 97%); --main-color-sh0: hsl(36 8% 91% / 1); --main-color-sh10: hsl(0deg 0% 80%); --main-color-sh11: rgba(0,0,0,0.2); --main-color-sh12: rgba(0,0,0,0.6); --main-color-sh13: hsl(0deg 0% 95%); --main-color-sh14: hsl(0deg 0% 55%); --main-color-sh15: rgb(0 0 0 / 3%); --main-color-sh16: hsl(42deg 21% 85%); --main-color-sh16: hsl(42deg 21% 95%); --main-color-sh17: hsl(161deg 7% 97%); --main-color-sh18: hsl(195deg 20% 61%); --main-color-sh18: hsl(14deg 88% 40%); --main-color-sh18: hsl(0deg 0% 80%); --main-color-sh19: #212121; --main-color-sh20: #333; --main-color-sh21: #ccc; --main-color-sh22: #fff; --main-color-sh23: #e9e9e9; --main-color-sh24: rgba(255,255,255,0.5); --main-color-sh25: hsl(356deg 75% 21%); --main-color-sh25: hsl(356deg 18% 80%); --main-color-sh26: rgba(255,255,255,0.6); --main-color-sh27: hsl(0deg 0% 96%); --main-color-sh28: hsl(0deg 0% 90%); --main-color-sh29: hsl(193deg 10% 95%); --main-color-sh29: hsl(193deg 20% 94%); --main-color-sh29: #f4f7f9; --main-color-sh29: hsl(30deg 20% 92%); --main-color-sh29: hsl(28deg 0% 93%); --main-color-sh29: hsl(26deg 20% 93%); --main-color-sh29: #f1edea; --main-color-sh29: #ede7e4; --main-color-sh29: hsl(30deg 20% 91%); --main-color-sh29: hsl(180deg 5% 34%); --main-color-sh29: hsl(38deg 3% 89%); --main-color-sh29: hsl(38deg 14% 87%); --main-color-sh29: hsl(196deg 5% 89%); --main-color-sh29: hsl(196deg 10% 95%); --main-color-sh29: hsl(38deg 14% 85%); --main-color-sh29: hsl(43deg 14% 91%); --main-color-sh29: hsl(168deg 10% 93%); --main-color-sh29: hsl(43deg 23% 94%); --main-color-sh29b: hsl(196deg 8% 87%); --main-color-sh29b: hsl(196deg 19% 91%); --main-color-sh29b: hsl(38deg 16% 81%); --main-color-sh29b: hsl(176deg 16% 81%); --main-color-sh29b: hsl(176deg 10% 62%); --main-color-sh29b: hsl(0deg 12% 38%); --main-color-sh29b: hsl(209deg 7% 40%); --main-color-sh29b: hsl(32deg 13% 64%); --main-color-sh29b: hsl(189deg 7% 66%); --main-color-sh29b: hsl(190deg 10% 40%); --main-color-sh30: #fff; --main-color-sh30: #f4f3f3; --main-color-sh30: #f5f2f0; --main-color-sh30: hsl(40deg 2% 80%); --main-color-sh30: hsl(40deg 15% 89%); --main-color-sh30: hsl(196deg 5% 89%); --main-color-sh30: hsl(40deg 3% 89%); --main-color-sh30: hsl(176deg 3% 89%); --main-color-sh30l: #fdfcfc; --main-color-sh30r: 0deg 4% 95%; --main-color-sh31: rgba(0,0,0,0.3); --main-color-sh32: #999; --main-color-sh33: hsl(0deg 0% 85%); --main-color-shx: hsl(34deg 22% 90%); --main-color-ropa: 47%; --main-pac-opacity: .7; --main-main-background: hsl(190deg 10% 40%); --main-main-background: hsl(170deg 9% 75%); --main-main-background: hsl(260 7% 92%); --main-main-background: hsl(170deg 9% 79%); --main-main-background: #eeeeee; --main-main-background: hsl(48 21% 86% / 1); --main-main-background: #e0e0e0; --main-main-background: hsl(42 2% 92% / 1); --main-main-background: #EFF6FC; --main-main-background: #f0efed; --main-main-progress-overlay-bg: hsl(0deg 0% 95% / 80%); --btn-alt: #f5f5f5; --btn-alt: hsl(41 3% 94% / 1); --btn-alt: #FAF9F8; --btn-alt-hover: rgb(227 227 227); --btn-alt-hover: hsl(48 21% 86% / 1); --btn-alt-hover: hsl(41 3% 91% / 1); --btn-alt-hover: #f4f3f2; --border-slim-p1: #999; --border-slim-p1: rgb(153 153 153 / 12%); --border-slim-p2: rgb(255 255 255 / 30%); } html.dark_mode { --main-color-sh1: rgb(31, 32, 32); --main-color-sh2: rgb(12, 12, 12); --main-color-sh2: rgb(47 46 43); --main-color-sh2b: rgb(38, 39, 40); --main-color-sh3: rgb(72, 76, 77); --main-color-sh3: #393530; --main-color-sh4: rgb(187, 117, 59); --main-color-sh4: #c26042; --main-color-sh4: rgb(143 88 45); --main-color-sh4b: rgba(187, 117, 59, 0.6); --main-color-sh5: rgb(38, 39, 40); --main-color-sh5: rgb(51 50 47); --main-color-sh6: rgb(183, 183, 183); --main-color-sh7: rgb(93, 164, 220); --main-color-sh7: #5990b6; --main-color-sh7b: rgb(134, 177, 218); --main-color-sh8: rgb(28, 29, 20); --main-color-sh9: rgb(38, 39, 40); --main-color-sh0: rgb(0, 0, 0); --main-color-sh0: #2b2926; --main-color-sh0: rgb(30, 40, 40); --main-color-sh0: #2b2b2b; --main-color-sh10: rgb(55 58 60); --main-color-sh11: rgba(0,0,0,0.2); --main-color-sh12: rgb(195 195 195 / 50%); --main-color-sh13: rgb(36, 36, 36); --main-color-sh14: rgb(74, 78, 79); --main-color-sh14: #999999; --main-color-sh15: rgb(0 0 0 / 6%); --main-color-sh16: rgb(57, 56, 52); --main-color-sh16: rgb(31 31 29); --main-color-sh17: hsl(180deg 3% 65%); --main-color-sh18: hsl(195deg 20% 61%); --main-color-sh18: hsl(195deg 0% 30%); --main-color-sh19: rgb(206, 201, 194); --main-color-sh19: #d1d1d1; --main-color-sh20: rgb(187 187 187); --main-color-sh21: rgb(62 65 66); --main-color-sh22: rgb(225, 222, 216); --main-color-sh23: rgb(39 39 39); --main-color-sh24: rgba(0,0,0,0.6); --main-color-sh25: hsl(356deg 22% 15%); --main-color-sh26: rgba(0,0,0,0.2); --main-color-sh27: rgb(179, 179, 179); --main-color-sh28: rgb(70, 70, 70); --main-color-sh29: rgb(0, 0, 0); --main-color-sh29: #35322e; --main-color-sh29: #1c1c1c; --main-color-sh29b: #2f2b27; --main-color-sh29b: rgb(26 26 26); --main-color-sh30: rgb(0 0 0); --main-color-sh30: #312e2b; --main-color-sh30l: rgb(24 25 26); --main-color-sh30r: 210deg 3% 15%; --main-color-sh31: rgba(0,0,0,0.8); --main-color-sh32: #999; --main-color-sh33: rgb(38 38 38); --main-color-shx: rgb(28, 29, 20); --main-color-ropa: 10%; --main-pac-opacity: .4; --main-main-background: #111111; --main-main-background: rgb(43 41 40); --main-main-progress-overlay-bg: hsl(0deg 0% 11% / 80%); --btn-alt: hsl(0deg 0% 19%); --btn-alt-hover: rgb(41 41 41); --border-slim-p1: #6a6a6a; --border-slim-p1: #393939; --border-slim-p2: rgb(255 255 255 / 30%); } @media all and (min-width: 600px) { html ::-webkit-scrollbar { width: 12px; } .lister_item_data_cont.expanded ::-webkit-scrollbar { width: 6px; } html ::-webkit-scrollbar-track { border-radius: 8px; background-color: var(--main-color-sh23); border: 1px solid var(--main-color-sh21); } html ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: var(--main-color-sh4); } } /* @media all and (min-width: 600px) { html.dark_mode ::-webkit-scrollbar { background-color: #2a2d2d; color: #a9a296; } html.dark_mode ::-webkit-scrollbar-corner { background-color: #232425; } html.dark_mode ::-webkit-scrollbar-thumb { background-color: #4c5052; } ::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid var(--main-color-sh28); } html.dark_mode ::selection { background-color: #1152a1 !important; color: #e1ded8 !important; } } */ :root { --main-max-width: unset; --lister-column-count: 1; } @media all and (min-width: 700px) { :root { --lister-column-count: 2; --main-max-width: calc(94vw); /*--lister-column-count: 2;*/ } } @media all and (min-width: 1100px) { :root { /*--lister-column-count: 3;*/ --lister-column-count: 3; } } @media all and (min-width: 1380px) { :root { /*--lister-column-count: 4;*/ --lister-column-count: 3; } } @media all and (min-width: 1600px) { :root { /*--lister-column-count: 4;*/ } } @media all and (min-width: 1300px) { :root { --main-max-width: 1260px; } } /* @media all and (min-width: 1600px) { :root { --main-max-width: 1340px; } } */ html, body, input, textarea, select, button { border-color: var(--main-color-sh3); color: var(--main-color-sh19); } body, input, textarea, select, button { /*background-color: var(--main-color-sh2);*/ background-color: var(--main-color-sh5); /*transition: background-color .8s ease-in-out;*/ } .page_content_container { max-width: var(--main-max-width); margin: 0 auto; padding: 2px; box-sizing: border-box; position: relative; /*background-color: var(--main-color-sh30);*/ /*background-color: var(--main-color-sh0);*/ /*box-shadow: 0 2px 2px 0 var(--main-color-sh10); border-left: 1px solid var(--main-color-sh25); background-color: var(--main-color-sh29); border-right: 1px solid var(--main-color-sh25);*/ } @media all and (min-width: 600px) { .page_content_container { padding: 0; } } /*::selection { background-color: #1260bf; color: #f7f5f1; }*/ /*::-webkit-scrollbar { background-color: var(--main-color-sh8); color: #dbd2cf; }*/ /*.app_info_list_price::-webkit-scrollbar, .result_requested_app_container .app_info_detail::-webkit-scrollbar, .app_info_tags::-webkit-scrollbar, #lister_result_container::-webkit-scrollbar { width: 3px; background-color: var(--main-color-sh8); color: #dbd2cf; }*/ /*.subcontent_sidebar::-webkit-scrollbar { width: 6px; background-color: var(--main-color-sh8); color: #dbd2cf; }*/ /*.app_thumbs_scroller::-webkit-scrollbar { height: 6px; background-color: var(--main-color-sh8); color: #dbd2cf; }*/ /*.subcontent_sidebar::-webkit-scrollbar-corner { background-color: var(--main-color-sh1); } .subcontent_sidebar::-webkit-scrollbar-thumb { background-color: var(--main-color-sh11); }*/ /*.lister_taglist_container::-webkit-scrollbar { height: 4px; } .lister_taglist_container::-webkit-scrollbar-thumb, .history_container_results::-webkit-scrollbar-thumb { background-color: var(--main-color-sh28); }*/ body { /*font-family: 'Segoe UI', SegoeUI, 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*font-family: Lato, sans-serif;*/ /*font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif;*/ font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; /*font-size: 13px;*/ /*background-color: var(--main-color-sh1); background-color: rgba(18, 78, 98, 0.5); background-color: rgb(136, 166, 176);*/ margin: 0; padding: 0; overflow-x: hidden; background-color: var(--main-main-background); background-position: top; background-repeat: no-repeat; background-size: 100% auto; /*background-image: url(images/bgo2mm.png);*/ /*-webkit-font-smoothing: antialiased;*/ } /* @media all and (min-width: 600px) { body { background-color: var(--main-main-background); } } */ @supports (background: -webkit-cross-fade(url(), url(), 50%)) { @media all and (min-width: 600px) { body { /*background-image: url(images/sp_group_gs.png);*/ background-position: bottom; /*background-attachment: fixed;*/ background-repeat: no-repeat; /*background-blend-mode: overlay;*/ background-position: 50vw -80vh; /*background: radial-gradient(50% 50% at top center,hsl(0deg 0% 94%), hsl(37deg 24% 88%));*/ /*background-color: var(--main-main-background);*/ /*background: radial-gradient(50% 50% at top center,hsl(172deg 8% 86%), hsl(172deg 8% 83%)); background: radial-gradient(50% 50% at top center,hsl(172deg 8% 90%),hsl(172deg 8% 87%));*/ /* background-image: -webkit-cross-fade( url(images/sp_group_gs.png), url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), 75% ); */ } } } @media all and (max-width: 600px) { body.modalopen { overflow: hidden; /*margin-right: 17px;*/ } } /*@media all and (min-width: 600px) { body.modalopen { max-width: calc(100vw - 16px); // remove scrollbarwidth } }*/ /*@media all and (min-width: 600px) { body { background-image: url(images/1350.png); } }*/ /*html.light_mode body { background: radial-gradient(650% 90% at top center,hsl(176deg 10% 62%), hsl(37deg 24% 88%)); background-attachment: fixed; }*/ input, select { /*font-family: 'Segoe UI', SegoeUI, 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;*/ /*font-family: Lato, sans-serif;*/ font-family: "Segoe UI Historic", "Segoe UI", Helvetica, Arial, sans-serif; } /*p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }*/ p { line-height: 1.5em; } a:link, a:visited { text-decoration: none; color: var(--main-color-sh7); } a:hover { text-decoration: underline; color: var(--main-color-sh7b); } .resp_img { width: 100%; height: auto; } div#qc-cmp2-container a { color: white; } i.fas.highlighted, i.fa.highlighted, i.fab.highlighted { color: var(--main-color-sh4)!important; /*color: var(--main-color-sh14)!important;*/ } /*i.fas.dimmed, i.fab.dimmed { color: var(--main-color-sh19); }*/ i.fab.searchfield, i.fas.searchfield { margin-right: 4px; } span.note { color: #63615c; font-weight: 300; } /*span.note.sidebarvalue { margin-right: 4px; }*/ /*div.bg { background-size: cover; background-position: center; background-repeat: no-repeat; filter: saturate(0.2); background-image: url(images/1350.png); display: none; position: absolute; width: 100%; height: 220%; z-index: -99999; left: 0px; top: -78px; background-size: cover; background-position: center -80px; background-repeat: no-repeat; opacity: 0; transition: opacity .6s ease-in-out; position: absolute; width: 100vw; height: 100%; z-index: -1; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; top: 0px; background-size: cover; background-position: center; opacity: 0; transition: opacity .8s ease-in-out; box-sizing: border-box; border-top: 1px solid var(--main-color-sh4); border-bottom: 1px solid var(--main-color-sh4); }*/ /*div.bg { display: none; position: fixed; width: 100%; height: 100%; z-index: -99999; left: 0; top: 0; opacity: 0; transition: opacity .6s ease-in-out; background-repeat: no-repeat; background-size: cover; background-position: top center; } @media all and (min-width: 600px) { html.light_mode div.bg { display: block; } html.light_mode div.bg.loaded { opacity: 0.1; } }*/ /*.light_mode div.bg { opacity: 0.5; background-image: url(images/bgsp06.jpg); }*/ /*div.bg.alt { -webkit-filter: blur(4px); -moz-filter: blur(4px); filter: blur(6px); }*/ /*#gradient_top { height: 100vh; z-index: -2; width: 100%; position: fixed; top: 0; transition: background-color .8s ease-in-out; background: linear-gradient(var(--main-color-sh5),rgba(255,255,255,0) 30%); }*/ /*.bg:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 35%; background: linear-gradient(var(--main-color-sh5),rgba(255,255,255,0) 30%); pointer-events: none; z-index: -99998; } .bg:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 140%; background: linear-gradient(rgba(255, 255, 255, 0) 60%, var(--main-color-sh5) 70%); pointer-events: none; z-index: -99998; }*/ /*@media all and (min-width: 600px) { div.bg { display: block; } }*/ /*h1 { margin: 0; font-size: 20px; font-weight: 400; letter-spacing: -0.5px; }*/ h1 { text-align: center; max-width: var(--main-max-width); /*margin: 12px auto 6px;*/ margin: 0; box-sizing: border-box; /*font-size: clamp(20px, 2vw, 22px); text-shadow: 0 0 4px var(--main-color-sh22), 0 0 6px #933d3d, 0 0 8px #332b2b; font-weight: normal;*/ /*color: var(--main-color-sh4);*/ /*text-shadow: none; border-bottom: 1px solid rgb(80 26 61 / 10%); font-weight: 400; letter-spacing: -0.5px;*/ padding: 24px; font-weight: normal; font-size: 1.5rem; } h2 { padding: 12px; text-align: center; max-width: var(--main-max-width); margin: 12px auto 6px; box-sizing: border-box; /*font-size: 22px; text-shadow: 0 0 4px var(--main-color-sh22), 0 0 6px #933d3d, 0 0 8px #332b2b; text-shadow: -1px -1px 2px var(--main-color-sh1), 1px -1px 2px var(--main-color-sh1), -1px 1px 2px var(--main-color-sh1), 1px 1px 2px var(--main-color-sh1); font-weight: normal;*/ color: var(--main-color-sh6); text-shadow: none; /*border-bottom: 1px solid rgb(80 26 61 / 10%);*/ /*letter-spacing: -0.5px;*/ /*font-weight: normal;*/ font-size: 1.25rem; } /*h2.headertitle { position: relative; } h2.headertitle.collapseme { padding-top: 12px; }*/ h3 { /*color: var(--main-color-sh4);*/ padding: 4px 12px; margin: 12px; /*background-color: var(--main-color-sh29); border-bottom: 1px solid var(--main-color-sh16);*/ font-size: 1rem; } h3.alt { padding: initial; margin: 12px auto; } /*h3.content_toggler { text-align: center; cursor: pointer; }*/ /*.control_container h3 { text-align: center; background-color: var(--main-color-sh0); padding: 12px; margin: 0; color: var(--main-color-sh19); text-align: left; }*/ /*#lister_container h3 { margin: 1em 12px; }*/ /*@media all and (min-width: 600px) { h2 { margin: 24px auto; padding: 12px 24px; } }*/ /*h3 { position: relative; box-sizing: border-box; margin: 0; padding: 12px 8px 4px; }*/ h4 { /*margin: 4px 0;*/ font-size: 15px; /*font-weight: normal;*/ } .headermeta { padding: 0 8px; text-align: center; color: var(--main-color-sh14); margin-top: -12px; font-size: 11px; } @media all and (max-width: 600px) { .header_container { /*background-color: var(--main-color-sh22); background-color: #242932; background-color: rgba(36, 41, 50, 0.5); margin-bottom: 24px; border-bottom: 1px solid #e7ebf0; min-height: 84px; background-color: var(--main-color-sh1); box-shadow: 0 0 1px 0 var(--main-color-sh4); border-bottom: 1px solid #353737; background-color: var(--main-color-sh5); max-width: var(--main-max-width); background-color: var(--main-color-sh9); border-bottom: 1px solid hsl(0deg 0% 0% / 8%);*/ /*margin-bottom: 12px; margin-top: 6px;*/ /*background-color: var(--main-color-sh15); border-bottom: 2px solid var(--main-color-sh16);*/ background-color: var(--main-color-sh29); } } .header_content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: var(--main-max-width); margin: 6px auto; /*padding: 12px 24px;*/ text-align: center; position: relative; flex-flow: column; color: var(--main-color-sh6); min-height: 70px; border-bottom: 1px dotted var(--main-color-sh4); /*border-bottom: 1px solid var(--main-color-sh16); background-color: var(--main-color-sh8);*/ } @media all and (min-width: 600px) { .header_content { flex-flow: row; /*border-left: 1px solid #cec9bf; background-color: rgb(220 215 207 / 30%); border-right: 1px solid #cec9bf;*/ box-sizing: border-box; /*padding: 8px 12px;*/ gap: 12px; } } /*@media all and (max-width: 1100px) { .header_content { margin: 0 12px; padding: 0 12px; } }*/ /*.search_toggler_btn { display: block; padding: 8px 36px; box-sizing: border-box; cursor: pointer; font-size: 15px; border-radius: 3px; box-shadow: 0 0 1px 0 var(--main-color-sh4); margin: 12px; }*/ /*@media all and (max-width: 1400px) { .search_toggler_btn { display: block; } }*/ /*.header_note { margin: 0 0 12px; box-sizing: border-box; text-align: center; font-weight: 600; } @media all and (min-width: 600px) { .header_note { text-align: left; } } @media all and (min-width: 840px) { .header_note { font-size: 14px; } }*/ /*.requested_result_main_container { margin-top: 24px; }*/ .content_block_limited { max-width: var(--main-max-width); margin: 0 auto; padding: 12px; } /*.main_result_list_container { display: flex; padding-top: 12px; } .result_list_container { width: 100%; background-color: var(--main-color-sh5); max-width: var(--main-max-width); margin: 0 auto; }*/ /*.app_info_list_price { overflow-y: scroll; margin: 4px 24px; width: 100%; height: 40px; background-color: var(--main-color-sh5); } @media all and (min-width: 600px) { .app_info_list_price { height: 54px; width: 400px; } }*/ /*@media all and (min-width: 1100px) { .result_list_container { max-width: calc(100% - 240px); } } .sidebar { width: 240px; padding: 12px; background-color: var(--main-color-sh22); display: none; border-left: 1px solid var(--main-color-sh1); box-sizing: border-box; } @media all and (min-width: 1100px) { .sidebar { display: block; } } .sidebar_header { padding: 0 6px 12px; margin-bottom: 8px; border-bottom: 1px solid #f3f3f3; font-size: 16px; } .sidebar_header:not(:first-child) { margin-top: 24px; } .sidebar_app_result { padding: 4px; color: #4368ab; cursor: pointer; margin: 2px 0; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar_app_result:hover { background-color: #f9f9f9; color: #092e67; text-decoration: underline; }*/ .site_message { padding: 12px; text-align: center; background-color: #f1874c; margin: 24px 0; font-size: 16px; color: var(--main-color-sh22); } .site_message_compact { padding: 12px; text-align: center; /*background-color: var(--main-color-sh5);*/ font-size: 14px; color: var(--main-color-sh20); margin: 2px auto; } /*.corner_block { display: none; position: fixed; right: -68px; font-size: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 30px; background-color: var(--main-color-sh1); padding: 0 72px; border: 1px solid #eee; color: #b7b1a7; line-height: 22px; z-index: 99999; } @media all and (min-width: 840px) { .corner_block { display: block; } }*/ /*.footer_container { background-color: var(--main-color-sh22); border-top: 1px solid #eee; }*/ .footer_content { max-width: var(--main-max-width); margin: 0 auto; padding: 12px 12px 24px; font-size: 12px; text-align: center; box-sizing: border-box; /*background-color: var(--main-color-sh5);*/ } .main_logo { display: inline-block; font-size: 22px; background-image: url(images/sp_logo_g.png); background-repeat: no-repeat; background-size: contain; background-position: 4px 2px; position: relative; top: 0; padding-left: 44px; color: var(--main-color-sh6); /*text-shadow: -1px -1px 1px var(--main-color-sh5), 1px -1px 1px var(--main-color-sh5), -1px 1px 1px var(--main-color-sh5), 1px 1px 1px var(--main-color-sh5);*/ font-weight: bold; } /*a.headerlogo { display: inline-block; background-image: url(images/sp_logo.png); background-size: contain; background-repeat: no-repeat; height: 48px; width: 170px; }*/ .alt_title { display: inline-block; margin: 4px 0; font-size: 13px; color: #1b4f62; } /*.status_block { font-size: 11px; text-align: center; float: right; color: var(--main-color-sh19); background-image: url(images/sp_spin.apng); background-repeat: no-repeat; padding: 4px; padding-left: 58px; background-size: contain; display: none; } @media all and (min-width: 736px) { .status_block { display: block; } }*/ /*.contact_block { font-size: 11px; text-align: center; float: right; color: #b7b1a7; padding: 4px; background-color: var(--main-color-sh22); padding: 8px 12px; margin-left: 8px; display: none; height: 60px; box-sizing: border-box; line-height: 14px; } @media all and (min-width: 600px) { .contact_block { display: block; } }*/ /*.separator { border-top: 1px dashed #FF9800; margin: 12px 72px; }*/ #main_container { margin: 0 auto; /*max-width: var(--main-max-width); background-color: var(--main-color-sh1); padding: 8px 4px; border-left: 1px solid #cec9bf; border-right: 1px solid #cec9bf; border-radius: 6px; box-shadow: rgba(0,0,0,0.2) 0 0 8px 0px;*/ box-sizing: border-box; } @media all and (min-width: 840px) { #main_container { margin: 0 auto; /*padding: 0 24px;*/ } } header .main_logo_container { display: flex; flex-flow: column; text-align: center; /*filter: drop-shadow(0px 0px 2px #444);*/ flex: none; } @media all and (min-width: 600px) { header .main_logo_container { text-align: left; } } /*@media all and (min-width: 1100px) { #main_container { margin: 0 auto; } }*/ header #share_block { margin: 4px 6px; box-sizing: border-box; /*line-height: 26px;*/ font-size: 12px; /*font-weight: 600;*/ color: var(--main-color-sh6)!important; font-weight: bold; } /*.lazy { background-image: url('images/loading.gif'); background-repeat: no-repeat; background-position: center; background-size: contain; }*/ section.page_summary_cont .page_summary_highlight { /*color: var(--main-color-sh4);*/ font-weight: bold; } section.page_summary_cont .page_summary_app_title { font-weight: bold; } /* #requested_apps_container { margin: 12px 0; } */ .header_block_container { display: flex; gap: 24px; margin: 24px auto; } .header_block { flex: 1; /*flex: 0 1 1050px;*/ align-self: center; } .requested_apps_promo_holder { display: none; width: 300px; height: 250px; max-height: 250px; order: 1; flex: none; align-self: center; background-color: var(--main-color-sh5); margin-bottom: 12px; } .show_requested_cont { display: flex; font-weight: bold; justify-content: center; align-items: center; padding: 12px 24px; margin: 12px; } @media all and (min-width: 992px) { .header_block_container { /*display: flex;*/ justify-content: center; } .requested_apps_promo_holder { display: block; } .show_requested_cont { display: none; } } /*#page_summary_content { display: none; }*/ /*.page_summary_content { font-size: 12px; line-height: 1.4rem; }*/ /*.requested_result_main_container { margin: 12px auto; position: relative; width: 100%; box-shadow: 0 0 12px 0 var(--main-color-sh21) inset; border-top: 1px solid var(--main-color-sh3); border-bottom: 1px solid var(--main-color-sh3); } .requested_result_main_container:not(.opened) { max-height: 120px; overflow: hidden; } .requested_result_main_container:not(.opened) .app_thumbs_scroller_btn { display: none; } @media all and (min-width: 600px) { .requested_result_main_container.opened div.bg { display: block; } } .requested_result_main_container:not(.opened):after { content: attr(data-before); display: block; height: 48px; width: 100%; padding-bottom: 12px; position: absolute; bottom: 0; z-index: 9; color: var(--main-color-sh7); background-color: var(--main-color-sh1); background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, var(--main-color-sh1) 30%); display: flex; align-items: flex-end; justify-content: center; cursor: pointer; } .result_requested_app_container { display: flex; flex-wrap: wrap; text-align: center; margin: 0 auto; position: relative; max-width: var(--main-max-width); } .result_requested_app_container .app_info_detail { max-height: 60px; overflow-y: auto; } @media all and (min-width: 840px) { .result_requested_app_container { text-align: left; align-items: center; box-sizing: border-box; padding: 8px 14px; } .result_requested_app_container .app_info_detail { height: 22px; max-height: 26px; overflow-y: auto; } } .requested_additional_container { margin: 8px 0; font-size: 13px; } .result_requested_app_container .app_thumbs_scroller_cont { flex: 0 1 464px; margin: 0 auto; max-width: 100%; } @media all and (min-width: 840px) { .result_requested_app_container .app_thumbs_scroller_cont { margin: 0 12px; flex: 0 1 30%; max-width: 30%; margin: 0 auto; } }*/ /*.app_thumbs_scroller_cont { flex: 1; position: relative; max-height: 280px; } .app_thumbs_scroller { scroll-snap-type: x mandatory; overflow-x: auto; overflow-y: hidden; display: flex; align-items: center; margin: 12px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; height: calc(100% - 24px); background-color: var(--main-color-sh0); } @media all and (min-width: 600px) { .app_thumbs_scroller { overflow-x: hidden; } } .app_thumbs_scroller_elem { scroll-snap-align: center; margin: 6px; position: relative; width: 85%; height: 95%; max-width: 85%; max-height: 95%; border-radius: 12px; width: 100%; height: auto; object-fit: contain; cursor: zoom-in; transform: translateZ(0); } .app_thumbs_scroller_elem_video { cursor: initial; } .app_thumbs_scroller_cont .stepbtn { position: absolute; top: 50%; transform: translateY(-50%); height: 36px; width: 36px; border-radius: 2px; background-color: rgba(0,0,0,0.5); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; cursor: pointer; } .app_thumbs_scroller_cont .stepbtn.next { background-image: url('data:image/svg+xml;charset=utf-8,Shape'); right: 6px; } .app_thumbs_scroller_cont .stepbtn.prev { background-image: url('data:image/svg+xml;charset=utf-8,Shape'); left: 6px; }*/ /*.app_thumbs_scroller_cont { position: relative; } .app_thumbs_scroller { scroll-snap-type: x mandatory; overflow-x: scroll; overflow-y: hidden; display: flex; align-items: center; margin: 0 12px; scroll-behavior: smooth; } .app_thumbs_scroller_elem { scroll-snap-align: center; margin: 8px 1px; position: relative; width: auto; height: 164px; object-fit: contain; flex: none; } .app_thumbs_scroller_zoom { position: absolute; bottom: 8px; right: 8px; background-color: rgb(190 135 135 / 80%); color: var(--main-color-sh22); border-radius: 100%; font-size: 16px; padding: 10px; z-index: 99; opacity: .6; transition: all .2s ease-out; border: 1px solid var(--main-color-sh1); } .app_thumbs_scroller_zoom:hover { opacity: 1; } @media all and (max-width: 600px) { .lister_item_cont .app_thumbs_scroller_zoom { bottom: 8px; } } .lister_item_cont:hover .app_thumbs_scroller_zoom { bottom: 8px; z-index: 1001; }*/ /*.viewer-toolbar li { border: 2px solid var(--main-color-sh2); box-shadow: 0 0 20px 4px #000; }*/ /*.app_thumbs_scroller_btn { position: absolute; top: 50%; transform: translateY(-50%); height: 30px; width: 30px; border-radius: 2px; background-color: rgba(0,0,0,0.5); background-position: 50% 50%; background-repeat: no-repeat; z-index: 99; } .app_thumbs_scroller_btn.prev { background-image: url('data:image/svg+xml;charset=utf-8,Shape'); left: 4px; } .app_thumbs_scroller_btn.next { background-image: url('data:image/svg+xml;charset=utf-8,Shape'); right: 4px; } .lister_item_cont .app_thumbs_scroller_btn.next { display: none; background-image: url('data:image/svg+xml;charset=utf-8,'); right: 6px; padding: 6px; }*/ /*@media all and (max-width: 600px) { .lister_item_cont .app_thumbs_scroller_btn.next { display: block; } }*/ /*.app_logo_requested { margin: 18px auto; background-repeat: no-repeat; background-size: contain; background-position: center; flex: 0 1 464px; } @media all and (min-width: 840px) { .app_logo_requested { margin: 18px 12px 8px; flex: 0 1 36%; } }*/ .requested_header_container_holder { display: none; position: relative; flex: 1; top: 0; max-width: var(--main-max-width); box-sizing: border-box; margin: 0 auto; z-index: 100; /*background-color: var(--main-color-sh1); padding: 8px 24px;*/ /*border-bottom: 1px solid var(--main-color-sh16); background-color: hsl(182deg 100% 20% / 6%);*/ /*background-color: var(--main-color-sh8); border-bottom: 1px solid var(--main-color-sh16);*/ } @media all and (min-width: 600px) { .requested_header_container_holder { display: block; /*border-left: 1px solid #cec9bf; border-right: 1px solid #cec9bf;*/ box-sizing: border-box; /*background-color: rgb(220 215 207 / 30%);*/ } } /*@media all and (min-width: 1000px) { .requested_header_container_holder { position: sticky; } }*/ /*.progress_line { width: 2px; height: 100vh; background-color: var(--main-color-sh4); position: absolute; top: 0; left: 44px; z-index: -99; }*/ .requested_header_container { /*position: static; background-color: rgba(18, 78, 99, 0.7); padding: 12px;*/ /*margin: 0 8px; background-color: var(--main-color-sh22); color: #124e63; border-bottom: 1px solid #FF9800; border: 1px solid rgba(0,0,0,.09); box-shadow: 0 1px 4px rgba(0,0,0,.04); border-radius: 3px; border: 1px solid rgba(0,0,0,.09); border-top: 1px solid #124e63;*/ /*z-index: 99; transition: background .8s ease-in-out; display: flex; flex-wrap: wrap; justify-content: space-evenly;*/ } .requested_header_container.highlighted { box-shadow: 0 0 4px 4px var(--main-color-sh4); } /*.requested_header_container { display: none; }*/ /*@media all and (min-width: 600px) { .requested_header_container { display: block; } }*/ /*@media all and (min-width: 840px) and (min-height: 700px) { .requested_header_container { position: sticky; top: -1px; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .requested_header_container.sticky { position: fixed; top: 0; left: 0; right: 0; border-bottom: 2px solid #FF9800; margin: 0 auto; max-width: var(--main-max-width); background-color: var(--main-color-sh1); } }*/ /*#filter_user_main_container { display: none; } @media all and (min-width: 600px) { #filter_user_main_container { display: block; } }*/ /*.requested_header_container_children { flex: 1; }*/ .top_rated_tags_block { display: flex; text-align: center; padding: 12px; font-weight: 700; justify-content: center; /* justify-content: space-evenly; */ align-items: center; flex-flow: column; background-color: var(--main-color-sh5); /*box-shadow: 0 0 .1em .01em var(--border-slim-p1);*/ border-radius: 2px; } /* @media all and (min-width: 600px) { .top_rated_tags_block { display: flex; } } */ /*.main_container .top_rated_tags_block { margin: 24px auto; }*/ /*.requested_header_container.sticky .top_rated_tags_block { display: none; }*/ /*.requested_header_container .query_info_container { display: none; } @media all and (min-width: 600px) and (min-height: 700px) { .requested_header_container.sticky #header_note { display: none; } .requested_header_container.sticky .query_info_container { padding: 8px; display: flex; justify-content: space-between; background-color: var(--main-color-sh22)3e0; } }*/ /*.result_list_container.alt { display: flex; flex-wrap: wrap; }*/ /*.result_list_app_container { display: flex; padding: 0 12px; flex-flow: column; align-items: center; }*/ /*.result_list_app_container:not(:last-child) { border-bottom: 1px solid #cec9bf; }*/ /*@media all and (min-width: 600px) { .result_list_app_container { flex-flow: row; padding: 2px 0 2px 12px; } .result_list_app_container:nth-of-type(2n) { background-color: rgb(255 255 255 / 20%); } .result_list_app_container .app_info_container { border-left: 1px solid transparent; } .result_list_app_container.highlight_newest .app_info_container { border-left: 1px dotted #bba913; } .result_list_app_container.highlight_rating .app_info_container { border-left: 1px dotted #618437; } .result_list_app_container.highlight_recommended .app_info_container { border-left: 1px dotted #15b6c9; } .result_list_app_container.highlight_trend .app_info_container { border-left: 1px dotted #623269; } } .result_list_app_container.highlighted { background-color: #124e63; }*/ /*.result_list_app_container:hover .app_info_extra_toggle { color: #4368ab; }*/ /*.result_list_container.alt .result_list_app_container { flex: 1; border-left: 1px solid #e9e9e9; min-width: 100%; } @media all and (min-width: 600px) { .result_list_container.alt .result_list_app_container { min-width: unset; min-height: 112px; } }*/ /*.highlight_app_label { position: relative; top: -1px; font-size: 10px; padding: 2px 4px 3px; margin: 0 2px 0 6px; background-color: #114e63; display: inline-block; font-weight: normal; } .highlight_app_label.new { background-color: #f7f6e6; } .highlight_app_label.rated { background-color: #e2efe3; } .highlight_app_label.trending { background-color: #341e37; } .highlight_app_label.recommended { background-color: #fce8a9; } .highlight_app_label.comingsoon { background-color: #f7e6e6; }*/ /*.app_info_container { padding: 2px 12px; width: 100%; margin: 4px 8px; border-radius: 4px; } .result_requested_app_container .app_info_container { padding: 12px; flex: 1 1 40%; }*/ /*@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .result_requested_app_container .app_info_container { border-radius: 6px; background-color: rgb(255 255 255 / 70%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } }*/ /*.ad_header_container { display: none; float: right; width: 468px; height: 60px; } @media all and (min-width: 1100px) { .ad_header_container { display: inline-block; } }*/ /*@media all and (min-width: 800px) { .pix_container { display: block; } }*/ /*.ad_list_container { padding: 36px 8px; text-align: center; width: calc(100% - 16px); } .ad_list_container.infeed { display: none; } @media all and (min-width: 840px) { .ad_list_container.infeed { display: block; } } .ad_list_container_alt { display: none; padding: 24px 12px; text-align: center; background-color: #124e63; background-color: rgba(18, 78, 99, 0.7); width: calc(100% - 24px); } @media all and (min-width: 840px) { .ad_list_container_alt { display: block; } }*/ /*.info_list_container { margin: 6px 0; padding: 12px; text-align: center; background-color: var(--main-color-sh22); background-color: rgb(255 252 227 / 60%); color: var(--main-color-sh20); font-weight: bold; }*/ /*.result_list_app_container .app_info_container { text-align: center; } @media all and (min-width: 600px) { .result_list_app_container .app_info_container { text-align: left; } }*/ /*@media all and (min-width: 840px) { .result_list_app_container .app_info_container { width: calc(100% - 292px); } }*/ /*.app_info_name { margin: 2px; font-size: 13px; font-weight: bold; line-height: 20px; } @media all and (min-width: 600px) { .app_info_name { padding: 0 0 2px; background-color: initial; margin: 0; line-height: initial; } }*/ /*span.app_info_more { color: #4368ab; cursor: pointer; } span.app_info_more:hover { color: #092e67; }*/ /*span.urating { margin: 0 8px 0 8px; color: var(--main-color-sh22); padding: 1px 8px; border-radius: 4px; font-size: 14px; font-weight: normal; position: relative; top: -6px; opacity: 0.6; } span.urating.list { margin: 0 6px 0 4px; font-size: 14px; padding: 0 5px; top: 0; }*/ /*.app_title_link { display: inline-block; font-weight: normal; color: #00796B; cursor: pointer; } .app_title_link:hover { color: #092e67; } .app_title_link:not(:last-child) { margin-right: 4px; }*/ /*.app_title_taglink { font-size: 12px; padding: 1px 5px; display: inline-block; margin: 4px 0; border-radius: 3px; font-weight: normal; position: relative; top: -1px; color: #4368ab; cursor: pointer; } .app_title_taglink { margin: 4px 2px 4px 0; } .app_title_taglink:not(:last-child) { margin-right: 6px; } .app_title_taglink:hover { background-color: #f9f9f9; color: #475f89; text-decoration: underline; }*/ /*.result_list_app_container > .app_info_tags { padding: 2px 0; } .app_info_tags ul { display: inline-block; list-style: none; margin: 0; padding: 0; } .app_info_tags li { display: inline-block; }*/ /*.result_list_app_container .app_info_details { color: #b7b1a7; font-size: 11px; min-height: 18px; }*/ article.lister_item_cont .app_info_detail { color: var(--main-color-sh20); /*max-height: 50px;*/ overflow-y: auto; box-sizing: border-box; /*margin: 0 0 6px 6px;*/ min-height: 3.9rem; max-height: 3.9rem; display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin-bottom: 12px; } /* article.lister_item_cont .app_info_detail > .deal_item { display: block; font-weight: normal; padding: 2px; margin: 2px; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; } */ /* article.lister_item_cont .app_info_detail > .deal_item:hover { background-color: var(--main-color-sh2); } */ .strong_text { font-weight: bold; } /*@media all and (min-width: 840px) { .app_info_detail > .deal_item { font-size: 11px; } }*/ /* article.lister_item_cont .app_info_detail > .deal_item:before { content: ""; display: inline-block; margin: 0px 7px -1px 0px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent var(--main-color-sh4); } */ /*.result_requested_app_container .app_info_detail > .deal_item, .lister_result_container .app_info_detail > .deal_item { display: inline-block; margin-right: 8px; }*/ /*.app_info_detail > .deal_item:not(:last-child) { margin-right: 8px; }*/ /*.app_info_detail > .deal_item.highlighted { background: linear-gradient(to right, rgb(255 235 59 / 20%) 0%,rgba(125,185,232,0) 50%); }*/ /* article.lister_item_cont .deal_item.highlighted .deal_price_cut { background-color: var(--main-color-sh4b); color: var(--main-color-sh6); font-weight: 900; padding: 0.05rem 0.35rem; border-radius: 2px; margin: 0 0.15rem; text-shadow: 0 0 var(--main-color-sh6); } */ /*.app_info_tags { position: relative; max-height: 28px; overflow-y: hidden; } .result_list_container .app_info_tags { display: flex; font-size: 11px; align-items: center; color: #b7b1a7; }*/ /*.app_info_subinfo { flex: none; margin-right: 8px; color: #868686; }*/ /*.app_info_extra_toggle { color: #e4eaf3; font-size: 24px; padding: 0 24px 8px; }*/ /*article.lister_item_cont .tags_container { padding: 0; position: relative; height: 25px; overflow: hidden; box-sizing: border-box; margin: 1px 0; }*/ /*.tags_container.open { height: auto; } .tags_container_more { display: inline-block; opacity: 0; visibility: hidden; position: absolute; right: 0; top: 2px; padding: 7px 6px; background: var(--main-color-sh22); border-color: var(--main-color-sh22); cursor: pointer; color: #4368ab; font-size: 12px; } @media all and (min-width: 600px) { .tags_container_more { font-size: 11px; } } .tags_container_more:hover { text-decoration: underline; } .tags_container_more:before { content: " "; display: inline-block; background: 0 0; background-image: linear-gradient(to right,rgba(255,255,255,0) 0,var(--main-color-sh22) 100%); position: absolute; left: -24px; top: 2px; z-index: 0; width: 24px; height: 24px; } .tags_container.collapsed ~ .tags_container_more { visibility: visible; opacity: 1; }*/ /*article.lister_item_cont .tag_container { display: inline-block; margin: 3px 6px 3px 0; }*/ .tag { display: inline-block; padding: 2px 4px; font-size: 11px; margin: 2px 4px 3px 0; position: relative; /*cursor: pointer;*/ color: var(--main-color-sh20); /*background-color: var(--main-color-sh2); border-radius: 4px;*/ /*border: 1px solid var(--main-color-sh16); box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);*/ border-bottom: 1px solid var(--border-slim-p1); } span.tag:first-letter { font-weight: bold; } /*.tag:first-letter { font-weight: bold; }*/ /*@media all and (min-width: 600px) { .tag { font-size: 11px; } }*/ /*.tag:not(:last-child) { margin-right: 0.5rem; }*/ .top_rated_tags_block .tag { margin-right: 0.25rem; margin-left: 0.25rem; line-height: 1.5rem; font-size: 0.9rem; } /*.tag.choice { color: var(--main-color-sh20); } .tag.included { border-left: 2px solid var(--main-color-sh4); } .tag.included:before { display: inline-block; content: "\f00c"; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-right: 4px; color: var(--main-color-sh4); } .tag.excluded { display: inline-block; content: "\f00d"; font-family: 'Font Awesome 6 Free'; font-weight: 900; margin-right: 4px; color: var(--main-color-sh4); }*/ /*.tag:before { border-color: #bcb6ab; width: 0; height: 0; content: ""; border-style: solid; border-width: 2px; display: inline-block; margin: 2px 4px 2px 0px; border-radius: 100%; } .tag.choice:before { border-color: #4CAF50; }*/ /*.tag:hover { border-color: var(--main-color-sh7); background-color: var(--main-color-sh15); }*/ /*.app_logo_list { display: inline-block; margin: 12px 0 8px; background-repeat: no-repeat; background-size: contain; background-position: center; flex: none; position: relative; overflow: hidden; } .app_logo_list:hover { -moz-filter: brightness(130%); -webkit-filter: brightness(130%); filter: brightness(130%); } @media all and (min-width: 600px) { .app_logo_list { margin: 2px 6px; width: 155px; height: 58px; } } .sidebar_app_result > .app_logo_list { width: calc(100% - 16px); height: 69px; }*/ /*.app_logo_cta { display: none; position: absolute; padding: 6px; font-size: 12px; font-weight: bold; width: 100%; text-align: center; box-sizing: border-box; transition: bottom .2s ease-in; bottom: -40px; background-color: var(--main-color-sh22); background-color: rgba(255, 255, 255, 0.9); color: #4368ab; } @media all and (min-width: 840px) { .app_logo_cta { display: block; } }*/ /*.app_logo_cta:hover { background-color: #124e63; box-shadow: 0 0 16px 4px var(--main-color-sh22); }*/ /*.app_logo_list:hover .app_logo_cta { bottom: 0; }*/ /*.app_values_list { align-items: center; text-align: center; color: #b7b1a7; font-size: 11px; position: relative; display: flex; width: 100%; box-sizing: border-box; justify-content: space-evenly; margin: 12px 0 0; } @media all and (min-width: 600px) { .app_values_list { flex-flow: column; margin: 2px 8px; flex: none; width: auto; width: 64px; line-height: 18px; } }*/ /*.app_trend_container { font-size: 11px; margin: 4px 8px; color: #b7b1a7; display: inline-block; }*/ /*.app_trend_container.value_up:before { display: inline-block; content: "\f0d8"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #b3e6bc; margin-right: 4px; font-size: 18px; line-height: 12px; position: relative; top: 2px; } .app_trend_container.value_down:before { display: inline-block; content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fecfcf; margin-right: 4px; font-size: 18px; line-height: 12px; position: relative; top: 2px; }*/ /*.app_trend_container.value_up:before { width: 0; height: 0; content: ""; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #b3e6bc transparent; display: inline-block; margin: 2px 4px 1px; } .app_trend_container.value_down:before { width: 0; height: 0; content: ""; border-style: solid; border-width: 6px 5px 0 5px; border-color: #fecfcf transparent transparent transparent; display: inline-block; margin: 2px 4px 0; }*/ /*.applist_rank_counter { font-size: 11px; padding: 2px; margin: 0 0 6px; color: #b7b1a7; min-width: 32px; border-bottom: 1px solid #f1f1f1; }*/ /*.bar { width: 60px; height: 12px; border-radius: 4px; background-color: #e7ebf0; overflow: hidden; margin-top: 0; box-sizing: border-box; } @media all and (min-width: 600px) { .bar { margin-top: 4px; } } .progress { height: 100%; background-color: #b7b1a7; position: relative; box-sizing: border-box; text-align: left; } .progress span { font-size: 11px; color: var(--main-color-sh22); position: absolute; text-align: right; width: 100%; padding: 0 2px; box-sizing: border-box; }*/ .query_info_container { padding: 12px 18px; font-weight: normal; position: relative; /*display: flex; justify-content: space-between; align-items: center; flex-flow: column;*/ font-size: 16px; box-sizing: border-box; /*background-color: #000; background-color: rgba(0, 0, 0, 0.5);*/ } /*.query_info_container_holder { margin: 24px 0 12px; }*/ @media all and (min-width: 840px) { .query_info_container { flex-flow: row; } /*.query_info_container.sticky { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; max-width: var(--main-max-width); z-index: 99; will-change: transform; }*/ } /*div#query_main_container { display: flex; flex-wrap: wrap; justify-content: center; color: #555; } .query_selector_container { flex: 1; min-width: 240px; display: inline-block; margin: 2px; } .query_tag_container { display: inline-block; margin: 2px; } #query_selector { display: inline-block; max-height: 32px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid var(--main-color-sh4); } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border: 1px solid #eee; min-height: 30px; transition: background .3s ease-in-out; } .select2-container--default .select2-selection--multiple.highlighted, .select2-container--default .select2-selection--single.highlighted { background-color: var(--main-color-sh22)f00; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--main-color-sh4); border: 1px solid var(--main-color-sh4); color: var(--main-color-sh22); } .select2-results__option { font-size: 12px; padding: 4px 6px; } .select2-results > .select2-results__options { max-height: 350px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--main-color-sh19); } .select2-container--default .select2-selection--single .select2-selection__rendered { margin-top: 1px; } .select2-container .select2-search--inline .select2-search__field { margin-top: 6px; } #tag_selector, #tag_exclude_selector { border: 1px solid #eee; border-radius: 4px; padding: 0 4px; flex: 1; display: inline-block; max-width: 200px; margin: 2px; } #button_search { background-color: #00796B; color: var(--main-color-sh22); cursor: pointer; display: inline-block; text-align: center; padding: 6px; border-radius: 4px; flex: 1; height: 30px; box-sizing: border-box; min-width: 120px; max-width: 120px; margin: 2px; font-size: 14px; } #button_search:hover { background-color: #124e63; }*/ /* #dropdown_menu_container { position: absolute; top: 0; display: none; background-color: var(--main-color-sh1); border: 1px solid var(--main-color-sh21); z-index: 99999; box-shadow: 0px 0px 24px 0px var(--main-color-sh21); } #dropdown_menu_container a { text-decoration: none !important; } #dropdown_menu_title { color: var(--main-color-sh4); border-bottom: 1px solid var(--main-color-sh23); font-weight: bold; padding: 6px; } #dropdown_menu_container.show_dropdown { display: block; } #dropdown_menu_container ul, #dropdown_menu_container li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; cursor: pointer; padding: 6px 8px; } #dropdown_menu_container li:hover { background-color: var(--main-color-sh23); } */ /*@media all and (min-width: 414px) { .cc-bottom { bottom: 50% !important; } .cc-right { right: calc(50% - 192px) !important; } .cc-window { padding: 48px !important; } } .cc-window { box-shadow: 0 0 48px 4px rgb(0 0 0 / 35%); z-index: 999999 !important; }*/ div#toolbox_container.revealed { /*bottom: 64px;*/ transform: translateY(-320px); } div#sidebox_container { display: none; /*position: fixed; bottom: -124px; right: 0; z-index: 9999; transition: bottom 0.6s ease 0s; z-index: 9999; transition-delay: 1s;*/ /*position: sticky; top: 0;*/ /*gap: 12px;*/ padding: 8px; margin: 0 auto; /*background-color: var(--main-color-sh2b);*/ /*background-color: var(--main-color-sh3);*/ /*background-color: var(--main-color-sh15);*/ /*background-color: var(--main-color-sh5);*/ background-color: var(--main-main-background); /*background-color: var(--main-color-sh29);*/ /*border: 1px solid var(--main-color-sh10);*/ /*border-radius: 6px;*/ z-index: 1010; /*box-shadow: 0 4px 2px 0 var(--main-color-sh1);*/ /*border-bottom: 1px solid var(--main-color-sh3);*/ min-height: 42px; /*background-image: url(images/sp-blob02.png); background-position: bottom; background-size: contain;*/ flex-wrap: wrap; row-gap: 4px; justify-content: center; text-align: center; /*border-top: 1px solid var(--main-color-sh3); border-bottom: 1px solid var(--main-color-sh3);*/ font-size: 0.8rem; transition: top 0.3s; /* Transition effect when sliding down (and up) */ /*border-bottom: 1px solid var(--border-slim-p1);*/ /*box-shadow: 0 1px 0 var(--border-slim-p2);*/ } @media all and (min-width: 600px) { div#sidebox_container { display: flex; } } @media all and (min-height: 900px) { div#sidebox_container { position: sticky; top: 0; border-bottom: 1px solid var(--main-color-sh4); } } div#sidebox_container.busy { cursor: wait; } div#sidebox_container.busy .lister_filter_container { pointer-events: none; } .sideboxitem { padding: 12px; /*background-color: var(--main-color-sh7); color: var(--main-color-sh1);*/ /*border-radius: 0.5em;*/ /*font-size: 14px;*/ /*opacity: 0.4;*/ transition: opacity 0.3s ease 0s; cursor: pointer; padding: 0.8em; /*box-shadow: 0 0 2px 2px var(--main-color-sh11);*/ margin: 2px 0; flex: 1; text-align: center; font-size: 12px; /*border-radius: 24px;*/ padding: 0; white-space: nowrap; } /*div.sideboxitem:hover { background-color: var(--main-color-sh7b); opacity: 1; }*/ /*#sideboxitemtotop, #sideboxitemtosearch { display: none; }*/ /*#sideboxitemswitchlightmode { color: var(--main-color-sh19); }*/ /*@media all and (max-width: 840px) { #sideboxitemtocardview, #sideboxitemtolistview { display: none !important; } }*/ .partner_bar { text-align: center; padding: 4px 12px 4px; /*max-width: var(--main-max-width);*/ box-sizing: border-box; /*display: flex;*/ align-items: center; justify-content: center; flex-flow: column; margin: 4px auto; min-height: 228px; } @media all and (min-width: 992px) { .partner_bar { min-height: 178px; } } .partner_bar .promo_bar { margin: 0px auto; box-sizing: border-box; padding: 4px 8px; display: inline-block; } @media all and (min-width: 600px) { .partner_bar .promo_bar { margin: 6px auto; box-sizing: border-box; padding: 4px; display: inline-block; } } /* @media all and (min-width: 992px) { .partner_bar { flex-flow: row wrap; } .partner_bar .promo_bar { margin: 4px; } } */ .nonmob { display: none; } @media all and (min-width: 700px) { .nonmob { display: initial; } } /*ins.adsbygoogle { background-color: var(--main-color-sh15); }*/ ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; } div.requested_apps_promo_holder:has(ins.adsbygoogle[data-ad-status=unfilled]) { display: none; } div.lister_adsgoogle:has(ins.adsbygoogle[data-ad-status=unfilled]) { display: none !important; } /* div.lister_adsgoogle ins.adsbygoogle.sizemod { width: 320px !important; height: 100px !important; max-height: 100px !important;} @media (min-width:500px) { div.lister_adsgoogle ins.adsbygoogle.sizemod { width: 468px !important; height: 60px !important; max-height: 60px !important;} } @media (min-width:800px) { div.lister_adsgoogle ins.adsbygoogle.sizemod { width: 728px !important; height: 90px !important; max-height: 90px !important;} } @media (min-width:1000px) { div.lister_adsgoogle ins.adsbygoogle.sizemod { width: 970px !important; height: 90px !important; max-height: 90px !important;} } */ div.lister_adsgoogle ins.adsbygoogle.sizemod { width: 320px; height: 600px; } @media (min-width:600px) { div.lister_adsgoogle ins.adsbygoogle.sizemod { width: 320px; max-width: 600px; height: 200px; } } @media (min-width:1100px) { div.lister_adsgoogle.lister_2row_elem { grid-row: span 2; } } /* ins.adsbygoogle { width: auto; height: 100px;} @media (min-width:500px) { ins.adsbygoogle { width: auto; height: 60px;} } @media (min-width:800px) { ins.adsbygoogle { width: auto; height: 90px;} } @media (min-width:1000px) { ins.adsbygoogle { width: auto; height: 90px;} } */ /* .google-auto-placed { grid-column: 1/-1; } */ /* div.lister_adsgoogle { padding: 0 12px; } @media (max-width: 768px) { div.lister_adsgoogle .adsbygoogle { margin: 0 -16px; width: auto; } } */ .lister_adsgoogle { display: flex; align-self: center; } .lister_adsgoogle { display: none; } /* @media (min-width:600px) { .lister_adsgoogle { grid-row-start: span 2; } } */ html.pac_exist .lister_adsgoogle { display: none !important; } /* @media all and (max-width: 768px) { div.lister_adsgoogle { display: none; } } */ /* div.lister_pubmatic { width: 320px !important; height: 100px !important; max-height: 100px !important; } @media (min-width:500px) { div.lister_pubmatic { width: 468px !important; height: 60px !important; max-height: 60px !important;} } @media (min-width:800px) { div.lister_pubmatic { width: 728px !important; height: 90px !important; max-height: 90px !important;} } @media (min-width:1000px) { div.lister_pubmatic { width: 970px !important; height: 90px !important; max-height: 90px !important;} } */ div.lister_pubmatic { padding: 12px 0; } html.pac_exist .lister_pubmatic { display: none; } /* @media all and (max-width: 600px) { #lister_result_container .adsbygoogle { display: none !important; } } */ @media all and (max-width: 992px) { div.requested_apps_promo_holder .adsbygoogle { display: none !important; } div.requested_apps_promo_holder .adholder { display: none !important; } /* sticky */ div#pf-640fe40ce452af002775e32d { display: none !important; } /* lister */ /* div.lister_pubmatic { display: none !important; } */ } p.small_note_full_width { /*margin: 12px;*/ margin: 0 12px; text-align: center; font-size: 0.65rem; line-height: 0.8rem; } .app_sprating { background-color: var(--main-color-sh4); padding: 2px 6px; display: inline; white-space: nowrap; /*border-radius: 2px;*/ margin: 0 8px 0 0; font-weight: bold; color: var(--main-color-sh20); /*border-left: 2px solid var(--main-color-sh4);*/ } /*.app_sprating.requestedapp { font-size: 70%; position: relative; margin: 0 0 0 8px; }*/ /*.app_sprating.highlighted { background-color: #dbe8db; background-color: rgba(75, 199, 75, 0.12); }*/ /*h1 .app_sprating { margin: 0 0 0 8px !important; position: relative; top: -2px; }*/ .sprating_star { /*color: var(--main-color-sh22);*/ margin: 0 0 0px 3px; position: relative; /*top: -0.2em;*/ } /*.lister_item_info_rating .ratepos { color: var(--main-color-sh14); padding: 0 4px 0 2px; } .lister_item_info_rating .rateneg { color: var(--main-color-sh14); padding: 0 4px 0 2px; }*/ .lister_item_info_rating { font-size: 12px; margin: 0 0 12px; color: var(--main-color-sh14); margin: 12px 0; } /*.lister_item_data_platform { color: var(--main-color-sh20); padding: 0 4px; }*/ /*.apps_recommended_block { background-color: var(--main-color-sh22); text-align: center; border-bottom: 1px solid #f3f3f3; display: none; } @media all and (min-width: 600px) { .apps_recommended_block { padding: 12px 0 24px; display: block; } } .apps_recommended_container { display: flex; height: 25vh; overflow-y: auto; flex-wrap: wrap; padding: 4px 8px 4px; } .app_logo_recommended { min-width: 238px; min-height: 146px; height: auto; flex: 1; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 4px; cursor: pointer; } .app_logo_recommended:hover { -moz-filter: brightness(130%); -webkit-filter: brightness(130%); filter: brightness(130%); } div#apps_recommended_refresh { display: inline-block; margin: 4px 8px 8px; padding: 4px 8px; color: #4368ab; cursor: pointer; transition: background-color .2s ease-out; } div#apps_recommended_refresh:hover { color: #475f89; text-decoration: underline; }*/ /*div#result_params_container { text-align: center; margin: 8px 0 0; font-size: 14px; } @media all and (min-width: 840px) { div#result_params_container { margin: 0 12px; } }*/ /*.requested_header_container.sticky div#result_params_container { background-color: var(--main-color-sh1); padding: 12px 0; margin: 0; width: 100%; border-top: 1px solid #dedede; }*/ /*#result_params_orderby_dropdown { padding: 2px 8px; margin-left: 4px; }*/ /*.video_container { display: none; padding: 12px; text-align: center; box-shadow: inset 0px 4px 8px 1px #999; background-color: var(--main-color-sh1); max-width: var(--main-max-width); margin: 12px auto; width: 100%; box-sizing: border-box; } .lister_item_cont .video_container { margin: 0 auto 6px; padding: 0; } #app_info_extra { text-align: left; padding: 0 0 12px; } #app_info_extra:empty { display: none; } #app_info_extra .tooltiptext { margin-left: 8px; } #app_info_extra p { margin: 0; padding: 8px; } .video_holder { background-color: var(--main-color-sh20); padding: 12px; text-align: center; position: relative; overflow: hidden; height: 48vh; } .lister_item_cont .video_holder { padding: 8px; } #video_player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }*/ /*span.highlighted { font-size: 20px; }*/ .btn { font-size: 14px; background-color: var(--main-color-sh7); color: var(--main-color-sh1); padding: 12px; margin: 4px; text-align: center; cursor: pointer; border-radius: 4px; border: none; text-decoration: none; transition: background .2s; padding: 1em 1.5em; border-radius: 6px; /*box-shadow: 0 0px 6px rgb(0 0 0 / 10%);*/ } .btn.highlight { background-color: var(--main-color-sh4); color: var(--main-color-sh22); } .btn:hover { background-color: var(--main-color-sh7b); text-decoration: none; } .btn_alt { cursor: pointer; background-color: var(--btn-alt); color: var(--main-color-sh7); border-radius: 2px; padding: 10px; /*box-shadow: 0 0 0.1em 0.02em var(--border-slim-p1);*/ font-weight: bold; display: inline-block; border: none; line-height: 1.3rem; font-size: 0.9rem; border: 1px solid var(--border-slim-p1); } .btn_alt:hover { text-decoration: none; color: var(--main-color-sh7b); background-color: var(--btn-alt-hover); } /*.btn_alt.var1 { background-color: var(--main-color-sh2b); } .btn_alt.var1:hover { color: var(--main-color-sh7b); background-color: var(--main-color-sh15); }*/ .btn_light { display:inline-block; font-size: 14px; background-color: transparent; color: var(--main-color-sh7); text-align: center; cursor: pointer; border: none; text-decoration: none; transition: background .2s; padding: 0.8em; } .btn_light:hover { text-decoration: none; color: var(--main-color-sh7b); } #bfleave1 { padding: 12px; max-width: 960px; margin: 0 auto; } #bfleave1 p { font-size: 0.9rem; } @media all and (min-width: 600px) { #bfleave1 .toggle_compact_cont { display: none; } } div#toolbox_container { position: fixed; bottom: -148px; /*bottom: 114px;*/ right: 8px; z-index: 9999; /*transition: bottom 0.6s ease 0s;*/ transition: transform 0.6s ease 0s; /*transform: translateY(240px);*/ z-index: 9999; /*transition-delay: 2s;*/ display: flex; gap: 2px; flex-flow: column; } .toolboxitem, .toolboxitem:active { background-color: var(--main-color-sh7); color: var(--main-color-sh2); font-size: 0.6rem; padding: 8px; min-height: 2.5rem; } @media all and (min-width: 1200px) { div#toolbox_container { right: 32px; } .toolboxitem, .toolboxitem:active { font-size: 0.85rem; padding: 10px; } } #sideboxitemtopacshow img, #sideboxitemtopachide img { filter: invert(16%) sepia(232%) saturate(277%) hue-rotate(-380deg) brightness(97%) contrast(100%); } html.dark_mode #sideboxitemtopacshow img, html.dark_mode #sideboxitemtopachide img { filter: invert(6%) sepia(38%) saturate(316%) hue-rotate(-380deg) brightness(-26%) contrast(89%); } /*#bfleave1 ul { list-style: none; padding: 0; margin: 0; } #bfleave1 li { position: relative; } #bfleave1 li:before { display: inline-block; content: "\f138"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #EF6C00; margin-right: 4px; font-size: 18px; position: relative; top: 2px; }*/ /*.app_info_btns { display: flex; flex-flow: row; justify-content: center; } @media all and (min-width: 600px) { .app_info_btns { flex-flow: column; flex: none; } .app_info_btn:hover:before { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent var(--main-color-sh4) transparent transparent; position: absolute; top: 3px; left: -4px; } }*/ /*.app_info_btns { display: inline-block; margin: 8px 4px 0; font-weight: normal; } @media all and (min-width: 600px) { .app_info_btns { margin: 0 4px; } } .result_list_app_container:hover .app_info_btns { display: inline-block; } .app_info_btn { background-color: var(--main-color-sh22); margin: 4px; padding: 4px; cursor: pointer; font-size: 12px; color: #4368ab; display: inline-block; } @media all and (min-width: 600px) { .app_info_btn { font-size: 14px; margin: 0; padding: 2px 4px; color: #c1d4f8 !important; } } .app_info_btn:hover { background-color: #f9f9f9; color: #475f89; text-decoration: underline; } .app_info_btn_label { display: inline-block; margin-left: 4px; } @media all and (min-width: 600px) { .app_info_btn_label { display: none; } }*/ /* */ #filter_sample_selection_cont { flex: 1; display: flex; /*background-color: var(--main-color-sh5);*/ align-items: center; /*box-shadow: 0 0 2px 0px var(--main-color-sh11); border: 1px solid var(--main-color-sh5);*/ /*border-radius: 28px; padding-right: 18px;*/ flex-flow: row; width: auto; /*box-shadow: 0 0 3px 0 var(--main-color-sh4);*/ /*margin: 12px;*/ position: relative; /*border-left: 4px solid var(--main-color-sh4);*/ order: 0; /*max-width: 640px;*/ /*width: 100%;*/ /*margin: 0 auto;*/ max-width: 482px; min-width: 292px; } /* @media all and (min-width: 800px) { #filter_sample_selection_cont { order: 0; } } */ #filter_sample_selection_icon { font-size: 1.1rem; margin: 0 8px 0 12px; position: relative; color: var(--main-color-sh20); top: -1px; } #filter_sample_selection_icon.searching:before { display: inline-block; font-family: 'Font Awesome 6 Free'; content: "\f021"; font-weight: 900; position: absolute; background-color: var(--main-color-sh23); color: var(--main-color-sh4); top: -5px; left: -4px; padding: 6px; font-size: 1.35rem; animation: fa-spin 1s infinite ease; border-radius: 100%; } #filter_sample_container { /*display: none;*/ position: relative; /*backdrop-filter: blur(6px);*/ /*border: 1px solid var(--main-color-sh10);*/ /*background-color: var(--main-color-sh29); border-radius: 6px;*/ /*margin: 8px 0;*/ /*border-top: 1px solid var(--main-color-sh3); border-bottom: 1px solid var(--main-color-sh3);*/ /*background-color: var(--main-color-sh15);*/ /*background-color: var(--main-color-sh5);*/ background-color: var(--main-main-background); text-align: center; border-bottom: 1px solid var(--main-color-sh3); /*box-shadow: 0 1px 0 var(--border-slim-p2);*/ } @media all and (min-width: 600px) { #filter_sample_container { display: block; } } /*#filter_sample_selection_container { max-height: 3rem; overflow-y: auto; overflow-x: hidden; text-align: center; }*/ #filter_sample_input_container { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 12px; gap: 0; /*margin: 8px auto;*/ /*background-color: var(--main-color-sh15); border-radius: 4px; border: 1px solid rgb(196 88 96 / 50%); background-color: var(--main-color-sh2); box-shadow: 0 0 3px 0px var(--main-color-sh3); border: 1px solid var(--main-color-sh0);*/ font-size: 0.85rem; } @media all and (min-width: 600px) { #filter_sample_input_container { gap: 8px 24px; } } #filter_sample_controller_container { text-align: center; margin: 8px; /*width: 100%;*/ } #filter_text { border: none; outline: none; /*border-radius: 6px 6px 0 0; padding: 7px 7px 7px 34px;*/ padding: 8px 4px 8px 4px; box-sizing: border-box; flex: 1; margin: 4px 0; padding: 16px; /*background-color: var(--main-color-sh2); box-shadow: 0 0 4px 0 var(--main-color-sh21);*/ min-width: 124px; border: 1px solid var(--main-color-sh18); border-radius: 4px; } /*@media all and (min-width: 840px) { #filter_text { flex: 1; } }*/ .filter_sample_selection { /*border: 1px solid var(--main-color-sh16);*/ display: inline-block; /*color: var(--main-color-sh4);*/ /*background-color: var(--main-color-sh1);*/ border-radius: 4px; cursor: default; margin: 4px; padding: 0.4rem 1.5rem 0.5rem 0.5rem; max-width: 164px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*font-weight: 700; box-shadow: 0 0 4px 0 var(--main-color-sh21);*/ /*background-color: var(--main-color-sh2);*/ color: var(--main-color-sh4); font-size: 0.8rem; font-weight: bold; background-color: var(--btn-alt); border: 1px solid var(--border-slim-p1); } .filter_sample_selection.highlighted { background-color: #FFD54F; color: #00796B; } span.filter_sample_selection_remove { margin: 0 4px 0 0; cursor: pointer; font-size: 14px; position: relative; top: 0; padding: 2px 4px; font-weight: bold; color: var(--main-color-sh7); /*filter: drop-shadow(0px 0px 2px var(--main-color-sh16));*/ } span.filter_sample_selection_remove:hover { color: #124e63; } .filter_sample_input_more { /*display: none;*/ text-align: center; order: 2; /*max-width: 256px;*/ /*margin: 0 auto;*/ /*min-width: 248px;*/ width: 256px; } @media all and (min-width: 800px) { .filter_sample_input_more { order: 0; flex: none; /*min-width: 252px;*/ } } /*@media all and (min-width: 600px) { .filter_sample_input_more { display: block; } }*/ /*.select2-container--default .select2-selection--single { background-color: transparent; border: none; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--main-color-sh20); } .select2-dropdown { background-color: var(--main-color-sh9); border-color: var(--main-color-sh14); }*/ /*.lister_item_preview_slider { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .25s ease-in-out; z-index: 999 !important; overflow: hidden; border-radius: 6px; will-change: opacity; visibility: hidden; } .lister_item_preview_slider.revealed { opacity: 1; visibility: visible; }*/ /*@media all and (min-width: 600px) { .lister_item_preview_slider:not(.requested_parent) { box-shadow: 0 2px 14px rgb(0 0 0 / 25%); } }*/ /*.lister_item_preview_slider.inexpanded { display: block !important; position: relative !important; width: 80% !important; height: 27vh !important; margin: 0 auto; }*/ #submit_filter_sample_btn, #submit_user_import_btn { cursor: pointer; display: inline-block; text-align: center; padding: 8px 12px; border-radius: 3px; box-sizing: border-box; margin: 12px; /*font-size: 14px;*/ min-width: 88px; transition: background .3s ease-out; padding: 0.8em; border-radius: 0.5em; color: var(--main-color-sh10); background-color: var(--main-color-sh29); padding: 8px 24px; margin: 12px; min-width: unset; /*font-size: inherit;*/ } @media all and (min-width: 600px) { #submit_filter_sample_btn { display: none; } } #submit_filter_sample_btn.highlighted, #submit_user_import_btn.highlighted, #lister_updater, #library_btn, #next_page_btn { background-color: var(--main-color-sh7); color: var(--main-color-sh22); /*box-shadow: 0 2px 3px rgb(0 0 0 / 15%);*/ } #submit_filter_sample_btn:hover, #submit_user_import_btn:hover, #lister_updater:hover, #library_btn:hover, #next_page_btn:hover { background-color: var(--main-color-sh7b); color: var(--main-color-sh22); } #tag_selector, #tag_exclude_selector, #lister_region_selector { width: 6.4rem; font-size: 12px; padding: 4px; border-radius: 4px; margin: 2px; border-color: var(--main-color-sh13); } /*#filter_user_import_container { position: relative; } #list_filter_profileid { border: 1px solid var(--main-color-sh23); padding: 4px; margin: 4px; } input#filter_text_userid { border: 1px solid #eee; padding: 5px 100px 6px 34px; width: 100%; box-sizing: border-box; } #filter_user_container { display: flex; align-items: center; margin: 8px 0 0; } #filter_user_list { padding: 2px 8px; border: 1px solid #eee; display: inline-block; flex: 1; width: 100%; } .user_list_next_btn { display: inline-block; margin: 0 12px; } #filter_user_import_result { padding: 4px; background-color: #F7F7F7; } #filter_user_import_result:empty { display:none; }*/ /* */ .quickfinder_elements { display: flex; flex-flow: wrap; } .quickfinder_element { flex: 1; padding: 12px; line-height: 2.2rem; background-color: var(--main-color-sh0); margin: 12px; /*border-radius: 4px;*/ min-width: 160px; box-sizing: border-box; font-weight: 400; color: #999; /*font-size: 1rem;*/ } .quickfinder_icon { /*font-size: 1.1rem;*/ font-weight: bold; color: var(--main-color-sh4); /*padding: 6px 0 10px;*/ } /* */ #itadi { display: none; position: absolute; } /* */ /*.tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { opacity: 0; visibility: hidden; display: none; width: 240px; background-color: #124e63; color: var(--main-color-sh22); text-align: center; border-radius: 6px; padding: 12px 8px; position: absolute; z-index: 101; bottom: 125%; left: 50%; margin-left: -128px; font-size: 13px; line-height: 18px; } @media all and (min-width: 600px) { .tooltip .tooltiptext { display: block; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #124e63 transparent transparent transparent; } .tooltip:hover .tooltiptext { opacity: 1; visibility: visible; } }*/ /* */ /*#app_moreinfo_tooltip_container { position: absolute; top: 0; left: 0; visibility: hidden; z-index: 100; background-color: var(--main-color-sh1); padding: 12px; border: 1px solid var(--main-color-sh21); max-width: 326px; box-shadow: 0px 0px 24px 0px #999; } .priceinfo { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--main-color-sh23); overflow-y: auto; max-height: 100px; } .slideshow { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--main-color-sh23); overflow: hidden; height: 169px; width: 300px; margin: 0 auto; } .slide-wrapper { width: 2912px; animation: none; } .slide-wrapper.animate { animation: slide 4.5s ease-in-out infinite; } .slide { background-repeat: no-repeat; background-size: contain; background-position: center; float: left; height: 169px; width: 300px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } @keyframes slide { 20% {margin-left: 0;} 30% {margin-left: -100%;} 50% {margin-left: -100%;} 60% {margin-left: -200%;} 70% {margin-left: -200%;} 80% {margin-left: -300%;} 90% {margin-left: -300%;} } .app_info_tools { color: #8aa8c6; color: rgba(138, 168, 198, 0.5); font-size: 16px; transition: color .3s ease-in-out; display: none; cursor: pointer; padding: 0 2px; } @media all and (min-width: 600px) { .app_info_tools { display: block; } } .result_list_app_container:hover .app_info_tools { color: var(--main-color-sh7b); } .app_info_tool { padding: 2px; }*/ /* */ /*.requested_action_btn_cont { width: 100%; display: flex; padding: 12px 0; }*/ /*.requested_action_btn { display: inline-block; text-align: center; margin: 0 -2px 0 10px; cursor: pointer; color: #8aa8c6; font-size: 11px; font-weight: normal; position: relative; top: -2px; } .requested_action_btn:hover { color: var(--main-color-sh7b); }*/ .requested_action_btn { margin-right: 12px; display: inline-block; white-space: nowrap; /*padding: 0.8em; border-radius: 0.5em; text-decoration: none !important; background-color: var(--main-color-sh13);*/ } /*.swiper-container { padding: 24px; width: 100%; box-sizing: border-box; } .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: contain; } .swiper-slide-img { width: 100%; cursor: zoom-in; } .swiper-button-next, .swiper-button-prev { padding: 12px; background-color: rgba(255, 255, 255, 0.7); } .swiper-pagination { bottom: 0px !important; }*/ /* */ #lister_container { text-align: center; /*background-color: var(--main-color-sh8); background-color: rgb(246 245 238 / 40%); background-color: var(--main-color-sh5); background-color: rgb(238 236 233 / 80%); border-radius: 6px; border-top: 1px solid var(--main-color-sh16); background-color: var(--main-color-sh10);*/ max-width: var(--main-max-width); /*padding-top: 12px;*/ margin: 0 auto; /*background-color: var(--main-color-sh8);*/ transition: opacity .2s ease-in-out; } #lister_result_container { display: grid; grid-template-columns: repeat(var(--lister-column-count),1fr); flex-wrap: wrap; align-content: space-between; padding: 12px 0 0; /*overflow-y: auto; background-color: #e2e2e2; background-color: rgba(226, 226, 226, 0.9); border-left: 1px solid rgba(246, 246, 246, 0.5); border-right: 1px solid rgba(246, 246, 246, 0.5); background-color: var(--main-color-sh10); justify-content: center; transition: background-color .8s ease-in-out; border-radius: 4px; border: 1px solid var(--main-color-sh0);*/ justify-content: space-evenly; /*background-color: var(--main-color-sh8);*/ gap: 12px; } @media all and (min-width: 600px) { #lister_result_container { padding: 12px 8px 0; /*row-gap: 20px; column-gap: 10px;*/ gap: 8px; /*row-gap: 20px;*/ } } @media all and (min-width: 840px) { #lister_result_container { padding: 12px 12px 0; } } #lister_updater { display: none; margin: 24px auto; font-size: 115%; /*box-shadow: 0 0 24px 4px var(--main-color-sh21);*/ /*box-shadow: 0 8px 8px -6px #00000060;*/ font-weight: bold; padding: 1.2em; text-transform: uppercase; font-size: 1rem; } #lister_status { font-size: 16px; font-weight: bold; color: var(--main-color-sh21); transition: all 0.3s ease 0s; pointer-events: none; opacity: 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; border: 2px solid var(--main-color-sh0); border-radius: 4px; } #lister_status.highlight { padding: 12px; background-color: var(--main-color-sh4); color: var(--main-color-sh22); opacity: 1; box-shadow: 0 0 48px 12px var(--main-color-sh20); } #list_filter_date_after { border: none; padding: 4px; margin: 4px; background-color: var(--main-color-sh23); } #list_filter_unreleased, #list_filter_alt_search { position: relative; top: 0.12rem; margin: 0 4px; } article.lister_item_cont { /*flex: 1 1 290px;*/ /*margin: 6px 4px;*/ /*background-color: var(--main-color-sh0);*/ font-size: 13px; /*display: flex;*/ /*flex-direction: column;*/ text-align: left; /*min-width: 220px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.15); border: 1px solid #cec9bf; border-top: 1px solid var(--main-color-sh4); border-bottom: 1px solid var(--main-color-sh3); border: 1px solid var(--main-color-sh3); padding: 8px; box-shadow: 0px -1px 1px rgb(0 0 0 / 5%), 1px 0px 1px rgb(0 0 0 / 5%), -1px 0px 1px rgb(0 0 0 / 5%), 0px 1px 1px rgb(0 0 0 / 5%); overflow: hidden;*/ position: relative; /*border-radius: 6px;*/ /*border: 1px solid var(--main-color-sh23); border-top: 1px solid var(--main-color-sh4); box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%); border-bottom: 2px solid var(--main-color-sh0); border-top: 1px solid var(--main-color-sh4);*/ /*height: min(90vh, 492px);*/ /*box-shadow: 0 0 1px 0 var(--main-color-sh21);*/ /*transition: box-shadow .6s ease-in-out; transition-delay: .15s;*/ width: 100%; box-sizing: border-box; /*min-height: 266px;*/ /*align-items: center; max-width: 376px; box-shadow: 0 0 4px 0 var(--main-color-sh21); border: 1px solid var(--main-color-sh28);*/ /*box-shadow: 0 0 0.1em 0.01em var(--main-color-sh10);*/ /* slider flexbox fix */ min-width: 0; /*gap: 24px;*/ max-width: unset; /*gap: 6px;*/ padding: 0; /*border-bottom: 1px solid var(--main-color-sh4);*/ /*border-radius: 4px;*/ /*border: 1px solid var(--main-color-sh3);*/ padding: 2px; background-color: var(--main-color-sh5); /* --img-scale: 1.001; --link-icon-translate: -20px; --link-icon-opacity: 0; transition: all 0.4s ease-in-out; */ /*contain-intrinsic-size: 336px 451px;*/ /*content-visibility: auto;*/ /*border-bottom: 1px solid var(--border-slim-p1);*/ /*border-top: 1px solid var(--main-color-sh28);*/ /*box-shadow: 0 1px 0 var(--border-slim-p2);*/ /*flex-direction: column;*/ min-height: 372px; /*contain-intrinsic-size: 696px 217px;*/ /* content-visibility: auto; contain-intrinsic-size: 391px 454px; */ align-self: center; /*box-shadow: 0 0 0.1em 0.01em var(--border-slim-p1);*/ /*border-radius: 2px;*/ border-radius: 8px; } article.lister_item_cont.requested_lister_item { min-height: 226px; } @media all and (min-width: 600px) { article.lister_item_cont { min-height: unset; } article.lister_item_cont.requested_lister_item { display: flex; } } /* .lister_item_cont.info_dialog_open { content-visibility: visible; } */ /* article.lister_item_cont .thumb_slider_item { transform-origin: center; transform: scale(var(--img-scale)); transition: transform 0.4s ease-in-out; } */ /* article.lister_item_cont:has(:hover), article.lister_item_cont:has(:focus) { --img-scale: 1.1; --link-icon-translate: 0; --link-icon-opacity: 1; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; } */ article.lister_item_cont .lister_item_thumb_slider { overflow: hidden; } article.lister_item_cont.requested_lister_item { /*padding: 12px;*/ /*max-width: 1160px;*/ max-height: unset; margin: 4px auto; flex: 1 1 426px; } @media all and (min-width: 600px) { article.lister_item_cont.requested_lister_item .lister_item_data_cont_holder { padding: 12px; } /* article.lister_item_cont.requested_lister_item { max-height: 217px; } */ } /* article.lister_item_cont .lister_item_thumb_slider .thumb_info_btn { margin: 0px; position: absolute; bottom: -60px; left: 0; border-radius: 0 8px 0 0; z-index: 1000; font-size: 80%; transition: bottom 0.2s ease; } article.lister_item_cont:hover .lister_item_thumb_slider .thumb_info_btn { bottom: 0; } */ /*.lister_item_cont:not(.requested_lister_item) { min-height: 428px; }*/ /*@media all and (min-width: 600px) { .lister_item_cont:not(.requested_lister_item) { min-height: 454px; } }*/ .lister_prev_page_btn span, .lister_next_page_btn span { display: none; } .lister_prev_page_btn, .lister_next_page_btn { margin: 4px 12px; padding: 1em 1em; } @media all and (min-width: 600px) { .lister_prev_page_btn, .lister_next_page_btn { margin: 4px 24px; padding: 1em 1.5em; } .lister_prev_page_btn span, .lister_next_page_btn span { display: inline; } /*.lister_item_cont:not(.requested_lister_item) .lister_item_thumb_slider:hover { transform: scale(1.2); z-index: 100; box-shadow: 0 0 0.1em 0.01em var(--main-color-sh10); }*/ /*.lister_item_cont:not(.requested_lister_item) .lister_item_thumb_slider { margin: -10px -10px 2px -10px; border-radius: 0px; }*/ /*#lister_result_container:not(.listview) .lister_item_cont { max-width: 480px; }*/ /*.lister_item_cont:not(.requested_lister_item) { border-top: 3px solid var(--main-color-sh4); }*/ } /*.lister_item_cont.requested_lister_item .lister_item_data_cont:not(.expanded) .lister_item_info_details.summary:after { display: none; }*/ .lister_item_cont .lister_item_thumb_slider:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 0; border-bottom: 6px solid var(--main-color-sh4); transition: width .15s ease-in-out, opacity 1.5s ease-out; transition-delay: 0s; z-index: 1000; opacity: 1; } /*.lister_item_cont:hover .lister_item_thumb_slider:before { width: 100%; opacity: 0; }*/ .lister_item_thumb_slider:hover:before { width: 100%; opacity: 0; } /*.slick-prev { left: 6px; z-index: 10; } .slick-next { right: 6px; }*/ @media all and (min-width: 600px) { /*.lister_item_cont { background-color: unset; }*/ /*.lister_item_cont { flex-direction: row; max-width: unset; flex: auto; min-height: 328px; } .lister_item_thumb_cont { flex: none; order: 1; }*/ } /*.lister_item_cont:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 0; border-color: var(--main-color-sh4) transparent transparent transparent; }*/ /*.lister_item_cont:hover { box-shadow: 0 0 16px 0 var(--main-color-sh11); }*/ @media all and (min-width: 600px) { /*.lister_item_cont { margin: 6px 8px; }*/ /*.lister_item_cont:nth-child(6n-5) { min-width: max-content; } .lister_item_cont:nth-child(6n-5) .lister_item_info_details:not(.secondary) { display: none; }*/ } /*@media all and (min-width: 840px) { .lister_item_cont { min-height: 442px; } }*/ /*.lister_item_cont:nth-of-type(8n) { flex: 1 1 360px; }*/ .lister_item_header_container { /*margin: 4px 12px; font-weight: bold;*/ /*display: flex; justify-content: space-between; align-items: center;*/ /*max-height: 46px; min-height: 46px; overflow-y: hidden;*/ /*padding: 0 12px; margin: 0 0 0 142px;*/ /*display: flex;*/ /*gap: 12px;*/ /*font-size: 10px;*/ /*transition: transform .3s ease-in-out;*/ /*display: flex; justify-content: space-between;*/ /*display: grid;*/ /*grid-template-columns: max-content 1fr max-content max-content;*/ /*grid-template-columns: 138px 1fr 58px;*/ /* max-height: 46px; */ /* min-height: 46px; */ /* overflow-y: hidden; */ display: flex; flex-flow: wrap; /* max-width: 100%; */ /*gap: 12px;*/ font-size: 10px; /* transition: transform .3s ease-in-out; */ /* display: grid; */ /* grid-template-columns: max-content 1fr max-content max-content; */ /* grid-template-columns: 138px 1fr 58px; */ /* gap: 14px;*/ align-items: center; justify-content: center; gap: 12px; } .lister_item_data_cont.expanded .lister_item_header_container { background-color: var(--main-color-sh5); z-index: 1010; border-bottom: 1px dotted var(--main-color-sh4); padding-bottom: 12px; } @media all and (min-width: 600px) { .lister_item_data_cont.expanded .lister_item_header_container { position: sticky; top: -1px; } } .lister_item_thumb_capsule { /*width: 120px; height: 45px;*/ /*width: 7.5rem; height: 2.9rem;*/ /*position: absolute; left: 0; top: 36px;*/ /*bottom: 10px; z-index: 1030;*/ object-fit: contain; /*box-shadow: 0 0 4px 1px var(--main-color-sh22), 0 0 1px 1px var(--main-color-sh4);*/ /*box-shadow: 0 0 1px 1px var(--main-color-sh11);*/ /*opacity: .5;*/ /*transition: .4s all ease; transition-delay: .1s; box-shadow: 0 0 0px 1px var(--main-color-sh30l);*/ /*image-rendering: -webkit-optimize-contrast;*/ /*float: left; margin-right: 12px;*/ width: 100%; height: auto; cursor: pointer; } /*.lister_item_cont.requested_lister_item .lister_item_thumb_capsule { width: 112px; height: 42px; }*/ .lister_item_thumb_cont { width: 100%; text-align: center; } @media all and (max-width: 600px) { .lister_item_data_cont.expanded .lister_item_thumb_cont { order: 1; } } @media all and (min-width: 600px) { .lister_item_header_container { flex-flow: nowrap; } .lister_item_thumb_cont { flex: none; width: auto; } .lister_item_thumb_capsule { width: 6.5rem; margin-right: 8px; /*filter: drop-shadow(0px 2px 4px black);*/ } } /*.lister_item_data_cont.expanded .lister_item_header_container { grid-template-columns: 138px 1fr 58px 58px; }*/ /*@media all and (min-width: 600px) { .lister_item_cont:not(.requested_lister_item) .lister_item_data_cont:not(.expanded) .lister_item_header_container { background-color: hsl(var(--main-color-sh30r) / 0.4); z-index: 999; margin: -44px 8px 0; padding: 8px; } }*/ .lister_item_header_tag_cont { flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 4px 8px 4px 0; } @media all and (min-width: 600px) { .lister_item_header_tag_cont { -webkit-line-clamp: 2; min-height: 2.7rem; } } .lister_item_cont p { /*color: var(--main-color-sh20);*/ margin: 0; /*font-size: 14px;*/ /*color: var(--main-color-sh20);*/ overflow-wrap: anywhere; } /* .lister_item_cont p:after { opacity: 1; content: ""; position: absolute; width: 100%; height: 56px; background: linear-gradient(180deg, rgb(255 255 255 / 0%) 50%, var(--main-color-sh5) 100%); left: 0; bottom: 0px; z-index: 1; transition: opacity 233ms ease-in; pointer-events: none; } */ /*.lister_item_cont p:first-letter { font-size: 18px; font-weight: bold; font-family: serif; color: var(--main-color-sh4); }*/ .lister_item_info_cont { margin: 2px 8px 8px; font-size: 14px; letter-spacing: -0.2px; } /*@media all and (min-width: 600px) { .lister_item_info_cont { max-width: 260px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } }*/ .lister_item_info_cont .app_sprating { /*position: absolute; bottom: 10px; background-color: rgba(197, 197, 197, 0.2); background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(76, 175, 80, 0.15) 100%); color: #39893c; right: 12px; margin: 0; padding: 0.5rem; font-size: 12px; border-radius: 50% 0 0;*/ margin: 4px; } /*.lister_item_info_cont .app_sprating.highlighted { background-color: var(--main-color-sh22)9C4; }*/ .lister_item_info_details_cont { max-height: 92px; display: flex; flex-flow: column; } .lister_item_info_details_footer { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; /*background-color: var(--main-color-sh8); padding: 4px;*/ border-top: 1px solid var(--main-color-sh3); /*min-height: 52px; max-height: 52px;*/ display: flex; align-items: center; justify-content: space-between; /*font-size: 85%;*/ /*padding-top: 4px;*/ /*background-color: var(--main-color-sh16);*/ background-color: var(--main-main-background); column-gap: 12px; /*min-height: 68px; max-height: 68px; padding-top: 12px;*/ flex-wrap: wrap; } .lister_item_data_cont.expanded .lister_item_info_details_footer { height: 5.3rem; z-index: 1001; padding: 0rem 2rem; bottom: 0; background-color: var(--main-color-sh0); } /*.lister_item_info_details_footer:before { content: ""; background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--main-color-sh4) 100%); width: 100%; height: 2px; display: block; position: absolute; top: 0px; opacity: .2; }*/ /*@media all and (min-width: 600px) { .lister_item_data_cont.expanded .lister_item_info_details_footer { margin: 24px; max-width: calc(100% - 48px); z-index: 1000; } }*/ /*.lister_item_data_cont.expanded { display: flex; }*/ /*.lister_item_data_cont:not(.expanded) .lister_item_info_details { position: relative; padding-bottom: 24px; }*/ /*@media all and (min-width: 600px) { .lister_item_info_details { flex: 1 1 64px; height: auto; } }*/ /*.lister_item_info_details:not(:last-child) { margin-bottom: 8px; } @media all and (min-width: 600px) { .lister_item_info_details { overflow: hidden; } }*/ .lister_item_info_details.secondary { flex: none; max-height: 40px; min-height: 34px; display: flex; align-items: flex-end; } /*.lister_item_info_details.secondary > * { margin: 0 8px; }*/ /*.lister_item_thumb_cont { display: block; position: relative; margin: 4px; }*/ /*.lister_item_thumb_fader { position: absolute; left: 0; top: 0; z-index: 90; width: 100%; height: 100%; background-color: var(--main-color-sh1); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; transition: transform .2s ease-in-out, box-shadow .1s ease-in-out; transition-delay: .1s; box-shadow: 0 0 0 1px var(--main-color-sh21); } @media all and (min-width: 600px) { .lister_item_thumb_fader:hover { transform: scale(1.3); z-index: 1000; box-shadow: 0 0 3px 0px var(--main-color-sh4), 0 0 12px 2px rgba(0, 0, 0, 0.7); } .lister_item_thumb_fader:hover { z-index: 1000; } } .thumb_fader_overlay { display: block; position: absolute; left: 0; top: 0; z-index: 1001; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 8%; background-position: top left; background-image: url(images/sp_rolling.png); opacity: 0; transition: opacity .5s ease-in-out; pointer-events: none; } .thumb_fader_overlay.visible { opacity: 1; } .thumb_fader_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; object-fit: cover; opacity: 0; } .thumb_fader_item.active { opacity: 1; }*/ /*.lister_item_thumb_cont img.lazy { opacity: 0; transition: opacity .6s ease-in-out; } .lister_item_thumb_cont img.lazy.loaded { opacity: 1; }*/ /*.thumb_fader_more { position: absolute; font-weight: bold; top: 8px; opacity: 0; right: 0; background-color: rgba(255, 255, 255, 0.6); padding: .5rem; z-index: 99; pointer-events: none; text-shadow: 0 0 3px var(--main-color-sh22), 0 0 6px #aaa; transition: transform .3s ease-in-out, background .3s, opacity .3s ease-in-out, background .3s; border-radius: 3px 0 0 3px; } .thumb_fader_more:hover { background-color: rgba(255, 255, 255, 1); } .lister_item_cont:hover .thumb_fader_more { opacity: 1; transform: translateY(20%); } .lister_item_cont:hover .lister_item_thumb_fader { opacity: 1; }*/ /*.lister_item_cont:hover .lister_item_thumb_slider:after { width: 100%; }*/ /*.lister_item_cont:hover .lister_item_info_details { overflow: auto; }*/ /*@media all and (min-width: 600px) { .lister_item_header_container.slide { transform: rotateX(-90deg) translateY(40px); } }*/ .lister_item_thumb { width: 100%; height: auto; object-fit: cover; } /*@media all and (min-width: 600px) { #lister_result_container:not(.listview) .lister_item_thumb_capsule { opacity: 1; } .lister_item_cont:hover .lister_item_thumb_capsule { opacity: 1 !important; } }*/ /*.lister_item_info_details_footer:after { position: absolute; content: " "; bottom: -125%; left: 0; background-image: radial-gradient(var(--main-color-sh4), rgba(0,0,0,0), rgba(0,0,0,0)); height: 200%; width: 100%; opacity: .1; transition: .7s bottom ease; transition-delay: 2s; pointer-events: none; } .lister_item_cont:hover .lister_item_info_details_footer:after { bottom: -100%; }*/ /*.lister_item_thumb_capsule { bottom: -68px; }*/ /*.lister_item_info_cont { margin: 2px 34px 8px 152px; }*/ /*@media all and (min-width: 600px) { .lister_item_thumb_capsule { bottom: -68px; } .lister_item_info_cont { margin: 2px 132px 8px 8px; } .lister_item_thumb_cont:after { bottom: -20px; } }*/ .lister_item { background-repeat: no-repeat; background-size: contain; background-position: center; } /*#lib_apps_cont { max-height: 40vh; overflow-y: auto; background-color: var(--main-color-sh1); background-color: rgba(246, 246, 246, 0.5); outline: 1px solid var(--main-color-sh21); margin: 12px; } .libcheck_controller_container .btn { padding: 8px; margin: 4px; font-size: 12px; }*/ /*.lister_controller_container { background-color: var(--main-color-sh30); }*/ /*@media all and (min-width: 800px) and (min-height: 300px) { .lister_controller_container { position: sticky; top: -1px; z-index: 99997; } .lister_controller_container.stickystate { border-bottom: 1px solid var(--main-color-sh4); box-shadow: 0 0 14px 0 var(--main-color-sh21); } }*/ /*.lister_controller_container > * { margin: 4px 6px; display: inline-block; }*/ .lister_filter_container { /*display: none;*/ display: inline-block; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 0 12px; max-width: 800px; } /*@media all and (min-width: 800px) { .lister_filter_container { display: inline-block; } }*/ .lister_filter_container > div { display: inline-block; margin: 4px 6px; } .lister_sort_container { display: none; flex: 1 1 400px; margin: 2px 8px; line-height: 30px; text-align: center; /*max-width: 240px;*/ } /*@media all and (min-width: 1300px) { .lister_sort_container { display: inline-block; } }*/ .lister_sort_container label { margin-right: 4px; } .lister_sort_chooser_title { margin: 0 4px; /*font-weight: 900;*/ } /*@media all and (max-width: 600px) { .lister_sort_chooser_title { display: none; } }*/ /* .lister_sort_container input { display: none; } .lister_sort_container input + label { display: inline-block } .lister_sort_container input + label { border: 1px solid var(--main-color-sh3); background: var(--main-color-sh7); padding: 4px 8px; border-radius: 4px 4px 0 0; position: relative; top: 1px; cursor: pointer; color: var(--main-color-sh1); font-weight: bold; } @media all and (min-width: 600px) { .lister_sort_container input + label { padding: 2px 12px; } } .lister_sort_container input:checked + label { background: var(--main-color-sh0); border-bottom: 1px solid transparent; box-shadow: inset 0 5px 0 -1px var(--main-color-sh4); color: inherit; font-weight: bold; text-decoration: none !important; cursor: initial; background: var(--main-color-sh4); color: var(--main-color-sh17); } .lister_sort_container input ~ .tab { border-top: 1px solid var(--main-color-sh3); padding: 12px; } .lister_sort_container { border-bottom: 1px solid var(--main-color-sh3); } .lister_sort_container input + label:hover { text-decoration: underline; } */ /*input[type='radio'].lister_sort_chooser { display: none; } .lister_sort_container label { cursor: pointer; } .lister_sort_container label:before { content: " "; display: inline-block; position: relative; top: 0.25em; margin: 0 0.4em 0 1em; width: 1em; height: 1em; border-radius: 100%; border: 2px solid var(--main-color-sh7); background-color: transparent; } input[type='radio'].lister_sort_chooser:checked+label:before { position: relative; border: 2px solid var(--main-color-sh0); border-radius: 100%; width: 1em; height: 1em; top: 0.25em; content: " "; display: inline-block; background-color: var(--main-color-sh4); }*/ /*.lister_sort_chooser { display: inline-block; cursor: pointer; white-space: nowrap; margin: 0 4px; color: var(--main-color-sh7); background-color: var(--main-color-sh1); border: 1px solid var(--main-color-sh0); font-weight: 600; padding: 8px; border-radius: 6px 6px 0 0; transition: background-color .2s ease-in-out; box-shadow: 0 -1px 3px -2px var(--main-color-sh4); } .lister_sort_chooser.selected { color: var(--main-color-sh4); cursor: default; font-weight: 700; } .lister_sort_chooser.selected:before { content: ""; display: inline-block; margin: 1px 5px 1px 0; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 6px; border-color: transparent transparent transparent var(--main-color-sh4); } .lister_sort_chooser:not(.selected):hover { background-color: var(--main-color-sh16); }*/ /*.lister_controller_container input, .lister_controller_container select { border-color: var(--main-color-sh10) !important; box-shadow: 0 0 2px 0 #000 !important; }*/ /*#lister_item_thumb_progress_cont { display: none; position: absolute; width: 100%; display: flex; pointer-events: none; } #lister_item_thumb_progress_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.8)); } .lister_item_thumb_progress { height: 3px; flex: 1; margin: 6px 4px; background-color: var(--main-color-sh22); border-radius: 2px; z-index: 1; box-shadow: 0 0 6px 2px #000; } .lister_item_thumb_progress.active { background-color: var(--main-color-sh4); }*/ .lister_item_data_cont_holder { flex: 1 1 188px; min-width: 188px; padding: 12px; align-self: center; } .lister_item_data_cont { height: 100%; /*box-shadow: 0 0 0 0 var(--main-color-sh11); transition: box-shadow .3s ease-in-out; overflow: hidden;*/ position: relative; box-sizing: border-box; } /*.lister_item_data_cont:hover { box-shadow: 0 0 6px 0 var(--main-color-sh11); }*/ .lister_item_title a { text-decoration: none !important; position: relative; } .lister_item_cont h4 { position: relative; /*color: var(--main-color-sh6); border-bottom: 1px solid var(--main-color-sh15);*/ overflow: hidden; margin: 10px 0 18px; /*padding: 4px 0;*/ /*font-size: 15px; font-weight: normal;*/ display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /*overflow: hidden;*/ overflow: clip; font-size: 1.05rem; line-height: 1.70rem; /*color: var(--main-color-sh7);*/ } /* .lister_item_data_cont.expanded h4 { color: inherit; } */ .lister_item_cont h4 > i.fas { color: var(--main-color-sh4); } .lister_item_thumb_slider .lister_item_title { position: absolute; z-index: 1000; } .lister_item_thumb_slider .lister_item_title h4 { display: block; position: absolute; z-index: 1000; font-size: 0.85rem; padding: 8px 12px; line-height: 1.05rem; max-height: 3.5rem; background-color: var(--main-color-sh24); border-radius: 0 0 8px 0; margin: 0; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: var(--main-color-sh12); width: max-content; max-width: 10rem; white-space: nowrap; text-overflow: ellipsis; pointer-events:none; border-left: 8px solid var(--main-color-sh4); } /* @media all and (min-width: 600px) { .lister_item_data_cont_holder .lister_item_title { display: none; } } */ /* @media all and (max-width: 600px) { .lister_item_info_controls .jump_to_similar { display: none; } } */ .lister_item_data_release { max-width: 142px; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } /*.lister_item_info_cont h4:hover { background-color: hsl(27deg 80% 47% / 5%); }*/ /*#lister_result_container .lister_item_title:hover:after { width: 100%; } #lister_result_container .lister_item_title:after { content: ''; position: absolute; bottom: 4px; left: 0; width: 0; border-bottom: 1px solid var(--main-color-sh4); transition: width .4s; }*/ /*.lister_item_title_hint { position: absolute; bottom: 16px; right: 14px; font-size: 11px; transition: bottom .2s; font-weight: bold; z-index: 10; }*/ /*@media all and (min-width: 840px) { .lister_item_title_hint { display: inline-block; } } .lister_item_title_hint.inexpanded { display: none; }*/ /*#lister_result_container .lister_item_cont:hover .lister_item_title_hint:not(.inexpanded) { bottom: 14px; }*/ .lister_item_data_cont.expanded { /*position: fixed; top: 8vh; left: 6px; padding: 4px; z-index: 9999;*/ background-color: var(--main-color-sh5); /*box-shadow: 0 0 24px 6px var(--main-color-sh12);*/ /*box-shadow: 0 0 4px 2px var(--main-color-sh11);*/ /*max-height: calc(100vh - 16vh); height: calc(100vh - 16vh); max-width: calc(100vw - 12px); width: calc(100vw - 12px);*/ position: fixed; z-index: 99999998; padding: 24px 12px; /*top: 0; left: 0; height: 100vh; width: 100vw;*/ display: flex; /*top: 48px; left: 0; height: calc(100% - 48px); width: 100%;*/ /* top: 124px; left: 0; width: 100%; height: calc(100% - 124px); flex-direction: column; */ top: 124px; left: 18px; width: calc(100% - 36px); height: calc(100% - 248px); flex-direction: column; } .lister_item_data_cont.expanded .app_info_detail { align-content: flex-start; } @media all and (min-width: 600px) { .lister_item_data_cont.expanded { position: fixed; z-index: 99999; padding: 24px; box-shadow: 0 0 4px 2px var(--main-color-sh11); border-top: 1px solid var(--main-color-sh4); display: flex; /*top: 12vh; left: 20vw; max-height: calc(100vh - 24vh); height: calc(100vh - 24vh); max-width: calc(100vw - 40vw); width: calc(100vw - 40vw); left: calc(50% - min(500px, 25vw)); max-width: min(1000px, 50vw); width: min(1000px, 50vw); top: 48px; left: max(20vw, 48px); max-height: unset; height: calc(100vh - 96px); width: calc(100vw - 40vw); max-width: unset;*/ top: 50%; left: 50%; height: 70%; max-width: 760px; transform: translate3d(-50%, -50%, 0); border-radius: 8px; } .lister_item_data_cont.expanded .lister_item_info_details_video { margin: 12px auto; width: 75%; display: block; } .lister_item_data_cont.expanded .app_info_detail { align-content: center; } /*#lister_result_container .lister_item_title_hint.inexpanded { right: 28px; bottom: 22px; }*/ } .lister_item_data_cont.expanded h4 { margin: 12px 0 4px; } .lister_item_info_details_more { display: none; } .lister_item_info_details_more ul { line-height: 1.5em; } .lister_item_data_cont.expanded .lister_item_info_details_more { display: block !important; } /*.lister_item_info_details_sum { font-size: 13px; }*/ .lister_item_data_cont:not(.expanded) .lister_item_info_details_sum { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 3rem; min-height: 2.6rem; /*border-left: 2px solid var(--main-color-sh3);*/ /*padding-left: 12px;*/ /*padding-right: 12px;*/ } /* .lister_item_info_details_sum p:first-letter { font-size: 150%; font-family: serif; color: var(--main-color-sh4); font-weight: bold; } */ /*.lister_item_data_cont.expanded:before { content: "x"; position: absolute; top: 0; right: 0; font-size: 16px; color: var(--main-color-sh6); background-color: var(--main-color-sh15); padding: 8px 14px; }*/ /*.lister_item_data_cont:not(.expanded):before { font-family: 'Font Awesome 5 Free'; content: "\f00e"; position: absolute; bottom: 0; right: 0; padding: 8px; font-size: 14px; font-weight: 900; color: var(--main-color-sh6); background-color: var(--main-color-sh8); padding: 0.8em; border-radius: 50% 0 0 0; }*/ /*.lister_item_data_cont:not(.expanded) .lister_item_info_details.summary:after { pointer-events: none; content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 44px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, var(--main-color-sh30) 38%); }*/ .lister_item_data_cont.expanded .lister_item_info_details.summary { /*overflow: auto;*/ height: auto; margin-bottom: 2rem; margin-top: 1rem; /*padding: 12px; border: 1px solid var(--main-color-sh15);*/ } /*.lister_item_data_cont.expanded .lister_item_thumb_capsule { left: 20px; }*/ .lister_item_data_cont.expanded .app_info_detail { /*background-color: var(--main-color-sh10);*/ overflow-y: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; column-gap: 8px; } .lister_item_data_cont.expanded .lister_item_data_elem { /*padding-bottom: 52px;*/ display: flex; overflow-y: auto; padding: 0 16px; } /*.lister_item_info_details.summary p:not(:last-child) { margin-bottom: 12px; }*/ /*.lister_item_info_details.summary i { color: var(--main-color-sh12); }*/ .lister_item_info_details_controls { display: flex; margin: 24px 12px; justify-content: space-evenly; text-align: center; font-size: 11px; } .lister_item_info_details_control_text { display: inline; padding-left: 4px; font-size: 12px !important; } /*.lister_item_info_details_control_text { display: none; } @media all and (min-width: 840px) { .lister_item_info_details_control_text { display: inline; padding-left: 4px; } }*/ @media all and (max-width: 600px) { .lister_item_info_details_controls > .open_gallery { display: none; } } /*.lister_item_info_details_controls > * { margin: 4px; padding: 8px; font-weight: bold; color: var(--main-color-sh8); }*/ /*.lister_item_info_details_tags { margin: 24px; }*/ .lister_item_info_details_toggler { cursor: pointer; /*position: absolute;*/ /*top: -40px; width: 100%;*/ /*z-index: 99;*/ text-align: center; color: var(--main-color-sh7); font-size: 11px; /*font-weight: bold; padding: 12px;*/ box-sizing: border-box; text-decoration: none; /*background-color: var(--main-color-sh0);*/ background-color: var(--main-main-background); /*top: -16px; left: calc(50% - 72px); width: 132px; font-weight: bold; padding: 8px 24px;*/ font-size: 0.75rem; box-sizing: border-box; /*top: -2.2rem; left: calc(50% - 4.2rem);*/ /*width: 7.3rem;*/ padding: 0.6rem 0.8rem; font-size: 0.85rem; font-weight: bold; /*top: -2.4rem;*/ /*top: 0; left: 0;*/ width: 100%; /*background-image: linear-gradient(transparent,var(--main-color-sh0));*/ } .lister_item_info_details_toggler:hover { text-decoration: underline; } .lister_item_info_details_closer { display: none; cursor: pointer; color: var(--main-color-sh7); /*position: absolute; top: 0; right: 0; font-size: 16px; padding: 8px 14px;*/ padding: 4px; font-size: 1.6rem; padding: 0px 2px 0px 2px; font-size: 2.3rem; line-height: 2.7rem; } .lister_item_info_details_closer:hover { color: var(--main-color-sh7b); background-color: var(--main-color-sh15); } /*@media all and (min-width: 600px) { .lister_item_data_cont.expanded .lister_item_info_details_closer { display: block; } }*/ .lister_item_data_cont.expanded .lister_item_info_details_closer { display: block; font-size: 24px; padding: 0 12px; } .lister_item_data_elem { /*display: flex;*/ flex-wrap: nowrap; flex-flow: column; position: relative; /*padding: 12px 16px;*/ /*padding-bottom: 7.6rem;*/ flex: 1; } /*@media all and (min-width: 600px) { .lister_item_cont:not(.requested_lister_item) .lister_item_info_details_toggler { position: absolute; top: -52px; opacity: 0; pointer-events: none; transition: all .2s ease; width: auto; right: -8px; padding: 16px 12px 16px 48px; background: linear-gradient(to left, var(--main-color-sh0) 80%,rgba(255,255,255,0) 100%); } .lister_item_cont:not(.requested_lister_item):hover .lister_item_info_details_toggler { right: 0; opacity: 1; pointer-events: initial; } .lister_item_cont:not(.requested_lister_item) .lister_item_data_elem { padding-bottom: 64px; } }*/ /*.lister_item_tool_btn { margin: 0 2px; } .lister_item_tool_btn_text { font-size: 0%; transition: font-size .3s ease-in; transition-delay: .2s; } @media all and (min-width: 600px) { #lister_result_container.listview .lister_item_cont:hover .lister_item_tool_btn_text { font-size: 100% !important; } }*/ /*.lister_item_data_elem.lister_controller_cont { display: flex; flex-flow: row; text-align: center; margin: 12px; }*/ /*.lister_item_data_elem.lister_controller_cont { position: absolute; z-index: 1000; right: 0; top: 28px; transition: all .2s ease-in-out; background-color: var(--main-color-sh0); display: flex; padding: 0; } @media all and (min-width: 840px) { .lister_item_data_elem.lister_controller_cont { opacity: 0; position: absolute; flex-flow: column; z-index: 1010; right: -18px; transition: right .2s ease-in-out, opacity .2s ease-in-out; transition-delay: .3s; top: 28px; background-color: var(--main-color-sh12); will-change: position; } .lister_item_cont:hover .lister_item_data_elem.lister_controller_cont { opacity: 100%; right: 0; } }*/ .lister_item_info_details_video { padding: 8px; width: 100%; box-sizing: border-box; background-color: var(--main-color-sh15); } .lister_item_info_details_tags p { line-height: 1.7rem; } /*.lister_controller_cont .lister_controller { flex: 1; font-size: 12px; padding: 8px; opacity: .95; color: var(--main-color-sh7); margin: 2px; text-decoration: none; border-radius: 4px; transition: all .2s; background-color: var(--main-color-sh10); height: 16px; padding: 0.8em; border-radius: 0.5em; } @media all and (min-width: 840px) { .lister_controller_cont .lister_controller { color: var(--main-color-sh5); background-color: transparent; } } .lister_controller_cont .lister_controller:hover { opacity: 1; filter: brightness(1.3); color: var(--main-color-sh1); background-color: var(--main-color-sh14); } .lister_item_data_elem.thumb { flex: none; } .lister_item_data_thumb { width: 78px; height: 118px; margin: 8px 8px 0 0; padding: 0; box-sizing: border-box; object-fit: contain; background-color: #d6d3c2; } .lister_item_data_thumb:hover { outline: 1px solid rgba(255, 193, 7, 0.5); }*/ .lister_inline_block { width: 100%; font-style: italic; line-height: 1.5rem; text-align: center; font-size: 0.9rem; margin: 4px auto; padding: 0 12px; box-sizing: border-box; } .lister_inline_block.promo { font-style: normal; font-size: initial; } .lister_inline_full_width { /*grid-column: span var(--lister-column-count);*/ grid-column: 1 / -1; } .partner_bar_cont { display: block; text-align: center; max-width: var(--main-max-width); margin: 12px auto; padding: 0; align-self: center; display: flex; height: 100%; /*background-color: var(--main-color-sh5);*/ justify-content: center; padding: 4px; box-sizing: border-box; flex-flow: column; } @media all and (min-width: 600px) { .partner_bar_cont { margin: 8px auto; } #lister_result_container .lister_inline_full_width.partner_bar_cont { margin: 18px auto; } } @media all and (min-width: 700px) { .partner_bar_cont { grid-column: span 2; } } @media all and (min-width: 1100px) { .partner_bar_cont { grid-column: span 3; } } /* { margin: 24px; width: calc(100vw - 48px); position: relative; left: calc(50% + 24px); right: calc(50% - 24px); margin-left: -50vw; margin-right: -50vw; } */ /*#lister_result_container .lister_inline_block { background-color: var(--main-color-sh24); }*/ /*img.lister_item_data_thumb.lazy.error { display: none; }*/ /*.lister_item_thumb_cont { margin: 8px; }*/ /*#lister_result_container.compactview .lister_item_info_details { display: none; } #lister_result_container.compactview .lister_item_cont { flex: 1; min-height: unset; } #lister_result_container.compactview .lister_item_cont .app_sprating { position: static; background-color: transparent; }*/ /*.lister_item_info_details:not(.secondary) { border-bottom: 1px solid rgb(225 91 100 / 20%); }*/ .slider { position: relative; top: 0.25em; margin: 0 6px; width: 68px; } .lister_controller_num { /*margin: 4px 8px;*/ margin-left: 6px; width: 36px; padding: 4px; border: 1px solid var(--main-color-sh18); /*box-shadow: 0 0 1px 1px var(--main-color-sh1);*/ } select#list_filter_sort_by { margin: 4px 8px; padding: 4px 8px; /*border: 1px solid var(--main-color-sh2); box-shadow: 0 0 1px 1px var(--main-color-sh1);*/ /*outline: 1px solid var(--main-color-sh4);*/ } select#list_filter_timeperiod { margin: 4px 8px; padding: 4px 8px; } .list_filter_sort_by_cont { display: inline-block; } /*@media all and (min-width: 1300px) { .list_filter_sort_by_cont { display: none; } }*/ select.lister_result_pager_chooser { margin: 4px 8px; border: none; padding: 4px 8px; border: 1px solid var(--main-color-sh10); box-shadow: 0 0 1px 1px var(--main-color-sh1); } .lister_result_pager_data i { font-style: normal; } /* The slider itself */ /*.slider { -webkit-appearance: none; appearance: none; width: 100%; height: 5px; background: var(--main-color-sh3); outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; border-radius: 6px; }*/ /* Mouse-over effects */ /*.slider:hover { opacity: 1; }*/ /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ /*.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: var(--main-color-sh7); cursor: pointer; border-radius: 100%; box-shadow: 0 0 4px 1px var(--main-color-sh20); }*/ /*.slider::-moz-range-thumb { width: 16px; height: 16px; background: var(--main-color-sh7); cursor: pointer; border-radius: 100%; box-shadow: 0 0 4px 1px var(--main-color-sh20); }*/ #lister_lib_reload { position: relative; /*display: block;*/ margin: 16px auto; pointer-events: auto; } /* @media all and (min-width: 992px) { #lister_lib_reload { font-size: 100%; } } */ #lister_lib_reload.dimmed { background-color: var(--main-color-sh29); color: var(--main-color-sh10); box-shadow: unset; pointer-events: none; } /* The checkbox */ /*input[type=checkbox] { position: absolute; opacity: 0; } input[type=checkbox] + label { position: relative; cursor: pointer; padding: 0; } input[type=checkbox] + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: white; } input[type=checkbox]:hover + label:before { background: var(--main-color-sh7); } input[type=checkbox]:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } input[type=checkbox]:checked + label:before { background: var(--main-color-sh7); } input[type=checkbox]:disabled + label { color: #b8b8b8; cursor: auto; } input[type=checkbox]:disabled + label:before { box-shadow: none; background: #ddd; } input[type=checkbox]:checked + label:after { content: ''; position: absolute; left: 5px; top: 9px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }*/ .app_list_small { display: flex; flex-wrap: wrap; justify-content: center; padding: 12px; max-height: 25vh; overflow-y: auto; gap: 12px; } @media all and (min-width: 840px) { .app_list_small { overflow-y: visible; max-height: unset; } } #search_suggestion_container { margin: 24px; max-width: var(--main-max-width); margin: 0 auto; } #glightbox-body #search_suggestion_container { max-width: 800px; margin: 5% auto; } .result_item { flex: none; margin: 2px; text-align: center; font-weight: 600; max-width: 142px; } .result_item_thumb { width: 100%; height: auto; filter: saturate(0.7); transition: filter .15s ease-in-out, opacity .3s ease-in-out; /*image-rendering: -webkit-optimize-contrast;*/ } .result_item_thumb:hover { opacity: 1; filter: saturate(1.3) brightness(1.3); } /*#list_filter_release_past_years_value, #list_filter_sprating_value { font-weight: bold; }*/ #list_filter_release_after, #list_filter_release_before { width: 6.5rem; } @media all and (max-width: 600px) { #inspotlight_bar { display: none; } } /*#inspotlight_bar { height: 35px; margin: 0 4px; } @media all and (max-width: 1000px) { #inspotlight_bar { margin: 12px; } }*/ .floating_footer { display: none; position: fixed; text-align: center; width: 100%; bottom: -100%; background-color: #efefef; border-top: 1px solid var(--main-color-sh4); transition: all .8s ease-in-out; font-size: 80%; z-index: 3000; } /*@media all and (min-width: 1100px) { body.with_subcontent_sidebar .floating_footer { width: calc(100% - 252px); } }*/ @media all and (min-width: 600px) { .floating_footer { display: block; } } .floating_footer.visible { bottom: 0; } /*#matchlist_action_container { position: absolute; display: none; border: 1px solid black; background-color: var(--main-color-sh22); } .matchlist_action { cursor: pointer; padding: 8px; } .matchlist_action.selected { background-color: var(--main-color-sh21); }*/ /*.btn_light { display: inline-block; margin: 0 auto; padding: 4px; background-color: rgba(192, 193, 194, 0.1); margin: 8px 8px 2px; text-align: center; transition: background .2s; border-radius: 4px; } .btn_light:hover { text-decoration: none; background-color: rgba(192, 193, 194, 0.3); }*/ /*.subcontent_sidebar { display: none; position: fixed; top: 0; left: 0; width: 160px; height: 100vh; overflow-y: auto; background-color: var(--main-color-sh5); } .subcontent_sidebar_header { text-align: center; font-size: 11px; padding: 8px; background-color: var(--main-color-sh8); color: var(--main-color-sh7); position: sticky; top: 0; z-index: 1; display: flex; align-items: center; border-top: 1px solid var(--main-color-sh4); cursor: pointer; } .subcontent_sidebar_header p { text-align: center; width: 100%; font-weight: bold; }*/ /*#subcontent_sidebar_tag_chooser { width: 100%; padding: 4px; margin: 4px 0; font-weight: bold; }*/ /*@media all and (min-width: 1100px) { .subcontent_sidebar { display: block; } .subcontent_sidebar .result_item_thumb { opacity: 0.3; } .subcontent_sidebar:hover .result_item_thumb { opacity: 1; } body.with_subcontent_sidebar { margin-left: 204px; margin-right: 48px; } }*/ /*.lister_multi_container { position: absolute; left: 0; top: 0; opacity: 0; z-index: 101; pointer-events: none; transition: opacity .6s ease-in; will-change: transform, position, opacity; } .lister_multi_item_video { object-fit: cover; }*/ .lister_item_thumb_slider { /*width: 100%;*/ /*height: 0; padding-top: 56.25%;*/ aspect-ratio: 16 / 9; position: relative; /*filter: saturate(1.01) brightness(1.01);*/ /*margin: 12px;*/ /*max-width: 100%;*/ /*overflow: hidden;*/ /*margin: 4px;*/ margin: 4px; /*border-radius: 6px;*/ /*transition: transform .2s ease-in-out;*/ /*box-shadow: 0 1px 6px -5px var(--main-color-sh20);*/ /*flex: 1 1 214px;*/ } @media all and (min-width: 992px) { .lister_item_thumb_slider:hover { flex: none; } } /*@media all and (min-width: 600px) { .lister_item_thumb_slider { margin: -8px -8px 0px -8px; } }*/ .requested_lister_item .lister_item_thumb_slider { margin: 0; max-width: 100%; width: 100%; } /*.lister_item_thumb_slider:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 8px solid var(--main-color-sh4); transition: width .6s; transition-delay: 0.3s; z-index: 1; }*/ .thumb_slider_item { width: 100%; object-fit: cover; /*background-color: var(--main-color-sh30);*/ height: 100%; position: absolute; top: 0; /* border-radius: 6px; margin: 12px; */ /*image-rendering: -webkit-optimize-contrast;*/ opacity: 0.9; filter: saturate(1.1); } @media all and (max-width: 600px) { .lister_item_thumb_capsule { /*opacity: 1;*/ display: block; aspect-ratio: 20/9; max-height: 120px; } .lister_item_data_cont.expanded .lister_item_thumb_capsule { max-height: 6vh; } #lister_result_container .lister_item_cont { /*border-top: 2px solid var(--main-color-sh28);*/ /*padding: 0 12px;*/ font-size: 14px; } .lister_item_thumb_slider { padding-top: 33%; margin: 0; display: none; } /*.lister_item_header_container { min-height: unset; white-space: nowrap; overflow-x: hidden; }*/ /*.lister_item_header_container > a, .lister_item_header_container > .lister_item_thumb_capsule { display: none; }*/ .thumb_slider_item { object-fit: contain; } /*header { position: sticky; top: 0; z-index: 997; background-color: var(--main-color-sh30); }*/ /*#share_block { display: none; }*/ .header_content { flex-flow: row; justify-content: center; min-height: 46px; background-color: var(--main-color-sh29b); } #bfleave1 p { font-size: 14px; } .lister_item_cont h4 { margin: 8px 0 16px; } /*.partner_bar { display: none; }*/ /*article.lister_item_cont .app_info_detail > .deal_item { padding: 1px 6px 4px 6px; margin: 2px; } article.lister_item_cont .app_info_detail { max-height: 56px; } .lister_item_info_details_footer { min-height: 48px; max-height: 68px; } .lister_item_data_elem { padding-bottom: 64px; } .lister_item_data_cont:not(.expanded) .lister_item_info_details_sum { height: auto; }*/ /*div#sidebox_container { position: sticky; margin: 0; top: 0; }*/ .page_content_container { padding: 0; } div#toolbox_container.revealed { transform: translateY(-320px); } } /* */ #filter_sample_results { max-height: 36vh; overflow: auto; position: relative; box-sizing: border-box; position: absolute; left: 0; top: 48px; width: 100%; z-index: 1012; background-color: var(--main-color-sh1); text-align: left; box-shadow: 0 0 12px 1px var(--main-color-sh21); } #filter_sample_results:empty { display: none; } .filter_sample { background-color: var(--main-color-sh1); padding: 4px; margin: 3px 2px; cursor: pointer; position: relative; font-size: 0.95rem; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filter_sample > * { flex: none; max-width: 100%; } .filter_sample:hover { background-color: var(--main-color-sh23); } .filter_sample.highlighted { background-color: var(--main-color-sh4); color: var(--main-color-sh1); } .filter_sample_note { color: var(--main-color-sh20); margin: 0 2px; font-size: 11px; } .filter_sample_note > i.far.fa-star.fa-xs { position: relative; top: -1px; } img.filter_sample_thumb { width: 76px; object-fit: contain; height: 29px; margin: 0 8px; } @media all and (min-width: 600px) { img.filter_sample_thumb { width: 120px; object-fit: contain; height: 45px; margin: 0 12px; } } /*#filter_sample_info_btn { color: #4368ab; cursor: pointer; } #filter_sample_info_btn:hover { color: #124e63; }*/ /*#filter_sample_selection_container { overflow: hidden; text-align: center; margin: 0 8px; }*/ /*@media all and (min-width: 600px) { #filter_sample_selection_container { order: 0; width: initial; } }*/ /*#filter_sample_selection_container:empty { display:none; }*/ /*@media all and (min-width: 600px) { #lister_result_container:not(.listview) .thumb_slider_item { opacity: 0.5; } }*/ .thumb_slider_item.open_gallery, .thumb_slider_item.open_gallery_req, .lister_item_preview_slider_item.open_gallery { cursor: pointer; object-fit: cover; /*image-rendering: -webkit-optimize-contrast;*/ aspect-ratio: 16 / 9; } .lister_controller_view_toggle { display: none; } /*.lister_item_slider_placeholder { padding: 0 12px; }*/ @media all and (min-width: 840px) { #lister_result_container.listview .lister_item_cont, .page_summary_cont .lister_item_cont { flex: none; flex-direction: row; /*padding: 4px;*/ } #lister_result_container.listview .lister_item_thumb_slider, .page_summary_cont .lister_item_thumb_slider { flex: 0 1 38%; max-width: 360px; } /* #lister_result_container.listview .lister_item_data_cont, .page_summary_cont .lister_item_data_cont { display: flex; } .lister_controller_view_toggle { display: inline-block; } */ } .page_summary_cont { display: none; max-width: var(--main-max-width); margin: 0 auto; padding: 4px 0 8px; box-sizing: border-box; } @media all and (min-width: 992px) { .page_summary_cont { display: block; padding: 4px 12px 8px; } } /*.page_summary_cont .lister_item_cont { margin: 4px auto; }*/ /*#page_summary_container { display: flex; flex-flow: column; } @media all and (min-width: 800px) { #page_summary_container { flex-flow: row; } }*/ #page_summary_container { display: none; } @media all and (min-width: 600px) { #page_summary_container { display: block; } } #page_summary_content { /*max-width: 900px; margin: 12px auto; padding: 0 24px;*/ /*padding: 12px 0; color: var(--main-color-sh20); display: flex; flex-wrap: wrap; gap: 24px; position: relative;*/ padding: 0 12px 12px; font-size: 0.8rem; } #page_summary_content .page_summary_item_cont { flex: 1 1 240px; border: 1px solid var(--main-color-sh3); padding: 4px; border-radius: 6px; /*background-color: var(--main-color-sh0);*/ margin: 0 12px; } span.page_summary_highlight { font-weight: bold; } /*@media all and (min-width: 800px) { #page_summary_content { padding: 24px 12px; background-size: cover; text-shadow: 0 0 12px var(--main-color-sh21); background-position: center center; } #page_summary_content .page_summary_item_cont { background-color: var(--main-color-sh24); backdrop-filter: blur(8px); z-index: 1; } #page_summary_content:after { content: ""; background: linear-gradient(to bottom, rgb(238 238 238 / 80%), var(--main-color-sh29) 95%); width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; } html.dark_mode #page_summary_content:after { background: linear-gradient(to bottom, rgb(56 56 56 / 90%), var(--main-color-sh29) 95%); } } @media all and (max-width: 800px) { #page_summary_content { background-image: none !important; } }*/ .page_summary_item_cont h3 { padding: 4px 0 } .page_summary_item_cont .result_item_thumb { max-width: 94px; margin-right: 12px; margin-bottom: 8px; float: left; } .page_summary_item_cont li img { display: none; } .page_summary_item_cont li { line-height: 1.5rem; min-height: unset; clear: both; font-size: 0.85rem; } @media all and (min-width: 800px) { .page_summary_item_cont li { line-height: 1.1rem; min-height: 3.4rem; } .page_summary_item_cont li img { display: block; } } .page_summary_item_cont ul { list-style-type: none; padding-inline-start: 12px; } /*#page_summary_content p { font-size: 90%; margin: 0.5em; }*/ /*@media all and (min-width: 840px) { .lister_item_thumb_slider { transition: transform .1s ease-in-out, box-shadow .1s ease-in-out; transition-delay: .05s; box-shadow: 0 0 0 1px var(--main-color-sh21); } .lister_item_thumb_slider:hover { transform: scale(1.2); z-index: 1000; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.6); } .lister_item_thumb_slider:hover { z-index: 1000; } }*/ .vipromo { /*margin: 8px 4px 24px; background-color: var(--main-color-sh1); border: 1px solid var(--main-color-sh0); border-radius: 4px;*/ padding: 4px 4px 24px; box-sizing: border-box; text-align: center; font-size: 9px; line-height: initial; display: flex; flex-flow: column; justify-content: center; } /*@media all and (min-width: 600px) { .vipromo { margin: 14px 2px 38px; padding: 2px; } }*/ .adsbyvli:empty { display: none; } .lister_inline_block.promo { display: flex; justify-content: center; align-content: center; /*min-height: 402px;*/ } @media all and (min-width: 600px) { .lister_inline_block.promo { /*min-height: 334px; background-color: var(--main-color-sh29);*/ border-radius: 4px; background-color: var(--main-color-sh29); } } /*.main_inline_block.promo { display: none; justify-content: center; align-content: center; } @media all and (min-width: 600px) { .main_inline_block.promo { display: flex; background-color: var(--main-color-sh15); margin: 0 24px; border-radius: 4px; } }*/ /*.banggoo img { width: 100%; height: 90px; object-fit: contain; }*/ /*.promo_dp_300, .promo_dp_728 { display: none; } @media all and (min-width: 320px) { .promo_dp_300 { display: block; } } @media all and (min-width: 840px) { .promo_dp_300 { display: none; } .promo_dp_728 { display: block; } }*/ .dialog_promo_content { display: none; } .promo_vi_sm { display: none; /*min-width: 300px; min-height: 250px;*/ flex: none; align-self: center; padding: 4px 0; margin: 4px 12px; background-color: var(--main-color-sh29); } @media all and (min-width: 800px) { .promo_vi_sm { display: block; } } /*.promo_vi_extended { display: none; background-color: var(--main-color-sh15); } @media all and (min-width: 1100px) { .lister_item_data_cont.expanded .promo_vi_extended { display: block; } }*/ /*.inner_promo_content { display: none; } @media all and (min-width: 840px) { .inner_promo_content { display: block; } }*/ .pac_overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0 0 0/40%); z-index: 99999998; justify-content: center; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .pac_content_container { /*max-width: 260px;*/ background-color: var(--main-color-sh5); color: var(--main-color-sh6); align-self: center; text-align: center; padding: 24px; border-radius: 6px; /*max-width: 360px;*/ } .pac_content_container > * { margin: 4px; } .pac_choice_container .btn { padding: 16px 46px; font-weight: bold; } .pac_content_container h3 { font-size: 1.2rem; } .pac_content_container p { line-height: 1rem; font-size: .75rem; } .pac_content_container p:first-of-type { font-size: 0.9rem; font-weight: bold; } /*.pac_overlay_info { position: absolute !important; left: 10%; bottom: 6%; width: 80%; text-align: center; z-index: 1000; font-size: 11px; color: var(--main-color-sh32); cursor: pointer; } html.pac_allowed .pac_overlay_info { color: transparent; }*/ /*html:not(.pac_allowed) .lister_item_cont.pac .thumb_slider_item { filter: blur(8px); }*/ /*html:not(.pac_allowed) .lister_item_cont.pac img:not(.lister_item_thumb_capsule), html:not(.pac_allowed) .lister_item_cont.pac video { filter: blur(10px) saturate(0.5) contrast(0.5); }*/ /*.down_arrow_wrap { height: 100%; width: 100%; text-align: center; }*/ /*.down_arrow_wrap #arrow { margin: 0px 0 0 -40px; line-height: 60px; position: absolute; left: 50%; bottom: 0px; }*/ /*.bounce { animation-iteration-count: infinite; animation-duration: 1.5s; animation: bounce 3.6s ease infinite; transform-origin: 50% 50%; } @keyframes bounce { 0% { transform: translateY(0); } 5.55556% { transform: translateY(0); } 11.11111% { transform: translateY(0); } 22.22222% { transform: translateY(-15px); } 27.77778% { transform: translateY(0); } 33.33333% { transform: translateY(-15px); } 44.44444% { transform: translateY(0); } 100% { transform: translateY(0); } }*/ .modal_overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--main-color-sh11); z-index: 99998; justify-content: center; /*opacity: 0; transition: opacity .6s ease-in;*/ } .toptag_container { display: grid; grid-template-columns: repeat(2,1fr); flex-wrap: wrap; justify-content: space-around; padding: 0 12px 12px; gap: 4px; } .toptag_container_block { padding: 0 0.85rem 0.65rem; margin: 0.4rem; text-align: center; box-sizing: border-box; font-size: 0.8rem; background-color: var(--main-color-sh0); box-shadow: 0 0 0.1em 0.01em var(--main-color-sh10); border-radius: 4px; } @media all and (min-width: 620px) { .toptag_container { grid-template-columns: repeat(3,1fr); } } @media all and (min-width: 840px) { .toptag_container { grid-template-columns: repeat(4,1fr); gap: 24px; } } @media all and (min-width: 1300px) { .toptag_container { grid-template-columns: repeat(6,1fr); } } @media all and (max-width: 620px) { .toptag_container_block:nth-child(n+7) { display: none; } } .toptag_container_elem { padding: 4px; box-sizing: border-box; } .toptag_container_elem.more { padding: 12px; } /*.toptag_container_elem p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }*/ .toptag_container_block h3 { /*background-color: var(--main-color-sh1);*/ padding: 0.6rem; font-size: 0.85rem; } /*.purple_resp { width: 100%; height: 250px; } @media all and (min-width: 600px) { .purple_resp { height: 90px; } }*/ /*.control_container::-webkit-scrollbar-thumb { background-color: var(--main-color-sh28); } .control_container::-webkit-scrollbar { width: 6px; }*/ .page_content_holder { max-width: var(--main-max-width); margin: 0 auto; /*background-color: var(--main-color-sh29);*/ /*box-shadow: 0 0px 3px 0px var(--main-color-sh11);*/ /*background-color: var(--main-color-sh0);*/ background-position: 40vw -40vh; background-repeat: no-repeat; background-size: contain; } @media all and (max-width: 768px) { .page_content_holder { padding: 12px; } } /*@media all and (min-width: 600px) { .page_content_holder { background-image: -webkit-cross-fade( url(images/sp_group_gs.png), url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), 75% ); } }*/ /*.control_container { flex: none; width: 336px; padding: 0 12px; box-sizing: border-box; top: 0; order: -1; height: 100%; max-width: 100%; overflow-y: scroll; overflow-x: hidden; position: fixed; left: 0; box-shadow: 0 4px 12px 2px var(--main-color-sh31); z-index: 1010; will-change: left; transition: left .3s ease-out, opacity .3s ease-out, background-color .3s ease-out; background-color: var(--main-color-sh0); } .control_container.hidden { left: -400px; z-index: auto; } .control_container > div { margin-bottom: 12px; }*/ /*@media all and (min-width: 1400px) { .control_container { position: sticky; box-shadow: unset; left: 0; height: 100vh; max-width: unset; } .page_content_holder { display: flex; } }*/ /*.control_container_toggler { position: absolute; right: 0; top: 0; padding: 8px; color: var(--main-color-sh7); cursor: pointer; z-index: 999; }*/ /*@media all and (min-width: 1400px) { .control_container_toggler { display: none; } }*/ /*.lister_item_counter_cont { position: absolute; top: 0px; left: 0px; z-index: 2; padding: 8px; background-color: var(--main-color-sh30); color: var(--main-color-sh7); border-radius: 0 0 12px 0; border-right: 1px solid var(--main-color-sh4); font-weight: bold; min-width: 2em; text-align: center; cursor: pointer; font-size: 0.75em; }*/ /*.lister_match_cont { text-align: center; color: var(--main-color-sh20); margin: 0 0 12px; padding: 4px; font-size: 12px; box-shadow: 0 0.05em 0px 0 var(--main-color-sh3); }*/ /*.lister_match_cont { position: absolute; top: 0; right: 0; background-color: var(--main-color-sh4b); padding: 4px; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; font-size: 10px; color: var(--main-color-sh16); backdrop-filter: blur(5px); z-index: 1000; -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.8)); filter: drop-shadow(0 1px 1px hsla(0,0%,0%,.8)); pointer-events: none; }*/ .lister_match_cont { font-size: 11px; color: var(--main-color-sh32); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 28px; } .lister_match_cont_elem { margin-right: 8px; display: inline-block; } /*.lister_item_context_cont { position: relative; position: absolute; z-index: 1000; right: 24px; top: 24px; }*/ /* .lister_item_context_cont:hover > .lister_item_context_holder { display: block; } .lister_item_context_toggler { padding: 8px 6px; color: var(--main-color-sh7); font-size: 90%; border-radius: 100%; display: inline-block; width: 18px; font-size: 0.9rem; width: 1.5rem; margin: 0.3rem 0.3rem 0.3rem 0.6rem; } .lister_item_context_toggler:hover { background-color: var(--main-color-sh2); } .lister_item_context_holder { background-color: var(--main-color-sh1); border: 1px solid var(--main-color-sh21); z-index: 99997; box-shadow: 0px 0px 24px 0px var(--main-color-sh21); display: none; position: absolute; right: 0; } .lister_item_context_holder .btn_alt { display: block; white-space: nowrap; } .lister_item_context_holder .fa-fw { margin-right: 4px; } */ /*.sidebox_toggle { font-weight: bold; }*/ /* CC testing */ /*:root { --cc-overlay-bg: rgba(33, 41, 52, 0.75); --cc-btn-primary-bg: #387abf; } html.force--consent.show--consent { overflow-y: auto !important; }*/ /*@media all and (min-width: 600px) { #cc--main #c-bns { display: flex; justify-content: space-between; flex-flow: row-reverse; max-width: initial !important; } }*/ /*#cc--main #c-ttl { font-weight: bold; }*/ /*#cm.bar #c-inr { max-width: 42em; } #cm.bar #c-bns { margin: 0 auto; }*/ /*#cm.bar #c-inr { max-width: 48em; } #cm.bar #c-bns { max-width: 48em; }*/ /*#cc--main .c-bn { border-radius: 2px; letter-spacing: 2px; text-transform: uppercase; }*/ /*#cm { padding: 4.1em 4.8em 4.4em; max-width: 30.2em; }*/ /*@media all and (min-width: 992px) { #cm #c-inr { max-width: 100em !important; margin: 0 auto; } #c-inr { display: flex; align-items: flex-start; gap: 3em; } .cc_div #cm #c-bns { display: block; flex: none; } .cc_div #c-bns .c-bn { float: none; width: 100%; } #c-bns button + button { margin-top: 1em; margin-left: 0; } }*/ /* .spSlidesContainer { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 999 !important; border-radius: 6px; visibility: hidden !important; } .spSlidesContainer.revealed { visibility: visible !important; } .lister_item_data_cont.expanded .spSlidesContainer { position: relative !important; } */ .lister_item_data_cont.expanded .thumb_info_btn { display: none; } .lister_item_data_cont:not(.expanded) .show_lister_info { cursor: pointer; } .lister_item_data_cont:not(.expanded) .lister_item_info_details_sum.show_lister_info:hover { background-color: var(--btn-alt-hover); } /* .spSlide { width: 100%; height: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; cursor: pointer; } .splide__track { height: 100%; } .splide__list { -webkit-backface-visibility: hidden; backface-visibility: hidden; } */ /*.splide { overflow: hidden; }*/ /* .spSlidesContainer { display: block; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .25s ease-in-out; z-index: 999 !important; overflow: hidden; border-radius: 6px; will-change: opacity; visibility: hidden; } .spSlidesContainer.inexpanded { display: block !important; position: relative !important; width: 95% !important; margin: 0 auto; aspect-ratio: 16 / 9 auto; } @media all and (min-width: 600px) { .spSlidesContainer.inexpanded { width: 80% !important; } } .spSlidesContainer.revealed { -webkit-animation-name: fadein; -webkit-animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-name: fadein; animation-duration: 0.2s; animation-fill-mode: forwards; } .spSlidesCont { height: 100%; width: 100%; } .spSlides { height: 100%; width: 100%; opacity: 0; position: absolute; top: 0; } .spSlides.active { opacity: 1; } .spSlides.fadeout { -webkit-animation-name: fadeout; -webkit-animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-name: fadeout; animation-duration: 0.2s; animation-fill-mode: forwards; } .spSlidesContainer_prev, .spSlidesContainer_next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: var(--main-color-sh27); font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; z-index: 99999; background-color: var(--main-color-sh31); } .spSlidesContainer_next { right: 0; border-radius: 3px 0 0 3px; } .spSlidesContainer_prev:hover, .spSlidesContainer_next:hover { background-color: rgba(0,0,0,0.8); text-decoration: none; } .lister_item_preview_slider_item { width: 100%; height: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; } .lister_item_preview_slider_item.loading { background-color: var(--main-color-sh30); background-image: url(images/ripple.gif); background-repeat: no-repeat; background-size: 25%; background-position: center; } @-webkit-keyframes fadeout { 0% { opacity: 1; z-index: 1; } 33% { opacity: .6; z-index: 1; } 66% { opacity: .3; z-index: 0; } 100% { opacity: 0; z-index: 0; } } @keyframes fadeout { 0% { opacity: 1; z-index: 1; } 33% { opacity: .6; z-index: 1; } 66% { opacity: .3; z-index: 0; } 100% { opacity: 0; z-index: 0; } } @-webkit-keyframes fadein { 0% { opacity: 0; visibility: visible; } 33% { opacity: .3; visibility: visible; } 66% { opacity: .6; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes fadein { 0% { opacity: 0; visibility: visible; } 33% { opacity: .3; visibility: visible; } 66% { opacity: .6; visibility: visible; } 100% { opacity: 1; visibility: visible; } } */ article.lister_item_cont .lister_item_data_cont:not(.expanded) .deal_item:nth-child(n+3) { display: none; } article.lister_item_cont .app_info_detail > .deal_item { padding: 0.25rem 0.5rem; margin: 0.05rem; font-size: .85rem; width: 100%; } .lister_item_data_cont.expanded .app_info_detail > .deal_item { width: auto; } h4 { font-size: 1rem; line-height: 1.5rem; } .lister_item_info_rating { /*font-size: 0.7rem; margin: 0 0 0.7rem; display: grid; grid-template-columns: 0fr 1fr repeat(1, auto) 1fr; grid-column-gap: 0;*/ font-size: 0.7rem; display: flex; justify-content: space-between; gap: 8px; } .lister_item_data_platform { flex: 1; } /*.lister_item_info_rating > *:nth-child(1) { grid-column-start: 2; } .lister_item_info_rating > *:nth-child(3) { margin-left: auto; }*/ /* .lister_item_cont p { font-size: 0.85rem; line-height: 1.4rem; } */ p { line-height: 1.25rem; } /*.lister_item_cont h4 { margin: 0.45rem 0 0.7rem; font-size: 1.05rem; }*/ /*.lister_item_info_details_footer { min-height: 4rem; max-height: 4rem; padding-bottom: 1rem; } .lister_item_data_cont:not(.expanded) .lister_item_info_details_sum { height: 2.8rem; height: 3.65rem; }*/ .tag { padding: 0.15rem 0.2rem; font-size: 0.7rem; margin: 0rem 0.5rem 0.15rem 0; line-height: 0.85rem; } /*.lister_item_header_container { max-height: 2.8rem; min-height: 2.8rem; font-size: inherit; }*/ /*@media all and (max-width: 600px) { .lister_item_cont h4 { margin: 0.7rem 0 1rem; } }*/ #compact_header_cont { display: block; position: sticky; top: 0; background-color: var(--main-color-sh3); z-index: 99998; padding: 12px; display: flex; /*margin: 12px 0 0;*/ justify-content: space-between; align-items: center; /*border-bottom: 1px solid var(--main-color-sh4);*/ } header { display: none; } @media all and (min-width: 600px) { #compact_header_cont { display: none; } header { display: block; } } #compact_header_cont > * { flex: 0; } #compact_controller_cont { display: none; background-color: var(--main-color-sh0); position: fixed; top: 124px; left: 0; bottom: 0; right: 0; padding: 24px; box-sizing: border-box; z-index: 99999; overflow-y: auto; } #compact_controller_cont .app_list_small { max-height: none; overflow-y: visible; } .compact_controller_cont_closer { position: absolute; top: 8px; right: 12px; cursor: pointer; color: var(--main-color-sh7); padding: 4px; padding: 0px 2px 0px 2px; font-size: 2.3rem; line-height: 2.7rem; font-size: 24px; padding: 0 12px; } .splide__arrow { height: 5em !important; width: 3em !important; border-radius: 0 !important; opacity: 0.5 !important; } .splide__arrow:hover:not(:disabled) { opacity: .9 !important; } .lister_item_data_cont.expanded .splide__arrow { height: 8em !important; width: 4.5em !important; } .splide__arrow svg { height: 1.5em !important; width: 1.5em !important; } .splide__arrow--prev { left: 0 !important; } .splide__arrow--next { right: 0 !important; } .splide__arrow svg { fill: var(--main-color-sh7) !important; } .lister_item_slider_placeholder { /*height: 33vh;*/ aspect-ratio: 16 / 9 auto; margin: 0 auto; max-width: 100%; } .lister_item_info_controls { display: flex; width: 100%; text-align: center; padding: 18px 0 6px; gap: 12px; justify-content: space-between; } .lister_item_info_controls > * { /*display: inline-block;*/ /* flex: 1; font-size: 0.75rem; padding: 6px; */ font-size: 0.8rem; flex: 1; /*background-color: inherit;*/ } /* @media all and (min-width: 992px) { .h12container[data-adunit="28883"] { transform: scale(0.55) translateY(52px); box-shadow: rgba(0, 0, 0, 0.2) 0 0 18px 0px !important; } } */ /* Overlay styles */ .progress_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-main-progress-overlay-bg); display: flex; align-items: center; justify-content: center; z-index: 99999; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } /* Progress animation styles */ .progress_spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Show overlay when active class is added */ .progress_overlay.progress_overlay_active { opacity: 1; pointer-events: initial; } .gamegal_cont { font-size: 13px; margin: 4px auto; font-style: italic; background-color: var(--main-color-sh5); padding: 16px; flex: 1; max-height: 236px; min-width: 246px; overflow-y: auto; } .gamegal_cont p:first-letter { font-size: 150%; font-weight: bold; font-family: serif; font-style: normal; color: var(--main-color-sh4); } .gamegal_cont img { border-radius: 100%; float: left; height: auto; width: 38%; margin: -1% 6% 1% -1%; object-fit: contain; }