/*================= >Float Toggles ===================*/ .b-toggles{position:fixed;bottom:30px;right:30px;z-index:9999999} .b-toggles button{width:50px;height:50px;border:none;outline:none;border-radius:15px;margin-top:5px;font-size:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);background:#fff;opacity:0.9;font-family:inherit} .b-toggles button:hover{opacity:1} .b-toggles button:after{content:attr(title);position:absolute;right:120%;background-color:#3e3e3e;white-space:nowrap;font-family:inherit;font-size:12px;padding:7px 12px 9px;border-radius:5px;font-weight:normal;color:#FFF;transform:translateX(-20px);opacity:0} .b-toggles button:before{content:'';border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #3e3e3e;position:absolute;right:110%;transform:translateX(-20px);opacity:0} .b-toggles button:hover:before,.b-toggles button:hover:after{transform:translateX(0);opacity:1} .dm .b-toggles button{background:#333} .b-toggles svg, .b-toggles i{width:30px;height:30px;display:block;fill:#d24949;color:#d24949;display:none} body:not(.dm) #bt-scheme svg:first-of-type{display:block} body.dm #bt-scheme svg:last-of-type{display:block} body:not(.boxed) #bt-boxing i:first-of-type{display:block} body.boxed #bt-boxing i:last-of-type{display:block} #bt-install i{display:block} /*================= >NightMode ===================*/ .dm .static-page .entry-title,.dm .quickedit:after{color:#FFF} /* MAIN */ .dm .main-container,.dm a.next-page, .dm a.prev-page,.dm .modal-body,.dm .Loading,.dm .comments-tabs>div, .dm .topic-nav .topic-img{background-color:#111111} .dm .blog-author-avatar,.dm .aup-photo,.dm .timeline-month > .timeline-point:before{border-color:#111111} .dm.rtl a.prev-page{-webkit-box-shadow:10px 0 0, -20px 0 0 #111111;box-shadow:10px 0 0, -20px 0 0 #111111} .dm.ltr a.prev-page{-webkit-box-shadow:-10px 0 0, 20px 0 0 #111111;box-shadow:-10px 0 0, 20px 0 0 #111111} .dm.rtl a.next-page{-webkit-box-shadow:-10px 0 0, 20px 0 0 #111111;box-shadow:-10px 0 0, 20px 0 0 #111111} .dm.ltr a.next-page{-webkit-box-shadow:10px 0 0, -20px 0 0 #111111;box-shadow:10px 0 0, -20px 0 0 #111111} /* MENUS */ .dm header .color-wrap,.dm #LinkList302,.dm .ticker-title,.dm #footer,.dm .post-body .sq-source,.dm .drop-menu-st > ul,.dm .bot-menu-st > ul,.dm .mega-wrap,.dm #menu-bar .menu-bar >ul>li>a:not(.home):hover,.dm #menu-bar .menu-bar > ul,.dm .menu-res-wrap ul{background:#1b1b1b} /* TRACKS */ .dm .ticker,.dm article .topic-tools,.dm header #top-bar .menu li a,.dm .mega-carousel .splide__arrows button,.dm .scroll-top{background-color:#282828} /* LINKS */ .dm .headline h2 a,.dm .ticker-content li a,.dm .cate-link a,.dm .main-wrap .headline h4,.dm .main-wrap .headline h2,.dm .main-wrap aside .headline h4,.dm .rand-content h3 a,.dm .LinkList .widget-content li a,.dm * .PopularPosts .post-title a,.dm .headline h4,.dm .FeaturedPost h3,.dm .PageList .widget-content li a,.dm .list-label-widget-content .label-name,.dm #TOC li a,.dm #HTML303,.dm #TOC > span,.dm .post-body a.timeline-title,.dm .recent-comments .comment p,.dm .post-body .arp-link,.dm .comments-show button,.dm .go-respond,.dm #menu-bar .menu-bar ul li>a,.dm .ErrorSection h2,.dm header .search input,.dm .ContactForm input[type='text'],.dm .ContactForm textarea,.dm .status-msg-body b,.dm .bot-menu-st:after,.dm .drop-menu-st:after,.dm #Pagination span,.dm #Pagination a,.dm header #top-bar .menu li a,.dm .topic-nav-cont h5,.dm .topic-related .Item h3 a,.dm .go-respond,.dm .comment-actions span *,.dm .comments-list .comment-content,.dm #comments-respond h4,.dm .subscrib-sec input[name="email"],.dm .author-profile,.dm .mega-post .post-title a,.dm .post-body a.d-link,.dm .modal-head,.dm .menu-res-wrap li a,.dm .BlogArchive .flat .archivedate a,.dm .headone{color:#c7c7c7} /* TEXT */ .dm .post-body h3, .dm .post-body h2, .dm .post-body h4,.dm header #top-bar .menu li a:hover,.dm header #top-bar .search form span,.dm .cate-slideshow .Item.s-active,.dm .label-size,.dm .status-msg-body,.dm .timeline-month-name span,.dm .timeline-date i,.dm .aup-about,.dm .acc-body,.dm .social-widget li div,.dm .recent-comments .comment .comm-author,.dm .recent-comments .comment .leave-comm,.dm .post-body .prm-title,.dm .post-body .prm-title:before,.dm .details > *,.dm .cate-snippet,.dm .main-slider .m-slider .caption p,.dm .list-label-widget-content .label-count,.dm .headline > a,.dm .ticker-title,.dm .ErrorSection p,.dm .blog-author-social a,.dm b.blog-author-count,.dm .ContactForm i,.dm .ContactForm label,.dm .topic-nav-cont span,.dm .com-date,.dm #comments-respond p,.dm .comments-count,.dm .contact-state p,.dm .subscrib-sec label,.dm * .splide__arrow,.dm * .snippet-item,.dm #TOC li a:before,.dm .post-body,.dm .post-body p,.dm .author-about,.dm .topic-details > *,.dm .zooming b,.dm .post-body .sq-source,.dm .post-body li,.dm .cLink.disabled,.dm .modal-body,.dm .cate-carousel .splide__arrows button,.dm .text-counter-wrapper,.dm .flat .archivedate .post-count,.dm .TextList .widget-content li,.dm #Header1 p{color:#bbbbbb} /* LINES BACK */ .dm .headline > a,.dm .social-widget li div,.dm .CusWidget .v-carousel .vc-nav button,.dm .acc-body,.dm #Pagination span,.dm #Pagination a,.dm .cate-slideshow .Item,.dm .details-on-img .author-prof,.dm .details-on-img .post-date,.dm #TOC li a,.dm .post-body h3, .dm .post-body h2, .dm .post-body h4,.dm #TOC > span,.dm .timeline-point,.dm .timeline-month > .timeline-point:before,.dm .post-body .premium,.dm .comments-show button,.dm .go-respond,.dm .cate-carousel .splide__pagination__page,.dm header .search input,.dm .post-pages:before,.dm .topic-nav-cont span,.dm .comment-actions span *,.dm .subscrib-sec input[name="email"],.dm .BlogSearch .search-input input,.dm * .splide__arrow,.dm .post-body .prm-title:before,.dm .modal-head,.dm .cLink.disabled{background-color:#2d283b} .dm .cPath{stroke:#2d283b} .dm .PageList .widget-content li a::before,.dm .list-label-widget-content .label-name::before,.dm .BlogArchive .flat .archivedate a::before,.dm .TextList .widget-content li::before{color:#2d283b} /* BORDERS */ .dm .headline,.dm .home-cate .widget-content,.dm .cate-sided .Item:nth-of-type(n+2),.dm .cate-sided .Item:first-of-type,.dm .cate-cover .Item:nth-of-type(n+2),.dm .index-posts .post-outer,.dm .main-wrap aside .headline,.dm .social-widget,.dm .CusWidget .v-carousel,.dm .rand-content,.dm .rand-content div,.dm .recent-comments .comment,.dm .comments-img-wrap,.dm .cate-video .Item,.dm #TOC,.dm .post-body h3, .dm .post-body h2, .dm .post-body h4,.dm .see-also,.dm .see-also li,.dm .topic-share .social,.dm .topic-author,.dm .topic-nav,.dm .related-carousel .item-wrap,.dm .comments-list,.dm .comments-list > ul > li.comment,.dm .comments-list .comment-replies li.comment,.dm #comments-respond,.dm .author-profile,.dm .topic-related .details,.dm .status-msg-body,.dm .ErrorSection,.dm .blog-author-card,.dm .blog-author-social a,.dm .post-body img.timeline-thumb,.dm .timeline-month-name span,.dm .timeline-point:before,.dm .post-body .premium,.dm .post-body #ContactForm93,.dm .ContactForm input[type='text'],.dm .ContactForm textarea,.dm .topic-nav .prev,.dm .list-label-widget-content .label-name,.dm .PageList .widget-content li a,.dm #footer-top-section:not(.no-items),.dm .PopularPosts article,.dm .BlogArchive .flat .archivedate a,.dm .TextList .widget-content li{border-color:#2d283b} .dm .social-widget li div:after{border-bottom-color:#2d283b} /*================= >Responsive ===================*/ @media screen and (max-width:1200px){#bt-boxing{display:none!important}} @media screen and (max-width:1050px){ #Header1,#HTML302,#HTML307{float:none;width:100%;text-align:center;margin:0 auto;min-height:auto} div#Header1{margin-bottom:30px} .aup-wrapper{width:90%} #footer-sections{flex-wrap:wrap} #footer-sections .f-sec{width:50%;margin-bottom:30px} } @media screen and (min-width:481px) and (max-width:1080px){ .cate-video .free-width .Item:nth-of-type(-n+3){margin:0;padding:0;border:0} .cate-video .free-width .Item:nth-of-type(3n-1){margin:0} .cate-video .free-width .Item{width:calc((100% - 15px)/2)} .cate-video .free-width .Item:nth-of-type(n+3){margin-top:30px;padding-top:30px;border-top:1px solid #eeeeee} .cate-video .free-width .Item:nth-of-type(odd){margin-left:15px} .cate-video .img-wrap{width:100%;margin:0 0 10px;height:150px} .cate-video .cate-link{width:100%} } @media screen and (min-width:481px) and (max-width:860px){ .cate-video .img-wrap{float:none;clear:both;width:100%;height:30vw} .cate-video .cate-link{margin-top:15px} } @media screen and (min-width:992px){ body{background:transparent url(https://1.bp.blogspot.com/-L3YaA9qo0EI/X-9NTP-6FwI/AAAAAAAAMPA/S4V7YWxzdAEgOdQ5oTVH1IKYFAXIx1BgwCLcBGAsYHQ/s1054/SqBack.webp) no-repeat fixed top right;background-size:cover} } @media screen and (max-width:992px){ header #top-bar #LinkList301{max-width:calc(100% - 90px);float:right;margin-right:40px;margin-left:0} .bot-menu-st > ul{right:0} header #top-bar #PageList301{width:200px;position:absolute;right:0;overflow:visible} header #top-bar .menu{display:none} header #top-bar .menu-res{display:block} header #top-bar #HTML301{width:30px;min-width:auto} header .search label{position:absolute;left:30px;top:0} header .search.open-search label{width:200px} a.res-home{display:block} #menu-bar .menu-bar ul li>a.home{display:none} .menu-bar-res{display:block} #menu-bar .menu-bar > ul{position:absolute;left:0;top:58px;background-color:#222222;width:220px;max-height:0;overflow:auto!important;padding:0 15px;z-index:2;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)} #menu-bar .menu-bar > ul.open{max-height:340px;z-index:2;padding:15px} #menu-bar .menu-bar .drop-menu-st ul{display:block;background-color:rgba(0,0,0,0.2);position:relative;top:0;-webkit-box-shadow:none;box-shadow:none;width:auto} #menu-bar .menu-bar .drop-menu-st ul li a{font-size:12px} #menu-bar .menu-bar ul li>a{display:block;padding:10px;font-weight:700;text-align:right;border-bottom:1px dashed rgba(255,255,255,0.075)} #menu-bar .menu-bar > ul.open > li:last-of-type a{border-bottom:none;} #menu-bar .menu-bar .drop-menu-st:after{display:none} #menu-bar .menu-bar ul li{float:none} .middle-content{flex-wrap:wrap} .side-right,aside{width:100%;margin:0!important} .CusWidget .slider-carousel .img-wrap,.CusWidget .v-carousel .img-wrap{height:35vh} .details a,.topic-details a,.go-respond{display:inline-block;padding:8px 0;} } @media screen and (min-width:641px) and (max-width:992px){ .wide-sec .sided-sections.three-cols .section:first-of-type{float:none;width:100%;clear:both;width:100%} .wide-sec .sided-sections.three-cols .section:nth-of-type(2){margin:0 0 0 15px} .wide-sec .sided-sections.three-cols .section:nth-of-type(n+2){width:calc((100% - 15px)/2)} .wide-sec .sided-sections.two-cols .section{margin-left:15px;width:calc((100% - 15px)/2)} .wide-sec .sided-sections.two-cols .section:last-of-type{margin:0} } @media screen and (max-width:860px){ .main-slider .m-slider{float:none;width:100%;margin-bottom:30px} .main-slider .left-box{float:none;width:100%;clear:both;height:auto} .main-slider .left-box > div{float:right;width:49%} .main-slider .left-box > div:first-of-type{margin-left:2%} .topic-tools.zooming{display:block;margin:0 auto} .topic-tools{border-radius:0 0 5px 5px} .topic-details{width:95%;margin:0 2.5%;padding:35px 20px 10px;margin-top:-3px} .cate-cover .free-width .Item:nth-of-type(n+2){width:100%;float:none} } @media screen and (max-width:640px){ .topic-title{border-radius:5px} body .sided-sections .section{float:none!important;width:100%!important;margin-left:0!important;margin-right:0!important} #sidebar-section .widget{width:100%;float:none} #footer #footer-sections .f-sec{width:100%} .free-width .slideshow-thumbnail,.tight-width .slideshow-thumbnail{float:none;width:100%;height:320px;margin-left:0;margin-bottom:20px} .cate-slideshow .free-width .slideshow-thumbs{float:none;width:100%} .cate-slideshow .free-width .Item,.cate-slideshow .tight-width .Item{height:auto} .cate-slideshow .free-width .Item.s-active:after, .cate-slideshow .tight-width .Item.s-active:after{display:none} .index-posts .img-wrap{width:180px;height:180px;margin-left:15px} .blog-author-card{margin-right:0} .aup-wrapper{width:100%} .topic-author .social{position:relative;left:0;top:0;text-align:left} #LinkList304{float:none;clear:both;margin:0 auto;text-align:center} #HTML303{float:none;clear:both;text-align:center;margin-bottom:10px} .premium{width:98%} .comments-list .comment-replies{padding-right:0} .comments-list .comment-replies .comment-content{margin-top:0} .comment-actions{margin-top:10px;position:relative;top:auto;left:auto;display:block} .comment-actions span{float:left} .comment-actions span:first-child{margin-bottom:5px} .comment-actions span:last-child{margin-left:0} .post-body .premium{width:100%} .post-body .prem-desc{margin:10px 0;padding:10px;text-align:center} .post-body .prm-title{margin:0;text-align:center} .post-body .prm-title:before{display:block;margin:0 auto} .cate-cover .free-width .Item:first-of-type .img-wrap{float:none;width:100%;margin-bottom:20px} } @media screen and (max-width:480px){ .ticker-title{font-size:0;padding:0 25px} header #top-bar #HTML301{min-width:auto;width:200px;position:absolute;left:20px} .slideshow-thumbnail{height:240px} .cate-slideshow .widget-content{padding:0;border:none} .main-slider .left-box > div{width:100%;float:none} .main-slider .m-slider{height:320px} .index-posts .post-outer .img-wrap{float:none;width:100%;height:50vw;margin-bottom:15px} .post-outer h3.post-title{display:block;width:100%} .comments-bar button{float:none;width:100%;display:block;-webkit-transform:translate(0);transform:translate(0);margin-bottom:5px} .comments-list .comment-content{clear:both;margin:40px 0px 0} .comments-list .comment-replies .comment-content{margin:5px 0 0} .topic-nav-cont .next,.topic-nav-cont .prev{float:none;width:100%;border:none;display:block} .topic-nav .topic-img{display:none!important} .arp-label-count u{display:none} .arp-link{font-size:14px} .arp-label-name b{font-size:20px} .timeline-mohth-name{margin-right:110px} .timeline-date{width:75px} .timeline-point{right:90px} .timeline-post{padding-right:40px;width:calc(100% - 75px)} .timeline-title{margin-right:10px} .topic-author{text-align:center} .author-about{float:none;display:block;width:100%;clear:both;margin-bottom:10px;text-align:center} .topic-author .author-img{display:block;margin:0 auto 10px;float:none} .topic-author .social{text-align:center} .author-profile{float:none;display:inline-block} .separator a{margin:0 auto!important} .cate-video .Item,.cate-video .free-width .Item{float:none;width:100%;margin:20px 0 0!important;margin-left:0;border-top:1px solid #EEE;padding-top:20px} .cate-video .Item:first-of-type,.cate-video .free-width .Item:first-of-type{margin-top:0!important;padding-top:0;border-top:none} .cate-video .img-wrap{width:100%;height:50vw;margin:0 0 10px 0} .cate-video .cate-link{max-height:100%;clear:both} .comments-tabs .go-respond{margin-bottom:30px;padding:8px} .comments-tabs .comments-show{float:none;text-align:center;clear:both;font-size:0} .comments-tabs .comments-show button{width:50%;font-size:12px} .comments-only{margin-bottom:10px} .post-body img.timeline-thumb{width:60px;height:60px;border-width:3px} .post-body a.timeline-title{margin-right:10px;font-size:14px;width:calc(100% - 75px)} } @media screen and (max-width:360px){ .home-cate .widget-content,.index-posts{padding:0;border:none} .timeline-mohth-name{margin-right:30px} .timeline-item{height:auto} .timeline-date{width:100%;text-align:right;padding:0 30px 0 0} .timeline-date b{display:inline-block;font-size:20px;margin-left:5px;vertical-align:middle} .timeline-date i{display:inline-block;font-size:12px;vertical-align:middle} .timeline-point{right:10px} .timeline-post{padding-right:30px;width:100%} .timeline-thumb{display:none} a.timeline-title{display:block;margin-right:0;width:100%} header #top-bar #HTML301{width:150px} .premium{width:98%} h6.prm-title{margin:0 0 20px;text-align:center} span.prem-desc{margin-top:5px;padding:5px 10px;text-align:center} .prm-title:before{display:block;-webkit-box-shadow:none;box-shadow:none;margin:0 auto} a.pr-but{display:block;text-align:left} .pr-but:before{width:30px} } @media print{ .main-container>header,.intro,footer,aside,.topic-share,.topic-author,.topic-nav,.topic-related,div[id^='HTML30'],.zooming,.main-container:before,.main-container:after,article .topic-tools,.article-ad,.Middle-Ad,.quote-share,.item-control.blog-admin,#TOC,.see-also{display:none} .side-right{width:100%!important;float:none} .middle-content,.main-wrap{margin:0 auto!important} .main-container{max-width:100%;-webkit-box-shadow:none;box-shadow:none} .topic-details{margin:0 5%;width:90%} .topic-title{color:#000;border-bottom:1px solid #DDD;background:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;text-shadow:none} .post-body{color:#222!important} .post-body pre.sq-code{max-height:100%} } /*================= >Admin Custom CSS ===================*/ -->