/* Quick.Cms.Ext v6.x default stylesheet */ :root { --color-text: #6d6f64; --color-primary: #777; --color-dark: #222; --color-secondary: #ccc; --color-white: #fff; --color-divider: #aaa; --color-bg: #fff; --color-bg2: #ddd; --color-bg3: rgba(235, 235, 235, 1); --color-gray: #444; --color-gray2: #989898; --color-special: #fb7f3a; --color-hover: #dee1e2; --color-border: #e8eaee; --color-onwite: #555; --color-admin: #009ee8; --color-looped: rgba(207, 212, 217, 1); } .black-theme { --color-text: #fff; --color-primary: #999; --color-dark: #eee; --color-secondary: #ccc; --color-white: #fff; --color-divider: #aaa; --color-bg: #17191c; --color-bg2: #4b4e4f; --color-bg3:rgba(27, 31, 36, 1); --color-gray: #898989; --color-gray2: #565656; --color-special: #fb7f3a; --color-hover: #1f1a17; --color-border: #454545; --color-onwite: #555; --color-admin: #009ee8; --color-looped: rgba(207, 212, 217, 1); } .default { background-color: #f5f5f5; border-radius:50%;width:50px;height:50px;border:2px solid var(--color-text);margin:1em;} .black { background-color: #05121d; border-radius:50%;width:50px;height:50px;border:2px solid var(--color-text);margin:1em;} input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } .web-colors { width: 100%; padding: 1em; display: flex; justify-content: center; align-items: center; } html { scroll-behavior: smooth; } input, select, textarea, button { all: unset; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; background: none; padding: 0; margin: 0; font: inherit; color: inherit; } /* GLOBAL STYLES */ body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body,table{color:var(--color-gray);font-size:1em;font-family:Arial, sans-serif;} body{padding:0;background:var(--color-bg);text-align:center;} input[type="text"], input[type="password"], input[type="file"], input[type="email"], select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:var(--color-gray);font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{border-color:var(--color-dark);box-shadow:0 0 3px rgba(0,103,154,0.6);} input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;border-color:#bb4c2e;} input[type="submit"], button[type="submit"]{padding:0.4em 0.9em;border-width:1px;border-style:solid;background:var(--color-bg2);color:var(--color-bg);transition:all 0.3s ease;font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;} input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{background-color:var(--color-text);color:var(--color-bg);cursor:pointer;} label{font-weight:bold;} select{display: flex;justify-content: center;align-items: center;padding: .5em;} label span{padding-left:10px;color:var(--color-secondary);font-weight:normal;} table{border-collapse:collapse;border-spacing:0;font-size:100%;} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding:2px 4px;border:0px solid var(--color-border);font-size:100%;font:inherit;vertical-align:baseline;} .form-full fieldset{width:50%;margin:0 auto;} a{color:var( --color-divider);text-decoration:none;} a:hover{color:var(--color-text);text-decoration:underline;} .page img{border-radius:10px;padding:3px;max-width:100%;} input[type="checkbox"] {padding: 5px;font-size: 14px;margin-left: 5px; } input[type="checkbox"] {display:flex;justify-content:center;align-items:center; appearance: none; -webkit-appearance: none; -moz-appearance: none;position: relative;width: 25px;height: 25px; border: 1px solid #999;border-radius: 4px;outline: none;cursor: pointer;transition: all 0.3s ease; } input[type="checkbox"]:hover {border-color: var(--color-text); } input[type="checkbox"]:checked {background-color: var(--color-text);border-color:var(--color-text); } input[type="checkbox"]:checked::after { content: '✔';color: white;font-size: 20px;} label[for="iRulesAccept"] {margin-left: 8px;color: var(--color-text);cursor: pointer;} .rules.option a {color: var(--color-text);text-decoration: none;font-weight: bold; font-size: 13px;} .rules.option a:hover { text-decoration: underline; } .page #container img{max-width:100%;} .msg{clear:both;overflow:hidden;padding:20px 0;text-align:center;} .msg.done, .msg.error{height: 100vh;margin: 0;z-index:900;position: fixed;width: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 5em;background: var(--color-bg);} .msg.done a, .msg.error a, .msg.done .icon-heart-line a, .msg.error .icon-heart-line a{color:var(--color-dark);} .msg.done a:hover, .msg.error a:hover{color:var(--color-hover);} .msg a.action{display:inline-block;margin:7px 7px;padding:.5em 1em;border:1px solid var(--color-text);text-decoration:none;font-size:.8rem;border-radius:5px;} .msg a.action:hover{border:1px solid var(--color-bg);color:var(--color-bg);} .msg.panel a.action{margin-top:13px;} .msg.error{background-color:var( --color-divider);} body.is-msg-error404 .msg.error{margin-top:3rem;} .wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;} #container{position:relative;width:100%;margin:0;text-align:left;background:var(--color-bg);} #container:after{content:"";display:table;clear:both;} .link-library{margin:0 5px;} .link-library a{text-transform:uppercase;font-weight:600;display:flex;justify-content:center;align-items:center;gap:0 .5em;color: var(--color-bg2);} .link-library span {display:none;} .link-library a:hover{text-decoration:none;color: var(--color-bg2);opacity:.7;} #body, #foot{margin:0 auto;padding:0;position:relative;z-index:1;} /* QUICK LINKS */ #skiplinks{position:absolute;top:0;left:0;} #skiplinks a{position:absolute;top:-500px;left:0;z-index:10;min-width:200px;padding:10px;color:var(--color-bg);} #skiplinks a:focus{top:0;background:var(--color-text);color:var(--color-bg);} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head1 .container{display:flex;flex-flow:row wrap;justify-content: space-between;align-items: center;position:fixed;top:0;z-index:5000;background:var(--color-dark);width:100%;} header{} #logo{padding:.5em 1rem;} #logo #title a, #sidr-id-title a{color:var(--color-hover);font:bold 2em 'Arial';line-height:1em;text-decoration:none;} #logo #title a span, #sidr-id-title a span{color:var( --color-divider);background:inherit;} #logo #title a strong, #sidr-id-title a strong{color:var(--color-bg2);background:inherit;} #logo #title a em, #sidr-id-title a em{color:var( --color-divider);font-style:normal;} #logo #slogan{padding:4px 0 0 4px;background:inherit;color:var(--color-bg2);} .prep-info{background:#0093dd;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;position:absolute;top:50px;z-index:500;} .prep-info-sub { background: #0093dd; color: #fff; width: 74%; display: flex; justify-content: center; align-items: center; padding: 1em; position: absolute; bottom: 36px; z-index: 500; font-size: .6em; left: 13%; right: 12%; } /* MENU TOP */ .menu-top .level-0-menu{display:flex;flex-flow:row wrap;list-style:none;} .menu-top a{display:block;padding:.6em 1em;color:var(--color-primary);text-decoration:none;transition:all 0.5s ease;} .menu-top a:hover, .menu-top .selected a, .menu-top .selected-parent a{color:var(--color-text);} /* SLIDER */ /* You will find slider styles in style-slider.css file */ /* BODY/CONTENT STYLES */ #body{clear:both;margin:0;border-top:0px solid #eaeaea;position:relative;z-index:4;padding-top:0;padding-bottom:0px;} #page1 #body{margin-bottom:0px;padding-top:0;} #body:after{content:"";display:table;clear:both;} /* PAGE */ #page{position:relative;margin:0 0 30px;text-align:left;margin: 0 auto;padding-bottom:100px;background:var(--color-bg);padding:0em;order:1;width:100%;} #page:after{content:"";display:table;clear:both;} #page h1, .heading-1{margin:.8em 0 .4em;color:var(--color-text);font-size:1.417rem;font-weight:normal;} .is-product #page h1, .is-product .heading-1{padding-top:0em;padding:0 1em;text-align:center;} #page .msg.error h1, #page .msg.error .heading-1{margin-top:.4em;color:var(--color-bg);} #page .msg.error.panel h1{margin:0;font-size:1rem;} .is-product #page, .track-list-page #page{margin-top:3em;} /* PAGE - BREADCRUMB (navigation path) */ .breadcrumb{margin-bottom:1.25rem;text-align:center} .breadcrumb ol{list-style:none;} .breadcrumb li{display:inline-block;} .breadcrumb li:not(:first-child)::before{content:"\203A";display:inline-block;padding:0 .5em;color:var(--color-text);font-weight:bold;} /* PAGE CONTENT */ #page div.content{width:100%;margin:0 auto;} #page div.content > ul, #page div.content > ol{padding:0 0 0 2em;} /* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */ #page div.content > ul li, #page div.content > ol li{margin:.5em 0;padding:0;} .is-subpages-type-5 .title{font-size:0.8em;} #page div.content > h2{font-size:1.5rem;line-height:2em;font-weight:normal;} #page div.content > h3, h3{font-size:1rem;} #page div.content > p{padding-bottom:1em;} #content{display:block;} .is-product #content, .track-list-page #content{display:flex;flex-direction:column;width:100%;} .left-column{width:300px;padding:1em;background: #d3d7da;order:2;padding-top:5em;} .column-pages ul{width:100%;margin:0;justify-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;} .column-pages ul .page{width:100px;margin:0.2em;} #page > time{color:var(--color-text);} @media screen and (min-width:960px){ #page > time{position:absolute;top:2.5rem;right:0;} } /* IMAGES STYLES */ /* global */ .albums li img{width:100%;} #content li img:hover{opacity:1;} ul[class*='images-']{list-style:none;} ul[class*='images-'] li{margin:0 auto;background:inherit;text-align:center;} .images-7 li{height:500px;width:100%;} .images-6 li{height:200px;width:100%;} ul[class*='images-'] p{max-width:250px;margin:0 auto;color:var(--color-bg2);font-size:0.875em;} ul[class*="images-"] img{max-width:90%;box-shadow:0 0 4px rgba(100,100,100,0.4);} ul[class*="images-"] img:hover{opacity:0.8;} div.content .images-gallery{padding:0;} /* list custom */ .images-1{clear:left;margin: 0 auto;float:none;text-align:center;} .images-2{clear:right;float:right;margin:.5rem 0 0 1rem;} .images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;} .images-gallery li{flex:1 0 auto;padding:.3rem 2rem;} div.content .images-gallery{clear:none;} .sub-file .image{text-align:right} .sub-file .image img{scale:0.7;} .sub-file{padding-left:6px !important;} .sub-file .icon-play, .sub-file .icon-pause, .sub-file .icon-forward{width:20px;height:20px;} /* @media screen and (min-width:960px){ .images-4 li{flex:0 0 25%;} } */ /* - if you want to set static number of columns */ /* FILES LIST STYLES */ .files-list{margin:1rem 0 .5rem;list-style:none;vertical-align:middle;border-left:2px solid #c8cccf;font-size:0.9rem;} .files-list li{height:20px;margin:0 0 1rem 1rem;padding-left:2rem;background:url('img/files-ext.gif') no-repeat 0 -260px;} .files-list p{display:inline;color:var(--color-bg2);font-style:italic;} .files-list p:before{content:" - ";} .files-list .zip{background-position:0 0;} .files-list .xml{background-position:0 -20px;} .files-list .xls{background-position:0 -40px;} .files-list .web{background-position:0 -60px;} .files-list .vcf{background-position:0 -80px;} .files-list .txt{background-position:0 -100px;} .files-list .sys{background-position:0 -120px;} .files-list .swf{background-position:0 -140px;} .files-list .psd{background-position:0 -160px;} .files-list .pps{background-position:0 -180px;} .files-list .png{background-position:0 -200px;} .files-list .pic{background-position:0 -220px;} .files-list .pdf{background-position:0 -240px;} .files-list .nn{background-position:0 -260px;} .files-list .eml{background-position:0 -280px;} .files-list .media{background-position:0 -300px;} .files-list .fla{background-position:0 -320px;} .files-list .exe{background-position:0 -340px;} .files-list .chm{background-position:0 -360px;} .files-list .cdr{background-position:0 -380px;} /* QUICK.BOX */ #quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;} #quick-box .background{height:100%;} #quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px var(--color-text);} #quick-box .image-wrapper{position:relative;line-height:0;} #quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;} #quick-box .navigation{position:absolute;bottom:0;margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;} #quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('../admin/img/fullscreen.png') no-repeat;} #quick-box .description{margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;} #quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;font-family:Verdana;z-index:100;opacity:0.5;text-decoration:none;} #quick-box .arrow:before, #quick-box .arrow:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);} #quick-box .arrow:before{width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;z-index:1;} #quick-box .arrow:after{width:52px;height:52px;background:rgba( 0, 0, 0, 0.2 );z-index:-1;} #quick-box .arrow.prev:before{background-position:0 -32px;} #quick-box .arrow.next:before{right:0;} #quick-box .arrow.next:after{right:0;} #quick-box .arrow:hover{opacity:0.9;} #quick-box .prev{left:0px;} #quick-box .next{right:0px;} #quick-box .close{position:absolute;top:0;right:0;padding:0.15em 0.4em 0.2em;opacity:0.5;background:var(--color-text);color:var(--color-bg);font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:0px solid var(--color-bg);border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;} #quick-box .close:hover{opacity:0.8;} #quick-box .close, #quick-box .arrow{line-height:normal;} #quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;} @media /* High px density (mostly mobile) - so you can magnify something */ only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ #quick-box .close{font-size:1.5rem;} #quick-box .prev, #quick-box .next{opacity:0.5;text-decoration:none;} } /* SUBPAGES LIST STYLES */ /* global */ .title{padding:0 0 0.5em;font-size:1.25rem;} .title a{color:var( --color-divider);font-weight:normal;background:none;text-decoration:none;} .title a:hover{color:var(--color-bg2);background:none;text-decoration:underline;} time.date{display:block;padding:0 0 0.3em;color:var(--color-text);} [class|="pages"]{clear:both;margin:.5rem 0;list-style:none;} [class|="pages"] .page:after{content:"";display:table;clear:both;} [class|="pages"] .more{display:block;margin:0.3em 0 0;} [class|="pages"] p{padding:0.3em 0;} .page.sub.selected{opacity:0.3;color:var(--color-text);} .page.sub.selected:hover{opacity:0.3;color:var(--color-text);} .page.sub.selected .title a{opacity:1;color:var(--color-text);} .page.sub.selected .title a:hover{opacity:1;color:var(--color-text);} .albums #content li img{width:100%;margin:0;padding:0;} /* standard list */ .pages-list .page{margin:15px 0;padding:.5rem 2.5%;border:0px solid #e0e0e0;border-top:0px solid var(--color-border);} .pages-list .page .image{float:left;margin:0 2.5% 5px 0;} .pages-list ul, .pages-list ol{margin:5px 0 0 4%;padding:0;list-style:disc;} .pages-list .page li{padding:0;border:0;background:none;} .pages-list .page ol{list-style:decimal;} /* subpages gallery/boxes/products etc */ .pages-gallery{display:flex;justify-content: center;flex-direction:column;flex-wrap:wrap;margin:0 auto;} .pages-gallery .page{margin:5px;padding:0;border:0px solid #e0e0e0;border-top:0px solid var(--color-border);text-align:center;width:100%;} .pages-gallery .page .image{margin:0 0 5px;} .pages-gallery div.description{padding:0.3em 0;text-align:justify;} .pagination{text-align:center;margin:1em;} .pagination ul, .pagination li{display:inline;} .pagination li{padding:0 2px;} .pagination a, .pagination strong{padding:0 3px;} /* SITE MAP */ #site-map{clear:left;margin:1rem 0;list-style:none;} #site-map .sitemap__section{padding:.3em 0 .3em 2rem;list-style:none;} #site-map .sitemap__el{padding:.3em 0;} #site-map .sitemap__el--0{padding:.5em 0;} #site-map .sitemap__link--0, #site-map .sitemap__nolink--0{font-size:1.25rem;} #site-map .sitemap__link--1, #site-map .sitemap__nolink--1{font-size:1.125rem;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot{background:var(--color-bg);color:var( --color-text);font-size:1.083em;padding: 0;border-top: 1px solid var(--color-border);margin-top: 0em;position: relative;bottom:0px;width: 100%;} #foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;} #foot .container > *{padding:1.5rem 2rem;} #foot a{color:var( --color-text);text-decoration:none;} #foot a:hover{text-decoration:underline;} #foot .options ul{display:flex;list-style:none;} #foot .options li:not(:last-child){margin-right:2rem;} #foot .options a{display:block;width:16px;height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;background:url('img/options.png') no-repeat center 0;} #foot .options .print a:hover{background-position:center -16px;} #foot .options .back a{background-position:center -32px;} #foot .options .back a:hover{background-position:center -48px;} footer{padding:3em 1em 10em;;} .copy{font-size:.8em;margin:0 1em;color: var(--color-text);} #powered .container{clear:both;width:100%;margin-bottom:60px;text-align:center;margin:0 auto;display:flex;flex-direction:column;justify-content:center;} #powered a{display:inline-block;text-decoration:none;font-size:.8em;margin:1em;color: var(--color-text);} #page1 #powered{top:85%;position:relative;z-index:7;width:100%;background:var(--color-bg);} /* COMMON CLASSES */ .form-full{clear:both;margin:25px auto 0;display:flex;justify-content:center;align-items:center;height:100%;margin-bottom: 2em !important;} .form-full dt{padding:0 0 7px;} .form-full dd{margin-bottom:20px;} .form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width:99%;padding:7px;font-size:1em;} .form-full .save{text-align:center;} .form-full .save input{padding:0.8em 1.5em;text-transform:uppercase;letter-spacing:1px;} .captcha{width:40%;} .captcha input[type="text"]{min-width:60px;width:6%;} .captcha strong{font-weight:bold;} .captcha em{font-style:normal;font-weight:bold;} .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} input.bpm-input{width:70px !important;} .bpm-text strong, span.bpm-text{font-size:15px;} .user-files-table tr td{display: flex;flex-direction:row;justify-content: center;align-items: center;gap: .5em;} .user-files-table tr{display:flex;flex-direction:row;justify-content: space-between;} /* ADMIN OPTIONS */ #page ul.options{position:absolute;right:3em;top:75px;min-width:100px;list-style:none;text-align:right;} #page ul.options li{display:inline-block;margin-left:10px;} .panel-link{display:inline-block;width:21px;height:21px;background:rgba(255,255,255,0.6) url('../admin/img/options.png') no-repeat 0px 0px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;position:absolute;} .panel-link.edit:hover{background-position:0 -21px;} .panel-link.delete{background-position:-21px 0;} .panel-link.delete:hover{background-position:-21px -21px;} .dev{padding:5px;text-align:center;color:#f00;font-weight:bold;} @media print{ /* PRINT STYLES */ * {color:var(--color-text) !important;background:var(--color-bg) !important;border-color:var(--color-gray) !important;border-width:1px !important;} body{margin:1cm 0;font-size:0.875em;} #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;} #head1{height:auto;} #logo{padding:0 0 0.2cm;} #logo #title a{font-size:2em;} .menu-top{margin-top:0.3cm;} .menu-top li a{padding:0.1cm 0.2cm;border:0;border-right:1px solid var(--color-text);font-size:1em;} .menu-top .selected a, .menu-top .selected-parent a{font-weight:bold;} #head2 .container{position:static;} #body{clear:none;border-top:0;} #page{clear:both;position:static;float:none;} #page h1{margin:0;} #body, #head1, #foot{float:none;} .menu-top li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after, #search-form, #foot .options{display:none;} } /* PLUGINS */ /*Rating*/ #pageRating { margin: 5px 0; text-align: center; } #pageRating h3{margin:0 auto;text-align:center;} #pageRating .results { margin: 5px 0 0; font-size: 0.7em; color: #888; } #pageRating .results strong { padding: 0 0 0 2px; color: #888; } ul.rating { margin: 0 auto; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; } ul.rating li { cursor: pointer; text-indent: -999em; position: relative; width: 17px; height: 17px; } ul.rating li a { display: block; width: 100%; height: 100%; position: relative; } ul.rating li a svg { width: 17px; height: 17px; fill: black; } #pageRating ul.rating li a svg { width: 20px; height: 20px; fill: black; } ul.rating li a:hover svg, ul.rating li a:focus svg { fill: #ffab00; } .star-icon{position:absolute;top:0;left:0;width:17px;height:17px;} #pageRating .star-icon{position:absolute;top:0;left:0;width:20px;height:20px;} /* for lists */ .pageRating { margin: 5px 0; text-align: center; } .pageRating .results { margin: 5px 0 0; font-size: 0.7em; color: #888; } .pageRating .results strong { padding: 0 0 0 2px; color: #888; } .song-quantity{font-size:.8em;} /* TAGS */ ul.tags{clear:both;padding:0.5em 0;list-style:none;} .tags li{display:inline-block;} .tags a{display:inline-block;margin:0 5px;padding:3px 6px 3px 21px;background:url('img/tag.png') no-repeat 2px 4px;border:0px solid var(--color-border);} .tags a:hover{color:var( --color-divider);} .tags li.head a{margin:0;padding-left:0;border:0;} .pages-list .tags{margin:0;} /* USER ORDERS HISTORY */ .details-list .legend{padding:1em 0 0.5em;background:inherit;color:var(--color-gray);font-size:1.2em;font-weight:bold;} .details-list dl{display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid var(--color-bg2);border-bottom:0px solid var(--color-bg);background:var(--color-bg);} .details-list dt, .details-list dd{display:inline-block;width:40%;margin:0;padding:3px 0;vertical-align:top;} .details-list dt{clear:left;text-align:right;} .details-list dd{padding-left:2%;font-weight:bold;} .details-list .comment{font-weight:normal;} /* RELATED PAGES */ #pages-related{clear:both;margin:0 auto;width:90%;display:none;} #pages-related > h2{padding-top:1em;color:var( --color-divider);font-size:1.25em;} #pages-related .page{width:100%;} #pages-related .page img{width:100%;} /* PAGES PRODUCTS */ div.price{padding:5px 0;color:var( --color-divider);font-size:1em;font-weight:normal;} div.price em{padding-right:4px;font-style:normal;} div.price strong{font-size:1.125em;font-weight:bold;color:var( --color-divider);} div.price.bigger strong{padding:0 2px;font-size:1.222em;} div.price span{padding-left:4px;} div.price.old *{color:var(--color-border);} div.price.old strong{text-decoration:line-through;} .is-old-price div.price:not(.old) *{color:var( --color-divider);} /* highlight price when it is promotion */ #page > .price{padding-bottom:10px;color:var(--color-gray);font-size:1.125em;} /* PAGE MODIFICATION DATE AND AUTHOR */ .modify-info{clear:both;padding-top:10px;list-style:none;font-size:0.875em;} .modify-info li{padding:5px 0;} .modify-info .value{font-weight:bold;} /* ADVANCED SEARCH */ #search-form a.advanced-search{clear:both;display:block;padding:4px 6px;font-size:0.875em;text-decoration:none;} #search-form a.advanced-search:hover{text-decoration:underline;} #search-form a.advanced-search:after{content:' \00bb';} /* PAGES FEATURES */ #features{margin:0 0 15px;min-width:250px;border-collapse:collapse;border:0px solid var(--color-border);font-size:1em;} #features caption{padding:5px;background:var(--color-bg2);color:var(--color-bg);border:0px solid var(--color-bg2);text-align:center;font-weight:bold;} #features tbody td, #features tbody th{padding:5px 7px;background:var(--color-bg);font-weight:normal;text-align:left;} #features tbody tr:nth-child(even) td, #features tbody tr:nth-child(even) th{background:#f8f8f8;} /* ORDERING */ .order-box{margin:2em 0 1em;display: flex;justify-content: center;} .order-link{padding:5px 14px;border-width:1px;border-style:solid;background:var(--color-bg2);color:var(--color-bg);text-decoration:none;transition:all 0.3s ease;border-radius:2px;} .order-link:hover, .order-link:focus{background:var(--color-dark);color:var(--color-bg);text-decoration:none;cursor:pointer;} .order-form legend{width:99%;margin-bottom:10px;padding-bottom:15px;color:var( --color-divider);font-size:1.5em;font-weight:normal;border-bottom:0px solid var(--color-bg2);} .order-form .option{margin:4px 0 10px;font-size:0.875em;} .order-form .option label{margin:0 4px;font-weight:normal;} .ordered-elements table{margin:0 0 20px;width:99%;border-collapse:collapse;border:0px solid var(--color-bg2);font-size:1em;} .ordered-elements tr > *{padding:5px 7px;background:var(--color-bg);font-weight:normal;text-align:left;} .ordered-elements thead td{padding:5px;background:var(--color-bg);color:var(--color-text);border-bottom:1px solid var(--color-bg2)} .ordered-elements thead em{padding:0 4px 0 0;font-style:normal;} .ordered-elements tbody tr:nth-child(even) > *{background:var(--color-bg2);} .ordered-elements .price{text-align:right;} .ordered-elements .quantity{width:100px;text-align:right;} .ordered-elements .quantity input{text-align:right;} .ordered-elements .quantity label{position:absolute;clip:rect(1px, 1px, 1px, 1px);} .ordered-elements tfoot .summary > *{padding:10px;font-size:1.25em;background:var(--color-bg2);} .ordered-elements .recount th{text-align:right;} .ordered-elements .recount input{padding:3px 8px;font-size:0.875em;} #basket-options{width:100%;} #basket-options li{display:inline-block;width:49.3%;} #basket-options .checkout{text-align:right;font-size:1.125em;} #basket-options .btn.continue{background:#666;} #basket-options .btn.continue:hover{background:var(--color-dark);} #checkout{display:none;margin-top:0;padding-top:30px;} [class*="menu-"] .products-in-basket{display:inline-block;min-width:20px;margin-left:4px;padding:1px;text-align:center;color:var(--color-bg);background:var(--color-hover);border-radius:2px;font-style:normal;font-size:0.75em;} [class*="menu-"] a:hover .products-in-basket, [class*="menu-"] .selected a .products-in-basket{background:var(--color-bg2);} /* NOTICES ACCEPTS */ .notices{list-style:none;} .notices .option, .option.notice{margin:4px 0 10px;font-size:0.875em;} .notices .option label, .option.notice label{margin-left:4px;font-weight:normal;} /* DROP DOWN MENU */ /* it is RECOMMENDED to combine these styles with standard .menu-top styles */ .menu-top ul{list-style:none;} /* dropdown mark */ .menu-top li.drop-down:before{position:absolute;right:3px;display:block;content:"\25be";color:var(--color-text);} /* dropdown mark - second level */ .menu-top .level-1-el.drop-down:before{top:50%;transform:translateY(-50%) rotate(-90deg);} /* global submenus styles */ .menu-top ul ul{display:none;white-space:nowrap;background:#efefef;} .menu-top li:hover > ul{display:block;} /* show submenu on hover */ .user-page h1{display:flex;justify-content:start;align-items:center;} .summary-music-time{margin:0 ;padding: .5em;color:var(--color-text);font-size:15px;} .sidr .level-0-el.open > .level-1-menu { display: flex; /* Wyświetl submenu dla otwartych elementów nadrzędnych */ } .sidr .level-1-menu { display: none;} /* DOWNLOAD LIST */ #download-list{width:90%;margin:15px auto 5px;} #download-list td{padding:7px 12px;} #download-list thead{text-align:center;} #download-list thead a{font-weight:bold;} #download-list tbody .name a:first-child{position:relative;padding-left:26px;} #download-list tbody .name a:first-child:before{content:'';position:absolute;left:0px;width:16px;height:20px;background:url('img/files-ext.gif') no-repeat 0 -260px;} #download-list tbody p{margin:5px 0 0 26px;color:#777;font-size:0.938em;} #download-list tbody .size, #download-list tbody .date-file{width:17%;max-width:170px;text-align:center;vertical-align:middle;font-size:0.938em;} #download-list tbody .size{text-align:right;} #download-list tbody .size abbr{font-style:italic;color:#777;} #download-list tbody .zip .name a:first-child:before{background-position:0 0;} #download-list tbody .xml .name a:first-child:before{background-position:0 -20px;} #download-list tbody .xls .name a:first-child:before{background-position:0 -40px;} #download-list tbody .web .name a:first-child:before{background-position:0 -60px;} #download-list tbody .vcf .name a:first-child:before{background-position:0 -80px;} #download-list tbody .txt .name a:first-child:before{background-position:0 -100px;} #download-list tbody .sys .name a:first-child:before{background-position:0 -120px;} #download-list tbody .swf .name a:first-child:before{background-position:0 -140px;} #download-list tbody .psd .name a:first-child:before{background-position:0 -160px;} #download-list tbody .pps .name a:first-child:before{background-position:0 -180px;} #download-list tbody .png .name a:first-child:before{background-position:0 -200px;} #download-list tbody .pic .name a:first-child:before{background-position:0 -220px;} #download-list tbody .pdf .name a:first-child:before{background-position:0 -240px;} #download-list tbody .nn .name a:first-child:before{background-position:0 -260px;} #download-list tbody .msg .name a:first-child:before{background-position:0 -280px;} #download-list tbody .media .name a:first-child:before{background-position:0 -300px;} #download-list tbody .fla .name a:first-child:before{background-position:0 -320px;} #download-list tbody .exe .name a:first-child:before{background-position:0 -340px;} #download-list tbody .chm .name a:first-child:before{background-position:0 -360px;} #download-list tbody .cdr .name a:first-child:before{background-position:0 -380px;} @media screen and (max-width:600px){ #download-list tr{display:block;border-top:0px solid var(--color-border);} #download-list td{display:inline-block;border:0;} #download-list tbody td.name{display:block;} #download-list tbody td.date-file{min-width:50%;text-align:left;} #download-list tbody td.size{min-width:50%;} } /* ASK ABOUT LINK - redirects to contact panel */ #ask-about-link{padding:.8em 0;} #ask-about-link a{color:var( --color-divider);} #ask-about-link a:before{display:inline-block;content:'';width:24px;height:24px;margin-right:.5em;background:url('img/ask-question.png') no-repeat 0px 0px;vertical-align:middle;} #ask-about-link a:hover{color:var( --color-divider);} #ask-about-link a:hover:before{background-position:0px 100%;} /* CONTACT-PANEL */ .contact-panel{padding:1.5rem 0;border-top:0px solid var(--color-border);border-bottom:0px solid var(--color-border);} /* COMMENTS */ #comments{padding:1.5rem 0;border-top:0px solid var(--color-border);} #comments h2{padding-bottom:1rem;color:var(--color-bg2);font-size:1.5rem;font-weight:normal;border-bottom:0px solid #eff0f3;} #comments article{width:100%;margin:1rem 0;padding-bottom:1rem;border-bottom:0px solid #eff0f3;} #comments header{margin-bottom:.5rem;} #comments h3{display:inline-block;font-size:1rem;color:var( --color-divider);} #comments time{float:right;color:var(--color-border);font-size:0.875rem;} #comments p{font-size:0.875rem;line-height:1.5em;} #comments .msg{margin:2rem 0 3rem;} @media screen and (max-width:1023px){ #comments .msg{background-image:none;} } #comments-form legend{padding-bottom:1.5rem;font-size:1.25rem;color:var( --color-divider);} .comments-count{display:block;padding:0.3em 0;color:var(--color-text);} /*qtf*/ .download-list-container { width: 100%; } .download-list-container .header, .file-entry { padding: 0em; clear:both; } .file-entry.default-icon{margin:0em auto;} .file-info { display: flex;justify-content: space-between;align-items: center;gap: 8px;padding:0;padding-right:1em;border-bottom: 0px solid var(--color-bg3);justify-content: space-between;border-radius: 1px;height:70px;} .file-entry.media:first-child{border-top:1px solid var(--color-bg3);} .file-entry.media{border-bottom:1px solid var(--color-bg3);} .expanded .file-info{ background:var(--color-bg3);} .file-entry.media.expanded .file-info{border-right:0px solid var(--color-bg3);} .file-entry.media.expanded:first-child{border-top:1px solid var(--color-bg3);} .file-entry.media.expanded{border:1px solid var(--color-bg3);border-top:0;} .file-entry.media .file-info {padding:0 1em;} .file-info:hover{} .file-description {font-size:.5em;order:5;} .file-details { display: flex; gap: 20px;order: 8;display:none; } .file-id{display: flex; gap: 20px;align-items:center;justify-content:start;order:2; display:none;} .audio-player { width: 0px; height: 50px; margin: 0;order:6; position:relative ;z-index:0;} .time-display { margin: 10px 0; text-align: center; order:3;font-size: .7em;display:flex;} .file-info .controls { display: flex; gap: 10px;position:relative;z-index:0;order:2; flex-direction:column;padding:0 1em;width: 50px;justify-content: flex-start;align-items: baseline; margin:0 auto;} .file-info .controls button { padding: 0; cursor: pointer; background:none;color:var(--color-text);} .file-info .controls .hidden { display: none; } .file-info .controls .selected { background-color: var(--color-text); color: white; border: none; } .song{display:none;position:relative;border:1px solid var(--color-secondary);border-top:0;} .download-button{bottom: 10px; right: 10px; display: inline-block; padding: 5px 10px; color: rgb(125, 125, 125); text-decoration: none; border-radius: 5px; font-size: 1em; } .download-button:hover{background-color:none;color:var(--color-hover);} .song-foot{display:flex;} .file-description {font-size:.9em;width: 100%;line-height: 1.2em;} .file-description span{font-size:.7em;} .file-info .image img,.file-info .image {height:50px;order: 1;width:50px;} .favorites.playlist-player .file-info .image img{margin-left:6px;} .album-link{position:absolute;right:100px;} .fa-solid, .fas{font-size:1em;width:auto;color:var(--color-bg2);} .file-entry.selected .file-info{background:var(--color-gray2);} #play-all-button, #next-button, #prev-button{font-size: 1em;background: none;padding: 0 .3em;color:var(--color-bg);border: 0px solid var(--color-bg);opacity:.7;margin: 0;order:99;} #next-button{font-size:2em;} #play-all-button:hover, #next-button:hover, #prev-button:hover{background:none;color:var(--color-gray);opacity:1;} .current-time{font-weight:600;color:var(--color-bg);width:60px;opacity:0;} .file-entry.selected .current-time{opacity:1;} .file-entry.selected .current-time, .file-entry.selected .time-display, .file-entry.selected .bpm{color:var(--color-white);} #current-composer{font-size:.7em;} .download-list-container{width:100%;} .playlist-player label, .favorites-playlist-player label{display:block;} .playlist-player label, .favorites-playlist-player label{font-weight:300;color:var(--color-white);padding:0 .5em;font-size:10px;} .playlist-player .icon-play, .playlist-player .icon-pause, .playlist-player .icon-forward, .favorites-playlist-player .icon-play, .favorites-playlist-player .icon-pause, .favorites-playlist-player .icon-forward{fill:var(--color-bg);} .playlist-player .image img, .favorites-playlist-player .image img{width:50px;} .playlist-player.fs, .favorites-playlist-player.fs{flex-direction:column;justify-content: center;} .controls.playlist-player, .controls.favorites-playlist-player{width: 100%; position: fixed; bottom: 0; left: 0; display:flex;align-items:center;background: var(--color-special); color:var(--color-white); padding: 5px 1em; z-index: 990;justify-content: space-between;background-image: url('img/fonaBG.svg');background-size: cover;} .controls.playlist-player.fs, .controls.favorites-playlist-player.fs{background: rgba(0,0,0,0.9);backdrop-filter: blur(100px);-webkit-backdrop-filter: blur(26px);} .controls.playlist-player .buttons, .controls.favorites-playlist-player .buttons{margin-right:1em;text-align:center;width:180px;} .controls.playlist-player .image, .controls.favorites-playlist-player .image{margin-right:1em;} .contact .form-full{height:auto;} .fs .controls.playlist-player .buttons, .fs .controls.favorites-playlist-player .buttons{border:1px solid var(--color-bg2);} .playlist-player button, .favorites-playlist-player button { border: none; background: none; cursor: pointer; color:var(--color-white);font-size: 2.3em;} .playlist-player button i, .favorites-playlist-player button i { color:var(--color-gray); } .controls.playlist-player i, .controls.favorites-playlist-player i{color:var(--color-white);} .playlist-player, .favorites-playlist-player { display: block; align-items: center; margin-bottom: 0px; } .controls.favorites-playlist-player .file-entry{border-bottom:1px solid #aaa;} .album-video{width:50px;} .fs .album-video{width:300px;margin:1em auto;} .download-list-container .audio-player .album-thumbnail { margin-right: 10px; font-size: 2rem; } .download-list-container .audio-player .wavesurfer-container { flex-grow: 1; } .download-list-container .audio-player img.album-thumbnail { width: 50px; height: 50px; object-fit: cover; border-radius: 5px; } .loop{right:1em;justify-content: center;align-items: center;display: flex;gap: 1em;flex-direction: column;font-size:.7em;width:80px;flex-direction:row;} .fa-toggle-on{opacity:.5;} .fa-toggle-off{opacity:1;} #logo #slogan{display:none;} .album-info h2{font-size:15px;display:none;} /* licence popup CSS */ .download-popup {display:none;position:absolute;z-index:990;left:0;top:0;width:100%;height:auto;overflow:auto;} .download-popup .fa-solid, .download-popup .fas{font-size:2em;width:auto;color:var(--color-onwite);} .playlist-popup{ position:absolute;z-index:3500;left:0; background:none; margin: 0 auto; padding: 0px; height:auto;border:0; width: 100%; display: flex; gap: 1em; align-items: center; justify-content: space-between;border-radius:10px;} .playlist-popup button{border-radius:5px;border:1px solid var(--color-text);padding:5px;} .playlist-popup .popup-content input, .playlist-popup .popup-content select{background:var(--color-bg);} .playlist-popup button:hover{background:var(--color-text);color:var(--color-bg2);} .playlist-popup .popup-content{background:var(--color-bg2);flex-direction:column;} .playlist-popup .popup-content div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;align-items: center; width: 100%;gap:1em} .playlist-popup .popup-content button{border:1px solid var(--color-text);} .playlist-popup .popup-content button:hover{background:var(--color-text);color:var(--color-bg2);} .popup-content{ background-color: var(--color-bg2); margin: 0 auto; padding: 20px; height:auto;border: 1px solid var(--color-border); width: 90%; display: flex; gap: 1em; align-items: center; justify-content: space-between;border-radius:10px;} .popup-button{background:none;} .popup-content h3{display:flex;flex-direction:column;} .popup-content h3 span{font-size:.7em;} .popup-content .image img{height:100%;} .popup-content p{display:flex;flex-direction:column;gap:1em;justify-content:center;align-items:center;font-size:.7em;} .pages-plans{display:flex;flex-direction:column;width:100%;justify-content:center;} .popup-content .close-popup{posiiton:absolute;top:1em;right:1em;} .popup-content .first, .popup-content .second{display:flex;flex-direction:column;} .playlist-popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:400;display:none;} #container { position: relative; overflow:hidden;} #container.show-popup::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; display: block; } .audiofiles-short-list{width:90%;margin:0 auto;} .audiofiles-short-list h2.head{font-size:4em;margin:2em auto 0;text-align:Center;border-bottom:1px solid var(--color-border);} .close {color:var(--color-secondary);float:right;font-size:28px;font-weight:bold;} .close:hover, .close:focus {color:black;text-decoration:none;cursor:pointer;color:var(--color-secondary);opacity:.8;} .cancel-button {background-color:var(--color-hover);color:white;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;} .cancel-button:hover {background-color:#d32f2f;} #loop-status{color:#fff;opacity:.5;} #loop-status.selected{opacity:1;background:none;} .playlist-popup .popup-content select { width: 200px; /* Szerokość selecta */ padding: 5px; /* Margines wewnętrzny */ font-size: 14px; /* Rozmiar czcionki */ border: 1px solid #ccc; /* Obramowanie */ border-radius: 4px; /* Zaokrąglenie rogów */ appearance: none; /* Ukrycie domyślnego stylu przeglądarki */ background-color: #fff; /* Kolor tła */ background-image: url('data:image/svg+xml;charset=UTF-8,'); /* Strzałka */ background-repeat: no-repeat; /* Bez powtarzania tła */ background-position: right 10px center; /* Pozycjonowanie strzałki */ background-size: 10px; /* Rozmiar strzałki */ } .playlist-popup .popup-content select:focus { outline: none; /* Usunięcie domyślnego obramowania przy focus */ border-color: #007BFF; /* Kolor obramowania na aktywny */ box-shadow: 0 0 3px rgba(0, 123, 255, 0.5); /* Efekt podświetlenia */ } .playlist-popup .popup-content button.close-popup:hover{background:none} .song-title{color:var(--color-text);} .clame {display:flex;justify-content: center;} .clame h2 strong{color:var(--color-text);} .widgets-1 { position: fixed; margin: 0 auto; text-align: left; width: 100%; height: 100%; z-index: 999; background: black; display: flex; justify-content: center; align-items: center; } #settings{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);z-index:1000;color:var(--color-text);padding:20px;box-sizing:border-box;} #settings .close{position:absolute;top:20px;right:20px;font-size:40px;cursor:pointer;} .settings{margin: 0 0 0 0;color:var(--color-secondary);display:block;} .settings:hover{color:var(--color-text);} .composer{display:none;} .menu-1.menu-top{margin-left:auto;display:none;}content #sidr-main{background:var(--color-bg);color:var(--color-text);} .sidr{background:var(--color-bg);} .sidr ul{margin-top:1em;} .sidr ul li a, .sidr ul li span{color:var(--color-text);} .sidr ul li a:hover, .sidr ul li span:hover{color:var(--color-bg);} .album-description{display:flex;flex-direction:column;} .album-description .column-1, .album-description .column-2{width:100%;} .sidr ul li:hover{background:var(--color-text);color:var(--color-bg);} .sidr-class-level-0-el.sidr-class-selected{background:var(--color-text);color:var(--color-bg);} #sidr-id-slogan {font-size:.5em;} .hamburger--stand.is-active .hamburger-inner::before, .hamburger--stand.is-active .hamburger-inner::after{color:var(--color-text) !important;} .parallax-window{;background: ransparent;clear:both;} .scene-parallax.images-6{height:200px;margin:50px 0;position:relative;clear:both;margin-bottom:0px;} .scene-parallax.images-7{height:500px;margin:0 auto 20px;position:relative;clear:both;} #layers5 .scene-parallax{margin-top:-100px !important;} .page-description{width:90%;margin:0 auto;} .recordCount{display:flex;width:95%;margin:0 auto;gap:1em;justify-content: center;flex-direction:column;align-items:center;} .fullscreen-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; } .fullscreen-popup .popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 80%; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-sizing: border-box; } .fullscreen-popup .audio-player-fullscreen { width: 100%; height: 100%; } .fullscreen-popup .close { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 24px; } .fa-heart.fa-solid, .fa-heart.fa-regular{font-size:1em;order:9;} .foot-list{width: 90%;margin:0 auto;display: flex;justify-content: center;} .audiofilesList {width: 90%;margin:2em auto;max-width:1440px;} .audiofiles-list{width: 90%;margin:0 auto;max-width:1440px;} .audiofiles-list i{color:var(--color-gray);} .song-info{width:40%;text-align:center;} .composers img, .about-composer img, .page-composers img{border-radius:50%;} .volume{width:100px;order:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap: 8px;} .volume label{font-size:12px;padding: 0 5px;} #volume-control{width:50px;height:2px;background:var(--color-white);} .user-info{width:auto;color:var(--color-text);padding:.5em 0;display:flex;justify-content:end;} .user-info a{color:var(--color-text);margin: 0 .3em 0 0;} .user-info a:hover{color:var(--color-text);opacity:.5;text-decoration:none;} .sidr-class-logged{margin-top:1em;} .promo .slider.quick-slider, .widgets-list.widgets-1, .promo-slider.quick-slider-slide, .promo .quick-slider img, .promo .quick-slider-slide{height:100% !important;} .login-page .widgets-list ul{height:100%} #menus{width: auto;display: flex;justify-content: center;align-items: center;} #menus .fa-regular, #menus .far, #menus .fa-solid {font-size: 25px !important;} #settings .fas, #settings .fa-regular, #settings .far{font-size: 56px !important;} #menus .fa-solid.fa-arrow-right-from-bracket{} #menus .fas.fa-search{margin:0 .2em;} .noLink img:hover{opacity:1 !important;} .user-files-table{width:100%;border: 1px solid var(--color-hover);display: flex;flex-direction: column;} .user-files-table tr.wav{flex-direction:row;justify-content:start;} .user-files-table tr.wav td.file-name{width:400px;font-size:15px;} .user-files-table thead{background:var(--color-gbg);color:var(--color-text);} .user-files-table thead th{display:flex;justify-content:center;align-items:center;} .user-files-table thead a {color:var(--color-text);text-decoration:underline;} .user-files-table tr td{padding:.5em;} .user-files-table .image img{width:50px;} .user-files-table th{font-size:12px; display:block; white-space:wrap; max-width: 100%;} .user-files-table tr td, .user-files-table th{display:flex;justify-content:center} .user-files-table tr td.id, .user-files-table th.id{width:40px;order:1;} .user-files-table tr td.space, .user-files-table th.space{width:50px;order:1;} .user-files-table tr td.file-name, .user-files-table th.file-name{width:200px;order:2;} .user-files-table tr td.song-title, .user-files-table th.song-title{width:200px;order:3;} .user-files-table tr td.album, .user-files-table th.album{width:70px;order:4;} .user-files-table tr td.totaltime, .user-files-table th.totaltime{width:50px;order:5;} .user-files-table tr td.instruments, .user-files-table th.instruments{width:100px;order:6;display:flex;} .user-files-table tr td.bpm, .user-files-table th.bpm{width:50px;order:7;display:flex;flex-direction:column;} .user-files-table tr td.performance, .user-files-table th.performance{width:40px;order:8;} .user-files-table tr td.key-song, .user-files-table th.key-song{width:100px;order:9;} .user-files-table tr td.zaiks, .user-files-table th.zaiks{width:150px;order:10;display:flex;flex-direction:column;} .user-files-table tr td.download, .user-files-table th.download{width:40px;order:11;} .user-files-table tr td.available, .user-files-table th.available{width:40px;order:12;} .user-files-table tr td.likes, .user-files-table th.likes{width:40px;order:13;} .user-files-table tr td.downloads, .user-files-table th.downloads{width:40px;order:14;} .user-files-table tr td.zaiks-registration, .user-files-table th.zaiks-registration{width:100px;order:10;display:flex;flex-direction:column;} .user-files-table tr td input.zaiks-registration-input, .user-files-table tr td input.zaiks-id-input{width:120px;} .user-files-table tr td.zaiks-name, .user-files-table th.zaiks-name{width:200px;order:10;display:flex;flex-direction:column;} .smallplayer{order:9;} .user-downloads-table{width:100%;border: 1px solid var(--color-hover);} .user-downloads-table tr:nth-child(even){background:var(--color-bg2);border:none;} .user-downloads-table thead{background:var(--color-gbg);color:var(--color-text);} .user-downloads-table thead a {color:var(--color-text);text-decoration:underline;} .user-downloads-table tr td{vertical-align: middle;padding:.5em;text-align:center;} .user-downloads-table i{color:var(--color-gray);} .user-downloads-table .image img{width:50px;} .song-list input[type="submit"], .song-list button[type="submit"]{float:right;margin:1em;background:var(--color-gray2);} .file-name{color:var(--color-text);} .song-list input[type="text"], .song-list input[type="password"], .song-list input[type="file"], .song-list input[type="email"], .song-list select, .song-list textarea{width:90px;background-color:var(--color-primary);color:var(--color-bg);border-color:var(--color-gray);} .song-list input[type="text"]{width:200px;padding:.5em 1em;background:var(--color-bg);color:var(--color-text);} .modal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4);backdrop-filter: blur(100px);-webkit-backdrop-filter: blur(30px); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 0; border: 0px solid #888; width: 80%;border-radius:20px; } .left-content{padding:1em;} .search-modal{display:flex;justify-content:center;align-items:center;} .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .modal-content #search-form .field{font-size:3em;padding:.8em;width:100%;margin:0;} .modal-content #search-form fieldset{width:100%;} .modal-content #search-form{display:flex;justify-content:center;align-items:center;} .modal-content .fa-solid, .modal-content .fas{font-size:4em;} .modal-content .fas.fa-search{margin:0 auto 0 0;} .showWaveFiles button{padding:1em;background:var(--color-bg2);margin:.3em;} .navi-list{display:flex;justify-content:start;align-items:center;gap:1em} .user-files-table tr.paired{background:var(--color-bg);} tr.wav {display: none;} tr.wav.odd{background:var(--color-bg2);} tr.wav.even{background:var(--color-bg);} tr.mp3{background: var(--color-hover);border: 1px solid var(--color-bg2);border:1px solid var(--color-bg);} tr.mp3.odd{background:var(--color-bg2);} tr.mp3.even{background:var(--color-bg);} tr.expanded .file-name {font-weight: bold; color: green;} tr.wav {display: none;} tr td.file-name{width:150px;word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; hyphens: auto; font-size:.7em; } tr.mp3:nth-child(3n){opacity:4;} tr td.instruments{width:300px;} .search fieldset {border: none;padding: 0;margin: 0; } .search label {display: inline-block;margin-right: 15px;font-size: 14px; } .search input[type="date"], .search input[type="checkbox"] {padding: .1em .7em;font-size: 14px;margin-left: 5px; } .search input[type="submit"], .search input[type="submit"][name="resetFilter"] {padding: 5px 10px;font-size: 14px;margin-left: 10px;cursor: pointer; } .search {margin-bottom: 20px; } #sDateTo, #sDateFrom{display:inline-flex;font-size:1.2em;} .available i{font-size:1em;} .favorite{order:90;display:none;} .favorite span{padding:0 .2em;margin:1em auto;font-size:12px;text-align:center;} .popup-button{order:91;} .upload-profile-foto{display:flex;flex-direction:column;} .profile-image{display:flex;flex-direction:column;margin-bottom: 2em;} .profile-image img{margin-right:1em;margin-bottom:1em;} .profile-image ul{display:flex;flex-direction:column;gap:.4em 0;margin-top:2em;} .profile-image ul li{display:flex;flex-wrap:wrap;gap:1em .3em} .form.form-full.register .profile-image{flex-direction:column;} .fa-regular.fa-pen-to-square.edit-icon{opacity:.3 !important;} .fa-regular.fa-pen-to-square.edit-icon:hover{opacity:1 !important;} .zaiks{display:flex;flex-direction:column;justify-content: center; align-items: center; gap: 0 .1em;} sup{font-size:9px;padding:0 0 0 5px;color:var(--color-bg);} #icon-cd sup{padding:0 5px 0 0} .user-info .fa-solid.fa-heart sup{font-size:9px;padding:0 .4em;} .fa-solid.fa-file-arrow-down sup{font-size:9px;padding:0 .4em;} .fa-solid.fa-user sup{font-size:9px;letter-spacing:.2em} .fa-solid.fa-compact-disc sup{font-size:9px;padding:0 .4em;} #search-form input[type="text"] {border:0;} #search-form input[type="text"]:focus{box-shadow:none !important;border:0 !important;outline:0 !important;} /* .tape-container {background: url('img/tapeBoxBW.svg') no-repeat center center; position: width: 110px; height: 85px; margin: 0 auto;display: none;display: flex;justify-content: center;align-items:center; gap: 1em; padding-bottom: .7em; } .tape-reel {width: 25px;height: 25px;background: url('img/tapeBW.svg') no-repeat center center;background-size: contain;animation: spin 4s linear infinite; } @keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); } } .tape-reel.paused {animation-play-state: paused; } */ .tape-container {width: 110px; height: 50px; margin: 0;display: flex;display: none;justify-content: center;align-items:center; gap: 1em; position:relative;} .tape-reel {width: 50px;height: 50px;background: url('img/tapeBW.svg') no-repeat center center;background-size: contain;animation: spin 4s linear infinite; } @keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); } } .tape-reel.paused {animation-play-state: paused; } .file-entry{position:relative;} .file-entry.media {transition: height 0.3s ease;position: relative;min-width: 360px; } .audio-player.large { min-width: 100%;width: 100%;height: 150px; /* Adjust height as needed */margin-top: 20px; } .audio-player.small {width: 100%;height: 50px; } .file-entry.expanded {height: auto;padding-bottom: 0px; } .expand-player {margin-left: 10px;cursor: pointer; } .file-info {position: relative;border-bottom: 1px solid var(--color-bg2); } .file-info.looped, .file-entry.selected .file-info.looped, .file-entry.selected .file-info.looped wave{background:var(--color-looped);} .file-entry .expand-player {position: absolute;top: 5px;right: 10px; } .playlist-player .image img, .favorites-playlist-player .image img{width:50px;} .fs { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; } .fullscreen-exit { position: fixed; top: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.8); border: none; cursor: pointer; padding: 10px; font-size: 24px; z-index: 10000; border-radius: 50%; } .fullscreen-exit i { color: #000; } .tape-reel, .tape-container:before {display:none;} .player-settings{display:flex;} .fs .tape-reel {width: 100px;height: 100px;display:block;} #loop-playlist-button {font-size:14px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap: 0 1em} .controls.playlist-player{display:flex;gap:1em} .fs .loop{position:relative;display:flex;flex-direction:row;} .fs .image{order:1;} .fs .album-info{order:0;opacity:.3;display:flex;} .fs .song-info{font-size:1em;flex-direction:column;display:flex;width:100%;order:3;} .fs .tape-container {width: 230px; height: 100px;order:4;opacity:.3;} .fs #fullscreen-button{display:none;} .playlist-player.fs, .favorites-playlist-player.fs{flex-direction:column;justify-content: center;} .playlist-player .head, .favorites-playlist-player .head{display:none;} .playlist-player.fs .head, .favorites-playlist-player.fs .head{display:flex;flex-direction:column;order:-1;opacity:.3;font-weight:200;font-size:15px;letter-spacing:.3em;justify-content:center;align-items:center;} .fs #current-composer{font-size:1em;justify-content: center; align-items: center; display: flex; padding: 0; flex-direction:column;line-height:1.1em;} .fs #current-composer label{font-size:.4em;font-weight:300;display:block;} .fs #current-track{display:flex;flex-direction:column;justify-content: center; align-items: center;gap:.5em;font-size:2em;} .fs .clock{display:block;width:400px;height:400px;background:none;} .clock{height:auto;width:auto;width:70px;height:70px;} .fona-clock, .clock{display:none;position:absolute;} .fs .fona-clock { display:block;width: 400px; height: 400px; border: 10px solid var(--color-black); border-radius: 50%; position: absolute; background-color: var(--color-black);z-index:991; } .fs .fona-clock div { position: absolute; background-color: var(--color-text); top: 50%; left: 50%; transform-origin: 50% 100%; transform: translateX(-50%) translateY(-100%); } .fs .hour { width: 10px; height: 100px; background-color: #333; } .fs .minute { width: 4px; height: 140px; background-color: #555; } .fs .second { width: 2px; height: 180px; background-color: red; } .fs .fona-clock::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background-color: var(--color-black); border-radius: 50%; transform: translateX(-50%) translateY(-50%); } .fs .current-time-display{font-size:1.5em;order: 4;margin: 0 1em;opacity:.6;} .fs .current-time-display #player-current-time{font-weight:600;} .current-time-display #current-track-duration{font-weight:300;opacity:.4;} .end-of-playlist-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 1000; text-align: center; } .end-of-playlist-modal .modal-content button { margin: 10px; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } .end-of-playlist-modal .modal-content button:hover { background-color: #f0f0f0; } .fs.hidden { display: none; } .reset.nb.palette-light.nb-standalone{width:100%;height:100%;} .palette-light .cc-nb-okagree, .palette-light .cc-nb-reject, .palette-light .cc-cp-foot-save{background-color:#ccc !important;} .cc-nb-main-container, .cc-pc-container{padding:0; background: #fff; position: fixed; bottom: 0; z-index: 600;width:100% ;} .cc-nb-main-container{height:auto;} .cc-nb-buttons-container button{padding:.5em 1em;margin:1em;} .cc-cp-body{display:flex;} .cc-cp-body-tabs{display:flex;flex-direction:column;width:20%;} .cc-cp-body-tabs{list-style:none;} .cc-cp-body-tabs li button{padding:.3em 1em;width:60%;margin:.1em;display:block;height:60px;} .cc-cp-foot-byline{font-size:.4em;} .cc-cp-body-content, .cc-nb-text{font-size:.7em;padding:1em;width:100%;text-align:left;} .cc-pc-head-close{padding:1em;margin:0 1em;} .cc-pc-head-title, .cc-pc-head, .cc-pc-head-title-text{display: flex; padding: 0 1rem;justify-content:center; align-items:center;} .cc-cp-foot-save{padding:.5em 1em;} .cc-cp-foot-save:hover{background:#999;} .cc-custom-checkbox, .cc-nb-title{font-weight:700;} .cc-custom-checkbox{font-weight:bold;margin:0 1rem 0 0;padding:0 1em;display:flex;} .cc-custom-checkbox label{font-weight:700;} .cc-custom-checkbox input{padding:.6em ;border:1px solid #eee;} .cc-cp-body-content-entry a{text-decoration:underline;font-weight:bold;} .cc-cp-body-content-entry{flex-direction:row ;display:flex;} .cc-custom-checkbox input:hover,.cc-custom-checkbox input:selected{background:#eee;} .cc-cp-body-tabs-item-link:hover, .cc-pc-head-close:hover{background:#000;color:#fff;} .cc-pc-head-lang-select{display:none;} .cc-pc-head-title-headline{font-size:1em;} .reset div{display:flex !important;flex-direction:column;justify-content:flex-end} .palette-light.nb{background:none !important;} .pc-dialog{width:100% !important;max-width:100% !important;} .cc-nb-buttons-container button{height:50px;} .cc-cp-body-tabs li button{height:auto;} .pc-dialog .cc-cp-body-tabs-item-link{padding:0 2em !important;} .pc-dialog .cc-cp-body-tabs{width:auto;} .pc-dialog .cc-pc-head-title{display:flex;flex-direction:row !important;} .palette-light .cc-cp-body-tabs, .palette-light .cc-cp-body-tabs{background:#fff !important;} .file-entry.media.selected .song-title, .file-entry.media.selected .file-description{color:var(--color-white);} .fs .image img{width:200px;margin:1em auto;} .song-head{display:none;text-align:center;} .fs .player-settings{margin-top:0em;order:10;} .fs .buttons{order:9;margin:0 1em;} #current-composer label, #current-track label{display:none;} .songs-quantity{text-align:center;font-size: .7em;padding: 1em;} .songs-time{margin:0 auto;font-size:12px;text-align:center;padding:1;margin-top:1em;} .loop-toggle button{background:none;color:var(--color-text);opacity:1;} .loop-toggle button.active { opacity:.3; } .loop-toggle button.active i { transform: rotate(90deg); transition: transform 0.3s ease; } .loop-toggle button i { cursor: pointer;} .loop-toggle span{margin:0 1em;} .loop-toggle{display:flex;margin-left: auto;margin-bottom: 1em;justify-content: right;align-items: end;} .loop-toggle .icon.icon-rotate{order:100;} .loop-toggle span{order:99;} .tape-container:before {content: "";display: none;width: 70px;height: 2px;position: absolute;top: 2px; background: linear-gradient(to right, #ffffff 50%, transparent 50%);background-size: 10px 4px; border-radius: 50%;animation: dashmove .5s linear infinite; } .tape-container.paused:before {animation-play-state: paused; } .fs .tape-container:before {content: "";display: block;width: 140px;height: 4px;position: absolute;top: 2px; background: linear-gradient(to right, #ffffff 50%, transparent 50%);background-size: 10px 4px; border-radius: 50%;animation: dashmove .5s linear infinite; } .fs .tape-container.paused:before {animation-play-state: paused; } @keyframes dashmove {0% { background-position: 0 0; }100% { background-position: 20px 0; } /* Dopasuj do prędkości przesuwania */ } #playlist-current-time-display, #playlist-total-time-display{display:none;} .fs #playlist-current-time-display, .fs #playlist-total-time-display{display:block;} img.composer-photo {display:none;} .fs img.composer-photo {display:block;} .bpm{order:4;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;display:none;} .bpm span{font-size:.2em;} .song-list input[type="text"].instruments-input{width:290px;} .song-list input[type="text"].key-song-input{width:60px;} .info { padding: 10px; margin: 10px 0; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; position: relative; border-radius: 4px; } .info button { margin-top: 10px; padding: 5px 10px; cursor: pointer; border: none; background-color: #007bff; color: #fff; border-radius: 4px; } .info button:hover { background-color: #0056b3; } .circle.default{width:50px;height:50px;border-radius:50%;border:2px solid var(--color-text);background:white;} .circle.black{width:50px;height:50px;border-radius:50%;border:2px solid var(--color-text);background:black;} .share-popup { position: absolute;border: 1px solid #ddd; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 1em; z-index: 1000; width: 450px; border-radius: 5px; top: -4em; right: 0; background:var(--color-gray);} .share-popup-content { display: flex; align-items: center; justify-content: space-between; width:80%;} .share-popup label{color:var(--color-bg2);font-weight:300;font-size:.7em;padding:1em;} input[type="text"].share-popup-link { flex: 1; margin-right: 10px; padding: 5px; border: 1px solid #ddd; border-radius: 3px;width:100px;order:1; background:var(--color-bg2);} .share-popup-copy { background: none; border: none; cursor: pointer; padding: 5px; font-size: 24px;order:2; } .share-popup-close { background: none; border: none; cursor: pointer; padding: 5px; font-size: 24px;position:absolute;top:0;right:0; order:3;} .share-popup .fa-regular.fa-circle-xmark, .share-popup .fa-solid.fa-copy{color:var(--color-bg);} .home-slider img{position:fixed;top:0;z-index:0;} .latest-in-column {display:none;} .details-expanded{height:0;overflow:hidden;transition:max-height 0.3s ease-out;clear:both;} .file-entry.expanded .details-expanded{height:auto;} .full-file-details{flex-direction:column;text-align:left;} .full-file-details{display:flex;flex-direction:row;gap:1em} .toggle-details, .toggle-details-for-users{display:flex;order:115;} .toggle-details i{transition:transform 0.3s ease-out;} .fa-chevron-down, .fa-chevron-up{font-size:17px;} .download-for-plan-users{order:10;display:none;} .share{order:8} .icon { width: 24px; height: 24px; fill: currentColor; } .icon-play, .icon-plus, .icon-pause, .icon-forward, .icon-toggle, .icon-check, .icon-xmark, .icon-compress, .icon-download, .icon-add-list, .icon-minus-circle, .icon-share, .icon-down, .icon-up, .icon-heart-solid, .icon-add-file, .icon-remove-file, .icon-heart-line, .icon-rotate, .icon-copy , .icon-lock, .icon-plus-square{width:25px;height:25px;fill:var(--color-text);} .icon-copy, .icon-cd, .icon-list, .icon-files, .icon-user, .icon-user-solid, .icon-log-out, .icon-search, .icon-expand, .icon-close, .icon-toggle-off, .icon-toggle-on, #menus .icon-heart-solid, .icon-edit{width:25px;height:25px;fill:var(--color-bg);} td .icon-edit{width:20px;height:20px;fill:var(--color-text);float:right;opacity:.5;min-width: 20px;} .icon-settings{width:8px;height:25px;fill:var(--color-bg);} .icon-close{width:40px;height:40px;} .fs .icon-play, .fs .icon-pause, .fs .icon-forward{fill:var(--color-text) !important;} #icon-minus-square{width:25px;height:25px;fill:red;} .icon-svg{width:25px;height:25px;opacity:.5;} .add-to-playlist{order:7;color:#000;opacity:.7;background:none;position:absolute:left:0;} .remove-from-playlist .icon-minus-square{width:20px;height:20px;fill:var(--color-bg);} .remove-from-playlist, .delete-playlist{order:20;margin-left:2em;margin-right:1em;} .delete-playlist .icon-minus-square{width:20px;height:20px;fill:var(--color-bg);} .icon-minus-circle{fill:var(--color-bg2)} .icon-minus-circle:hover{fill:var(--color-grey2)} .add-to-playlist img{width:25px;height:25px;} .general-files-time, .general-files-number{width: 100%;display: flex;justify-content: center;align-items: center;font-size: 2em;flex-direction:column;} .general-files-time span, .general-files-number span{font-weight:600;margin:0 .5em;} #icon-cd-1, #icon-search-2{fill:var(--color-text);margin-right:.5em;width:40px;height:40px;} .icon.icon-plus{width:25px;height:25px;color:var(--color-text) !important;} #settings .icon-close{fill:var(--color-text);width:40px;height:40px;position:absolute;top:2em;right:2em;} .icon-search{margin:0 .5em;} .icon-2.icon-cd{margin-left:7px;} #page5 h1, #page14 h1{display:none;} .full-file-details{clear:both;display:flex;margin:2em 1em 1em;gap:1em 2em} .details-expanded .audio-player { width: 100%; height: 120px;padding:1em 0;} .file-entry.expanded.selected .audio-player wave wave{background:var(--color-bg2);} #order .form-full{height:auto;} .audiofilesList .fa-solid, .audiofilesList .fas, .audiofilesList .fa-heart.fa-solid, .audiofilesList .fa-heart.fa-regular{color:var(--color-gray);} .audiofilesList .fa-lock{font-size:.8em;} .images-column.images-1{margin-top:2em;} .full-screen{display:flex;order:90;margin:.5em;padding:0 1em;} .fs .full-screen{display:none;} .audiofilesList .image img{width:50px;height:50px} .file-date, .file-size, .file-id{text-align:left;} .file-info .audio-player{display:block;} .details-expanded .audio-player{display:block;} .breadcrumb .fa-compact-disc{color:var(--color-text);margin-right:.5em;font-size:2em;} .breadcrumb .fa-compact-disc a:hover{color:var(--color-text);opacity:.5;} .tabs{display:flex;justify-content:center;align-items:center;gap:1em;margin:0 auto;} .tabs .title a{font-size:2em;font-weight:600;padding:1em .2em;text-decoration:none;} .search-files-form{margin: 0 auto 1em;width:100%;display: flex;justify-content: center;gap: .2em;padding:0 1em;} .search-files-form input[type="text"]{padding:.5em;} .reset { display: inline-block; padding: 0px; background-color: #f44336; color: white; text-decoration: none; border-radius: 4px; margin-left: 0px; } .reset:hover { background-color: #d32f2f; } #content:before{display:none;} .recordsPerPage{margin-bottom:1em;} .loading-indicator{display:none;position:absolute;padding:10px;right:100px;z-index:990;top:0;font-size:20px;color:var(--color-gray);text-align:center;} .file-entry.media.selected .loading-indicator{background-color:none} .spinner { border: 4px solid rgba(0, 0, 0, 0.1); border-left-color: #000; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; background:none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media screen and (min-width:670px){ } @media screen and (min-width:960px){ .pages-gallery .page{width:40%;} .pages-gallery:after{content:"";} /* so last row is align to left */ .albums{display:flex;justify-content:center;flex-direction:column} .albums .pages-gallery{flex-direction: row;display: flex;justify-content: center;align-items: center;width: auto;margin: 0 auto;} .albums .pages-gallery .page{width:15%;margin:0;padding:0;} .albums #content li img{width:100%;margin:0;padding:0;} .albums .head a, .subscribe .head a, .composers .head a{font-size: 4em;color: var(--color-gray);font-weight: 900;line-height:2em;} .subscribe .head a strong, .albums .head a strong, .composers .head a strong{color:var(--color-gray2);} .latest-in-column, .download-for-plan-users, .favorite{display:block;} .bpm{display:flex;} .latest-in-column .pages-5{display:flex;flex-wrap: wrap;justify-content:center;} .latest-in-column .pages-5 .page{width:40%;} .songs-quantity{text-align:left} .volume{flex-direction:row;width:100px;} .file-info .image{order:-1;} .file-description {font-size:.9em;order: 4;width: 450px;line-height: 1.2em;} .file-details { display: flex; gap: 20px;order: 8;display:flex;} .file-zaiksId{margin:1em;} .controls{width:100px;flex-direction:row;} .file-info{gap:20px} .images-1{clear:left;margin:.5rem 1.5rem 0 0;float:left;} .is-product #page h1, .is-product .heading-1{padding-top:0em;text-align:left;} .is-product .breadcrumb{padding-top:3em;} .breadcrumb{text-align:left;} .images-6 .layer.custom-position.element{height:200px;} .images-7 .layer.custom-position.element{height:500px;} .file-description{display:block;} .audio-player{width: 100%;display:block;} .file-id{display: block;} .time-display { font-size: 1em;} .time-display.current { font-size: 1.2em;order:5;color:var(--color-bg);margin:0 ;} .menu-top a{font-size:.9rem;} #logo { padding: .7rem; display: flex; justify-content: center; align-items: center; gap: 0 1em; } .pages-plans{display:flex;flex-direction:row;width:100%;justify-content:center;} .loop{flex-direction:row;gap: .5em;padding:1em;width:100px;} .albums .pages-gallery .page .image img { transition: transform 0.3s ease; scale: .75;} .albums .pages-gallery .page .image:hover img { transform: scale(1.25); } .popup-content{width:100%;} .composer{display:block;} .modal-content #search-form fieldset{display:flex;} #logo #slogan{display:block;} #search-form{display:block;} .control{width:90%;} .modal-content #search-form .field{width:90%;} #powered .container{flex-direction:row;justify-content:space-between;align-items:center;} .album-description{flex-direction:row;width:90%;margin:0 auto;} .album-description .column-1, .album-description .column-2{width:50%;} .audio-player wave{ overflow: hidden !important;background: none} .details-expanded .audio-player wave, .file-entry.expanded .details-expanded .audio-player wave{ background: none;} .details-expanded .audio-player wave wave canvas, .file-entry.expanded .details-expanded .audio-player wave wave canvas{ background: var(--color-bg3);} .audio-player wave wave{background: var(--color-bg2);} .file-entry.selected wave{ background: none;} .file-entry.selected .time-display.current{color:var(--color-white);} .file-entry.selected .details-expanded wave{ background: none;} .file-entry.selected .audio-player wave wave {background: var(--color-gray2);} .user-info{display:flex;} .sidr-class-logged{margin-top:1em;display:none;} .player-settings{display: flex; gap: 0 1em; justify-content: center; align-items: center; } .pages-gallery{flex-direction:row;flex-wrap: wrap;} .composer-info{display:flex;flex-direction:column;} .song-head{display:block;} .fs { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; } .fullscreen-exit { position: fixed; top: 10px; right: 10px; background:rgba(1,1,1,0);border: none; cursor: pointer; padding: 10px; font-size: 24px; z-index: 10000; border-radius: 50%;border: 2px solid var(--color-text); } .fullscreen-exit:hover{background:var(--color-bg);color:var(--color-text);} .fullscreen-exit i { color: #000; } .tape-reel{display:block;} .fs .buttons button i{font-size: 8em;padding: .3em;} .fs .tape-reel {width: 150px;height: 150px;} .fs .tape-container {width: 330px; height: 150px;} .song-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0 1em} .fs .song-info{font-size:2em;flex-direction:column;display:flex;width:100%;} .fs .loop{position:relative;display:flex;flex-direction:row;} .fs #fullscreen-button{display:none;} .fs #current-composer{font-size:.7em;justify-content: center; align-items: center; display: flex; padding: 0 0 1em; flex-direction:column;line-height:1.2em} .fs #current-composer label{font-size:.8em;font-weight:300;} .fs #current-track{display:flex;flex-direction:column;justify-content: center; align-items: center;gap:.5em} .fs #current-track label{font-size:.8em;font-weight:300;} .fs .title-song{font-size:2.2em;line-height:1em;} .fs .image img{width:200px;margin:1em auto;} .fs .song-head{opacity:.3;} .fs .player-settings{margin-top:0em;} .fs .tape-container:before { width: 184px;height: 4px; top: 2px; animation: dashmove .5s linear infinite; } .tape-container:before{display:block;} #playlist-current-time-display, #playlist-total-time-display{display:none;} .fs #playlist-current-time-display, .fs #playlist-total-time-display{display:block;} .form-full, #profile{display:flex; align-items:center;justify-content:center;margin-bottom:8em;height:100vh;} .page .image img{max-width:100%;} .images-column.images-1{margin-top:0em;} #pages-related{clear:both;margin:0 auto;width:90%;display:block;} #pages-related .page{width:10%;} #pages-related h2{text-align:center;margin:2em auto 1em;} .pages-gallery .page{width:20%;} .user-page .form-full{height:auto !important;} .is-parent-page-4 #content{display:flex;flex-direction:row;} .is-product .column-left{width:20%;background:var(--color-bg3);display:flex;flex-direction:column;justify-content:start;align-items:center;padding-top:3em;} .is-product .column-right{width:80%;} .is-product #pages-related .page{width:40%;} .is-product #pages-related .title{font-size:.7em;} .is-product .column-left .images-1{margin:1em;} #search-form{width:100%;margin:0;padding:1rem;display:none;} #search-form .field, #search-form .btn{} #search-form .field{min-width:100px;width:78%;background:none;color:var(--color-gray);} #search-form .field, #search-form .btn{background:none;} #search-form .fas.fa-search{line-height:0.8em;color:var(--color-gray);} #search-form .fas.fa-search:hover{color:var(--color-dark);transition:all 0.5s ease;} #search-form input[type="submit"], #search-form button[type="submit"]{border:none;} #page1 #powered{top:85%;position:relative;z-index:7;width:100%;background:var(--color-bg);} #page1 #foot{bottom:0} .profile-image{flex-direction:row;} .loop-button-on {color: green;} .loop-button-off {color: gray;} } @media screen and (min-width:1920px){ .user-files-table tr td.instruments, .user-files-table tr td.performance, .user-files-table tr td.file-name, .user-files-table tr td.song-title, .user-files-table tr td.song-title, .user-files-table tr td.zaiks-name{width:200px;} .user-files-table th.instruments, .user-files-table th.performance, .user-files-table th.file-name, .user-files-table th.song-title, .user-files-table th.song-title, .user-files-table th.zaiks-name{width:200px;} .user-files-table tr td.zaiks-registration, .user-files-table th.zaiks-registration, input.zaiks-registration-input{width:100px;} .home #content:before{top: -830px;} .audiofiles-short-list{width:60%;margin:0 auto;} .images-6 .layer.custom-position.element, .scene-parallax.images-6{height:500px;} .images-7 .layer.custom-position.element, .scene-parallax.images-7{height:900px;} } @media screen and (min-width:2600px){ .user-files-table tr td.instruments, .user-files-table tr td.performance, .user-files-table tr td.file-name, .user-files-table tr td.song-title, .user-files-table tr td.song-title, .user-files-table tr td.zaiks-name, .user-files-table tr td.zaiks-registration{width:300px;} .user-files-table th.instruments, .user-files-table th.performance, .user-files-table th.file-name, .user-files-table th.song-title, .user-files-table th.song-title, .user-files-table th.zaiks-name, .user-files-table th.zaiks-registration {width:300px;} } @media screen and (min-width:1280px){ .is-page-description #page div.content{width:1100px;} .audiofiles-short-list{width:70%;margin:0 auto;} .composer-info{flex-direction:column;text-align:left;} } @media screen and (min-width:960px){ .menu-top .level-0-menu{justify-content:flex-end;padding-right:.6rem;margin-left: auto;} .pages-gallery{flex-direction:row;} .file-info .image img,.file-info .image{display:block} .link-library span{display:flex;} .volume{display:flex;} .file-date, .file-size, .file-id { text-align: center; font-size:.7em;} #page{padding:0;} .user-info a{color:var(--color-text);margin: 0 1em 0 0;} .file-entry.expanded .details-expanded{height:300px;} .full-file-details{flex-direction:row;} .recordCount{flex-direction:row;justify-content: space-between;} .controls.favorites-playlist-player .image{margin-left:6px !important;} } @media screen and (min-width:801px){ /* Bottom underline */ #search-form{background:none;} .home #content:before{top: -630px;} .playlist-popup .popup-content{flex-direction:row;} .cc-nb-buttons-container,.palette-light .cc-nb-text{width:90%;} .reset div{display:flex !important;flex-direction:row;justify-content:flex-end} .cc-nb-title-container{width:30%;font-size:.8em;} .menu-top li{position:relative;} .menu-top li:after{content:'';display:block;position:absolute;bottom:0;width:10%;height:5px;transition:all 0.5s ease;} .menu-top li:hover:after, .menu-top .selected:after, .menu-top .selected-parent:after{width:99%;background:var(--color-bg2);} .menu-top a{font-size:1rem;} .search-files-form{gap:0 2em} #profile.form-full, .askUs .form-full{height:100vh;} .user-files-table tr td em{display:none;} .user-files-table tr td.file-name{width:300px} .general-files-time, .general-files-number{flex-direction:row;} .is-product #content, .track-list-page #content{display:flex;flex-direction:row} .left-column{order:1;width:300px;} #page{order:2;width: 100%;padding-top:5em;} .is-product #page, .track-list-page #page{width: 80%;} .column-left{background:var(--color-bg3);} } @media screen and (max-width:800px){ /* Small screens only */ .images-column.images-1{margin-top:2em;} #profile.form-full, .askUs .form-full{height:auto;} .form-full{height:auto;margin-top:200px;} .form-full fieldset{width:90%;} .menu-top .level-0-menu{flex-flow:column wrap;} .menu-top a{font-size:1rem;border-bottom:0px solid var(--color-border);} .menu-top a:before{content:"";display:block;float:left;width:16px;height:16px;margin:1px .6em 0 0;} .menu-top a:hover:before, .menu-top .selected a:before, .menu-top .selected-parent a:before{background-position:center -80px;} #page h1{text-align:center;padding:0 1em;} .form-full dd{margin-bottom:7px;} label{font-size:.8em;margin-right:1em;} #profile .option{padding:1rem 0 1rem;display:flex;justify-content: start;align-items: center;} .widgets-list #profile .save{margin-top:0;} .login-page .widgets-list ul{height:auto;} #page div.content{display:flex;width:100%;flex-direction:column;padding:2em;} .user-files-table, .user-files-table tbody, .user-files-table tfoot, .user-files-table thead {display:flex;flex-direction:column;width:100%;} .user-files-table thead{display:flex;flex-wrap:wrap;width:100%;} .user-files-table caption, .user-files-table tr, .user-files-table th, .user-files-table td{display:flex;flex-wrap:wrap;width:auto;} tr td.file-name{font-size:15px;width:100%;} .user-files-table tr{display:flex;} .user-files-table tr td.toggle-icon{order:-20;font-size: 50px;padding:0;} .page-description{width:100%;} .user-files-table tr{justify-content:start;} .user-files-table thead tr{display:none;} .user-files-table tr td{display: flex;flex-direction: row-reverse;justify-content:start;} .user-files-table tr td.file-name{width:100%} .user-files-table tr td.song-title{width:100%;} .user-files-table tr td.instruments, .user-files-table tr td.performance, .user-files-table tr td.key-song{width:100%;} .user-files-table tr td.zaiks{width:100%;} .user-files-table tr td em{display:block;} .user-files-table tr td.album, .user-files-table th.album{order:1;} .user-files-table tr td.id, .user-files-table th.id{order:2;} .user-files-table tr td.totaltime, .user-files-table th.totaltime{order:3;width:100px;} .user-files-table tr td.file-name{order:4;} .user-files-table tr td.song-title, .user-files-table th.song-title{order:5;} .toggle-icon2{order:-1;} .left-column{order:2;width:100%;} .general-files-time, .general-files-number{font-size:1em;flex-direction:row;flex-wrap:wrap;padding:0 3em;text-align:center;} #page{order:1;padding-top:5em;} .is-product #page{order:1;padding-top:0em;} .fs .current-time-display{display:flex;font-size:1em;} #current-composer, #current-track-title{display:none;} .playlist-player label, .favorites-playlist-player label{display:none;} .fs .playlist-player label, .fs .favorites-playlist-player label{display:block;} .fs #current-composer, .fs #current-track-title{font-size:15px;margin-bottom: 1em;display:block;} .file-entry.media .file-info{padding:0;} .icon.icon-down, .icon.icon-up{margin-right:1em;} .full-file-details{flex-direction:column;font-size:.9em;} #menus{margin-right:.2em;width:83%;} .tabs .title a{font-size:1.4em;} .user-page h1{display:flex;flex-direction:column;} .icon-search{margin:0 auto;} .song-info h2{font-size:15px;} .song-info .image{width:50px;} .song-info .image img{width:50px;} .fs label#composer-label{display:block !important;} label#composer-label{display:none !important;} .fs .song-info .image{width:120px;} .fs .song-info .image img{width:120px;} .controls.playlist-player .image, .controls.favorites-playlist-player .image img{margin:0 auto;} .controls.playlist-player.fs h2{font-size:12px;margin-top:1em;} .fs .player-settings{margin-top:0em;} #foot a{ font-size: 16px; line-height: 37px;} .file-description {font-size:.7em;} .images-column.images-1{margin-top:5em;} .is-product #page, .is-product #page, .track-list-page #page{margin-top:0;} .fs .album-video{width:200px;margin:1em auto;} .song-info{display:flex;gap:1em} } @media screen and (min-width:600px){ .pages-gallery .page{} .album-info h2{display:block;opacity:.3;} } @media screen and (max-width:599px){ } @media screen and (min-width:960px){ #menus .icon-search{margin:0 1em;} } @media screen and (min-width:641px){ .menu-top ul ul{position:absolute;top:100%;left:-1px;z-index:10;width:auto;height:auto;} .menu-top .level-1-el a{font-size:1.063rem;} .menu-top .level-2-el a{font-size:0.875rem;} /* third level submenu */ .menu-top .level-2-menu{top:0;left:100%;border-left:5px solid var(--color-bg2);} } @media screen and (max-width:640px){ .menu-top ul ul{top:10%;left:5px;} .menu-top li:hover > .level-2-menu{display:none;} #title strong, #title em, #menus sup{display:none;} .file-entry.media{min-width:100%;} }