/* @ Название: AnimeBase; @ Автор: webkubikc; @ Связь с автором: (E-MAIL: webkubikc@gmail.com, Telegram: webkubikc, Skype: webkubikc); */ /* @ Название: ФАЙЛ СТИЛЕЙ ДЛЯ ОТОБРАЖЕНИЕ ТОЛЬКО В КАТЕГОРИЯХ И НА ГЛАВНОЙ; */ /* errors style */ .errors-inner{background:#fe5959;color:#fff;padding:10px 20px;border-radius:.2rem} .errors-inner a{color:#fff;text-decoration:underline} .errors-inner + .speedbar{margin-top:0} /* votes style */ #dlevotespopupcontent fieldset{font-size:.75rem} /* content-other style */ .ui-icon,.close{display:block;overflow:hidden;text-indent:-9999px;white-space:nowrap} #pollbox{border-bottom:1px dashed #E3E3E3;padding-bottom:22px} #dle-poll-list,#searchtable,.pm-status{padding:0 0 20px;border-radius:6px} /* bbcodes style*/ .bbcodes,.bbcodes_poll,{margin:10px 10px 0 0} .bbcodes_poll{width:100px} .fbutton{margin-right:10px} /* forms style */ .tableform{width:100%} .tableform td,.tableform th{border-top:1px dotted #e3e3e3;padding:10px 0;text-align:left} .tableform tr:first-child td,.tableform tr:first-child th{border:0 none} .tableform th,.tableform .label,.tableform .addnews{width:25%;font-weight:400;vertical-align:top;padding-right:10px;padding-top:8px} .fieldtr select,.f_textarea,.f_input,.xfields textarea,.xprofile textarea,.tdfield select,.lfield input,.editor input[type="text"],#category,textarea.ui-corner-all, .pm select,.xfields input,.xprofile input,.xfields select,.xprofile select,.mass_comments_action select,.bbeditor select,.textin,select.rating{padding:5px} .recipient select{width:298px} .checkbox{display:flex;color:#787878;padding:4px 0;line-height:1em} .checkbox input{margin-top:-2px;vertical-align:middle} /* new form style*/ .form-wrap > div,.form-vote > div{margin-bottom:20px} .form-item{margin-bottom:20px;padding-left:200px;position:relative} .form-item > label{display:block;float:left;width:200px;margin-left:-200px;padding-top:10px} .form-item > input[type="text"],.form-item > input[type="password"],.form-item > input[type="file"]{float:left;max-width:600px} .imp > label:after{content:"*";margin:0 0 0 10px;color:#e85319} .form-buts input[type="button"],.form-buts a{width:48%;float:left;display:block;text-align:center;box-shadow:none;border-radius:0;font-size:14px} .form-buts a{float:right} .findrelated{background:#ffc;border:1px solid #9E9E9E;padding:5px} .form-textarea > label{display:block;padding:10px 20px;background-color:#444;color:#fff;font-size:16px} #category{width:100%!important} .form-xfield .addnews{vertical-align:middle} .form-checks label,#allow_subscribe + label{display:inline-block;line-height:30px;margin-left:5px;position:relative;top:1px} .form-submit button:last-child{margin-left:10px} .form-secur{width:100%;float:right} .form-secur input{display:inline-block;max-width:300px;vertical-align:top} .form-secur > a{display:inline-block;vertical-align:top;margin-left:10px} .form-secur select{width:100%;max-width:600px} .form-item > input[type="button"]{position:absolute;right:0;top:0;height:40px;line-height:40px} #result-registration{text-align:center} /* xfields style*/ .xfields textarea,.xprofile textarea{height:200px} .xfields input,.xprofile input{width:100%;display:inline-block} .xfields_table td{vertical-align:top} .xfields .bb-editor{margin-top:10px} /* userinfo style */ .up-img{width:100px;height:100px;border-radius:3px;border:5px solid #FFF;box-shadow:2px 2px 5px 0 rgba(0,0,0,0.2);position:absolute;left:30px;bottom:-30px} .userinfo ul li span{background-color:#f8f8f8;padding:.5rem} .us-prof{border:0 solid #ebeef3;background-color:#FFF;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,0.2)} .usp-left{width:240px;padding:20px;background-color:#222;color:#fff;text-align:center;position:relative} .usp-right{width:calc(100% - 240px);padding:20px} .usp-status{position:absolute;left:0;top:0} .comm_offline,.comm_online{color:#fff;border-radius:50%;border:3px solid #fff;width:.8rem;height:.8rem;background-color:#fe5959;position:absolute;top:2px;left:-4px} .comm_online{background:#99ce1b} .usp-av{width:100px;height:100px;border:5px solid #333;margin:0 auto} .usp-activ{margin:10px -20px 0;background-color:#333;color:#fff} .usp-activ > div{width:50%;float:left;padding:10px 0} .usp-activ > div div{font-weight:700;font-size:16px} .usp-activ > div + div{border-left:3px solid #222} .usp-btn a{display:block;margin-top:10px;padding:0;font-size:12px} .usp-name{margin:-20px -20px 10px;padding:20px;border-bottom:1px solid #f0f0f0;background-color:#f8f8f8} .usp-name h1{font-size:18px;font-weight:700;margin-bottom:5px} .usp-group span{color:#fa5800!important;font-weight:700} .usp-meta li{padding:7px 10px} .usp-meta li a{text-decoration:underline} .usp-meta li:nth-child(2n+1){background-color:#f5f5f5} @media screen and (max-width: 760px) { .up-first{padding:20px 10px;height:auto;text-align:center} .up-img{position:relative;margin:10px auto;left:0;bottom:0} .up-status{position:relative;margin:0 auto;left:0;bottom:0} .up-second,.up-edit{padding:20px 10px} .usp-left{width:100%} .usp-right{width:100%} } /* search style */ .search-page{margin-bottom:20px} .searchstyle{width:480px} #searchtable,#searchtable td{vertical-align:top;text-align:left} #searchtable fieldset{font-size:11px;border:1px solid #f8f8f8;padding:10px;text-align:left;margin:0 4px 4px 0 !important;border-radius:6px} fieldset legend{font-size:11px;font-weight:700;color:#8d909f} #searchtable table,#searchtable form{margin:0;width:100%} #searchtable select{background-color:#f8f8f8;color:#8d909f} .search > div{margin:0!important} .search input[type="text"],.search select{display:block;width:100%!important;margin-bottom:10px} .search input[type="checkbox"],.search input[type="radio"]{margin-right:5px} #searchinput + br,#searchinput + br + br{display:none} .sres-wrap{background-color:#fff;display:block;padding:15px 15px 15px 230px;border:1px solid #e3e3e3;position:relative} .sres-wrap:nth-child(2n){background-color:#f6f6f6} .sres-wrap:hover{z-index:100;border-color:#04a2dc;box-shadow:0 0 10px 0 rgba(4,162,220,0.5)} .sres-img{float:left;margin-left:-215px;width:200px;position:relative} .sres-img img{width:100%} .sres-text{float:right;width:100%;color:#000} .sres-text h2{font-size:16px;color:#547b97;margin-bottom:20px;display:block} .sres-date{position:absolute;left:0;top:0;padding:10px;background-color:rgba(0,0,0,0.7);color:#fff} @media screen and (max-width: 590px) { .sres-wrap{padding:10px} .sres-img{float:none;margin:0 auto 10px} .sres-text{float:none} } /* statistics style*/ .stat-list{min-height:70px;width:33.33%;float:left} .stat-list li{padding:0 15px 10px 1px} .statistics h4{font-weight:400;font-size:16px} .statsbox li{padding:8px 0} /* pm style */ .pm-menu{height:60px;white-space:nowrap;overflow-y:hidden;overflow-x:auto} .pm-menu li{display:inline-block;margin-right:10px} .pm-menu a{padding:0 15px;background:#eaf0f2;line-height:40px;display:block} .pm-menu a:hover{background:#444;color:#fff} .pm-status{margin-bottom:40px} .pm_progress_bar{border-radius:1px;background-color:#f8f8f8;margin:10px 0;overflow:hidden} .pm_progress_bar span{background:#b0e27e;font-size:0;text-indent:-2000em;height:10px;display:block;overflow:hidden} .table-resp{overflow-y:hidden;overflow-x:auto} .pm,.userstop{border:1px solid #f8f8f8;width:100%} .pm tr td,.userstop tr td{padding:10px;font-size:12px} .pm tr:nth-child(1){background-color:#262632;color:#FFF} .pm tr:nth-child(2n+2),.userstop tr:nth-child(2n+2){background-color:#f8f8f8} .pm select{width:100%;margin-bottom:10px;background-color:#fff} .pmlist,.pm-no-messages{display:block;margin-top:1rem} .pm-no-messages{width:100%;background:#f8f8f8;padding:10px 20px;border-radius:.2rem} .pmlist table tbody tr:first-child input::after{background-color:#323648;border:4px solid #9e89cf} .pmlist table tbody tr:first-child input:checked:after{border:4px solid #937bc8;background-color:#fff} .search_result_num{background:#fe5959;color:#fff;padding:10px 20px;border-radius:.2rem} #dle-pm-preview .bform{display:none} /* ajax loader style*/ .ajax-loader{height:1.2rem;width:1.2rem;border-width:.2rem;border-style:solid;border-color:#8c909f #8c909f rgba(18,22,29,0) rgba(18,22,29,0);border-radius:100%; animation:clockwise .5s linear infinite} .loadmore{position:fixed;bottom:0;right:0;background-color:#f8f8f8f7;padding:.7rem;z-index:999;width:100%} @keyframes clockwise { to{transform:rotate(360deg) translatez(0)} } /* quotes style*/ .scriptcode,.title_spoiler,.text_spoiler{background-color:#f8f8f8;padding:10px 15px;border-left:3px solid #19a717;font-size:12px} .title_quote,.quote{font-size:.8125rem} .quote{padding:10px 15px;margin-top:10px;position:relative;background-color:#f8f8f8;border-left:3px solid #0aa207;font-size:18px} .title_spoiler{margin-top:2px} .text_spoiler{margin-bottom:2px} .title_spoiler img{vertical-align:middle!important;margin:0 5px 0 0;border:0} .scriptcode{color:#4c6d0f;text-align:left;font-family:"Courier New"} .title_spoiler{font-weight:400} .text_spoiler{border-top:0;text-align:justify;color:#9b9dab;background-color:#f4f4f6} .hide{background-color:#f0f0f0;padding:5px;color:#000;margin:0 0 1em} .hide a{text-decoration:underline} .hide a:hover{text-decoration:none} .inhide{border:1px solid #d1e3ef;padding:5px;background-color:#fff;margin-bottom:5px} /* calendar style*/ .calendar{font-size:12px;width:100%;color:#444} .calendar td,.calendar th{padding:7px 0;vertical-align:middle;text-align:center} .calendar td.day,.calendar td.day-active-v,.calendar th.workday{border:1px solid #e9e9e9;background-color:#fff} .calendar td.weekday,.calendar td.day-active,.calendar th.weekday{border:1px solid #e3e3e3;background-color:#ebeef3} .weekday-active-v,.day-active-v,.weekday-active,.day-active{font-weight:700} .day-active a,.day-active-v a{color:#3c6695} .calendar td.day-current{background:#fd8924} .day-current a,.day-current{color:#fff!important} th.monthselect{text-align:left;padding-bottom:5px} th.monthselect b{font-weight:400} th.monthselect center{text-align:right} .archives{display:block;color:#3c6695;margin-bottom:7px;padding-left:15px;font-size:14px} .archives:hover{text-decoration:underline} .archives b{font-weight:700} .archives + br,#dle_news_archive_link br{display:none} #dle_news_archive_link .archives{color:#000;margin-bottom:0} /* bb editor style*/ .bb-pane{height:1%;overflow:hidden;padding:0 0 5px 5px;margin:0;height:auto!important;text-decoration:none;background:linear-gradient(to bottom,#f9f9f9 0%,#f0f0f0 100%); border-radius:0;border:1px solid #e3e3e3;box-shadow:none!important} .bb-pane>b{margin-top:5px;margin-left:0;vertical-align:middle} .bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane{margin-left:-1px} .bb-btn{display:inline-block;overflow:hidden;float:left;padding:4px 10px;border:1px solid #e3e3e3;box-shadow:inset 0 1px 2px #fff; background:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%)} .bb-btn:hover{background-color:#e6e6e6;background:linear-gradient(to bottom,#fdfdfd 0%,#e6e6e6 100%)} .bb-btn:active{background:#f3f3f3;border-color:#cfcfcf;box-shadow:0 0 5px #f3f3f3 inset} @font-face{font-family:'bb-editor-font';src:url(/templates/torrento/webfonts/bb-editor.woff) format("woff");font-weight:400;font-style:normal} [class^="bb-btn"],[class*=" bb-btn"]{font-family:'bb-editor-font';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:12px} .bb-sel{float:left;padding:2px 2px 0} .bb-sel select{font-size:11px} .bb-sep{display:inline-block;float:left;width:1px;padding:2px} .bb-btn{cursor:pointer;outline:0} #b_font select{padding:0} #b_size select{padding:0} #b_b:before{content:"\f032"} #b_i:before{content:"\f033"} #b_u:before{content:"\f0cd"} #b_s:before{content:"\f0cc"} #b_img:before{content:"\f03e"} #b_up:before{content:"\e930"} #b_emo:before{content:"\f118"} #b_url:before{content:"\f0c1"} #b_leech:before{content:"\e98d"} #b_mail:before{content:"\f003"} #b_video:before{content:"\e913"} #b_audio:before{content:"\e911"} #b_hide:before{content:"\e9d1"} #b_quote:before{content:"\e977"} #b_code:before{content:"\f121"} #b_left:before{content:"\f036"} #b_center:before{content:"\f037"} #b_right:before{content:"\f038"} #b_color:before{content:"\e601"} #b_spoiler:before{content:"\e600"} #b_fla:before{content:"\ea8d"} #b_yt:before{content:"\f166"} #b_tf:before{content:"\ea61"} #b_list:before{content:"\f0ca"} #b_ol:before{content:"\f0cb"} #b_tnl:before{content:"\ea61"} #b_br:before{content:"\ea68"} #b_pl:before{content:"\ea72"} #b_size:before{content:"\f034"} #b_font:before{content:"\f031"} #b_header:before{content:"\f1dc"} #b_sub:before{content:"\f12c"} #b_sup:before{content:"\f12b"} #b_justify:before{content:"\f039"} .bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px} .bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px} .bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px} .bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px} .bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px} .bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px} .bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px; border:1px solid rgba(0,0,0,0.15);border-radius:4px;background:#fff;box-shadow:0 1px 2px #dadada} .bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:400;line-height:1.42857;color:#333;white-space:nowrap} .bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5} .bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer} .bb-pane-dropdown .color-palette{padding:0 5px} .bb-editor textarea{margin-top:-1px} .editorcomm .bb-editor{width:565px} .editorcomm .bb-editor textarea{height:200px} /*--- quick edit fields style---*/ .quick-edit-text{padding:.4em;width:350px} .quick-edit-textarea{height:250px;padding:2px;border:1px solid #d7d7d7;width:100%;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)} /* full drom menu style*/ #dropmenudiv{font:12px Arial;padding:20px;display:none;background:#fff;border-radius:2px;box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:1!important;z-index:200!important} #dropmenudiv a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 -.625rem;padding:5px .625rem;font-size:.8125rem;font-weight:300;display:block} #dropmenudiv a:hover{color:#fff;background-color:#937bc8} fieldset{border:1px solid #f8f8f8;padding:5px;text-align:left} /* gallery style*/ .highslide-container{z-index:1099!important} .highslide-wrapper,.highslide-outline{background:#fff} .highslide-image{border:2px solid #fff} .highslide-active-anchor{visibility:hidden} .highslide-active-anchor img{visibility:hidden} .highslide-dimming{background-color:#000} .highslide-html{background-color:#fff} .highslide-loading{display:block;color:#fff;font-size:9px;font-weight:700;text-decoration:none;padding:3px;border:1px solid #fff;background-color:#000} a.highslide-full-expand{background:url(/templates/torrento/dleimages/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px} .highslide-display-block{display:block} .highslide-display-none{display:none} .highslide-caption{display:none;padding:5px;background:#fff} .highslide-controls{width:195px;height:40px;background:url(/engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px;margin-right:15px; margin-bottom:10px;margin-top:10px} .highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0; background:url(/engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px} .highslide-controls li{float:left;padding:5px 0} .highslide-controls a{background:url(/engine/classes/highslide/graphics/controlbar-black-border.gif);display:block;float:left;height:30px;width:30px;outline:none} .highslide-controls a.disabled{cursor:default} .highslide-controls a span{display:none} .highslide-controls .highslide-previous a{background-position:0 0} .highslide-controls .highslide-previous a:hover{background-position:0 -30px} .highslide-controls .highslide-previous a.disabled{background-position:0 -60px!important} .highslide-controls .highslide-play a{background-position:-30px 0} .highslide-controls .highslide-play a:hover{background-position:-30px -30px} .highslide-controls .highslide-play a.disabled{background-position:-30px -60px!important} .highslide-controls .highslide-pause a{background-position:-60px 0} .highslide-controls .highslide-pause a:hover{background-position:-60px -30px} .highslide-controls .highslide-next a{background-position:-90px 0} .highslide-controls .highslide-next a:hover{background-position:-90px -30px} .highslide-controls .highslide-next a.disabled{background-position:-90px -60px!important} .highslide-controls .highslide-move a{background-position:-120px 0} .highslide-controls .highslide-move a:hover{background-position:-120px -30px} .highslide-controls .highslide-full-expand a{background-position:-150px 0} .highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px} .highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px!important} .highslide-controls .highslide-close a{background-position:-180px 0} .highslide-controls .highslide-close a:hover{background-position:-180px -30px} /* tags style*/ .tag_list a{color:#fff} .tag_list a:hover{color:#ff8e07} .clouds_xsmall,.clouds_small,.clouds_medium,.clouds_large,.clouds_xlarge{background-color:#16161b;margin-right:.1rem;text-align:center;width:auto;padding:4px 15px; border-radius:20px;margin-bottom:.5rem} .clouds_xsmall{font-size:1em} .clouds_small{font-size:1.1em;font-weight:700} .clouds_medium{font-size:1.2em;font-weight:700} .clouds_large{font-size:1.3em} .clouds_xlarge{font-size:1.4em} .cloud-tags span a{display:block;padding:5px 7px;border:1px solid #e3e3e3} .cloud-tags span a:hover{background-color:#3c6695;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);color:#fff} .tags_more{margin-top:10px} /* search style*/ #searchsuggestions{z-index:1000;width:100%;max-width:52rem;margin-top:0;font-size:12px;background:#fff} #searchsuggestions a,#searchsuggestions span{display:block} #searchsuggestions a,#searchsuggestions span.notfound{padding:24px 15px 15px;border-bottom:1px solid #f5f5f5} #searchsuggestions a{color:#010101} #searchsuggestions a:hover{background-color:#f5f6f8} #searchsuggestions span.searchheading{margin-bottom:10px;font-size:16px} #searchsuggestions span.searchheading + span{color:#949494} #searchsuggestions span.seperator a{padding:10px 0;text-align:center;background-color:#444;color:#fff} #searchsuggestions span.notfound{text-align:center} #searchsuggestions .break,#searchsuggestions span.seperator{display:none} /* ui widgets style*/ .ui-widget-overlay{background:#000;opacity:.5;left:0;top:0;right:0;bottom:0;position:fixed} * html .ui-helper-clearfix{height:1%} .ui-helper-clearfix{display:block} .ui-dialog{background-color:#fff;position:absolute;width:500px;box-shadow:0 10px 30px rgba(0,0,0,.1)} .ui-dialog-titlebar{background-color:#f8f8f8;background:url(/templates/torrento/images/bg.svg);background-size:220px;background-position:top} .ui-dialog-title{display:block;font-size:16px;font-weight:600;padding:15px 60px 15px 30px} .ui-dialog .ui-dialog-content{padding:30px;overflow:auto;position:relative;zoom:1} .ui-dialog .ui-dialog-buttonpane{padding:10px 15px;text-align:center;background-color:#f8f8f8} .ui-icon-closethick{cursor:pointer;position:absolute;right:7px;top:5px;width:40px;height:40px} .ui-icon-closethick:before{content:"";width:40px;height:40px;line-height:40px;text-align:center;color:#000;position:absolute;right:0;top:0;text-indent:0;font-size:18px; display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC0SURBVEiJrZSxDoMwDESv/WZYorIUdaEfTRdSGeLa51NPYuLyXpCwgXNWAAv0zADev16uAPbjUSSzOT9ILFyRWPgg8eAViQc/SaagkEki+A7g0YuKhIYrkjK8pyUHG9kJk32JdPN/SGi4IinDK5IQfk8EN+ISTMdN9iuqa6UML0sUOC1hJlTeXZXxL0uU3UJL5MXFSp4inJFsveRJKuPvSbZryUqU3WIlA7znBWKfB2kH45sPpNYUwuD4MGgAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:12px;background-position:center} a:hover .ui-icon-closethick{opacity:.8} .ui-dialog .ui-dialog-content > br{display:none} .ui-dialog .ui-dialog-buttonpane button{height:30px;line-height:30px;margin:0 5px;padding:0 15px} .ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px} .ui-draggable .ui-dialog-titlebar{cursor:move} .ui-state-error{background:#fef1ec 50% 50% repeat-x!important;border:1px solid #cd0a0a;color:#cd0a0a} .voteprogress,.pollprogress{overflow:hidden;height:7px;margin-bottom:5px;background-color:#f8f8f8;border-radius:1px} .pollprogress{margin-top:5px;margin-bottom:13px} .poll-list > div{margin-bottom:10px;font-size:12px;padding:7px 0;border-bottom:1px dashed #f8f8f8} /* vote bars style*/ .voteprogress span,.pollprogress span{color:#fff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0,0,0,0.25); background:#99d5ff} .voteprogress .vote2,span.poll1{background-color:#fe5959} .voteprogress .vote3,span.poll2{background-color:#b0e27e} .voteprogress .vote4,span.poll3{background-color:#99e5ff} .voteprogress .vote5,span.poll4{background-color:#ff8e07} /* ui menu style */ .ui-autocomplete{position:absolute;cursor:default} * html .ui-autocomplete{width:1px} .ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left;background:#fff 50% bottom repeat-x;border:1px solid #dedede;color:#222} .ui-menu .ui-menu{margin-top:-3px} .ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%} .ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1} .ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px;border:1px solid #a7a7a7;color:#4e4e4e;font-weight:bold} /* text [code] style */ pre{display:block;padding:10px;background:#3F3F3F;color:#DCDCDC;text-shadow:0 1px 1px #000;box-shadow:inset 0 2px 15px rgba(0,0,0,.5); font-family:Consolas,'Courier New',monospace;font-size:14px;line-height:18px;border-radius:4px;white-space:pre-wrap;word-break:break-all;word-wrap:break-word} pre .tag,pre.css .class,pre.css .id,pre.lisp .title,pre.nginx .title,pre .request,pre .status,pre .clojure .attribute{color:#E3CEAB} pre.django .template_tag,pre.django .variable,pre.django .filter .argument{color:#DCDCDC} pre .number,pre .date{color:#8CD0D3} pre.dos .envvar,pre.dos .stream,pre .variable,pre.apache .sqbracket{color:#EFDCBC} pre.dos .flow,pre.diff .change,pre.python .exception,pre.python .built_in,pre .literal,pre.tex .special{color:#EFEFAF} pre.diff .chunk,pre .subst{color:#8F8F8F} pre.dos .keyword,pre.python .decorator,pre .title,pre.haskell .type,pre.diff .header,pre.ruby .class .parent,pre.apache .tag,pre.nginx .built_in, pre.tex .command,pre .prompt{color:#efef8f} pre.dos .winutils,pre.ruby .symbol,pre.ruby .symbol .string,pre.ruby .string{color:#DCA3A3} pre.diff .deletion,pre .string,pre .tag .value,pre .preprocessor,pre .pragma,pre .built_in,pre.sql .aggregate,pre .javadoc,pre.smalltalk .class,pre.smalltalk .localvars, pre.smalltalk .array,pre.css .rules .value,pre .attr_selector,pre .pseudo,pre.apache .cbracket,pre.tex .formula,pre.coffeescript .attribute{color:#CC9393} pre .shebang,pre.diff .addition,pre .comment,pre.java .annotation,pre .template_comment,pre .pi,pre .doctype{color:#7F9F7F} /* mark and share style*/ #marker-bar,#txtselect_marker{display:block;visibility:hidden;position:absolute;bottom:0;z-index:1200;opacity:0;transition:opacity .4s,visibility .1s linear .4s} #txtselect_marker{cursor:pointer;width:32px;height:32px;background:url(/templates/torrento/dleimages/marker.png) -0 -0 no-repeat} #txtselect_marker:hover{background-position:-0 -32px} #marker-bar{border:1px solid #ccc;border-radius:15px;background:#fff;padding:5px 10px;cursor:default;box-shadow:0 0 4px #ccc} #marker-bar.show,#txtselect_marker.show{visibility:visible;transition:opacity .4s,visibility 0;opacity:1} #marker-bar .masha-social,#marker-bar .masha-marker{cursor:pointer;display:block;margin:0 5px;float:left} #marker-bar .masha-marker{line-height:1em;color:#aaa;border-bottom:1px dotted #aaa;margin-right:10px} #marker-bar .masha-marker:hover{color:#ea3e26;border-color:#ea3e26} .user_selection,.user_selection_true{background:#c4f47d;padding:2px 0} .user_selection a.txtsel_close,.user_selection_true a.txtsel_close{display:none} .user_selection .closewrap,.user_selection_true .closewrap{position:relative} .user_selection.hover a.txtsel_close,.user_selection_true.hover a.txtsel_close{display:inline-block;position:absolute;top:-7px;left:-5px;width:33px;height:33px; background:url(/templates/torrento/dleimages/closemarker.png) -0 -0 no-repeat} .user_selection.hover a.txtsel_close:hover,.user_selection_true.hover a.txtsel_close:hover{background-position:-0 -33px} /* updates new version style*/ .comments-tree-list{display:block;margin:0;padding:0;list-style:none} .comments-tree-list .comments-tree-list{padding-left:25px;position:relative} .comments-tree-list .comments-tree-list22:before{content:"\f178 ";font-family:'FontAwesome';position:absolute;left:0;top:0;color:#888} .comments-tree-item{display:block;margin:0;padding:0} #dlefastreplycomments{padding:10px;background:#f7f6e5;margin:10px 0 5px 30px} .commentsreplyname{padding:2px;border:1px solid #bcc0c2;width:200px;background:#fff} #dlereplypopup form > div{margin-bottom:5px} #dlereplypopup form input[type="text"]{height:30px;line-height:30px} #dlereplypopup form textarea{height:80px} .pollallvotes{text-align:center;margin-top:10px} /* 11, 12 style*/ .emoji{border:none;vertical-align:middle;width:22px;height:22px} .xfieldsrow{padding-top:5px;clear:both} .xfieldscolleft{float:left;width:30%} .xfieldscolright{float:left;width:70%} .file-box{width:95%;max-width:437px;border:1px solid #B3B3B3;border-radius:3px;background-color:#F5F5F5;padding:10px;margin-top:10px} .qq-uploader{position:relative;width:100%} .qq-upload-button{display:inline-block;padding:0 10px;margin-top:5px;line-height:40px!important;cursor:pointer} .qq-upload-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;max-width:437px;background:#FF9797;text-align:center} .qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px} .qq-upload-drop-area-active{background:#FF7171} .uploadedfile{width:115px;height:130px;margin:10px 5px 5px;border:1px solid #B3B3B3;box-shadow:0 1px 4px rgba(0,0,0,0.3);text-align:center;background:#fff} .uploadedfile .uploadimage{margin-top:5px;width:115px;height:90px;display:flex;align-items:center;justify-content:center;cursor:move} .sortable-ghost{opacity:.4} .uploadedfile .info{text-align:left;white-space:nowrap;margin:0 5px;overflow:hidden} .progress{overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:#f5f5f5;height:10px;border-radius:8px;background:#eee; box-shadow:0 1px 0 white,0 0 0 1px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.2) inset} .progress .progress-bar{float:left;width:0;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);transition:width .6s ease;border-radius:8px;box-shadow:none;height:8px} .progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0} .progress-blue{background-image:linear-gradient(to bottom,#9bcff5 0%,#6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee} .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65} .dle-captcha{position:relative} .dle-captcha:after{clear:both;display:block;content:""} .dle-captcha > a{float:left;margin-right:5px} .dle-captcha img{position:relative;display:block;width:130px;height:46px;transition:all ease .2s} .dle-captcha > input{float:left;width:130px} .xfieldsnote{color:#838383;font-size:.9em} .instagram-media,.twitter-tweet{display:inline-block!important} /* 13, 14 style*/ .ui-front{z-index:1000} .ui-button-icon-only{overflow:hidden;text-indent:-9999px} button.ui-dialog-titlebar-close{background-color:transparent!important;position:absolute;right:0;top:0} .emoji_box{width:100%;max-width:390px} .emoji_category{padding:7px;clear:both} .emoji_list{margin-top:5px;margin-bottom:5px;width:100%;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols'; font-size:2em} .emoji_symbol{float:left;margin-bottom:10px;width:12.5%;text-align:center} .emoji_symbol a,.emoji_symbol a:hover{cursor:pointer;text-decoration:none} .native-emoji{font-size:1.3em;font-family:'Apple Color Emoji','Segoe UI Emoji','NotoColorEmoji','Segoe UI Symbol','Android Emoji','EmojiSymbols'} @media screen and (max-width: 600px) { .form-wrap h1{font-size:16px} .form-item{padding-left:0} .form-item > label{float:none;width:100%;margin-left:0;padding:0 0 10px} .form-item > input[type="text"],.form-item > input[type="password"],.form-item > input[type="file"]{float:none} .form-item > input[type="button"]{display:none} .form-checks input#allow_main{margin-left:10px} .form-buts input[type="button"],.form-buts a{width:50%;padding:0;font-size:12px} .stat-list{width:100%;float:none} .bb-pane{padding:0 0 0 5px;height:50px!important;white-space:nowrap;overflow-y:hidden;overflow-x:auto} .bb-btn{float:none} } /* toastify style */ .toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,0.12),0 10px 36px -4px rgba(10,162,7,0.34);position:fixed; opacity:0;transition:all .4s cubic-bezier(0.215,0.61,0.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647} .toastify.on{opacity:1} .toast-close{padding:5px 7px;position:relative;right:-13px;top:-1px;font-size:10px} .toast-close svg{width:.6rem;height:.6rem;fill:#fff} .toastify-right{right:15px} .toastify-left{left:15px} .toastify-top{top:-150px} .toastify-bottom{bottom:-150px} .toastify-rounded{border-radius:25px} .toastify-avatar{width:1.5em;height:1.5em;margin:0 5px;border-radius:2px} .toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content} @media only screen and (max-width: 360px) { .toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content} } body.compensate-for-scrollbar{overflow:hidden} /* fancybox style */ .fancybox-active{height:auto} .fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden} .fancybox-container{height:100%;left:0;outline:none;position:fixed;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0); width:100%;z-index:99992} .fancybox-container *{box-sizing:border-box} .fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0} .fancybox-outer{overflow-y:auto} .fancybox-bg{background:#262632f2;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)} .fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute; transition:opacity .25s ease,visibility 0 ease .25s;visibility:hidden;z-index:99997} .fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0 ease 0;visibility:visible} .fancybox-infobar{color:#ccc;font-size:13px;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;user-select:none} .fancybox-toolbar{right:0;top:0} .fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994} .fancybox-is-open .fancybox-stage{overflow:hidden} .fancybox-slide{display:none;height:100%;left:0;outline:none;overflow:auto;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity; white-space:normal;width:100%;z-index:99994} .fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block} .fancybox-slide--image{overflow:hidden;padding:44px 0} .fancybox-slide--image::before{display:none} .fancybox-slide--html{padding:6px} .fancybox-content{background:#262632;display:inline-block;margin:0;max-width:100%;overflow:auto;padding:44px;position:relative;text-align:left;vertical-align:middle} .fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat; background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity; user-select:none;z-index:99995} .fancybox-can-zoomOut .fancybox-content{cursor:zoom-out} .fancybox-can-zoomIn .fancybox-content{cursor:zoom-in} .fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:grab} .fancybox-is-grabbing .fancybox-content{cursor:grabbing} .fancybox-container [data-selectable='true']{cursor:text} .fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0; user-select:none;width:100%} .fancybox-spaceball{z-index:1} .fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%; overflow:visible;padding:0;width:100%} .fancybox-slide--video .fancybox-content{background:#000} .fancybox-slide--map .fancybox-content{background:#e5e3df} .fancybox-slide--iframe .fancybox-content{background:#fff} .fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%} .fancybox-iframe{left:0;position:absolute;top:0} .fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%} .fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0} .fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative; transition:color .2s;vertical-align:top;visibility:inherit;width:44px} .fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc} .fancybox-button:hover{color:#fff} .fancybox-button:focus{outline:none} .fancybox-button.fancybox-focus{outline:1px dotted} .fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none} .fancybox-button div{height:100%} .fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%} .fancybox-button svg path{fill:currentColor;stroke-width:0} .fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none} .fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none} .fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0; transition-property:transform;transition-timing-function:linear;z-index:99998} .fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401} .fancybox-close-small:hover{color:#fff;opacity:1} .fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0} .fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none} .fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px} .fancybox-navigation .fancybox-button div{padding:7px} .fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px} .fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)} .fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996} .fancybox-caption--separate{margin-top:-50px} .fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all} .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none} .fancybox-caption a:hover{color:#fff;text-decoration:underline} .fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%; margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999} @keyframes fancybox-rotate { 100%{transform:rotate(360deg)} } .fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)} .fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)} .fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)} .fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)} .fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)} .fancybox-fx-fade.fancybox-slide--current{opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)} .fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)} .fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)} .fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)} .fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)} .fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);transform:rotate(0deg)} .fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)} .fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)} .fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)} .fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)} @media all and (max-height: 576px) { .fancybox-slide{padding-left:6px;padding-right:6px} .fancybox-slide--image{padding:6px 0} .fancybox-close-small{right:-6px} .fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px} .fancybox-caption{padding-left:12px;padding-right:12px} } .fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center} .fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px} .fancybox-share p{margin:0;padding:0} .fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px; text-decoration:none;transition:all .2s;user-select:none;white-space:nowrap} .fancybox-share__button:visited,.fancybox-share__button:link{color:#fff} .fancybox-share__button:hover{text-decoration:none} .fancybox-share__button--fb{background:#3b5998} .fancybox-share__button--fb:hover{background:#344e86} .fancybox-share__button--pt{background:#bd081d} .fancybox-share__button--pt:hover{background:#aa0719} .fancybox-share__button--tw{background:#1da1f2} .fancybox-share__button--tw:hover{background:#0d95e8} .fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px} .fancybox-share__button svg path{fill:#fff} .fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px; width:100%} .fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;padding:2px 2px 4px;position:absolute;right:0;top:0;width:212px;z-index:99995} .fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden} .fancybox-show-thumbs .fancybox-thumbs{display:block} .fancybox-show-thumbs .fancybox-inner{right:212px} .fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%} .fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px} .fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center; background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px); outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px} .fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94); z-index:99991} .fancybox-thumbs__list a:focus::before{opacity:.5} .fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1} @media all and (max-width: 576px) { .fancybox-thumbs{width:110px} .fancybox-show-thumbs .fancybox-inner{right:110px} .fancybox-thumbs__list a{max-width:calc(100% - 10px)} } .login-middle_panelmodal{display:none;height:100%;left:0;outline:none;overflow:auto;padding:0;position:fixed;text-align:center;top:10%;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994;-webkit-animation-name:zoomOut;animation-name:zoomOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow-x:hidden} .login-middle_panelmodal.is-active{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block} .login-middle_panel{background:#262632;display:inline-block;margin:0;max-width:100%;overflow:auto;padding:44px;position:relative;text-align:left;vertical-align:middle} .close-login_top{width:100%;height:100%;position:fixed;left:0;top:0} @-webkit-keyframes zoomOut { 0%{opacity:1} 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 100%{opacity:0} } @keyframes zoomOut { 0%{opacity:1} 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 100%{opacity:0} } @-webkit-keyframes zoomIn { 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomIn { 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .login-middle_panel .fancybox-button--close{position:absolute;top:0;right:0;background-color:transparent} .login-middle_panel .fancybox-button--close svg{fill:#fff;width:.8rem;height:.8rem} .login-middle_panel{width:32rem} .login-middle_panel .logo{background-color:transparent} .login-middle_panel input{background-color:#22222c} .login-middle_panel input::placeholder{font-size:13px} .login-middle_panel .login-foot_btngroup .button{font-size:.7rem} .soc-links > a{display:inline-block;flex:0 0 10%;max-width:10%;margin-right:.5rem;height:34px;line-height:34px;border-radius:.2rem;background-color:#22222c;text-align:center} .soc-links > a:hover{background-color:#7b6cb0} .soc-links a svg{fill:#fff;vertical-align:middle;margin:-3px 0 0} #js-login_panelopen{cursor:pointer} .overlay-box,.light-overlay{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#262632f2} .light-overlay{z-index:1001} #modal-overlay{background:transparent!important} /* mob menu style */ body.opened-menu{overflow:hidden;width:100%;height:100%} .side-panel{width:280px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#23242f;padding:10px;z-index:9999;position:fixed;left:-320px;top:0;transition:left .4s} .side-panel.is-active{left:0} .side-panel .h-navigation{display:block} .side-panel .hnavi-list{flex-direction:column} .side-panel .hnavi-bull{display:none} .side-panel .hnavi-list > li a{position:relative;display:block;padding:15px 15px 15px 47px;font-size:.8rem;outline-width:0;border-bottom:1px dashed #292a37; transition:all .3s ease-out} .side-panel .hnavi-list > li a::before{content:"";position:absolute;top:22px;left:20px;width:8px;height:8px;border:1.5px solid #424456;border-radius:50%} .side-panel .hnavi-list > li.hnavi-submenu > a::after{position:absolute;content:'';width:.5em;height:.5em;border-width:1px 0 0 1px;border-style:solid;border-color:currentColor; border-color:initial;right:1em;transform:rotate(-45deg) translate(0,-50%);transform-origin:top;top:50%;transition:all .3s ease-out;color:#424456} .side-panel .hnavi-list > li.hnavi-submenu.hnavi-ismenuactive > a::after{transform:rotate(-135deg) translate(0,-50%)} .side-panel .hnavi-sublist li{height:initial;line-height:initial;padding:0 1.625rem} .side-panel .hnavi-sublist ul li a{font-size:.75rem} .side-panel .sublist-col{flex:0 0 100%;max-width:100%} .side-panel .hnavi-list > li .hnavi-sublist{opacity:1;transform:unset;top:auto;position:relative;display:none;width:100%;padding:0;background-color:transparent} .side-panel .hnavi-list > li:hover .hnavi-sublist{pointer-events:auto;opacity:1;transform:unset} .btn-close{cursor:pointer;display:block;left:280px;top:-40px;position:fixed;z-index:9999;width:40px;height:40px;line-height:40px;text-align:center;font-size:18px; background-color:#FF5A5A;color:#fff;transition:top .4s;-webkit-transition:top .4s} .btn-close.is-active{top:0} /* drop style */ .drop{position:relative;cursor:pointer} .drop svg{width:.9rem;height:.9rem;fill:#8c909f} .drop-in.dropit-open ul{transform:scale(1)} .drop .drop-right{top:1.5rem;right:0;width:7rem;transform-origin:right top 0} .drop ul{position:absolute;top:3em;border-radius:.125rem;background-color:#fff;transform:scale(0);transform-origin:0 0;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:2} .drop ul li{display:block;width:100%} .drop ul li a,.drop ul p{width:100%;cursor:pointer;padding:.5rem 1.125rem;display:inline-block;white-space:pre;box-sizing:border-box} .drop ul li a:hover{background-color:#12161d} .drop ul p{font-size:.8rem} .fastsearch-item .poster{width:3rem} .dle-filter .fscol,.dle-filter .filter-scolinput,.dle-filter .dle-filter-ccol .dle-filter-scol,.dle-filter .dle-filter-sscol{flex:0 0 49%;max-width:49%} .dle-filter select{width:100%} /* responsive style */ @media screen and (max-width: 57rem) { #searchsuggestions{max-height:25rem;overflow-x:hidden;overflow-y:scroll;max-width:40rem} } @media screen and (max-width: 47.5rem) { .toastify{max-width:100%} .toastify-right{right:24px;left:24px} #searchsuggestions{max-width:25rem} #pm-menu{display:flex;overflow-x:scroll;overflow-y:hidden;height:3rem} #pm-menu a{margin:0 10px 0 0} .dle-filter .fscol,.dle-filter .filter-scolinput,.dle-filter .dle-filter-ccol .dle-filter-scol,.dle-filter .dle-filter-sscol{flex:0 0 100%;max-width:100%;width:100%; flex-direction:column;margin-bottom:.5rem} .dle-filter-col{flex-direction:column} .dle-filter label{font-size:.78rem} .dle-filter-scollabel label{max-width:50%;width:50%;margin-right:0;margin-bottom:.5rem} .dle-filter-scolslabel label{margin-right:.5rem} .tail-select{z-index:unset!important} } @media screen and (max-width: 47.5rem) and (min-width: 23.4375rem) and (orientation: landscape) { #searchsuggestions{max-width:40.5rem} .alphabet_items .items .item{flex:0 0 15%;max-width:15%} .dle-filter .fscol,.dle-filter .filter-scolinput,.dle-filter .dle-filter-ccol .dle-filter-scol,.dle-filter .dle-filter-sscol{flex:0 0 49%;max-width:49%;width:49%;flex-direction:row} .dle-filter-col{flex-direction:row} .dle-filter-scollabel label{max-width:unset;width:unset;margin-right:1rem} } @media screen and (max-width: 20rem) { .login-middle_panel {padding: 30px;} }