> Name : Naz Free Template >> Description : Versatile professional arabic blogger template [Magazine - Tech - Personal Blogging] >> Virison : 2.1.1 >> Date : 10 April 2020 >> By : Muhammad Gamal >> Url : https://Naz-template.blogspot.com/ */ /* (1) Variable ======================= ======================================= *//* (2) Rest HTML ======================= ======================================= */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} /* ------ HTML5 display-role reset for older browsers ------ */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{min-height:100%;_height:100%;position:relative;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word} ol,ul{list-style:none;padding:0;margin:0} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} a{background:transparent;text-decoration:none} table{border-collapse:collapse;border-spacing:0;width:100%} canvas{display:inline-block} /* ------ Change colours to suit your needs ------ */ ins{text-decoration:underline} del{text-decoration:line-through} mark{background-color:$(keycolor);color:$(color.include);font-weight:bold;padding:0 5px} em{font-style:italic} strong,b{font-weight:bold} b{color:$(body.text.color)} strong{font-size:x-large} small{font-size:smaller} kbd,samp,var{display:inline-block;direction:ltr;text-align:left;font:12px 'Consolas','Monaco',monospace,Courier,Courier New;padding:2px 5px;margin:2px 5px;width:auto;white-space:pre-wrap;word-wrap:break-word;font-weight:700} samp{background-color:#efefef;color:$(body.text.color)} var{background-color:$(Altcolor.grad);border-right:4px solid $(keycolor);color:white} kbd{direction:inherit;cursor:context-menu;display:inline-block;padding:9px 10px;color:#aaa;font:bold 8pt arial;text-decoration:none;text-align:center;height:30px;margin:0 5px;background:#eff0f2;border-top:1px solid #f5f5f5;text-shadow:0 1px 0 #f5f5f5;-webkit-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #8c8c8c;-moz-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #8c8c8c;-ms-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #8c8c8c;-o-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #8c8c8c;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #8c8c8c} kbd:hover{color:#888;background:#ebeced;-webkit-box-shadow:inset 0 0 25px #ddd,0 0 3px #8c8c8c;-moz-box-shadow:inset 0 0 25px #ddd,0 0 3px #8c8c8c;-ms-box-shadow:inset 0 0 25px #ddd,0 0 3px #8c8c8c;-o-box-shadow:inset 0 0 25px #ddd,0 0 3px #8c8c8c;box-shadow:inset 0 0 25px #ddd,0 0 3px #8c8c8c} hr{display:block;height:1px;border:0;border-top:1px solid $(keycolor);margin:1em 0;padding:0} spoiler{display:inline;background:white;color:transparent;padding:0 .5em} spoiler:hover{background:transparent;color:inherit} /* ------ Each display reset ------ */ html{font-family:serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden!important} *,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .clear{clear:both;content:'';display:block} [dir="rtl"] .clear-left{display:block;clear:left} [dir="ltr"] .clear-left{display:block;clear:right} :focus{outline:0} :disabled,.disabled{cursor:default} label,select,button,input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],input[type="button"],input[type="color"]{cursor:pointer;border:0} input{font:inherit} body .cookie-choices-info{top:auto;bottom:0;background-color:#333} /* ------ Input + Abbr + Label ------ */ abbr[title],dfn[title],abbr,acronym{cursor:help;text-decoration:none} input:focus,textarea:focus{outline:none} input,select{vertical-align:middle} /*== [type=text] ==*/ input[type="text"]{border:0;outline:none;margin:0;padding:0 10px;font-size:14px;min-height:35px;line-height:35px;font-family:inherit} /*== [type=checkbox + radio] ==*/ input[type=checkbox],input[type="radio"]{background:$(widget.background.color);color:$(keycolor);width:20px;height:20px;cursor:pointer;display:inline-block;position:relative;margin-right:0.5rem;z-index:1;vertical-align:middle;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none} input[type=checkbox]:checked::before,input[type="radio"]:checked::before{font:normal normal normal 14px/1 FontAwesome;content:"\f00c";font-size:1em;width:20px;height:20px;position:absolute;text-align:center;line-height:20px;display:flex;display:-webkit-flex;justify-content:center;align-items:center} input[type=checkbox]:disabled,input[type=radio]:disabled{color:gainsboro;cursor:auto} /* (3) Images ============================ ======================================= */ img{max-width:100%;display:block;height:auto;margin:0 auto} img:not([src]){content:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)} .LazyLoad{position:relative} .LazyLoad:before{content:'';opacity:1;display:inline-block;position:absolute;right:0;left:0;top:0;bottom:0;animation:LazyImage 3s infinite linear forwards;animation-direction:alternate} @-webkit-keyframes LazyImage{from{background:$(keycolor)}to{background:$(Altcolor)}} @-moz-keyframes LazyImage{from{background:$(keycolor)}to{background:$(Altcolor)}} @-ms-keyframes LazyImage{from{background:$(keycolor)}to{background:$(Altcolor)}} @-o-keyframes LazyImage{from{background:$(keycolor)}to{background:$(Altcolor)}} @keyframes LazyImage{from{background:$(keycolor)}to{background:$(Altcolor)}} /* ------ Filter ------ */ {-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1)} .opacity-0-1{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)";filter:alpha(opacity=0.1);opacity:0.1} .filter-gray{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1)} /* ------ Content Images ------ */ .img-content{display:block;overflow:hidden;position:relative} .img-content:hover:not(.LazyLoad) img{-webkit-transform:scale(1.1) rotate(1.2deg);-ms-transform:scale(1.1) rotate(1.2deg);-moz-transform:scale(1.1) rotate(1.2deg);-o-transform:scale(1.1) rotate(1.2deg);transform:scale(1.1) rotate(1.2deg)} .img-content img{height:100%;width:100%} .img-content:not(.LazyLoad):before,.img-content:not(.LazyLoad):after{content:'';position:absolute;top:20px;right:20px;left:20px;bottom:20px;opacity:0;z-index:1} .img-content:not(.LazyLoad):before{border-bottom:2px solid $(main.back);border-top:2px solid $(main.back);margin:0 -5px;transform:scaleX(0)} .img-content:not(.LazyLoad):after{border-left:2px solid $(main.back);border-right:2px solid $(main.back);margin:-5px 0;transform:scaleY(0)} .img-content:not(.LazyLoad):hover:before,.img-content:not(.LazyLoad):hover:after{opacity:1;transform:scale(1)} /* (4) Socials =========================== ======================================= */ .social .fa-facebook,.btn-facebook{background-color:#3b5998} .social .fa-twitter,.btn-twitter{background-color:#1da1f2} .social .fa-rss,.btn-rss{background-color:#f26522} .social .fa-dribbble,.btn-dribbble{background-color:#ea4c89} .social .fa-pinterest,.btn-pinterest{background-color:#cc2127} .social .fa-linkedin,.btn-linkedin{background-color:#0976b4} .social .fa-wordpress,.btn-wordpress{background-color:#00769d} .social .fa-github,.btn-github{background-color:#000000} .social .fa-youtube,.btn-youtube{background-color:#e52d27} .social .fa-quora,.btn-quora{background-color:#a82400} .social .fa-spotify,.btn-spotify{background-color:#1ed760} .social .fa-snapchat,.btn-snapcha t{background-color:#f5d602} .social .fa-flickr,.btn-flickr{background-color:#FF0084} .social .fa-instagram,.btn-instagram{background-color:#7c38af;background:radial-gradient(circle at 0 130%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)} .social .fa-behance,.btn-behance{background-color:#009fff} .social .fa-whatsapp,.btn-whatsapp{background-color:#189d0e} .social .fa-soundcloud,.btn-sound{background-color:#FF5419} .social .fa-tumblr,.btn-tumblr{background-color:#3e5a70} .social .fa-khamsat,.btn-khamsat{background-color:#f9b01c} .social .fa-tradent,.btn-tradent{background-color:#59c5c4} .social .fa-blogger,.btn-blogger{background-color:#fc9644} .social .fa-telegram,.btn-telegram{background-color:#32AEE1} .social .fa-google-play,.btn-gplay{background-color:#3d9dab} .social .fa-mostaql,.btn-mostaql{background-color:#2caae2} .social .fa-messenger,.btn-messenger{background-color:#0084ff} .social .fa-website,.btn-website{background-color:#444444} .social .fa-envelope,.btn-envelope{background-color:$(Altcolor)} .btn-print{background-color:$(keycolor)} /* ------ Social Static ------ */ .socials-static:not(.top-social-ft){font-size:0} .socials-static:not(.top-social-ft) li{display:inline-block;margin:1px 2px 0;overflow:hidden} .socials-static li i{color:#FFF;width:28px;height:28px;line-height:28px;display:block;text-align:center;font-size:16px} .socials-static li svg{width:28px;height:28px;padding:6px 0;margin-bottom:5px;display:block;fill:#FFF} .socials-static li span{z-index:9999;pointer-events:none;background-color:$(main.back);color:$(body.link.color);padding:10px 5px;position:absolute;font-size:11px;right:-webkit-calc(50% - 40px);right:calc(50% - 40px);width:80px;text-transform:capitalize;font-family:sans-serif;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;visibility:hidden;line-height:normal} .socials-static li a:hover span{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;visibility:visible} .socials-static li span:before{content:"";border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;left:-webkit-calc(50% - 4px);left:calc(50% - 4px);display:block;z-index:5} .socials-static.bottom li span:before{top:-5px;border-bottom:7px solid $(main.back)} .socials-static.bottom li span{bottom:-34px} .socials-static.bottom li a:hover span{bottom:-40px;} .socials-static.top li span:before{bottom:-5px;border-top:7px solid $(main.back)} .socials-static.top li span{top:-34px} .socials-static.top li a:hover span{top:-40px;} /* (5) Loading =========================== ======================================= */ .loader-call *,.loader-img *,.js-hidden{display:none!important} .loader-call,.loader-call::before,.loader-call::after{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate} .loader-call{margin:10px auto} .loader-call::before,.loader-call::after{content:'';display:inline-block;position:absolute;top:0} .loader-call::before{left:-15px;animation-delay:0s;-webkit-animation-delay:0s} .loader-call::after{left:15px;animation-delay:1s;-webkit-animation-delay:1s} /* ------ loader-img ------ */ .loader-img{margin:5px auto 20px;transform-origin:5px 15px;-webkit-transform-origin:5px 15px;animation:dotWindmill 2s infinite linear;-webkit-animation:dotWindmill 2s infinite linear} .loader-img::before,.loader-img::after{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate} .loader-img::before,.loader-img::after{content:'';display:inline-block;position:absolute} .loader-img::before{left:-8.66px;top:15px;animation-delay:0s;animation-delay:0s;-webkit-animation-delay:0s} .loader-img::after{left:8.66px;top:15px;animation-delay:1s;-webkit-animation-delay:1s} /* ------ loader-each ------ */ .loader-call,.loader-call::before,.loader-call::after,.loader-img,.loader-img::before,.loader-img::after{background-color:$(keycolor);color:$(keycolor);width:10px;height:10px;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%} .loader-call,.loader-img{position:relative;padding:0!important;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;animation-delay:.5s;-webkit-animation-delay:.5s} @-webkit-keyframes dotWindmill{0%{background-color:$(loader.call.back);transform:rotateZ(0deg) translate3d(0,0,0);-webkit-transform:rotateZ(0deg) translate3d(0,0,0)}100%{background-color:$(keycolor);transform:rotateZ(720deg) translate3d(0,0,0);-webkit-transform:rotateZ(720deg) translate3d(0,0,0)}} @keyframes dotWindmill{0%{background-color:$(loader.call.back);transform:rotateZ(0deg) translate3d(0,0,0);-webkit-transform:rotateZ(0deg) translate3d(0,0,0)}100%{background-color:$(keycolor);transform:rotateZ(720deg) translate3d(0,0,0);-webkit-transform:rotateZ(720deg) translate3d(0,0,0)}} @-webkit-keyframes dotFlashing{0%{background-color:$(keycolor)}50%,100%{background-color:$(loader.call.back)}} @keyframes dotFlashing{0%{background-color:$(keycolor)}50%,100%{background-color:$(loader.call.back)}} /* (6) Reset Content ===================== ======================================= */ /* ------ Select option ------ */ select{font-family:inherit;margin:0 5px;padding:2px 10px;border:0 solid $(widget.background.color);background:$(widget.background.color);color:#949494;font-size:14px;-webkit-border-radius:.25em;-moz-border-radius:.25em;-ms-border-radius:.25em;-o-border-radius:.25em;border-radius:.25em} select option{color:inherit} /* ------ Main placeholder ------ */ ::-webkit-input-placeholder{color:$(body.text.color)} ::-moz-placeholder{color:$(body.text.color)} :-ms-input-placeholder{color:$(body.text.color)} :-moz-placeholder{color:$(body.text.color)} :-o-placeholder{color:$(body.text.color)} /* ------ Main selection font ------ */ ::selection{color:$(color.include);background:$(keycolor)} ::-moz-selection{color:$(color.include);background:$(keycolor)} ::-ms-selection{color:$(color.include);background:$(keycolor)} ::-o-selection{color:$(color.include);background:$(keycolor)} ::-webkit-selection{color:$(color.include);background:$(keycolor)} /* ------ Scrollbar ------ */ ::-webkit-scrollbar{background-color:$(main.back);width:11px;height:11px} ::-webkit-scrollbar-button{height:0;width:0} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block} ::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none} ::-webkit-scrollbar-corner{background-color:transparent} ::-webkit-scrollbar-track{border:0 solid transparent;background-clip:padding-box;background-color:transparent} ::-webkit-scrollbar-track:hover{-webkit-box-shadow:none;box-shadow:none;background-color:transparent} ::-webkit-scrollbar-track:horizontal:hover{-webkit-box-shadow:none;box-shadow:none} ::-webkit-scrollbar-track:vertical{border-right:5px solid transparent} ::-webkit-scrollbar-track:horizontal{border-top:5px solid transparent} ::-webkit-scrollbar-thumb{background-clip:border-box;background-color:transparent;border:0 solid transparent;-webkit-box-shadow:none;box-shadow:none;min-height:28px} ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.0666)} ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.1332)} ::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.5);box-shadow:inset 1px 1px 0 rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1665)} ::-webkit-scrollbar-thumb:vertical{border-width:0 5px 0 0;padding-top:100px} ::-webkit-scrollbar-thumb:horizontal{border-width:5px 0 0 0;padding-right:100px} /* ------ Set Commend ------ */ .hidden,.hide,a[name*="more"],#uds-searchControln,#blogger-components{display:none!important} .blog-admin,#ContactForm302{display:none} .post-body #ContactForm302{display:block} .post-body #ContactForm302 .headline{display:none} object{max-width:100%} *:not(.notr),:not(.notr):before,:not(.notr):after{-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out} .comment p,table *,kbd,blockquote,pre,code *,code,.token,samp,var,.notification{-webkit-user-select:text!important;-khtml-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important} /* ------ Body ------ */ body{font-style:normal;font-weight:normal;font-stretch:normal;font-size:14px;color:$(body.text.color);background:$(body.background);background-size:cover;line-height:1.5em} [dir="rtl"] body{text-align:right} [dir="ltr"] body{text-align:left} body[data-protect='true']{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} body[data-overflow='true']{overflow:hidden} body[data-lazy='true']{-webkit-animation:LazyContent 0.3s steps(1,end) 0.3s 1 normal both;-moz-animation:LazyContent 0.3s steps(1,end) 0.3s 1 normal both;-ms-animation:LazyContent 0.3s steps(1,end) 0.3s 1 normal both;animation:LazyContent 0.3s steps(1,end) 0.3s 1 normal both} @-webkit-keyframes LazyContent{from{visibility:hidden}to{visibility:visible}} @-moz-keyframes LazyContent{from{visibility:hidden}to{visibility:visible}} @-ms-keyframes LazyContent{from{visibility:hidden}to{visibility:visible}} @-o-keyframes LazyContent{from{visibility:hidden}to{visibility:visible}} @keyframes LazyContent{from{visibility:hidden}to{visibility:visible}} p{line-height:2;font-size:12px;text-align:justify} .side-content{margin-bottom:20px} body.no-sidebar .side-content{float:none;width:100%} body.no-sidebar aside{display:none} /* ------ Widths ------ */ main{position:relative} .side-content{width:-webkit-calc(100% - $(sidebar.width) - 2%);width:-moz-calc(100% - $(sidebar.width) - 2%);width:calc(100% - $(sidebar.width) - 2%)} [dir="rtl"] .side-content{float:right} [dir="ltr"] .side-content{float:left} aside{position:relative;width:$(sidebar.width)} [dir="rtl"] aside{float:left} [dir="ltr"] aside{float:right} .wrapper{max-width:$(content.width);margin:0 auto} .blog-content{overflow:hidden;padding:0 20px;width:100%;background-color:$(content.background.color);margin-top:20px} .middle-content{position:relative;overflow:hidden} /* ------ Title body ------ */ a{color:$(body.text.color)} a:link{text-decoration:none;color:$(body.link.color);font-weight:400} a:visited{color:$(body.link.visited.color)} a:hover{color:$(body.link.hover.color)} h1,h2,h3,h4,h5,h6{position:relative;color:inherit} h1{font-size:1.5em;line-height:1.2em} h2{font-size:1.4em;line-height:1.9em} h3{font-size:1.2em;line-height:1.5em} h4{font-size:1em;line-height:2em} h5,h6{font-size:1.125em;line-height:1.5em} /* ------ Headlines ------ */ .headline{text-align:start;display:block;clear:both;margin-bottom:15px;position:relative;overflow:hidden} .headline[data-title*="[SM]"],.headline[data-title*="[AO]"],.headline[data-title*="[GL]"]{display:none} .headline:before,.headline:after{content:"";z-index:1;position:absolute;height:4px;margin:0 2px;width:100%;top:50%;-webkit-transform:translateY(-50%) translateX(-1px);-moz-transform:translateY(-50%) translateX(-1px);-ms-transform:translateY(-50%) translateX(-1px);-o-transform:translateY(-50%) translateX(-1px);transform:translateY(-50%) translateX(-1px)} [dir="rtl"] .headline:before,[dir="rtl"] .headline:after{left:0} [dir="ltr"] .headline:before,[dir="ltr"] .headline:after{right:0} .headline h6{position:relative;z-index:2;padding:5px 15px;color:$(color.grad);display:inline-block;overflow:hidden;font-size:15px;top:2px} .headline:after{content:"\f115";font-family:FontAwesome;text-align:center;color:$(color.grad);width:30px;height:30px;line-height:30px} #Blog1 .headline::after,.cate-wrapper .mut-cate .headline::after{display:none} .btn-more{z-index:2;position:relative;top:3px} [dir="rtl"] .btn-more{float:left} [dir="ltr"] .btn-more{float:right} .btn-more:hover{padding:2px 17px} [dir="rtl"] .btn-more:hover:before{font-size:13px;margin-left:7px} [dir="ltr"] .btn-more:hover:before{font-size:13px;margin-right:7px} .btn-more:before{content:'\f067';font-size:0} [dir="rtl"] .headline h6:before{content:'\f02e';margin-left:7px;font-size:14px} [dir="ltr"] .headline h6:before{content:'\f02e';margin-right:7px;font-size:14px} /* Headlines br */ h1 br,h2 br,h3 br,h4 br,h5 br,h6 br,h7 br{display:none} /* ------ Main Gradient ------ */ [dir="rtl"] .grad-1,[dir="rtl"] .headline h6,[dir="rtl"] .headline:before,[dir="rtl"] .headline:after,[dir="rtl"] .post-pages:before{background:$(keycolor.grad);background:-webkit-linear-gradient(to right,$(keycolor.grad),$(Altcolor.grad));background:-o-linear-gradient(to right,$(keycolor.grad),$(Altcolor.grad));background:-moz-linear-gradient(to right,$(keycolor.grad),$(Altcolor.grad));background:linear-gradient(to right,$(keycolor.grad),$(Altcolor.grad));_background-image:none} [dir="ltr"] .grad-1,[dir="ltr"] .headline h6,[dir="ltr"] .headline:before,[dir="ltr"] .headline:after,[dir="ltr"] .post-pages:before{background:$(keycolor.grad);background:-webkit-linear-gradient(to left,$(keycolor.grad),$(Altcolor.grad));background:-o-linear-gradient(to left,$(keycolor.grad),$(Altcolor.grad));background:-moz-linear-gradient(to left,$(keycolor.grad),$(Altcolor.grad));background:linear-gradient(to left,$(keycolor.grad),$(Altcolor.grad));_background-image:none} [dir="rtl"] .grad-2{background:$(Altcolor.grad);background:-webkit-linear-gradient(to right,$(Altcolor.grad),$(keycolor.grad));background:-o-linear-gradient(to right,$(Altcolor.grad),$(keycolor.grad));background:-moz-linear-gradient(to right,$(Altcolor.grad),$(keycolor.grad));background:linear-gradient(to right,$(Altcolor.grad),$(keycolor.grad));_background-image:none} [dir="ltr"] .grad-2{background:$(Altcolor.grad);background:-webkit-linear-gradient(to left,$(Altcolor.grad),$(keycolor.grad));background:-o-linear-gradient(to left,$(Altcolor.grad),$(keycolor.grad));background:-moz-linear-gradient(to left,$(Altcolor.grad),$(keycolor.grad));background:linear-gradient(to left,$(Altcolor.grad),$(keycolor.grad));_background-image:none} [dir="rtl"] .grad-img{background:url(https://1.bp.blogspot.com/-FFKT5pQ-cfo/XpNZD0xjsDI/AAAAAAAAEl4/O9l5a8QUiWoBBUBkOrH_Ceaf3gB3GFd9ACLcBGAsYHQ/s1600/back.png),linear-gradient(to right,$(keycolor),$(Altcolor))} [dir="ltr"] .grad-img{background:url(https://1.bp.blogspot.com/-FFKT5pQ-cfo/XpNZD0xjsDI/AAAAAAAAEl4/O9l5a8QUiWoBBUBkOrH_Ceaf3gB3GFd9ACLcBGAsYHQ/s1600/back.png),linear-gradient(to left,$(keycolor),$(Altcolor))} /* ------ Tooltip ------ */ .text-tooltip{pointer-events:none;display:none;position:absolute;background-color:$(main.back);padding:5px 15px;z-index:9999999;white-space:normal;font-size:12px;color:$(body.text.color);border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.4);-ms-box-shadow:0 2px 5px rgba(0,0,0,0.4);-o-box-shadow:0 2px 5px rgba(0,0,0,0.4);box-shadow:0 2px 5px rgba(0,0,0,0.4)} /* ------ Fixed Elements ------ */ .fixed-top,.fixed-bottom{position:fixed!important;left:0;right:0;width:100%;z-index:10;display:block} .fixed-top{top:-75px} .fixed-bottom{bottom:-90px;border-top:1px solid $(body.line)} .fixed-top.show{top:0} .fixed-bottom.show{bottom:0} /* ------ Disabled Widget ------ */ .widget-disabled{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:block;overflow:hidden;font-size:13px;padding:10px;text-align:center;color:#ce5151;background-color:#f8d7da;border:1px solid #ce5151;font-weight:bold} .widget-error{display:block;text-align:center} .widget-error b{padding:10px 10px;display:inline-block;background-color:#d00;color:#fff;margin:0 auto;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:17px} .widget-error p{text-align:center;margin:5px auto 0;padding:5px 10px;background-color:$(body.line);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /* ------ Details ------ */ [dir="rtl"] .details-section > *{direction:rtl} [dir="ltr"] .details-section > *{direction:ltr} .details-image{text-align:center;position:absolute;top:-100%;left:0;right:0;z-index:2;background-color:$(main.back);padding:2px 10px;border-radius:0;width:100%;border-top:2px dotted $(body.line)} .img-content .details-image a,.img-content .details-image span{color:$(keycolor)!important;border-radius:0!important;width:100%;margin:0!important} .img-content:hover .details-image{top:0} [dir="rtl"] .details-image > *{direction:rtl} [dir="ltr"] .details-image > *{direction:ltr} /* Title Post */ .Title{margin:0;overflow:hidden;max-height:45px;font-size:16px;line-height:1.4em} .Title a{color:$(body.link.color)} .Title a:hover{color:$(keycolor)} /* Snippet */ .Snippet{color:$(snippet.color);font-size:11px;margin-top:10px} /* Details */ .Author,.Category,.Date,.Comments{-webkit-border-radius:6px;border-radius:6px;margin:0 4px;color:$(details.color)!important;display:inline-block;font-size:12px} .Author:hover,.Category:hover,.Date:hover,.Comments:hover{color:$(keycolor)!important} .Author:before,.Category:before,.Date:before,.Comments:before{transition:none!important} [dir="rtl"] .Author:before,[dir="rtl"] .Category:before,[dir="rtl"] .Date:before,[dir="rtl"] .Comments:before{float:right;margin-left:4px} [dir="ltr"] .Author:before,[dir="ltr"] .Category:before,[dir="ltr"] .Date:before,[dir="ltr"] .Comments:before{float:left;margin-right:4px} .Author:before{content:'\f2c0'} .Category:before{content:'\f02b'} .Date:before{content:'\f073'} .Comments:before{content:'\f086'} .Comments,.Category{margin:0!important} body .Category{position:absolute;top:10px;background-color:$(main.back);padding:2px 10px;color:$(keycolor)!important;margin:0;box-shadow:0 0 2px rgba(0,0,0,0.5);z-index:1} [dir="rtl"] body .Category{right:10px} [dir="ltr"] body .Category{left:10px} [dir="rtl"] body .img-content:hover .Category{right:-100%} [dir="ltr"] body .img-content:hover .Category{left:-100%} [dir="rtl"] .Author{margin:0 4px 0 8px!important} [dir="ltr"] .Author{margin:0 8px 0 4px!important} [dir="rtl"] .Author,[dir="rtl"] .Category,[dir="rtl"] .Date,[dir="rtl"] .Comments{float:right} [dir="ltr"] .Author,[dir="ltr"] .Category,[dir="ltr"] .Date,[dir="ltr"] .Comments{float:left} [dir="rtl"] .Author{margin-right:0!important} [dir="ltr"] .Author{margin-left:0!important} [dir="rtl"] .Date{margin-right:0!important;margin-left:8px!important} [dir="ltr"] .Date{margin-left:0!important;margin-right:8px!important} /* ------ Buttons ------ */ .btn{color:white;outline:0;outline-offset:0;border:0;border:0 solid transparent;font-size:14px;font-weight:400!important;line-height:normal;letter-spacing:inherit;vertical-align:middle;} .btn {display: -webkit-inline-flex;display: -ms-inline-flex;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;-moz-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;} .btn i{margin:0 3px;} .btn:not(:disabled):not([class*='disabled']){cursor:pointer;} .btn.material-icons{font-size:24px!important;} /* ------ Group ------ */ .btn-group{position:relative} .btn-group.group-attached{overflow:hidden;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row} article .btn-group.group-attached{overflow:visible} .btn-group.group-attached [class*="btn"]{margin:0;font-weight:bold;display:inline-block} .btn-group.group-attached li{margin:0 2px 10px;display:inline-block} .btn-group.group-shapes-df,.btn-group.group-shapes-ro{background-color:$(main.back);border:1px solid $(body.line)} .btn-group.group-shapes-ro{padding:3px .5px;display:inline-block} .btn-group.group-df{margin-top:10px} [dir="rtl"] .btn-group.group-df [class*="btn"]{margin:0 0 0 10px} [dir="ltr"] .btn-group.group-df [class*="btn"]{margin:0 10px 0 0} /* ------ Width ------ */ .btn-30,a.btn-30,button.btn-30{font-size:13px;margin:0 3px;padding:0;width:30px;height:30px;min-width:30px;line-height:30px} .btn-35,a.btn-35,button.btn-35{font-size:14px;margin:0 4px;padding:0;width:35px;height:35px;min-width:35px;line-height:35px} .btn-40,a.btn-40,button.btn-40{font-size:14px;margin:0 5px;padding:0;width:40px;height:40px;min-width:40px;line-height:35px} .btn-45,a.btn-45,button.btn-45{font-size:15px;margin:0 5px;padding:0;width:45px;height:45px;min-width:45px;line-height:35px} .btn-50,a.btn-50,button.btn-50{font-size:15px;margin:0 8px;padding:0;width:50px;height:50px;min-width:50px;line-height:50px} /* ------ Disabled ------ */ [class*='btn-disabled']{cursor:no-drop!important} .btn-disabled,a.btn-disabled{background-color:$(disabled.back)!important;color:$(disabled.color)!important} .btn-disabled_df,a.btn-disabled_df{background-color:$(main.back)!important;color:$(keycolor)!important} /* ------ Default ------ */ .btn-defaul,.btn-defaul:link,.btn-defaul:visited{background-color:$(keycolor);color:$(color.include)} .btn-defaul:hover{background-color:$(main.back);color:$(keycolor)} .btn-defaul:active.btn-defaul.active{background-color:$(main.back);color:$(keycolor)} .btn-defaul:focus{background-color:$(main.back);color:$(keycolor)} .btn-defaul:disabled,.btn-defaul.disabled,.btn-defaul[disabled]{background-color:$(disabled.btn.back);color:$(body.text.color)} .btn-defaul.btn-outline{background-color:$(main.back);color:$(keycolor);border:1px solid $(body.line)} .btn-defaul.btn-outline:hover{border:1px solid $(keycolor)} /* ------ Alt ------ */ .btn-alt,.btn-alt:link,.btn-alt:visited{background-color:$(keycolor);color:$(color.include)} .btn-alt:hover{background-color:$(main.back);color:$(keycolor)} .btn-alt:active,.btn-alt.active{background-color:$(main.back);color:$(keycolor)} .btn-alt:focus{background-color:$(main.back);color:$(keycolor)} .btn-alt:disabled,.btn-alt.disabled,.btn-alt[disabled]{background-color:$(disabled.btn.back);color:$(body.text.color)} /* ------ Flat ------ */ .btn-fla,.btn-fla:link,.btn-fla:visited{background-color:$(main.back);color:$(keycolor)} .btn-fla:hover{background-color:$(main.back);color:$(keycolor)} .btn-fla:active,.btn-fla.active{background-color:$(main.back);color:$(keycolor)} .btn-fla:focus{background-color:$(main.back);color:$(keycolor)} .btn-fla:disabled,.btn-fla.disabled,.btn-fla[disabled][disabled]{background-color:$(disabled.btn.back);color:$(body.text.color)} /* ------ Key ------ */ .btn-key,.btn-key:link,.btn-key:visited{background-color:transparent;color:$(body.text.color)} .btn-key:hover{background-color:$(btn.hover.back);color:$(body.text.color)} .btn-key:active.btn-key.active{background-color:$(btn.hover.back);color:$(body.text.color)} .btn-key:focus{background-color:$(btn.hover.back);color:$(body.text.color)} .btn-key:disabled,.btn-key.disabled,.btn-key[disabled]{background-color:$(disabled.btn.back);color:$(body.text.color)} /* ------ Mouse ------ */ .btn-mouse,.btn-mouse:link,.btn-mouse:visited{background-color:$(widget.background.color);color:$(body.text.color)} .btn-mouse:hover{background-color:$(btn.hover.back);color:$(body.text.color)} .btn-mouse:active,.btn-mouse.active{background-color:$(btn.hover.back);color:$(body.text.color)} .btn-mouse:focus{background-color:$(btn.hover.back);color:$(body.text.color)} .btn-mouse:disabled,.btn-mouse.disabled,.btn-mouse[disabled]{background-color:$(disabled.btn.back);color:$(body.text.color)} /* ------ Main ------ */ .btn-main,.btn-main:link,.btn-main:visited,.btn-main:active,.btn-main:focus{background-color:$(keycolor);color:$(color.include)} .btn-main:hover,.btn-main.active-zer,.btn-main.active{background-color:$(Altcolor);color:$(color.include)} .btn-main:disabled,.btn-main.disabled,.btn-main[disabled]{background-color:$(disabled.btn.back);color:$(body.text.color)} /* ------ Sizes ------ */ .sizes-df{font-family:inherit;padding:2px 15px;font-size:14px;line-height:normal;text-decoration:none!important} .sizes-lg{font-family:inherit;min-width:130px!important;padding:15px!important;font-size:15px!important;line-height:1.3!important;text-decoration:none!important} .sizes-sm{font-family:inherit;min-width:64px!important;padding:2px 12px!important;font-size:12px!important;line-height:1.5!important;text-decoration:none!important} .sizes-xs{font-family:inherit;min-width:46px!important;padding:2px 10px!important;font-size:10px!important;line-height:1.5!important;text-decoration:none!important} .sizes-go{font-family:inherit;min-width:46px!important;padding:5px 24px!important;font-size:13px!important;line-height:2!important;text-decoration:none!important} /* ------ divider ------ */ .divider{height:1px;overflow:hidden;background-color:$(keycolor)} .dropdown-content li.divider{min-height:0;height:1px} .divider-icon{position:relative;display:block;width:100px;clear:both;margin:10px auto;text-align:center;background-color:$(main.back);border:1px solid $(body.line)} .divider-icon:before,.divider-icon:after{content:"";position:absolute;display:block;top:50%;width:80%;border-top-width:1px;border-top-style:solid;border-top-color:$(body.line)} .divider-icon:before{left:100%} .divider-icon:after{right:100%} .divider-dotted{margin:10px 0;border-bottom:7px dotted $(widget.background.color)} .divider-text{font-size:13px;padding:3px} /* (7) Owl Carousel ====================== ======================================= */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{height:100%;position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{height:100%;position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} [dir="rtl"] .owl-nav .owl-next:before{content:"\f104";border-radius:0 30px 30px 0} [dir="rtl"] .owl-nav .owl-prev:before{content:"\f105";border-radius:30px 0 0 30px} [dir="ltr"] .owl-nav .owl-next:before{content:"\f105";border-radius:30px 0 0 30px} [dir="ltr"] .owl-nav .owl-prev:before{content:"\f104";border-radius:0 30px 30px 0} .owl-dots{text-align:center;clear:both;margin-top:10px} .owl-dots button.owl-dot{width:15px;height:15px;display:inline-block;vertical-align:middle;margin:0 2px;border-radius:10px;background-color:$(body.line)} .owl-dots button.owl-dot.active{border:2px solid $(keycolor);background:none} /* (8) DIV Used ========================== ======================================= */ /* ------ Flex direction ------ */ .flexdir{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-moz-box-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .flexdir-df{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-moz-box-pack:start;justify-content:start;-webkit-box-align:center;-webkit-align-items:start;-ms-flex-align:start;align-items:start} /* ------ Flex center ------ */ .flexcen{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} /* ------ Flex between ------ */ .flexbetween{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center} /* ------ Flex inline ------ */ .flexinline{display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center} /* ------ translateZ(0) ------ */ .flickering, .btn *{-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0)} /* ------ Radius ------ */ /* radius3 */ .radius3,.comments-list .comment-replies li.comment,.cate-mutual .Item,.mut-cate,.page-inner,.img-content,.FeaturedPost .item-thumbnail, .FeaturedPost .item-thumbnail img,.img-content:not(.LazyLoad):before,#pages #HTML301 .search input,#HTML303,aside .widget,.item-page .post-outer,.static-page .post-outer,.slider-wid .owl-carousel .owl-nav,.slider-wid .ve-carousel .ve-navigations,.slider-wid .owl-carousel .owl-nav button, .slider-wid .ve-carousel .ve-navigations button,.index-posts .post-outer{border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} /* radius5 */ .radius5,.post-body blockquote,.headline h6,.divider-icon,.cloud-label-widget-content .label-size,.list-label-widget-content li a,.PopularPosts .item-thumbnail,.FollowByEmail .subscrib-sec form .msg-send,.Category{border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px} /* radius6 */ .radius6,.comments-list > ul > li.comment,.post-pages a,.topic-author h4,#TOC li a:before{border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px} /* radius30 */ .radius30,.comments-show a,.post-pages a:after,.post-pages a:before,.post-body ol li:before,#Pagination span,#Pagination a,.post-share li a i,#pages #PageList301 .menu li a,.socials-static li i,.socials-static li svg,.headline:after,.list-label-widget-content li a:before,.list-label-widget-content li a span{border-radius:30px;-o-border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px} /* radius100 */ .radius100,.comments-list .avatar-image-container,.comments-list .avatar-image-container img,.quote-share a,input[type=checkbox],input[type="radio"]{border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%} /* radius100px */ .radius100px,.au-name,.comment-actions span a,.topic-author .author-img,.comments-img-content,.contact-form-cross{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px} /* radius0 */ .radius0,.Stats img, .slider-wid .owl-carousel .owl-nav button:before,.slider-wid .ve-carousel .ve-navigations button:before{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0} /* ------ Shadow ------ */ /* Shadow btn */ .shadow-btn{-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.15);-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.15);-ms-box-shadow: 0 4px 8px rgba(0,0,0,0.15);-o-box-shadow: 0 4px 8px rgba(0,0,0,0.15);box-shadow: 0 4px 8px rgba(0,0,0,0.15)} /* Shadow mi */ .shadow-mi{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-ms-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-o-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)} /* Shadow ms */ .shadow-ms{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.4);-ms-box-shadow:0 2px 5px rgba(0,0,0,0.4);-o-box-shadow:0 2px 5px rgba(0,0,0,0.4);box-shadow:0 2px 5px rgba(0,0,0,0.4)} /* Shadow lg */ .shadow-lg,#loadmore:hover,#pages #PageList301 .menu li.selected a,#pages #PageList301 .menu li a:hover,.FeaturedPost .item-thumbnail,.PopularPosts .item-thumbnail{-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.16);-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.16);-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.16);-o-box-shadow: 0 3px 10px rgba(0,0,0,0.16);box-shadow: 0 3px 10px rgba(0,0,0,0.16)} /* Shadow gog */ .shadow-gog{-webkit-box-shadow: 0 1px 26px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 26px 1px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 1px 26px 1px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 1px 26px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 26px 1px rgba(0, 0, 0, 0.1)} /* Shadow input */ .shadow-input{-webkit-box-shadow:inset 0 0.25rem 0.125rem 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0.25rem 0.125rem 0 rgba(0,0,0,0.15);-o-box-shadow:inset 0 0.25rem 0.125rem 0 rgba(0,0,0,0.15);-ms-box-shadow:inset 0 0.25rem 0.125rem 0 rgba(0,0,0,0.15);box-shadow:inset 0 0.25rem 0.125rem 0 rgba(0,0,0,0.15)} /* Shadow flatui */ .shadow-flatui,.mut-cate,#HTML303,aside .widget,.item-page .post-outer,.static-page .post-outer,.index-posts .post-outer{-webkit-box-shadow: 0 4px 0 0 rgba(226,228,231,0.75);-moz-box-shadow: 0 4px 0 0 rgba(226,228,231,0.75);-ms-box-shadow: 0 4px 0 0 rgba(226,228,231,0.75);-o-box-shadow: 0 4px 0 0 rgba(226,228,231,0.75);box-shadow: 0 4px 0 0 rgba(226,228,231,0.75)} /* Shadow kit */ .shadow-kit{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0px 1px 1px 0 rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0px 1px 1px 0 rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);-ms-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0px 1px 1px 0 rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);-o-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0px 1px 1px 0 rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0px 1px 1px 0 rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)} /* Shadow kit hover */ .shadow-kit-hov{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2), 0px 1px 1px 0 rgba(0,0,0,0.14), 0px 2px 15px -1px rgba(0,0,0,0.12);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2), 0px 1px 1px 0 rgba(0,0,0,0.14), 0px 2px 15px -1px rgba(0,0,0,0.12);-ms-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2), 0px 1px 1px 0 rgba(0,0,0,0.14), 0px 2px 15px -1px rgba(0,0,0,0.12);-o-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2), 0px 1px 1px 0 rgba(0,0,0,0.14), 0px 2px 15px -1px rgba(0,0,0,0.12);box-shadow:0 1px 3px 0 rgba(0,0,0,0.2), 0px 1px 1px 0 rgba(0,0,0,0.14), 0px 2px 15px -1px rgba(0,0,0,0.12)} /* Shadow nav */ .fixed-shadow,.drop-menu > ul,.bot-menu > ul{-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);box-shadow:0 2px 6px 0 rgba(0,0,0,0.12)} /* Shadow cloud */ .shadow-cloud{-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.05);-moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.05);-ms-box-shadow: 0 0 12px 0 rgba(0,0,0,0.05);-o-box-shadow: 0 0 12px 0 rgba(0,0,0,0.05);box-shadow: 0 0 12px 0 rgba(0,0,0,0.05)} /* Shadow none */ .shadow-none{-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none} /* (9) Blog Header ======================= ======================================= */ .nav-top{background-color:$(nav.back);position:relative;padding:0 20px;height:40px;line-height:40px} /* ------ Pages ------ */ #pages #PageList301{max-width:-webkit-calc(70% - 60px);max-width:-moz-calc(70% - 60px);max-width:calc(70% - 60px);height:40px} #pages #PageList301 .menu li{margin:8px 0} #pages #PageList301 .menu li a{font-size:12px;display:block;padding:0 10px;color:$(nav.link.color);line-height:2em} #pages #PageList301 .menu li.selected a,#pages #PageList301 .menu li a:hover{background-color:$(nav.link.color);color:$(nav.back)} /* ------ Socials ------ */ #LinkList301{z-index:1;max-width:30%;position:relative;height:40px} #LinkList301 .socials-static{margin-top:5px;white-space:nowrap;overflow-x:scroll} #LinkList301 .socials-static::-webkit-scrollbar{width:0;height:0;display:none} #LinkList301 .socials-static li{vertical-align:top} /* ------ Search ------ */ #pages #HTML301{height:30px;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s} #pages #HTML301 .search form{position:relative} #pages #HTML301 .search form .btn{margin:5px 0;position:relative;z-index:2} #pages #HTML301 .search form .btn i{font-size:14px} #pages #HTML301 .search input{z-index:1;height:30px;min-height:30px;line-height:30px;margin:5px 0;font-size:12px;width:0;padding:0;background-color:$(search.back);position:absolute} /* ------ Middle Header ------ */ .middle-header{padding:20px;min-height:120px;overflow:hidden;background-color:$(head.back);border-top:2px dotted $(head.line.color);border-bottom:2px dotted $(head.line.color)} #Header1 .headone{font-weight:700;display:block;margin:0 0 10px;font-size:35px;line-height:1em;text-align:center;color:$(tophead.color)} #Header1 p{margin:0;font-size:12px;text-align:center;line-height:1.5em;color:$(tophead.p.color)} #Header1 img{width:auto;max-width:100%;margin:0 auto;display:block} /* ------ Bottom Menu ------ */ .bottom-menu{width:100%;position:relative;background-color:$(menu.back);padding:0 20px;display:block;clear:both;height:58px;min-height:58px;line-height:58px} header #LinkList302 li .home{font-size:22px;margin-top:4px} header #LinkList302 li>a:not(.home){display:block;padding:0 13px;color:$(menu.link.color);font-weight:bold} header #LinkList302 li>a:not(.home):hover{background-color:$(keycolor);color:$(color.include)} header #LinkList302 li>a:not(.home) i,header #LinkList302 li>a:not(.home) i:before{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none} /* Drop Down */ .drop-menu{position:relative;padding-bottom:3px} .drop-menu > a:after{content:"\f078";font-family:"FontAwesome";font-size:10px;position:relative;top:0;z-index:1;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none} .drop-menu > ul{width:200px;height:auto;background-color:$(menu.dropdown.back);position:absolute;top:50px;z-index:10;visibility:hidden;opacity:0} #menu-bar .drop-menu ul li{float:none!important;position:relative} #menu-bar .menu-bar li>ul li a{line-height:50px;margin:0!important;width:100%} .drop-menu:hover > ul{visibility:visible;opacity:1;top:60px} .drop-menu:hover > a:after{content:"\f077"} /* Bot Menu */ .bot-menu > ul{width:200px;height:auto;background-color:$(menu.botmenu.back);position:absolute;z-index:10;top:0;visibility:hidden;opacity:0} .bot-menu > a:after{font-family:"FontAwesome";font-size:10px;position:absolute;top:1px;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none} .bot-menu:hover > ul{visibility:visible;opacity:1} /* Header Direction */ [dir="rtl"] #pages #PageList301{float:right} [dir="ltr"] #pages #PageList301{float:left} [dir="rtl"] #pages #PageList301 .menu li{float:right} [dir="ltr"] #pages #PageList301 .menu li{float:left} [dir="rtl"] #pages #PageList301 .menu li a{margin-left:5px} [dir="ltr"] #pages #PageList301 .menu li a{margin-right:5px} [dir="rtl"] #LinkList301{margin-right:15px;float:left} [dir="ltr"] #LinkList301{margin-left:15px;float:right} [dir="rtl"] #pages #HTML301,[dir="rtl"] #pages #HTML301 .search form .btn{float:left} [dir="ltr"] #pages #HTML301,[dir="ltr"] #pages #HTML301 .search form .btn{float:right} [dir="rtl"] #pages #HTML301 .search form .btn{margin-right:5px} [dir="ltr"] #pages #HTML301 .search form .btn{margin-left:5px} [dir="rtl"] #pages #HTML301 .search input{float:left;margin-left:-30px} [dir="ltr"] #pages #HTML301 .search input{float:right;margin-right:-30px} [dir="rtl"] #pages .search .is-activated ~ input{padding-right:15px!important;padding-left:45px!important;width:100%!important;margin-right:5px!important} [dir="ltr"] #pages .search .is-activated ~ input{padding-left:15px!important;padding-right:45px!important;width:100%!important;margin-left:5px!important} [dir="rtl"] #Header1{float:right;width:300px} [dir="ltr"] #Header1{float:left;width:300px} [dir="rtl"] #HTML302{width:728px;float:left;text-align:left} [dir="ltr"] #HTML302{width:728px;float:right;text-align:right} [dir="rtl"] header #LinkList302 li{float:right} [dir="ltr"] header #LinkList302 li{float:left} [dir="ltr"] header #LinkList302 li>a:not(.home) i,[dir="ltr"] header #LinkList302 li .home{margin-right:7px} [dir="rtl"] header #LinkList302 li>a:not(.home) i,[dir="rtl"] header #LinkList302 li .home{margin-left:7px} [dir="rtl"] .drop-menu > a:after{left:-6px} [dir="ltr"] .drop-menu > a:after{right:-6px} [dir="rtl"] #menu-bar .menu-bar li>ul li a:hover{padding-right:20px} [dir="ltr"] #menu-bar .menu-bar li>ul li a:hover{padding-left:20px} [dir="rtl"] .bot-menu > ul{right:90%} [dir="ltr"] .bot-menu > ul{left:90%} [dir="rtl"] .bot-menu > a:after{content:"\f053";left:10px} [dir="ltr"] .bot-menu > a:after{content:"\f054";right:10px} [dir="rtl"] .bot-menu:hover > ul{right:100%} [dir="ltr"] .bot-menu:hover > ul{left:100%} /* Responsive Header */ .menu-res,.menu-res-bar,.menu-bar > li{display:none} /* (11) Widgets ================= ======================================= */ /* ------ Sidebar ------ */ aside .widget{margin-bottom:20px;position:relative;background:$(aside.widget.back);padding:10px;overflow:hidden} aside .headline{margin-bottom:10px} /* ------ Footer ------ */ #footer-wrapper{clear:both;position:relative;background-color:$(footer.back);padding:0 20px} #footer-top-section:not(.no-items),#footer-bot-section:not(.no-items){padding:20px 0;border-bottom:2px dotted $(body.line)} #footer-bot-section:not(.no-items){border-top:2px dotted $(body.line)} #footer-wrapper #footer-top-section .widget:not(:last-of-type),#footer-wrapper #footer-bot-section .widget:not(:last-of-type){margin-bottom:20px} #footer-columns{font-size:0;padding:20px 0} #footer-columns .footer-col{display:inline-block;vertical-align:top;font-size:14px;width:calc((100% - 90px)/4)} [dir="rtl"] #footer-columns .footer-col{margin-left:30px} [dir="ltr"] #footer-columns .footer-col{margin-right:30px} #footer-columns .footer-col:last-of-type{margin-left:0} [dir="rtl"] #footer-columns .footer-col:last-of-type{margin-left:0} [dir="ltr"] #footer-columns .footer-col:last-of-type{margin-right:0} /* ------ License ------ */ #license{position:relative;background:$(license.back);color:$(license.color);height:50px;line-height:50px;padding:0;text-align:center} #source-org > a{font-weight:bold;color:$(keycolor)} .created-using-layers,.created-using-layers a{position:relative;display:block!important;vertical-align:top} @media only screen and (min-width:600px){ .created-using-layers{position:absolute;top:0;width:32px;height:32px;margin:10px} [dir="rtl"] .created-using-layers{right:0} [dir="ltr"] .created-using-layers{left:0} .created-using-layers a{background:url(https://1.bp.blogspot.com/-q3HeKOAD8js/Xu5INs6XUAI/AAAAAAAAEs4/XNVC5wunhBg986NbW9XqtePu4vgr9TvBQCLcBGAsYHQ/s1600/created-using-layers-blogger.png) top no-repeat;width:32px;height:32px;background-size:32px 62px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out} .created-using-layers a:hover{background-position:bottom} .created-using-layers span{display:none} .created-using-layers a:after{font-family:sans-serif;font-size:0.5rem;padding:2px 5px;position:absolute;top:0;z-index:1;content:attr(tooltip);background:$(keycolor);color:$(color.include);opacity:0;visibility:hidden;-webkit-transition:all 0.1s ease-in-out 0.1s;-moz-transition:all 0.1s ease-in-out 0.1s;-ms-transition:all 0.1s ease-in-out 0.1s;-o-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;line-height:0.9rem;text-transform:uppercase;letter-spacing:2px;white-space:nowrap} [dir="rtl"] .created-using-layers a:after{right:35px} [dir="ltr"] .created-using-layers a:after{left:35px} .created-using-layers a:hover:after{opacity:1;visibility:visible;right:30px} [dir="rtl"] .created-using-layers a:hover:after{right:30px} [dir="ltr"] .created-using-layers a:hover:after{left:30px} } @media only screen and (max-width:600px){ .created-using-layers a{background:$(keycolor);color:$(color.include);font-size:0.7rem;letter-spacing:2px;text-align:center;text-transform:uppercase} } /* ------ Sub widgets ------ */ .widget{position:relative} .widget-item-control{position:absolute;top:100%;z-index:2;opacity:.7} [dir="rtl"] .widget-item-control{left:0} [dir="ltr"] .widget-item-control{right:0} .widget-item-control:hover{opacity:1} #pages .widget-item-control{top:0} /* == Feed == */ .Feed li{list-style:square;padding-bottom:5px;margin-top:5px;border-bottom:1px solid} [dir="rtl"] .Feed li{margin-right:20px} [dir="ltr"] .Feed li{margin-left:20px} .Feed li:hover{color:$(keycolor);border-color:$(keycolor)} .Feed li{color:$(snippet.color);border-color:$(body.line)} .Feed .item-title a{font-weight:700;display:block} aside .Feed .item-title a{color:$(body.link.color)} .Feed .item-title a:hover{color:$(keycolor)} aside .Feed .item-date{color:$(snippet.color)} aside .Feed .item-author{color:$(snippet.color)} /* == Featured Post == */ .FeaturedPost{overflow:hidden} .FeaturedPost .headline:after{content:'\f005'} .FeaturedPost .item-thumbnail,.FeaturedPost .item-thumbnail img{display:block;text-align:center;margin:0 auto;width:100%;height:100%} .FeaturedPost .item-thumbnail{min-height:180px;height:180px;overflow:hidden;margin-bottom:10px} .FeaturedPost .item-thumbnail.NoImage{min-height:180px} .FeaturedPost h2{line-height:1.5em;font-size:16px;text-align:center} .FeaturedPost h2 a{font-weight:bold} .FeaturedPost p{color:$(snippet.color)} .FeaturedPost .details-section{overflow:hidden;padding-top:10px;display:block;margin-top:10px;border-top:2px dotted $(body.line)} /* == Archive Widget == */ .BlogArchive .headline:after{content:'\f187'} .BlogArchive select{background:transparent;width:100%;outline:none;padding:5px 20px;margin:0 auto;display:block;font-family:inherit;font-size:12px} .BlogArchive select:focus{border:1px solid $(keycolor)} .BlogArchive select{border:1px solid $(body.line);color:$(body.link.color)} /* Hierarchy */ [dir="rtl"] .hierarchy .hierarchy{margin-right:10px} [dir="ltr"] .hierarchy .hierarchy{margin-left:10px} .hierarchy-title{margin-bottom:5px;padding:8px 15px;border:2px dotted $(body.line)} .hierarchy .post-count{color:$(snippet.color)} .hierarchy .post-count-link:hover .post-count{color:$(keycolor)} [dir="rtl"] .hierarchy .post-count-link:hover .post-count{padding-left:5px} [dir="ltr"] .hierarchy .post-count-link:hover .post-count{padding-right:5px} [dir="rtl"] .hierarchy .post-count{float:left} [dir="ltr"] .hierarchy .post-count{float:right} [dir="rtl"] .hierarchy ul.posts{margin-right:0} [dir="ltr"] .hierarchy ul.posts{margin-left:0} .hierarchy ul.posts a{font-size:12px;display:block;margin:5px 0;padding:5px;background-color:$(widget.background.color)} .hierarchy ul.posts a:hover{background-color:$(keycolor);color:$(color.include)} [dir="rtl"] .hierarchy ul.posts a:hover{padding-right:10px} [dir="ltr"] .hierarchy ul.posts a:hover{padding-left:10px} /* Flat */ .flat .archivedate i{color:$(snippet.color)} .BlogArchive .flat .archivedate a{display:block;padding:7px 5px;border:2px dotted $(body.line)} [dir="rtl"] .BlogArchive .flat .archivedate a .fa-sitemap{margin-left:10px} [dir="ltr"] .BlogArchive .flat .archivedate a .fa-sitemap{margin-right:10px} .flat .archivedate .post-count{font-style:normal} [dir="rtl"] .flat .archivedate .post-count{float:left} [dir="ltr"] .flat .archivedate .post-count{float:right} /* == Label Widget == */ .Label .headline::after{content:'\f02c'} /* Cloud */ .cloud-label-widget-content .label-size{line-height:normal;position:relative;overflow:hidden;border:2px solid transparent;margin:2px;background-color:$(widget.background.color);display:inline-block;vertical-align:top} .cloud-label-widget-content .label-size:hover{border:2px solid $(keycolor)} .cloud-label-widget-content .label-size a{display:inline-block;padding:3px 10px;font-size:12px;text-transform:capitalize;position:relative;color:$(keycolor)} [dir="rtl"] .cloud-label-widget-content .label-size a span{padding-right:4px;float:left} [dir="ltr"] .cloud-label-widget-content .label-size a span{padding-left:4px;float:right} /* List */ .list-label-widget-content li{width:100%;display:block;position:relative} .list-label-widget-content li a{display:block;font-size:13px;padding:5px 0;margin-bottom:5px;text-transform:uppercase;position:relative;overflow:hidden;background-color:$(widget.background.color);line-height:normal} .list-label-widget-content li a:before{color:$(keycolor);content:"\f02b";font:normal normal normal 14px/1 FontAwesome;position:relative;padding:5px 6px;margin:0 5px;text-align:center;background-color:$(aside.widget.back);border:2px solid $(keycolor)} [dir="rtl"] .list-label-widget-content li a:before{float:right} [dir="ltr"] .list-label-widget-content li a:before{float:left} .list-label-widget-content li a span{pointer-events:none;display:inline-block;font-size:12px;font-weight:700;position:absolute;line-height:normal;top:8px;text-align:center;background-color:$(aside.widget.back);color:$(keycolor);margin:0 5px;padding:0 5px} [dir="rtl"] .list-label-widget-content li a span{left:0} [dir="ltr"] .list-label-widget-content li a span{right:0} [dir="rtl"] .list-label-widget-content li a:hover span{margin-left:10px} [dir="ltr"] .list-label-widget-content li a:hover span{margin-right:10px} /* == LinkList && PageList ~ Widget == */ aside .LinkList .headline::after,footer .LinkList .headline::after{content:'\f14c'} *:not(header) .PageList .headline::after{content:'\f15c'} .LinkList .widget-content li a,*:not(header) .PageList .widget-content li a{display:block;font-size:14px;font-weight:bold} .LinkList .widget-content li:first-child a,*:not(header) .PageList .widget-content li:first-child a{padding-top:0!important} .LinkList .widget-content li:last-child a,*:not(header) .PageList .widget-content li:last-child a{padding-top:13px} .LinkList .widget-content li:not(:last-of-type) a,*:not(header) .PageList .widget-content li:not(:last-of-type) a{border-bottom:2px dotted $(body.line);padding:13px 0} aside .LinkList .widget-content li a::before,footer .LinkList .widget-content li a::before,*:not(header) .PageList .widget-content li a::before{display:inline-block;vertical-align:top;font-family:FontAwesome;color:$(keycolor)} [dir="rtl"] aside .LinkList .widget-content li a::before,[dir="rtl"] footer .LinkList .widget-content li a::before,[dir="rtl"] *:not(header) .PageList .widget-content li a::before{margin-left:10px} [dir="ltr"] aside .LinkList .widget-content li a::before,[dir="ltr"] footer .LinkList .widget-content li a::before,[dir="ltr"] *:not(header) .PageList .widget-content li a::before{margin-right:10px} *:not(header) .PageList .widget-content li a::before{content:"\f0f6"} aside .LinkList .widget-content li a::before,footer .LinkList .widget-content li a::before{content:"\f0c1"} /* == Popular Posts Widget == */ .PopularPosts .headline::after{content:'\f06d'} .PopularPosts article{margin-bottom:15px;padding-bottom:15px;overflow:hidden;border-bottom:2px dotted $(body.line)} .PopularPosts article:last-of-type{margin-bottom:0;border-bottom:none} .PopularPosts .Date{margin:0 0 7px 0!important;float:none!important;display:block} .PopularPosts .item-thumbnail{display:block;overflow:hidden;width:90px;height:72px} [dir="rtl"] .PopularPosts .item-thumbnail{float:right;margin-left:15px} [dir="ltr"] .PopularPosts .item-thumbnail{float:left;margin-right:15px} .PopularPosts .item-thumbnail:not(.LazyLoad):hover img{-webkit-transform:scale(1.1) rotate(1.2deg);-ms-transform:scale(1.1) rotate(1.2deg);-moz-transform:scale(1.1) rotate(1.2deg);-o-transform:scale(1.1) rotate(1.2deg);transform:scale(1.1) rotate(1.2deg)} .PopularPosts .post-title{overflow:hidden;margin:0;font-size:14px;max-height:85px;line-height:1.5em} .PopularPosts .post-title a{font-weight:bold} /* == Statistics Widget == */ .Stats .headline::after{content:'\f06e'} .Stats img{width:auto;height:auto;display:inline-block;vertical-align:-4px} [dir="rtl"] .Stats img{margin-left:5px} [dir="ltr"] .Stats img{margin-right:5px} .Stats .widget-content{text-align:center;font-size:30px;font-weight:700;font-family:Arial} aside .text-counter-wrapper{color:$(body.link.color);margin:0 5px;vertical-align:5px} /* == Follow By Email Widget == */ .FollowByEmail .headline::after{content:'\f0e0'} .FollowByEmail .subscrib-sec p{margin-bottom:15px} .FollowByEmail .subscrib-sec form{border:1px solid $(body.line);text-align:center;padding:5px} .FollowByEmail .subscrib-sec form .follow-by-email-address{height:40px;background:none;width:100%;border-bottom:2px dotted $(body.line);direction:ltr;margin-bottom:10px} .FollowByEmail .subscrib-sec form .follow-by-email-address::-webkit-input-placeholder{color:#888} /* == Profile Widget == */ .Profile .headline::after{content:'\f2c0'} [dir="rtl"] .Profile .profile-img{float:right;width:72px;height:72px;margin-left:15px} [dir="ltr"] .Profile .profile-img{float:left;width:72px;height:72px;margin-right:15px} .Profile a.profile-link.g-profile{display:block;font-weight:700;font-size:16px;margin-bottom:5px} .Profile a.profile-link.g-profile{color:$(body.text.color)} .Profile .widget-content.individual a.profile-link:not([data-onload]){font-size:10px;color:$(snippet.color)} .Profile .widget-content.individual dl.profile-datablock{margin-bottom:0} .Profile .team-member .profile-img{width:50px;height:50px} .Profile .widget-content.team li{clear:both;margin-bottom:5px;display:block;overflow:hidden;padding-bottom:5px;border-bottom:1px solid} .Profile .widget-content.team li{border-color:$(body.line)} .Profile .widget-content.team li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none} /* == Contact Form Widget == */ .ContactForm .headline::after{content:'\f095'} .ContactForm form{position:relative;text-align:center} .ContactForm input[type='text'],.ContactForm textarea{display:block;width:100%;margin-bottom:10px;padding-top:15px;padding-bottom:5px;resize:vertical;font-weight:700;line-height:2em;background-color:transparent;position:relative;z-index:2;border:1px solid $(body.line)} [dir="rtl"] .ContactForm input[type='text'],[dir="rtl"] .ContactForm textarea{padding-right:30px;padding-left:20px} [dir="ltr"] .ContactForm input[type='text'],[dir="ltr"] .ContactForm textarea{padding-left:30px;padding-right:20px} .ContactForm textarea{min-height:150px} .ContactForm input[type='text']:focus,.ContactForm textarea:focus{border:1px solid $(keycolor)} [dir="rtl"] .ContactForm i:not([class*=eraser]){position:absolute;right:10px} [dir="ltr"] .ContactForm i:not([class*=eraser]){position:absolute;left:10px} .ContactForm input[type='text']:foucs + i,.ContactForm textarea:focus + i{color:$(keycolor)} .ContactForm i:not([class*=eraser]):nth-of-type(1){top:18px} .ContactForm i:not([class*=eraser]):nth-of-type(2){top:79px} .ContactForm i:not([class*=eraser]):nth-of-type(3){top:134px} .ContactForm b{position:absolute;font-size:14px!important} [dir="rtl"] .ContactForm b{right:30px} [dir="ltr"] .ContactForm b{left:30px} .ContactForm b:nth-of-type(1){font-size:14px;top:12px} .ContactForm b:nth-of-type(2){font-size:14px;top:73px} .ContactForm b:nth-of-type(3){font-size:14px;top:128px} .ContactForm input[type='text']:nth-of-type(1):valid ~ b:nth-of-type(1),.ContactForm input[type='text']:nth-of-type(1):focus ~ b:nth-of-type(1){font-size:10px;top:-7px;z-index:2;padding:0 10px;background-color:$(main.back)} .ContactForm input[type='text']:nth-of-type(2):valid ~ b:nth-of-type(2),.ContactForm input[type='text']:nth-of-type(2):focus ~ b:nth-of-type(2){font-size:10px;top:55px;z-index:2;padding:0 10px;background-color:$(main.back)} .ContactForm textarea:valid ~ b:nth-of-type(3),.ContactForm textarea:focus ~ b:nth-of-type(3){font-size:10px;top:110px;z-index:2;padding:0 10px;background-color:$(main.back)} .ContactForm input[type='text']:valid + i + b,.ContactForm textarea:valid + i + b{color:$(keycolor)} .ContactForm [class*=eraser]{font-size:16px} .ContactForm input[type='button']:hover{background-color:$(Altcolor)} .ContactForm input[type='button']{padding:6px 20px;border-radius:5px;background-color:$(keycolor);color:$(color.include)} .ContactForm input[type='text']:valid+i,.ContactForm textarea:valid+i{color:$(keycolor)} .contact-form-error-message-with-border{background:#ffdddd;border:1px solid transparent;bottom:0;box-shadow:none;color:#ce5151;font-weight:bold;font-size:11px;line-height:35px;margin-left:0;opacity:1;position:static;text-align:center;height:35px;margin-top:15px} .contact-form-cross:hover{border:6px solid $(keycolor)} .contact-form-cross{height:0;width:0;margin:5px;vertical-align:-8.5%;float:right;cursor:pointer;border:6px solid $(main.back)} .contact-form-success-message-with-border{background-color:green;border:1px solid transparent;bottom:0;box-shadow:none;color:$(color.grad);font-weight:bold;line-height:35px;margin-left:0;font-size:11px;opacity:1;position:static;text-align:center;height:35px;margin-top:45px;padding:0 5px;border-bottom:4px solid rgba(255,255,255,0.2)} .contact-form-success-message{background-color:green;border:0 solid transparent;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.2);color:$(color.grad);font-size:11px;line-height:19px;margin-left:0;opacity:1;position:static;text-align:center} /* == Studio Widget == */ .studio-widget a{border-radius:1px;overflow:hidden;opacity:.9} [dir="rtl"] .studio-widget a{float:right} [dir="ltr"] .studio-widget a{float:left} .studio-widget.gl-1 a{width:100%;margin-bottom:15px} .studio-widget.gl-2 a{width:47.5%;margin-bottom:15px} [dir="rtl"] .studio-widget.gl-2 a{margin-left:5%} [dir="ltr"] .studio-widget.gl-2 a{margin-right:5%} .studio-widget.gl-3 a{width:30%;margin-bottom:15px} [dir="rtl"] .studio-widget.gl-3 a{margin-left:5%} [dir="ltr"] .studio-widget.gl-3 a{margin-right:5%} .studio-widget.gl-4 a{width:22%;margin-left:4%;margin-bottom:12px} [dir="rtl"] .studio-widget.gl-4 a{margin-left:4%} [dir="ltr"] .studio-widget.gl-4 a{margin-right:4%} [dir="rtl"] .studio-widget.gl-2 a:nth-of-type(2n),[dir="rtl"] .studio-widget.gl-3 a:nth-of-type(3n),[dir="rtl"] .studio-widget.gl-4 a:nth-of-type(4n){margin-left:0} [dir="ltr"] .studio-widget.gl-2 a:nth-of-type(2n),[dir="ltr"] .studio-widget.gl-3 a:nth-of-type(3n),[dir="ltr"] .studio-widget.gl-4 a:nth-of-type(4n){margin-left:0} .studio-widget{overflow:hidden} .studio-widget a:hover{opacity:1} .studio-widget a img{display:block;width:100%;height:100%} /* == Social Counter Widget == */ .social-widget{overflow:hidden;list-style:none;padding:5px 0} [dir="rtl"] .social-widget li:nth-child(4n+1){margin-right:0} [dir="ltr"] .social-widget li:nth-child(4n+1){margin-left:0} [dir="rtl"] .social-widget li{float:right;width:24%;margin-left:1.333%;margin-right:0} [dir="ltr"] .social-widget li{float:left;width:24%;margin-right:1.333%;margin-left:0} .social-widget li:nth-child(n+5){margin-top:10px} .social-widget li i,.social-widget li svg{text-align:center;display:block;width:80%;height:55px;line-height:55px;margin:auto;color:#FFF;font-size:24px;-webkit-transform:translate(0,5px);-ms-transform:translate(0,5px)} .social-widget li svg{padding:16px;fill:#fff} [dir="rtl"] .social-widget li:nth-child(4n){margin-left:0} [dir="ltr"] .social-widget li:nth-child(4n){margin-right:0} .social-widget li div{text-align:center;margin-top:10px;background-color:$(keycolor);color:$(color.include);padding:2px 20px} .social-widget li:hover i,.social-widget li:hover svg{transform-style:flat;transform:scale(1)} .social-widget li:hover div{background-color:$(Altcolor)} /* (12) Homepage Posts =================== ======================================= */ #RecentPosts{margin-bottom:20px} .index-posts .post-outer{padding:10px;background-color:$(home.widget.back);position:relative;overflow:hidden;display:block;width:100%;min-width:100%;border:1px solid $(body.line);margin-bottom:15px} .index-posts .post-outer .img-content{width:300px;height:180px} [dir="rtl"] .index-posts .post-outer .img-content{float:right;margin-left:15px} [dir="ltr"] .index-posts .post-outer .img-content{float:left;margin-right:15px} .index-posts .post-outer .post-title a{font-weight:bold;font-size:15px;color:$(home.widget.title)} .index-posts .post-outer .post-title a:hover{color:$(keycolor)} .index-posts .post-outer .details-section{display:block;overflow:hidden;padding:7px 0;margin:7px 0;border-top:2px dotted $(body.line);border-bottom:2px dotted $(body.line)} .index-posts .post-outer .Snippet{margin-top:0;margin-bottom:7px} [dir="rtl"] .index-posts .post-outer .page-nav .share-icon{margin-right:4px} [dir="ltr"] .index-posts .post-outer .page-nav .share-icon{margin-left:4px} .index-posts .post-outer .page-nav .post-share li:nth-of-type(2) a i{margin:0 5px} /* ------ Pagination ------ */ .page-inner{margin-top:15px;text-align:center;clear:both;background-color:$(home.widget.back);padding:10px 10px 5px;border:1px solid $(body.line)} .page-nums{width:351px;overflow:hidden;max-width:calc(100% - 90px);margin:0 auto;display:inline-block;height:35px} #Pagination span,#Pagination a{width:35px;height:35px;line-height:35px;display:inline-block;text-align:center;margin:0 2px;cursor:pointer;border:1px solid $(body.line)} #Pagination a{vertical-align:top;font-size:20px} #Pagination span.is-selected,#Pagination span:hover,#Pagination a:hover{border:1px solid $(keycolor);color:$(color.include);background-color:$(keycolor)} #Pagination span.hide-nums{display:none} [dir="rtl"] .page-prev:before,[dir="ltr"] .page-next:before{content:"\f101"} [dir="rtl"] .page-next:before,[dir="ltr"] .page-prev:before{content:"\f100"} #Pagination a:before{-webkit-transition:none;transition:none} .index-posts .loader-Pagination{position:absolute;right:50%;top:50%;width:50px;height:50px;margin-right:-25px;margin-top:-25px} .index-posts .loader-Pagination:before,.index-posts .loader-Pagination:after{width:50px;height:50px} [dir="rtl"] .index-posts .loader-Pagination:before,[dir="ltr"] .index-posts .loader-Pagination:after{left:-60px} [dir="rtl"] .index-posts .loader-Pagination:after,[dir="ltr"] .index-posts .loader-Pagination:before{right:-60px} /* (14) Posts && Pages ~ Body ============ ======================================= */ /* ------ Post body Main ------ */ .item-page .post-outer,.static-page .post-outer{padding:10px;background-color:$(main.back);border:1px solid $(body.line);position:relative;margin-bottom:20px} .categ{display:block;width:100%;position:relative;padding:0 10px;margin-bottom:10px;font-size:12px} .categ a{color:$(details.color)} .categ a:hover{color:$(keycolor)} .categ i{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none} .topic-title{display:block;width:100%;margin-bottom:10px;font-size:18px;font-weight:bold;line-height:1.5em} .item-page header span{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none} .item-page .topic-details{padding:0 10px;display:block;overflow:hidden;margin-bottom:10px} .zooming{display:inline-block;color:$(color.include)} .zooming i{background-color:$(keycolor);width:30px;height:20px;text-align:center;line-height:21px;cursor:pointer} .zooming span{color:$(details.color)} .zooming i:hover{background-color:$(Altcolor)} .item-page .post-outer header{margin-bottom:20px;padding-bottom:10px;border-bottom:4px dotted $(body.line)} /* ------ Post body elements ------ */ .post-body{font-size:100%;line-height:2em;position:relative} .post-body img:not(.contact-form-cross){width:auto;height:auto;display:inline;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .post-body img[data-src]{height:60vh;display:inline-block;width:100%;background-color:$(keycolor);opacity:0.05} .separator a{display:block;position:relative} .separator a:before{display:none} .post-body br{content:'';margin:15px;display:block} .post-body iframe{max-width:100%} .post-body b:not(.cCount){font-weight:bold;color:$(keycolor);font-size:15px;margin:0 3px} /* ------ Post body Headlines ------ */ .post-body h2:not(.Title-redirect),.post-body h3,.post-body h4{font-weight:700;position:relative;overflow:hidden;display:block;background:none;padding:10px;border-bottom:2px solid $(keycolor);border-top:2px solid $(keycolor);margin:15px 0} .post-body h2:not(.Title-redirect):before,.post-body h3:before,.post-body h4:before{content:'\f07b';color:$(keycolor);font-weight:100} /* ------ Post body Notification ------ */ .notification{margin:10px auto;padding:5px;width:100%} .notification.green{border:1px solid #34a853} .notification.red{border:1px solid #ed412d} .notification.blue{border:1px solid #1165f1} .notification.orange{border:1px solid #FF9800} .notification.purple{border:1px solid #800080} .notification .info{position:relative;overflow:hidden;display:block;-webkit-flex:1;flex:1;padding:10px;word-break:break-word} .notification .icon{line-height:47px;padding:5px;width:35px;text-align:center;font-size:22px;display:inline-block;margin:0} .notification.green .icon{color:#34a853} .notification.red .icon{color:#ed412d} .notification.blue .icon{color:#1165f1} .notification.orange .icon{color:#FF9800} .notification.purple .icon{color:#800080} /* ------ Post body Links ------ */ .post-body a:not(.btn):not(.demo):not(.download){color:$(keycolor)} .post-body a:not(.btn):not(.demo):not(.download):hover{text-decoration:underline} .post-body [class*=fa-]{font-family:FontAwesome} /* ------ Post body ol ------ */ .post-body ol{counter-reset:li;position:relative} .post-body ol:before{content:'';position:absolute;height:100%;width:4px;background-color:$(keycolor);z-index:1} .post-body ol li{padding:8px 45px 8px 30px;margin-bottom:10px;list-style:none;position:relative;border:1px solid $(body.line)} .rtl .post-body ol li{padding:8px 45px 8px 30px} .ltr .post-body ol li{padding:8px 30px 8px 45px} .post-body ol li:hover{border:1px solid $(keycolor)} .post-body ol li:before{content:counter(li);counter-increment:ol li;background-color:#f5f5f5;width:30px;height:30px;text-align:center;line-height:30px;color:$(keycolor);position:absolute} .post-body ol li:first-of-type:before{display:none;counter-increment:none} .post-body ol li:hover:before{color:$(main.back);background-color:$(keycolor)} .post-body ol li a{text-decoration:none} .post-body ol,.post-body ul{margin:20px auto} /* ------ Post body ul ------ */ .post-body ul:not(.button-dd){list-style-type:disc} .post-body ul li a{text-decoration:none!important} /* ------ Post body Tabel ------ */ .table > tbody > tr > td,.table > tbody > tr > th,.table > tfoot > tr > td,.table > tfoot > tr > th,.table > thead > tr > td,.table > thead > tr > th{padding:10px 5px;line-height:normal;vertical-align:top} .table-responsive{position:relative;overflow:auto;margin:20px 0} .table-responsive table{display:table;width:100%;max-width:100%} .table-responsive tr{background-color:#fbfbfb!important} .table-responsive tr:nth-of-type(odd){background-color:#f7f7f7!important} .table-responsive tr:nth-child(n+2):hover{background-color:$(main.back)!important} .table-responsive td{color:$(body.text.color)!important;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;border-color:#f3f3f3!important;overflow:hidden} .table-responsive th{font-size:14px;padding:10px 5px;overflow:hidden;word-break:normal} .table-responsive th{border:1px solid $(body.line)!important} .table-responsive .th-col,.table-responsive .th-row{background-color:$(body.line)!important} .table-responsive .th-col,.table-responsive .th-row,.table-responsive td{text-align:center!important} .table-responsive .col-right .th-col,.table-responsive .row-right .th-row,.table-responsive .td-right td{text-align:right!important} .table-responsive .col-left .th-col,.table-responsive .row-left .th-row,.table-responsive .td-left td{text-align:left!important} table.tg{width:100%;display:table;overflow:auto;margin:20px 0} .tg th{font-size:14px;font-weight:700;padding:10px 5px;border-style:solid;border-width:0;border-color:transparent;overflow:hidden;word-break:normal} .tg .tg-vzpf,.tg .tg-xh78{width:10%;background-color:#efefef!important;text-align:center} table.tg tr{background-color:#fbfbfb!important} table.tg tr:nth-of-type(odd){background-color:#f7f7f7!important} .tg td{text-align:start;font-size:13px;padding:10px 5px;border-style:solid;border-width:0;border-color:transparent;overflow:hidden;word-break:normal} .tg td.tg-baqh{text-align:center} .table-responsive caption{padding-top:8px;padding-bottom:8px;color:#525252;text-align:center;font-size:17px} .table-responsive caption.heading{background-color:$(keycolor);border:none;border-top:none;color:$(color.include);border-radius:0;border-style:solid;border-width:0 0 5px;border-color:rgba(0,0,0,0.08)!important} /* ------ Post body Blockquote ------ */ .post-body blockquote{width:90%;clear:both;-webkit-print-color-adjust:exact;padding:10px 30px;margin:15px auto;line-height:2;text-indent:15px;background-color:$(body.line);position:relative} .rtl .post-body blockquote:before,.ltr .post-body blockquote:after{content:"\f10e"} .ltr .post-body blockquote:before,.rtl .post-body blockquote:after{content:"\f10d"} .post-body blockquote:before{top:0} .post-body blockquote:before,blockquote:after{font-family:FontAwesome;font-size:20px;color:$(keycolor);position:absolute} .post-body blockquote:after{bottom:0} .quote-share a{background-color:$(main.back);text-align:center;display:inline-block;width:25px;height:25px;text-indent:0;border:2px double $(body.line);font-size:11px;margin:0 1px} .quote-share a i,.quote-share a i:before{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none} .quote-share a:hover{background-color:$(keycolor);color:$(color.include)!important;border:2px double $(keycolor)} .quote-share{position:absolute;bottom:-12px} /* ------ Post body Division ------ */ .post-pages{position:relative;clear:both;overflow:hidden;margin-top:15px;text-align:center} .post-pages:before{content:'';height:3px;width:100%;top:17px;position:relative;z-index:1;display:block} .post-pages a{padding:5px 15px;background-color:$(keycolor);color:$(color.include);display:inline-block;z-index:2;position:relative} .post-pages a:hover{padding:5px 20px} .post-pages a:after,.post-pages a:before{background-color:$(main.back);width:20px;color:$(keycolor);font-size:15px;text-align:center} /* ------ Post body Reaction ------ */ .reaction-buttons{border-top:1px solid $(body.line);display:block;margin:20px 0 0;padding-top:20px} .reactions-label{display:inline-block;vertical-align:top;font-weight:700} iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub} #FancyAllItems *{-moz-transition:none;-webkit-transition:none;transition:none} /* ------ Post body Share ------ */ .topic-share .social{display:block;width:100%;text-align:center;position:relative;margin:20px auto;border-top:4px dotted $(body.line);border-bottom:4px dotted $(body.line);padding:10px 0} .item-page .post-outer .edit-post{margin-bottom:15px;position:relative;width:100%} .item-page .post-outer .edit-post a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:$(keycolor);padding:8px 20px;color:$(color.include);display:inline-block} .item-page .post-outer .edit-post a:hover{background-color:$(Altcolor)} .topic-share li{display:inline-block} .topic-share li a{color:#FFF;margin:0 1px} /* ------ Post body Ads ------ */ .article-ad{margin:20px auto;text-align:center} .article-ad:first-of-type{margin-top:0} .article-ad:last-of-type{margin-bottom:0} /* ------ Post body Author ------ */ .topic-author{width:100%;overflow:hidden;position:relative;margin:20px 0 0} .topic-author .author-img{width:90px;height:90px;overflow:hidden} .topic-author .author-img img{width:100%;height:100%} .topic-author h4{display:inline-block;margin:0;font-size:15px;color:$(keycolor);padding:3px 15px;background-color:$(body.line)} .author-about{font-size:13px;text-align:justify;width:calc(100% - 100px);margin-top:10px;padding-top:10px;border-top:2px solid $(body.line);color:#555} /* ------ Post body Comments ------ */ .topic-comments.rendered{display:block} .topic-comments{margin-top:20px;padding-top:20px;border-top:4px dotted $(body.line);position:relative;display:none} #comment-editor{margin-top:20px} li[data-bar="blogger"]:hover,li[data-bar="blogger"].active{background-color:#f87850;color:#FFF} li[data-bar="facebook"]:hover,li[data-bar="facebook"].active{background-color:#3b5998;color:#FFF} li[data-bar="disqus"]:hover,li[data-bar="disqus"].active{background-color:#2e9fff;color:#FFF} li[data-bar="google"]:hover,li[data-bar="google"].active{background-color:#db4437;color:#FFF} .comments-tabs{clear:both} .comments-tabs>div{display:none;text-align:center} .comments-tabs .default{display:block} .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px;vertical-align:middle;padding:10px 0} .comments-count{position:relative;line-height:2em} .comments-info .go-respond{top:0;font-size:12px} .comments-info .go-respond:before{position:relative;top:1px} .comments-info .go-respond:hover:before{font-size:12px} .comments-show{display:inline-block;position:relative} .comments-show a{padding:2px 10px;background-color:$(body.line);cursor:pointer;line-height:2em} .comments-show a.active{background-color:$(keycolor);color:$(color.include)} .comments-list,.comment-block{overflow:hidden} .comments-list ul{margin:0;padding:0;list-style:none} .comments-list .avatar-image-container{width:72px;height:72px} .comments-list .avatar-image-container img{width:100%;height:100%;display:block} .comments-list .comment-replies .avatar-image-container{width:40px;height:40px} .comments-list .comment-content{line-height:1.5em;margin:0;font-size:14px;overflow:hidden} .comments-list cite.user{display:inline-block;margin:0 0 5px;position:relative} .comments-list cite.user a{font-weight:700;color:$(keycolor);font-style:normal} .comments-list cite.user.blog-author a:after{content:'\f05d';font-weight:100;color:#23c30c;margin-left:5px} li.comment{position:relative;overflow:hidden} .comments-list > ul > li.comment{padding:10px;margin:10px 0;overflow:hidden;background-color:$(comment.li.back)} .comments-list > ul > li.comment:first-of-type{margin-top:0} .comments-list > ul > li.comment:last-of-type{margin-bottom:0} .comments-list .comment-replies{width:100%} .comments-list .comment-replies li.comment{margin-top:20px;background-color:$(comment.replay.back);padding:10px} #loadmore{background-color:$(Altcolor);margin:0 15px 15px;padding:5px 15px;color:$(color.include);cursor:pointer;overflow:hidden} .thread-toggle,.continue,.comment-replies:empty{display:none!important} .comment-content img{width:auto;max-width:100%;height:auto;display:block;position:relative;top:15px;margin-bottom:15px} .comment-content iframe{width:100%;height:350px;display:block;margin-bottom:30px;top:15px;position:relative} .comment-content a{color:$(keycolor);text-decoration:underline} .comment-content a:hover{color:$(Altcolor)} .comment-actions{position:absolute;top:15px} .comment-actions span a{padding:3px 10px;background-color:$(posts.background.color);font-size:11px;position:relative;cursor:pointer} .comment-actions span a:hover{color:$(color.include);background-color:$(keycolor)} .comment-actions>*:first-child a:before{content:'\f067';position:relative;top:1px;transition:0s} .comment-actions>*:last-child a:before{content:'\f1f8';margin-left:5px;transition:0s} .comment-header{margin-bottom:5px} .com-date{display:block;margin-top:-5px;font-size:10.2px;color:$(details.color)} #comments-respond{padding:20px;margin-top:25px;border:1px solid $(body.line)} #comments-respond h4{margin:0} #comments-respond h4:before{content:"\f0e6";font-family:FontAwesome;font-weight:400;color:$(keycolor);font-size:30px;display:inline-block;vertical-align:text-bottom} #comments-respond p{margin:0 0 5px;color:$(details.color)} .c-not-allowed{font-size:16px;color:$(body.text.color)} /* ------ Post body Directions ------ */ [dir="rtl"] .categ{border-right:2px solid $(keycolor)} [dir="ltr"] .categ{border-left:2px solid $(keycolor)} [dir="rtl"] .item-page .topic-details{border-right:2px solid $(keycolor)} [dir="ltr"] .item-page .topic-details{border-left:2px solid $(keycolor)} [dir="rtl"] .categ a,[dir="rtl"] .categ i{margin-left:5px} [dir="ltr"] .categ a,[dir="ltr"] .categ i{margin-right:5px} [dir="rtl"] .zooming,[dir="ltr"] .notification .icon,[dir="ltr"] #TOC > span:before,[dir="ltr"] #TOC li a:before,[dir="ltr"] .topic-author .author-img,[dir="ltr"] .author-about,[dir="rtl"] .topic-nav .next,[dir="rtl"] .topic-author .btn-group{float:left} [dir="ltr"] .zooming,[dir="rtl"] .notification .icon,[dir="rtl"] #TOC > span:before,[dir="rtl"] #TOC li a:before,[dir="rtl"] .topic-author .author-img,[dir="rtl"] .author-about,[dir="ltr"] .topic-nav .next,[dir="ltr"] .topic-author .btn-group{float:right} [dir="rtl"] .post-body h2:not(.Title-redirect):before,[dir="rtl"] .post-body h3:before,[dir="rtl"] .post-body h4:before{float:right;margin-left:6px} [dir="ltr"] .post-body h2:not(.Title-redirect):before,[dir="ltr"] .post-body h3:before,[dir="ltr"] .post-body h4:before{float:left;margin-right:6px} [dir="rtl"] .post-body ol{padding-right:0} [dir="ltr"] .post-body ol{padding-left:0} [dir="rtl"] .post-body ol:before{right:15px} [dir="ltr"] .post-body ol:before{left:15px} [dir="rtl"] .post-body ol li{margin-right:15px} [dir="ltr"] .post-body ol li{margin-left:15px} [dir="rtl"] .post-body ol li:not(:first-of-type){margin-right:30px} [dir="ltr"] .post-body ol li:not(:first-of-type){margin-left:30px} [dir="rtl"] .post-body ol li:before{margin-left:15px;right:7px} [dir="ltr"] .post-body ol li:before{margin-right:15px;left:7px} [dir="rtl"] .post-body ol li:first-of-type{padding-right:15px} [dir="ltr"] .post-body ol li:first-of-type{padding-left:15px} [dir="rtl"] .post-body ul:not(.button-dd){padding-right:33px} [dir="ltr"] .post-body ul:not(.button-dd){padding-left:33px} [dir="rtl"] .post-body ul:not(.button-dd) li{padding-right:10px} [dir="ltr"] .post-body ul:not(.button-dd) li{padding-left:10px} [dir="rtl"] #TOC li[data-tag="h3"]{margin-right:20px} [dir="ltr"] #TOC li[data-tag="h3"]{margin-left:20px} [dir="rtl"] #TOC li[data-tag="h4"]{margin-right:50px} [dir="ltr"] #TOC li[data-tag="h4"]{margin-left:20px} [dir="rtl"] .post-body blockquote:before{right:-4px} [dir="ltr"] .post-body blockquote:before{left:5px} [dir="rtl"] .post-pages .next-page:after,[dir="ltr"] .post-pages .prev-page:before{content:"\f104";float:left;margin-right:10px} [dir="ltr"] .post-pages .next-page:after,[dir="rtl"] .post-pages .prev-page:before{content:"\f105";float:right;margin-left:10px} [dir="rtl"] .topic-nav .prev{float:right;border-left:1px solid #eeeeee} [dir="ltr"] .topic-nav .prev{float:left;border-right:1px solid #eeeeee} [dir="rtl"] #TOC > span:before{margin-left:6px} [dir="ltr"] #TOC > span:before{margin-right:6px} [dir="rtl"] #TOC li a:before{margin-left:15px} [dir="ltr"] #TOC li a:before{margin-right:15px} [dir="rtl"] .post-body blockquote:after{left:15px} [dir="ltr"] .post-body blockquote:after{right:-6px} [dir="rtl"] .quote-share{left:50px} [dir="ltr"] .quote-share{right:50px} [dir="rtl"] .topic-author .author-img{margin-left:10px} [dir="ltr"] .topic-author .author-img{margin-right:10px} [dir="rtl"] .topic-author .social{left:0} [dir="ltr"] .topic-author .social{right:0} [dir="rtl"] .comments-tabs .blogger-tab,.comments-tabs .google-tab{text-align:right} [dir="ltr"] .comments-tabs .blogger-tab,.comments-tabs .google-tab{text-align:left} [dir="rtl"] .comments-count{float:right;margin-left:10px} [dir="ltr"] .comments-count{float:left;margin-right:10px} [dir="rtl"] .comments-list .avatar-image-container{float:right;margin-left:15px} [dir="ltr"] .comments-list .avatar-image-container{float:left;margin-right:15px} [dir="rtl"] .comments-list .comment-content{margin-right:87px} [dir="ltr"] .comments-list .comment-content{margin-left:87px} [dir="rtl"] .comments-list .comment-replies .comment-content{margin-right:57px} [dir="ltr"] .comments-list .comment-replies .comment-content{margin-left:57px} [dir="rtl"] .comments-list .comment-replies{float:right;padding-right:90px} [dir="ltr"] .comments-list .comment-replies{float:left;padding-left:90px} [dir="rtl"] #loadmore{float:left} [dir="ltr"] #loadmore{float:right} [dir="rtl"] .comment-actions{left:10px} [dir="ltr"] .comment-actions{right:10px} [dir="rtl"] .comment-actions span a{float:left} [dir="ltr"] .comment-actions span a{float:right} [dir="rtl"] .comment-actions>*:first-child a:before,[dir="rtl"] .comment-actions>*:last-child a:before{margin-left:5px} [dir="ltr"] .comment-actions>*:first-child a:before,[dir="ltr"] .comment-actions>*:last-child a:before{margin-right:5px} [dir="rtl"] .comment-actions>*:first-child a,[dir="ltr"] #comments-respond h4:before{margin-right:10px} [dir="ltr"] .comment-actions>*:first-child a,[dir="rtl"] #comments-respond h4:before{margin-left:10px} [dir="rtl"] #comments-respond p{padding-right:35px} [dir="ltr"] #comments-respond p{padding-left:35px} .share-icon{line-height:35px!important;text-align:center;margin:0;font-size:17px!important} .post-share{display:none;width:100%;position:relative;overflow:hidden;margin-top:7px;text-align:center} .post-share li{display:inline-block;vertical-align:middle} .post-share li a i{width:28px;height:28px;line-height:28px;text-align:center;color:#FFF} /* (15) Static Page ====================== ======================================= */ .static-page header.headline:before{display:none} .static-page .entry-title{color:$(color.include);text-align:center;background-color:$(keycolor);padding:15px} /* ------ Post body Error Page ------ */ .ErrorSection{text-align:center;background-color:$(main.back);padding:3em;position:relative;border:1px solid $(body.line)} .ErrorSection > span{font-size:10rem;margin-bottom:1rem;display:block;color:$(keycolor)} .ErrorSection > h2{font-size:5rem;font-weight:bold} .ErrorSection > p{float:none;text-align:center;background-color:$(body.line);padding:10px;font-size:1rem} /* ------ Buttons ------ */ .post-body a.btn-body{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:3px} .button-dd{display:block;margin:10px 0;padding:10px;width:100%} .button-dd li{display:inline-block;margin:0 10px 10px} .button-dd a{position:relative;display:inline-block;margin:0 auto;color:$(color.include);background-color:$(keycolor);width:150px;height:40px;line-height:40px;border-radius:30px} .button-dd a:hover{outline:0;background-color:$(Altcolor)} .button-dd a svg{width:35px;height:21px;display:inline-block;vertical-align:middle;position:relative;top:9px} [dir="rtl"] .button-dd a svg{float:right;right:8px;margin-left:9px} [dir="ltr"] .button-dd a svg{float:left;left:8px;margin-right:9px} [dir="rtl"] .button-dd li:last-of-type{margin-left:0} [dir="ltr"] .button-dd li:last-of-type{margin-right:0} [dir="rtl"] .button-dd li:first-of-type{margin-right:0} [dir="ltr"] .button-dd li:first-of-type{margin-left:0} /* ------ Code Dev ------ */ .post-body pre.naz-code{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:3px;direction:ltr;width:100%;display:block;font-size:0;line-height:30px;overflow:auto} .post-body .code-sn{display:inline-block;width:40px;color:$(color.include);font-weight:bold;text-align:center;background-color:$(keycolor);font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .post-body .code-sn span{display:block} .post-body .code-sn span:nth-of-type(odd){background-color:rgba(255,255,255,0.1)} .post-body .naz-source{margin:0;display:inline-block;vertical-align:top;background-color:$(body.line);width:calc(100% - 40px);font-size:12px;text-align:left;position:relative} .post-body .naz-source code{display:block;padding:0 10px} .post-body .naz-source code:nth-of-type(even){color:#54871c} .post-body .naz-source code:nth-of-type(odd){color:$(keycolor)} .post-body .naz-source:after{content:'Double click to selection';padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:8px;color:#8790a1;line-height:20px} .post-body .naz-source:hover:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;top:-8px;visibility:visible} /* ------ Status Msg ------ */ .status-msg-body{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:3px;border:1px solid $(body.line);margin-bottom:20px;padding:20px;color:$(details.color);background-color:$(main.back)} [dir="rtl"] .status-msg-body a{color:$(keycolor);margin-left:10px} [dir="ltr"] .status-msg-body a{color:$(keycolor);margin-right:10px} .status-msg-body b{color:$(details.color)} .status-msg-body a:hover{text-decoration:underline} #HTML305{margin-bottom:20px;display:block} /* ------ Scroll to top ------ */ body .scroll-top{position:fixed;width:40px;height:40px;line-height:40px;background-color:$(keycolor);bottom:10px;z-index:999999;color:$(color.include);text-align:center;cursor:pointer;display:none} [dir="rtl"] .scroll-top{right:10px} [dir="ltr"] .scroll-top{left:10px} /* (100) Blog Responsive ================= ======================================= */ @media screen and (max-width:1050px){ #head-container #Header1,#head-container #HTML302{float:none;width:100%;text-align:center;margin:0 auto;min-height:auto} #head-container #Header1{margin-bottom:20px} .text-tooltip{display:none!important} } @media screen and (min-width:481px) and (max-width:1080px){ .widget.cate-video .full-widget .Item:nth-of-type(-n+3){margin:0;padding:0;border:0} .widget.cate-video .full-widget .Item:nth-of-type(3n-1){margin:0} .widget.cate-video .full-widget .Item{width:calc((100% - 15px)/2)} .widget.cate-video .full-widget .Item:nth-of-type(n+3){margin-top:15px;padding-top:15px;border-top:1px solid $(body.line)} [dir="rtl"] .widget.cate-video .full-widget .Item:nth-of-type(odd){margin-left:15px} [dir="ltr"] .widget.cate-video .full-widget .Item:nth-of-type(odd){margin-right:15px} .widget.cate-video .img-content{width:100%;margin:0 0 10px;height:150px} .widget.cate-video .Title{width:100%} } @media screen and (min-width:481px) and (max-width:860px){ .widget.cate-video .img-content{float:none;clear:both;width:100%;height:30vw} .widget.cate-video .Title{margin-top:10px} } @media screen and (max-width:992px){ body #pages #LinkList301{margin:0;max-width:100%;width:100%;float:none;overflow:hidden;text-align:center;background-color:$(Altcolor);height:auto} .middle-header{padding-top:60px} #pages #PageList301{overflow:visible} #pages #PageList301 .menu{display:none} #pages #PageList301 .menu-res{display:block} #pages #PageList301 .menu-res i{font-size:18px} #pages #PageList301 .menu-res span{margin:5px 0} .menu-res-wrap ul{width:180px;top:42px;position:absolute;background-color:$(nav.back);padding:10px;z-index:9999} [dir="rtl"] .menu-res-wrap ul{right:0} [dir="ltr"] .menu-res-wrap ul{left:0} .menu-res-wrap ul li a{display:block;border-bottom:1px dotted rgba(255,255,255,0.2);color:$(nav.link.color);text-align:center} .menu-res-wrap ul li:last-child a{border-bottom:0} .menu-res-wrap ul li a:hover{background-color:$(nav.link.color);color:$(nav.back)} .menu-bar{position:relative} .menu-bar > li{display:list-item;list-style:none;position:absolute;top:0} [dir="rtl"] .menu-bar > li{left:17px} [dir="ltr"] .menu-bar > li{right:17px} .menu-res-bar{display:list-item;list-style:none;height:58px;line-height:47px!important;font-size:14px!important} .menu-res-bar span{margin:5px} .menu-bar > ul{display:none;position:absolute;top:58px;background-color:$(menu.back);width:100%;padding:20px;z-index:9999;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,0.12);box-shadow:0 2px 6px 0 rgba(0,0,0,0.12)} [dir="rtl"] .menu-bar > ul{right:0} [dir="ltr"] .menu-bar > ul{left:0} .menu-bar > ul > li:first-child{display:none} #menu-bar .menu-bar ul li{float:none;padding:0} #menu-bar .menu-bar ul li>a{display:block;font-weight:700;border-bottom:1px dotted $(keycolor);line-height:46px} #menu-bar .menu-bar ul li:last-of-type >a{border-bottom:0} .MegaItem > a:after{display:none} #menu-bar .menu-bar .drop-menu ul{display:block;background-color:$(keycolor);position:relative;top:0;-webkit-box-shadow:none;box-shadow:none;width:auto;opacity:1;visibility:visible} #menu-bar .menu-bar .drop-menu ul li:last-of-type a{border-bottom:0} #menu-bar .menu-bar .drop-menu ul li a{color:$(color.include);border-bottom:1px dotted rgba(255,255,255,0.2)} #menu-bar .menu-bar .bot-menu > ul{background-color:rgba(255,255,255,0.2)} [dir="rtl"] #menu-bar .menu-bar .bot-menu > ul{right:0} [dir="ltr"] #menu-bar .menu-bar .bot-menu > ul{left:0} .side-content{width:calc(100% - 250px - 2%)} [dir="rtl"] .side-content{float:right} [dir="ltr"] .side-content{float:left} [dir="rtl"] aside{float:left;width:250px} [dir="ltr"] aside{float:right;width:250px} .social-widget li div {padding:0} } @media screen and (min-width:641px) and (max-width:992px){ .wide-content .cate-wrapper.three-cols .section:first-of-type{float:none;width:100%;clear:both;width:100%} .wide-content .cate-wrapper.three-cols .section:nth-of-type(2){margin:0 0 0 15px} .wide-content .cate-wrapper.three-cols .section:nth-of-type(n+2){width:calc((100% - 15px)/2)} .wide-content .cate-wrapper.two-cols .section{margin-left:15px;width:calc((100% - 15px)/2)} .wide-content .cate-wrapper.two-cols .section:last-of-type{margin:0} } @media screen and (max-width:860px){ .mut-cate .Item:nth-of-type(n+2) .details-section{line-height: normal} .main-slider #right-slider{float:none;width:100%;margin-bottom:20px} .intro .main-slider .complex{float:none;margin:0;width:100%} .middle-content main.side-content,.middle-content aside{width:100%;float:none} .middle-content aside{top:0!important} #sidebar-section .widget{width:49%} [dir="rtl"] #sidebar-section .widget{float:right} [dir="ltr"] #sidebar-section .widget{float:left} [dir="rtl"] #sidebar-section .widget:nth-of-type(odd),[dir="rtl"] #footer-columns .footer-col:nth-of-type(odd){margin-left:2%} [dir="ltr"] #sidebar-section .widget:nth-of-type(odd),[dir="ltr"] #footer-columns .footer-col:nth-of-type(odd){margin-right:2%} #footer-columns .footer-col{width:49%;margin-bottom:20px} [dir="rtl"] #footer-columns .footer-col{margin-left:0} [dir="ltr"] #footer-columns .footer-col{margin-right:0} .widget.cate-cover .Item:first-of-type .img-content{width:180px} .widget.cate-cover .full-widget .Item:nth-of-type(n+2){width:100%;float:none} } @media screen and (max-width:640px){ body .cate-wrapper .section{float:none!important;width:100%!important;margin-left:0!important;margin-right:0!important} .middle-content #sidebar-section .widget{width:100%;float:none} [dir="rtl"] #footer-wrapper #footer-columns .footer-col{width:100%;margin-left:0} [dir="ltr"] #footer-wrapper #footer-columns .footer-col{width:100%;margin-right:0} [dir="rtl"] #Blog1 .index-posts .img-content{width:180px;height:180px;margin-left:15px} [dir="ltr"] #Blog1 .index-posts .img-content{width:180px;height:180px;margin-left:15px} .widget.cate-cover .full-widget .Item:first-of-type .img-content{float:none;width:100%;margin-bottom:15px} .cate .full-widget .mutual-slider,.cate .tight-width .mutual-slider{float:none;width:100%;height:320px;margin-bottom:20px} [dir="rtl"] .cate .full-widget .mutual-slider,[dir="rtl"] .cate .tight-width .mutual-slider{margin-left:0} [dir="ltr"] .cate .full-widget .mutual-slider,[dir="ltr"] .cate .tight-width .mutual-slider{margin-right:0} .widget.cate-mutual .full-widget .Item,.widget.cate-mutual .tight-width .Item{height:auto;width:100%;float:none} .topic-author{text-align:center} footer .topic-author .author-img.radius100px{margin:0 auto 15px;float:none;border:4px double $(keycolor)} footer span.author-about{width:100%;display:block;text-align:center;margin:15px auto} .topic-author .social{position:relative;text-align:center;top:0} footer .topic-author .btn-group.flexcen{float:none;margin-top:15px} .topic-nav-wrap .topic-nav-cont a.next{border-bottom:1px solid $(body.line)!important} .topic-nav-wrap .topic-nav-cont a{width:100%;float:none!important;border:0!important;display:block} [dir="rtl"] .comments-list .comment-replies{padding-right:0!important} [dir="ltr"] .comments-list .comment-replies{padding-left:0!important} .comments-list .comment-replies .comment-content{margin-top:0} .comment-actions{margin-top:10px;position:relative;top:auto;display:block} [dir="rtl"] .comment-actions{left:auto!important} [dir="ltr"] .comment-actions{right:auto!important} [dir="rtl"] .comment-actions span{float:left} [dir="ltr"] .comment-actions span{float:right} .comment-actions span:first-child{margin-bottom:5px} [dir="rtl"] .comment-actions span:last-child{margin-left:0!important} [dir="ltr"] .comment-actions span:last-child{margin-right:0!important} .blog-author-avatar{margin:0 auto;float:none!important;display:block} .blog-authors .blog-author-name{text-align:center;margin:10px auto!important} .blog-author-social.social{display:block;float:none;width:100%;text-align:center;margin:0 auto 10px} .blog-author-card,.blog-author-card .footer-card-author{text-align:center} .blog-author-card b.blog-author-count{display:block;overflow:hidden;margin:0 auto 5px} .au-head .au-photo{float:none;display:block;position:unset;margin:0 auto;border:10px solid $(keycolor)} .au-head{text-align:center;background:none;height:auto} .au-wrapper{text-align:center} .au-wrapper .au-name,.au-wrapper .au-ranked,.au-wrapper .au-label,.au-wrapper .au-social{position:unset} .au-wrapper .au-name{background-color:$(keycolor);color:$(color.include);display:unset;overflow:hidden} .au-wrapper .au-ranked{clear:both;display:block;overflow:hidden;margin:10px} .au-wrapper .au-ranked b{color:$(keycolor)} .au-wrapper .au-label,.au-wrapper .au-label span{color:$(details.color)} .au-wrapper .au-label a{color:$(color.include)!important;background-color:$(keycolor)} .au-wrapper .au-about{text-align:center;margin-bottom:10px} } @media screen and (max-width:480px){ .ticker-title{font-size:0;padding:0 25px} .ticker-title:before{font-size:25px} .intro .main-slider .complex > div{width:100%;margin:0 0 10px!important;float:none} .main-slider #right-slider,.main-slider #right-slider .Item{height:355px} .main-slider #right-slider .Item .img-content{height:250px} .main-slider #right-slider .Item .caption{width:100%;margin:0;bottom:0;border:0} .main-slider .Item .Title{line-height:1.5em;font-size:16px} [dir="rtl"] #Blog1 .index-posts .post-outer .img-content{float:none;width:100%;height:50vw;margin-bottom:15px;margin-left:0} [dir="ltr"] #Blog1 .index-posts .post-outer .img-content{float:none;width:100%;height:50vw;margin-bottom:15px;margin-left:0} #Blog1 .post-outer h2.post-title{display:block;width:100%} div.footer-post{float:none;display:block;width:100%;text-align:center} .widget.cate-video .Item,.widget.cate-video .full-widget .Item{float:none;width:100%;margin:15px 0 0!important;border-top:1px solid $(body.line);padding-top:15px} [dir="rtl"] .widget.cate-video .Item,[dir="rtl"] .widget.cate-video .full-widget .Item{;margin-left:0} [dir="ltr"] .widget.cate-video .Item,[dir="rtl"] .widget.cate-video .full-widget .Item{;margin-right:0} .widget.cate-video .Item:first-of-type,.widget.cate-video .full-widget .Item:first-of-type{margin-top:0!important;padding-top:0;border-top:none} .widget.cate-video .img-content{width:100%;height:50vw;margin:0 0 10px 0} .widget.cate-video .Title{max-height:100%;clear:both} .cate .cate-mutual .mutual-slider{height:240px} .zooming{display:block;width:100%;margin-top:10px} .comments-list .comment-content{clear:both;margin:40px 0 0!important} .comments-list .comment-replies .comment-content{margin:5px 0 0!important} .comments-info{text-align:center} .comments-count{float:none!important;margin:0!important;display:block} .comments-info .go-respond{position:relative;float:none;margin:10px 0} } @media screen and (max-width:360px){ .comments-show a{width:100%;margin-bottom:10px} [dir="rtl"] .comments-show a{float:right} [dir="ltr"] .comments-show a{float:left} .post-body .archive-link{font-size:13px} } @media print{ .content-wrapper>header,.intro,footer,aside,.topic-share,.topic-author,.topic-nav,.topic-related,div[id^='HTML30'],.categ,.zooming,article .topic-tools,.article-ad,.Middle-Ad,.quote-share,.item-control.blog-admin,#TOC,body .scroll-top{display:none!important} .side-content{width:100%!important;float:none} .middle-content,.content{margin:0 auto!important} .content-wrapper{max-width:100%;-webkit-box-shadow:none;box-shadow:none} .topic-details{margin:0 5%;width:90%} .post-body{color:#222!important} .post-body pre.naz-code{max-height:100%} .topic-title{text-align:center;padding:10px} } ]]> div.add_widget{margin-top:0;padding:7px 15px;border:none;border-bottom:2px solid #e4c7cc} body#layout div.section>div.add_widget:hover{border-bottom:2px solid #c31432} body#layout .add-icon{background-color:#e4c7cc;border-radius:6px} body#layout.rtl .add-icon{float:right} body#layout div.section>div.add_widget:hover .add-icon{background-color:#f4e3e6} body#layout .add_widget a,body#layout a:visited{color:#845e64;font-weight:700;text-decoration:none!important} body#layout div.section>div.widget{margin-top:0;margin-bottom:10px} body#layout .section .widget a.editlink{border:0;padding:3px 15px;color:#f4e3e6!important;background:#c31432;text-decoration:none;border-radius:6px;height:20px;font:700 11px/18px Tahoma} body#layout.rtl .section .widget a.editlink{right:auto;left:10px} body#layout.ltr .section .widget a.editlink{left:auto;right:10px} body#layout .section .widget a.editlink:hover{background-color:#f4e3e6;color:#c31432!important} body#layout .visibility .editlink.icon{margin-top:15px} body#layout .add_widget{border:1px dashed rgba(0,0,0,0.3);margin-bottom:5px;margin-top:0} body#layout .add_widget:hover{border:1px dashed rgba(0,0,0,0.5)} body#layout.rtl .section .add_widget a{margin-right:40px;margin-left:0;text-align:right} body#layout.ltr .section .add_widget a{margin-left:40px;margin-right:0;text-align:left} body#layout div.widget-content{padding:10px 15px} body#layout .draggable-widget div.widget-wrap2{background-color:#c31432} body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700} body#layout .dr_active{height:50px!important;background-color:transparent;border:2px solid #e4c7cc;color:#c31432;margin-bottom:30px;top:20px;border-radius:6px} body#layout .widget.locked-widget:before{content:'N';font-size:14px;position:absolute;z-index:2;top:0;background-color:#f4e3e6;width:17px;height:15px;color:#c31432;line-height:.8em;padding-top:5px} body#layout.rtl .widget.locked-widget:before{left:10px;border-radius:0 0 7px 0} body#layout.ltr .widget.locked-widget:before{right:10px;border-radius:0 0 0 7px} body#layout .widget .visibility .layout-widget-state{margin-top:12px;opacity:1!important} body#layout.rtl .widget .visibility .layout-widget-state{float:right} body#layout.ltr .widget .visibility .layout-widget-state{float:left} /* * >> Titels * */ body#layout .content-wrapper .section:before{background:#e4c7cc;color:#c31432;padding:7px 10px;border-radius:6px;position:absolute;top:10px;z-index:999;font-family:tahoma;font-size:13px;border:2px solid #c31432;font-weight:bold} body#layout.rtl .content-wrapper .section:before{right:15px} body#layout.ltr .content-wrapper .section:before{left:15px} body#layout .intro .section:after{content:'random or recent or label';font-size:12px;position:absolute;top:20px;font-family:tahoma;color:#c1a6ab} body#layout.rtl .intro .section:after{left:19px} body#layout.ltr .intro .section:after{right:19px} body#layout #TemplateInsert:before{content:'تهيئة القالب'} body#layout #pages:before{content:'القائمة العلوية'} body#layout #head-container:before{content:'الهيدر'} body#layout #menu-bar:before{content:'القائمة الرئيسية'} body#layout #section300:before{content:'شريط الاخبار'} body#layout #section301:before{content:'السلايدر الرئيسي'} body#layout .cate-wrapper .section:before{content:'تدوينات اضافية'} body#layout #RecentPosts:before{content:'منطقة التدوينات'} body#layout #Auth-Sec:before{content:'منطقة المؤلفين'} body#layout #sidebar-section:before{content:'الشريط الجانبي'} body#layout #footer-top-section:before{content:'منطقة الفوتر العلوية'} body#layout #footer-columns .section:before{content:'الفوتر'} body#layout #footer-bot-section:before{content:'منطقة الفوتر السفلية'} body#layout #Translation:before{content:'أداة الترجمة'} /* * >> Adjust tool widths * */ body#layout #BlogArchive300,body#layout #Label300,body#layout #Profile300,body#layout #HTML301,body#layout #license,body#layout #ContactForm302{display:none} body#layout .nav-top{width:49%;float:right} body#layout .middle-header{float:left;width:50%} body#layout .bottom-menu{clear:both;width:100%} body#layout .intro .section{display:inline-block;vertical-align:top;width:45%} body#layout .cate-wrapper .section{display:inline-block;vertical-align:top;width:28.4%} body#layout.rtl aside{float:left;width:38%} body#layout.ltr aside{float:right;width:38%} body#layout.rtl .side-content{float:right;width:60%} body#layout.ltr .side-content{float:left;width:60%} body#layout .middle-content .cate-wrapper .section{width:41.44444%} body#layout.rtl .middle-content .cate-wrapper > .section:nth-of-type(1){margin-left:1%} body#layout.ltr .middle-content .cate-wrapper > .section:nth-of-type(1){margin-right:1%} body#layout .bottom-content{clear:both} body#layout #footer-columns .section{display:inline-block;vertical-align:top;width:20%} ]]>