> Platform : Blogger >> Category : Magazine >> Homepage : https://squeeze-template.blogspot.com >> Version : 1.0.0 >> License : Free =========================================================== */ /* ==================== >> TABLE OF CONTENTS : ======================= 🔹 Variables 🔹 Normalize 🔹 Spinner 🔹 Fonts 🔹 OwlCarousel 🔹 Main 🔹 Widths 🔹 Framework 🔹 Header 🔹 Intro 🔹 Sidebar 🔹 Footer 🔹 Widgets 🔹 Pages (Common) 🔹 Homepage 🔹 Post Page 🔹 Error Page 🔹 Redirect Page 🔹 Archive Page 🔹 Authors Page 🔹 Shortcodes 🔹 Responsive */ /*================= 🔹 Variables ===================*/ /**/ /*================= 🔹 Normalize ===================*/ html{font-family:serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a:focus,a:active{outline:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{max-width:100%;border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:serif;font-size:100%;line-height:1.15;margin:0}button,input{outline:none!important;overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}iframe{border:none} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /*================= 🔹 Fonts ===================*/ @font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpu0xg.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIvTpu0xg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIhTps.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /*================= 🔹 Main ===================*/ body{font-family:'Cairo',serif;font-size:14px;line-height:1.5em;visibility:visible!important;} body::-webkit-scrollbar{background-color:$(main.back);width:10px} body::-webkit-scrollbar-thumb{background:$(keycolor)} body::-moz-selection{background:$(keycolor);color:#FFF} body[data-boxed='true'] .main-container{max-width:$(content.width)} ::-moz-selection{background:$(keycolor);color:#FFF} ::selection{background:$(keycolor);color:#FFF} ul{list-style:none;padding:0;margin:0} p{line-height:2;font-size:12px;text-align:justify} a{text-decoration:none;color:inherit} .main-container{width:100%;margin:0 auto;background-color:$(main.back);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} .main-container:before,.main-container:after{content:'';display:block;height:3px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))} .middle-content{overflow:hidden} .main-wrap{padding:0 $(main.padding)} #RecentPosts{margin-bottom:$(main.margin)} .side-$startSide{margin-bottom:$(main.margin)} body.no-sidebar .side-$startSide{float:none;width:100%} body.no-sidebar aside{display:none} .tempscheme{border-color:$(keycolor) $(footer.line) $(step.color) $(footer.text);float:$startSide;text-align:$endSide;color:$(keycolor);background-color:$(step.color)} /*================= 🔹 Widths ===================*/ .side-$startSide{width:-webkit-calc(100% - $(sidebar.width) - 2%);width:-moz-calc(100% - $(sidebar.width) - 2%);width:calc(100% - $(sidebar.width) - 2%);float:$startSide} aside{float:$endSide;width:$(sidebar.width)} .wrapper{max-width:$(content.width);margin:0 auto} header .color-wrap{background-color:$(menu.back)} #footer .color-wrap{position:relative;background-color:rgba(0,0,0,0.1)} /*================= 🔹 Framework ===================*/ /* ------- Quickedit ------ */ .quickedit:after{content:'\f0ad';position:absolute;font-family:fontawesome;color:#666;top:100%;$endSide:0;font-size:18px;z-index:5;opacity:.8} .quickedit:hover:after{-webkit-animation:quickedit .3s ease-in-out;-moz-animation:quickedit .3s ease-in-out;-o-animation:quickedit .3s ease-in-out;animation:quickedit .3s ease-in-out;opacity:1} @-webkit-keyframes quickedit { 50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)} 75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)} 100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)} } @-moz-keyframes quickedit { 50%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)} 75%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg)} 100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)} } @-o-keyframes quickedit { 50%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)} 75%{-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)} 100%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)} } @keyframes quickedit { 50%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)} 75%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)} 100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)} } /* ------- Headlines ------ */ .headline{margin-bottom:15px;border-bottom:2px solid $(main.line)} .main-wrap aside .headline{margin-bottom:15px;border-bottom:2px solid $(aside.line)} #footer .headline{margin-bottom:15px;border-bottom:2px solid $(footer.line)} #LinkList303 .headline h6{margin-top:0} .headline h6{display:inline-block;margin:0 0 12px;font-size:17px;position:relative} .main-wrap .headline h6{color:$(main.title)} .main-wrap aside .headline h6{color:$(aside.title)} #footer .headline h6{color:$(footer.title)} .headline h6:after{content:"";height:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:33px;$endSide:0;$startSide:0;bottom:0} .headline a{color:$(main.text);float:$endSide;padding:5px 12px;font-size:12px;background-color:$(main.line);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:18px} /* ------ Read More ------ */ .read-more{display:inline-block;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:5px 15px;font-size:14px;font-weight:700;color:$(grad.color);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .read-more:hover{padding:5px 25px} /* ------ Post Share ------ */ .post-share{float:$endSide} .post-share .share-icon{z-index:1;float:$endSide;width:31px;height:31px;line-height:31px;text-align:center;background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color);font-size:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:relative} .post-share .share-icon:after{opacity:0;content:"";font-family:FontAwesome;border-width:5px;border-style:solid;position:absolute;top:11px;$endSide:100%} [dir='rtl'] .post-share .share-icon:after{border-color:transparent transparent transparent $(keycolor)} [dir='ltr'] .post-share .share-icon:after{border-color:transparent $(keycolor) transparent transparent} .post-share .share-icon.arrow:after{opacity:1} .post-share .share-menu{visibility:hidden;float:$endSide;margin-top:1px;margin-bottom:0;margin-$endSide:5px} .post-share .share-menu li{float:$endSide;opacity:0;margin-$endSide:5px} [dir='rtl'] .post-share .share-menu li{-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px)} [dir='ltr'] .post-share .share-menu li{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);-moz-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)} .post-share .share-menu li i{width:27px;height:27px;line-height:27px;margin-top:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#FFF} .post-share .share-menu li .fa-facebook{background-color:#3b5998} .post-share .share-menu li .fa-twitter{background-color:#1da1f2} .post-share .share-menu li .fa-pinterest-p{background-color:#dd4b39} .share-open.share-menu{visibility:visible} [dir] .share-open.share-menu li{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} .share-open.share-menu li:nth-of-type(1){-webkit-transition:.4s linear;-o-transition:.4s linear;-moz-transition:.4s linear;transition:.4s linear} .share-open.share-menu li:nth-of-type(2){-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;transition:.3s linear} .share-open.share-menu li:nth-of-type(3){-webkit-transition:.2s linear;-o-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear} /* ------ Image Wrap ------ */ .img-wrap{display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden;position:relative} .img-wrap:hover img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} .overlay{opacity:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:0;$endSide:0}{opacity:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:rgba(0,0,0,0.6);position:absolute;top:0;$endSide:0} .img-wrap:hover .overlay{opacity:.8} .details-on-img{position:absolute;top:0;$endSide:0;$startSide:0;bottom:0} .details-on-img .author-prof,.details-on-img .post-date{padding:0 4px;background:$(main.back);font-size:10px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:absolute;$startSide:-100%;z-index:2;-webkit-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3);box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3)} .details-on-img .author-prof{color:$(keycolor)} .details-on-img .post-date{color:$(step.color)} .img-wrap .author-prof{top:30px;-webkit-transition:.4s linear;-o-transition:.4s linear;-moz-transition:.4s linear;transition:.4s linear} .img-wrap .post-date{top:55px;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;transition:.6s linear} .img-wrap:hover .author-prof,.img-wrap:hover .post-date{$startSide:0} .img-wrap img{display:none;width:100%;height:100%} .details-on-img i{margin-$endSide:5px} .caption{padding:30px;background:-webkit-gradient(linear,$endSide top, $endSide bottom,from(transparent),color-stop(rgba(0,0,0,0.7)),to(#000));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:-o-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:-moz-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:linear-gradient(transparent,rgba(0,0,0,0.7),#000);color:#FFF;position:absolute;bottom:0;$startSide:0;$endSide:0} aside .img-wrap:before,aside .img-wrap:after{display:none} /* ------ Social Colors ------ */ .social{font-size:0} .social li{display:inline-block;margin:0 2px} .social li i{color:#FFF;width:28px;height:28px;line-height:28px;margin-bottom:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;text-align:center;font-size:16px} .social-sites .social li:hover{-webkit-animation:SocIcons .2s ease-in-out;-moz-animation:SocIcons .2s ease-in-out;-o-animation:SocIcons .2s ease-in-out;animation:SocIcons .2s ease-in-out} @-webkit-keyframes SocIcons { 50%{-webkit-transform:scale(0.7);transform:scale(0.7)} 100%{-webkit-transform:scale(1.5);transform:cale(1.5)} } @-moz-keyframes SocIcons { 50%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);transform:scale(0.7)} 100%{-webkit-transform:scale(1.5);-moz-transform:cale(1.5);transform:cale(1.5)} } @-o-keyframes SocIcons { 50%{-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)} 100%{-webkit-transform:scale(1.5);-o-transform:cale(1.5);transform:cale(1.5)} } @keyframes SocIcons { 50%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)} 100%{-webkit-transform:scale(1.5);-moz-transform:cale(1.5);-o-transform:cale(1.5);transform:cale(1.5)} } .social .fa-facebook {background-color:#3b5998} .social .fa-twitter {background-color:#1da1f2} .social .fa-rss {background-color:#f26522} .social .fa-dribbble {background-color:#ea4c89} .social .fa-google-plus {background-color:#dd4b39} .social .fa-pinterest {background-color:#cc2127} .social .fa-linkedin {background-color:#0976b4} .social .fa-youtube {background-color:#e52d27} .social .fa-wordpress {background-color:#1081B1} .social .fa-digg {background-color:#476BA3} .social .fa-quora {background-color:#a82400} .social .fa-spotify {background-color:#1ed760} .social .fa-reddit {background-color:#ff4500} .social .fa-snapchat {background-color:#f5d602} .social .fa-drupal {background-color:#008BCA} .social .fa-github {background-color:#000000} .social .fa-flickr {background-color:#FF0084} .social .fa-tumblr {background-color:#304E6C} .social .fa-instagram {background-color:#7c38af;background: radial-gradient(circle at 0 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .social .fa-delicious {background-color:#DEDEDF} .social .fa-behance {background-color:#009fff} .social .fa-soundcloud {background-color:#FF5419} .social .fa-telegram {background-color:#32AEE1} .social .fa-website {background-color:#444444} .social .fa-google-play {background-color:#3d9dab} .fa-google-play:before{content:'\f04b'} .fa-website:before{content:"\f0ac"} /* ------ Label-Title ------ */ .label-title{padding:0 8px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);font-size:12px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;border-radius:1.5px;position:absolute;top:10px;$startSide:10px;z-index:2} .img-wrap:hover .label-title{$startSide:-100%} .img-wrap .label-name{float:$startSide;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:2px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:12px;margin-bottom:5px;color:$(grad.color);position:relative;$startSide:0} .img-wrap:hover .label-name{$startSide:-100%} /* ------ Ribble Button ------ */ .ribble{position:relative;overflow:hidden} .ribble b{position:relative;z-index:1;-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out} .ribble:hover{padding:5px 20px} .ribble:hover b{color:$(grad.color)} .ribble:before{content:'';background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:100%;$startSide:-200%;height:200%;width:200%;display:block;z-index:1;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out} .ribble:hover:before{top:-25px;$startSide:-50px;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} /* ------ Other ------ */ .blog-admin,#uds-searchControl,#ContactForm93{display:none} .clear-$endSide{display:block;height:1px;clear:$endSide} .clear{height:1px;clear:both;display:block} object{max-width:100%} .hide{display:none!important} :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} .post-body #ContactForm93{display:block} div#Tempnec{display:none!important} /*================= 🔹 Header ===================*/ header #top-bar{padding:0 $(main.padding);height:40px;line-height:40px;color:#FFF;position:relative} #head-sec{padding:$(main.margin) $(main.padding);min-height:120px;overflow:hidden} /* ------ Header Social ------ */ header #top-bar #LinkList301{max-width:30%;margin-$endSide:15px;float:$startSide;position:relative;height:40px} #LinkList301 .social-sites{margin-top:5px} #LinkList301 .social-sites li{vertical-align:top} /* ------ Header Pages List ------ */ header #top-bar #PageList301{float:$startSide;max-width:-webkit-calc(70% - 60px);max-width:-moz-calc(70% - 60px);max-width:calc(70% - 60px);height:40px} header #top-bar .menu li{float:$startSide;margin:8px 0} header #top-bar .menu li a{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;background:rgba(255,255,255,0.1);margin-$endSide:7px;font-size:12px;display:block;line-height:normal;padding:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:700;color:$(menu.text);line-height:2em} header #top-bar .menu li a:hover,header #top-bar .menu li.selected a{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))} header #top-bar .menu-res{display:none} header #top-bar .menu-res i{display:block;width:30px;height:30px;line-height:30px;font-size:20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:absolute;top:5px;$startSide:$(main.padding);z-index:2;cursor:pointer} nav.menu-res-wrap ul:before{content:"";border-width:8px;border-style:solid;border-color:transparent transparent $(menu.back);position:absolute;top:-14px;$startSide:10px;z-index:2} nav.menu-res-wrap ul{width:180px;top:50px;position:absolute;background-color:$(menu.back);$startSide:10px;padding:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;z-index:9999} nav.menu-res-wrap ul a{display:block;border-bottom:1px dotted rgba(255,255,255,0.2);color:$(menu.text);text-align:center} nav.menu-res-wrap ul li:last-of-type a{border-bottom:none} /* ------ Search Box ------ */ header #top-bar #HTML301{direction:ltr;min-width:200px;height:30px;position:absolute;$endSide:$(main.padding);top:0} header #top-bar .search form{direction:rtl;position:relative} header #top-bar .search form span{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));display:block;width:30px;height:30px;line-height:29px;font-size:18px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:absolute;top:5px;$endSide:0;z-index:2} header #top-bar .search form span.open-search:after{opacity:1;$endSide:100%} header #top-bar .search input{font-family:inherit;-webkit-border-radius:0 1px 1px 0;-moz-border-radius:0 1px 1px 0;border-radius:0 1px 1px 0;height:30px;margin:5px 0;background-color:$(menu.back);color:#FFF;font-size:12px;border:none;outline:none;position:absolute;$endSide:30px;width:0} header #top-bar .search .open-search ~ input{padding:0 15px;width:100%} /* ------ Logo & AD ------ */ #Header1{width:290px;float:$startSide} #Header1 .headone{font-weight:700;display:block;margin:0 0 10px;font-size:35px;line-height:1em;text-align:center} #Header1 p{margin:0;font-size:12px;text-align:center;line-height:1.5em} #Header1 img{width:auto;max-width:100%;margin:0 auto;display:block} #HTML302{width:728px;float:$endSide;text-align:$endSide} /* ------ Main Menu ------ */ #menu-bar{clear:both;position:relative;margin-bottom:$(main.margin);padding:0 $(main.padding)} #LinkList302{height:58px;background-color:$(menu.back);position:relative} #LinkList302:before{content:'';display:block;height:3px;background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));position:absolute;width:100%;bottom:0;$startSide:0} #menu-bar .menu-bar ul li{float:$startSide} #menu-bar .menu-bar ul li>a{font-weight:700;display:block;width:100%;padding:17px 15px;color:$(menu.text);position:relative} #menu-bar .menu-bar li>a:hover{background-color:rgba(0,0,0,0.2);color:#FFF} #menu-bar .menu-bar ul li.drop-menu-st >a{padding-$endSide:30px} .menu-bar ul i{font-size:18px;display:inline-block;vertical-align:middle;margin-$endSide:10px} #menu-bar .home{white-space:nowrap;overflow:hidden;height:55px;line-height:25px;background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:#FFF!important;min-width:65px;max-width:65px} #menu-bar .home:hover{max-width:100%!important;padding-$startSide:40px} #menu-bar .home b{position:relative;$startSide:50px} #menu-bar .home:hover b{$startSide:0px} .home:before{font-weight:400;content:"\f015";font-family:FontAwesome;font-size:20px;position:absolute;$startSide:23px;text-indent:0;-webkit-transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);top:16px} #menu-bar .home:hover:before{$startSide:10px;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)} /* ------ Sub Menu ------ */ #menu-bar .menu-bar li>ul li a{padding:12px 20px} #menu-bar .menu-bar li>ul li a:hover{background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color);padding-$startSide:30px} #menu-bar .menu-bar .drop-menu-st{position:relative;padding-bottom:5px} #menu-bar .menu-bar .drop-menu-st:after{content:"\f078";font-family:FontAwesome;font-size:10px;color:$(menu.text);position:absolute;top:18px;$endSide:10px} #menu-bar .menu-bar .drop-menu-st ul{display:none;width:200px;height:auto;background-color:$(menu.back);position:absolute;top:58px;z-index:10;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);box-shadow:0 5px 5px 0 rgba(0,0,0,0.2)} #menu-bar .menu-bar .drop-menu-st:hover ul{display:block} #menu-bar .menu-bar .drop-menu-st ul li{float:none} /* ------ Responsive Menu ------ */ .menu-bar-res{display:none} .menu-bar-res .fa-bars{cursor:pointer;float:$endSide;color:$(grad.color);background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));height:55px;width:55px;text-align:center;font-size:26px;padding-top:16px} .res-home{display:none;float:$startSide;height:55px;width:110px;text-align:center;padding-top:17px;color:$(grad.color);background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));font-weight:700} .res-home:before{content:"\f015";font-family:FontAwesome;font-weight:400;font-size:24px;margin-$endSide:5px;display:inline-block;vertical-align:-2px} /*================= 🔹 Sidebar ===================*/ aside .widget{margin-bottom:$(main.margin)} /* ------ Social Widget ------ */ .social-counter .social{overflow:hidden;padding:$(main.padding);border:1px solid $(aside.line)} .social-counter li{float:$startSide;width:23.5%;margin:0 1%;min-width:55px} .social-counter li:nth-child(4n+1){margin-$startSide:0} .social-counter li:nth-child(4n+4){margin-$endSide:0} .social-counter li i{text-align:center;display:block;width:55px;height:55px;line-height:55px;margin:auto;color:#FFF;font-size:24px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transform:translate(0,5px);-ms-transform:translate(0,5px)} .social-counter li:hover i{-webkit-transform:translate(0);-ms-transform:translate(0)} .social-counter li div{color:$(aside.link);padding:5px 7px;margin-bottom:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:$(aside.line);font-size:11px;text-align:center;position:relative} .social-counter li div:after{content:"";display:block;border-width:5px;border-style:solid;border-color:transparent transparent $(aside.line);position:absolute;top:-10px;$endSide:44%} /*================= 🔹 Footer ===================*/ #footer{position:relative;background:-webkit-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:-o-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:-moz-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:linear-gradient(45deg,$(footer.back1),$(footer.back2));border-top:3px solid $(keycolor);clear:both} #footer-sections{font-size:0;padding:$(main.margin) $(main.padding)} #footer-sections .f-sec{display:inline-block;vertical-align:top;font-size:14px;width:-webkit-calc((100% - 90px)/4);width:-moz-calc((100% - 90px)/4);width:calc((100% - 90px)/4);margin-$endSide:30px} #footer-sections .f-sec:last-of-type{margin-$endSide:0} #footer-sections .f-sec .widget{margin-bottom:$(main.margin)} #footer-sections .f-sec .widget:last-of-type{margin-bottom:0} #footer-top-section:not(.no-items){padding:$(main.margin) 0;margin:0 $(main.padding);border-bottom:1px solid $(footer.line)} #footer-bottom-section:not(.no-items){padding:$(main.margin) 0;margin:0 $(main.padding);border-top:1px solid $(footer.line)} [data-boxed='false'] #footer-top-section:not(.no-items).wrapper{margin:$(main.margin) auto 0;padding:0 $(main.padding) $(main.margin)} [data-boxed='false'] #footer-bottom-section:not(.no-items).wrapper{margin:0 auto;padding:$(main.margin) $(main.padding)} #footer-top-section:not(.no-items).wrapper{padding:$(main.margin) 0;margin:0 $(main.padding)} #footer-cop-section{padding:5px $(main.padding);overflow:hidden;position:relative} /* ------ Copyrights ------ */ #HTML303{color:$(footer.link);margin-top:5px;float:$startSide} #HTML303 > *{vertical-align:middle;display:inline-block} #HTML303 a{color:$(keycolor)} #HTML303 a:hover{color:$(step.color);text-decoration:underline} #HTML303 > b{font-family:Tahoma;color:$(keycolor);font-size:15px} #LinkList304{float:$endSide;margin-top:5px} .credits span{margin-$endSide:5px} /* ------ Footer Scroll To Top ------ */ .scroll-top{background-color:$(footer.line);width:30px;height:30px;text-align:center;border-radius:100px;color:$(footer.text);padding-top:7px;cursor:pointer;position:absolute;left:calc(50% - 15px);top:-15px;z-index:1} .scroll-top:before{display:block} .scroll-top:hover{background:$(keycolor);color:#FFF} /*================= 🔹 Widgets ===================*/ .widget{position:relative} .widget-item-control{position:absolute;$endSide:0;top:100%;z-index:2;opacity:.7} .widget-item-control:hover{opacity:1} #top-bar .widget-item-control{top:0} .item-thumbnail img{display:none} /* ------ Email Subscription ------ */ aside .subscrib-sec p{margin:0 0 10px;color:$(aside.text);text-align:$startSide} #footer .subscrib-sec p{margin:0 0 10px;color:$(footer.text);text-align:$startSide} .subscrib-sec input[name="email"]{display:block;width:100%;padding:15px;margin:auto;line-height:0;outline:0;font-size:12px;border:0;border-radius:2px;direction:ltr;text-align:left} aside .subscrib-sec input[name="email"]{background-color:$(aside.line);color:$(aside.link)} #footer .subscrib-sec input[name="email"]{background-color:$(footer.line);color:$(footer.link)} .msg-send{font-family:inherit;display:block;padding:10px 30px 10px 20px;margin:5px auto 0;outline:0;border:0;border-radius:2px;background:-webkit-gradient(linear,$endSide,from($(keycolor)),to($(step.color)));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:#FFF;font-weight:700;cursor:pointer;position:relative;overflow:hidden;width:100%;color:$(grad.color)} .msg-send:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);box-shadow:0 3px 5px 0 rgba(0,0,0,0.4)} .msg-send:before{content:"\f1d8";font-family:FontAwesome;position:absolute;top:10px;$startSide:10px;z-index:1;font-weight:normal} .msg-send:hover input[type="submit"]{color:#2c2c2c} .ltr .msg-send:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)} .msg-send:hover:before{-webkit-animation:subs .3s ease-in-out;animation:subs .3s ease-in-out} @-webkit-keyframes subs{ from{top:37px;$startSide:38px} to{top:10px;$startSide:10px} } @keyframes subs{ from{top:37px;$startSide:38px} to{top:10px;$startSide:10px} } /* ------ LinkList & PageList Widget ------ */ .LinkList .widget-content li a, *:not(header) .PageList .widget-content li a{display:block;padding:13px 0;font-size:14px} .LinkList .widget-content li:first-child a, *:not(header) .PageList .widget-content li:first-child a{padding-top:0} aside .LinkList .widget-content li a,aside .PageList .widget-content li a{color:$(aside.link);border-bottom:1px solid $(aside.line)} footer .LinkList .widget-content li a,footer .PageList .widget-content li a{color:$(footer.link);display:block;border-bottom:1px solid $(footer.line)} aside .LinkList .widget-content li a::before, footer .LinkList .widget-content li a::before{content:"\f08b"} *:not(header) .PageList .widget-content li a::before{content:"\f0f6"} 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;margin-$endSide:10px;font-size:20px} aside .LinkList .widget-content li a::before,aside .PageList .widget-content li a::before{color:$(aside.link)} footer .LinkList li a::before,footer .PageList .widget-content li a::before{color:$(footer.line)} aside .LinkList .widget-content li a:hover,#footer .LinkList .widget-content li a:hover, *:not(header) .PageList .widget-content li a:hover{color:$(keycolor);border-bottom:1px solid $(keycolor)} aside .LinkList .widget-content li a:hover::before,#footer .LinkList .widget-content li a:hover::before{-webkit-animation:LinkIcon 0.2s linear;animation:LinkIcon 0.2s linear;color:$(keycolor)} *:not(header) .PageList .widget-content li a:hover::before{color:$(keycolor)} @-webkit-keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}} @keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}} /* ------ Popular Posts ------ */ .PopularPosts article{margin-bottom:15px;padding-bottom:15px;overflow:hidden} .PopularPosts article:last-of-type{margin-bottom:0;border-bottom:none} aside .PopularPosts article{border-bottom:1px solid $(aside.line)} #footer .PopularPosts article{border-bottom:1px solid $(footer.line)} .PopularPosts .post-date{display:inline-block;background-color:$(keycolor);text-align:$startSide;font-size:10px;color:$(grad.color);padding-$startSide:5px;padding-$endSide:10px;margin-bottom:5px} .PopularPosts .post-date i{background-color:rgba(0,0,0,0.2);font-size:12px;display:inline-block;vertical-align:middle;padding:5px;color:$(grad.color);margin-$endSide:5px} .PopularPosts .item-thumbnail{display:block;overflow:hidden;float:$startSide;width:72px;height:72px;margin-$endSide:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .PopularPosts .item-thumbnail img{height:100%} .PopularPosts .item-thumbnail:hover img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} .PopularPosts .post-title{overflow:hidden;margin:0 0 5px;font-weight:700;font-size:16px} aside .PopularPosts .post-title a{color:$(aside.link)} #footer .PopularPosts .post-title a{color:$(footer.link)} .PopularPosts .post-title a:hover{color:$(keycolor)} .snippet-item{font-size:12px;text-align:justify;line-height:1.5em;margin:0} aside .snippet-item{color:$(aside.text)} #footer .snippet-item{color:$(footer.text)} /* ------ Featured Post ------ */ .FeaturedPost h2{margin:0 0 5px 0;line-height:1.5em;font-size:18px} .FeaturedPost .item-thumbnail,.FeaturedPost .item-thumbnail img{display:block;text-align:center;margin:0 auto;width:100%} .FeaturedPost .item-thumbnail{min-height:150px;overflow:hidden;margin-bottom:5px} aside .FeaturedPost h2{color:$(aside.link)} footer .FeaturedPost h2{color:$(footer.link)} .widget.FeaturedPost h2:hover{color:$(keycolor)} aside .FeaturedPost p{color:$(aside.text)} footer .FeaturedPost p{color:$(footer.text)} /* ------ Archive Widget ------ */ .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)} aside .BlogArchive select{border:1px solid $(aside.line);color:$(aside.link)} #footer .BlogArchive select{border:1px solid $(footer.line);color:$(footer.link)} /* Flat */ .flat .archivedate .post-count{font-style:normal;float:$endSide} aside .flat .archivedate i{color:$(aside.text)} #footer .flat .archivedate i{color:$(footer.text)} .BlogArchive .flat .archivedate a{display:block;padding:7px 2px} aside .BlogArchive .flat .archivedate a{color:$(aside.link);border-bottom:1px dotted $(aside.line)} footer .BlogArchive .flat .archivedate a{color:$(footer.link);border-bottom:1px dotted $(footer.line)} .BlogArchive .flat .archivedate a::before{color:$(step.color);display:inline-block;content:"\f08d";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);font-family:fontawesome;margin-$endSide:10px;vertical-align:middle} .BlogArchive .flat .archivedate:hover a{color:$(keycolor);border-bottom:1px dotted $(step.color)} .BlogArchive .archivedate:hover a:before{color:$(keycolor)} /* Hierarchy */ .hierarchy .hierarchy{margin-$startSide:10px} aside .hierarchy-title{background:$(aside.line);margin-bottom:5px;padding:8px 15px} #footer .hierarchy-title{background:$(footer.line);margin-bottom:5px;padding:5px 20px} aside .hierarchy .post-count-link,aside .hierarchy ul.posts a{color:$(aside.link)} #footer .post-count-link,#footer .hierarchy ul.posts a{color:$(footer.link)} .hierarchy .post-count{float:$endSide;color:#999} aside .hierarchy .post-count{color:$(aside.text)} #footer .hierarchy .post-count{color:$(footer.text)} .hierarchy ul.posts{margin-$startSide:0} .hierarchy ul.posts a{font-size:12px;display:block;padding:5px 0} .hierarchy ul.posts a:hover{border-bottom:1px solid $(step.color);color:$(keycolor);padding-$startSide:5px} aside .hierarchy ul.posts a{border-bottom:1px solid $(aside.line)} #footer .hierarchy ul.posts a{border-bottom:1px solid $(footer.line)} /* ------ Label Widget ------ */ .cloud-label-widget-content{overflow:hidden} .label-size{float:$startSide;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:7px 15px;margin-$endSide:7px;margin-bottom:7px;-webkit-border-radius:2px;-moz-border-radius:2x;border-radius:2px;font-size:14px;color:$(grad.color);font-weight:700} .label-size a::before{content:"\f02b";font-family:fontawesome;display:inline-block;vertical-align:top;margin-$endSide:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-top:-4px;font-size:14px;padding-top:5px;text-align:center;font-weight:400} .label-size:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);box-shadow:0 3px 5px 0 rgba(0,0,0,0.4)} .list-label-widget-content a{display:block;padding:5px 0} .label-size .label-count{display:none} .label-size:hover a:before{-webkit-animation:label .3s ease-in-out;-moz-animation:label .3s ease-in-out;-o-animation:label .3s ease-in-out;animation:label .3s ease-in-out} @-webkit-keyframes label { 50%{-webkit-transform:rotate(60deg);transform:rotate(60deg)} 100%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)} } @-moz-keyframes label { 50%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)} 100%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg)} } @-o-keyframes label { 50%{-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)} 100%{-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)} } @keyframes label { 50%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)} 100%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)} } aside .list-label-widget-content .label-name{color:$(aside.link);border-bottom:1px dotted $(aside.line)} #footer .list-label-widget-content .label-name{color:$(footer.link);border-bottom:1px dotted $(footer.line)} .list-label-widget-content .label-name::before{content:"\f07b";font-family:fontawesome;margin-$endSide:10px;display:inline-block;vertical-align:top;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;-moz-transition:.3s ease-out;transition:.3s ease-out;width:20px;font-size:18px;text-align:$endSide} aside .list-label-widget-content .label-name::before{color:$(aside.line)} footer .list-label-widget-content .label-name::before{color:$(footer.line)} .list-label-widget-content .label-name:hover::before{content:"\f07c";color:$(keycolor)} aside .list-label-widget-content .label-count{float:$endSide;color:$(aside.text)} #footer .list-label-widget-content .label-count{float:$endSide;color:$(footer.text)} aside .list-label-widget-content .label-name:hover{color:$(keycolor);border-bottom:1px dotted $(keycolor)} #footer .list-label-widget-content .label-name:hover

رئيس البورصة المصرية يفتتح قاعة التداول بالمبنى التاريخي بالتزامن مع الاحتفال بمئوية المبنى جريدة الراصد 24

 


كتب - محمود الهندي 



افتتح السيد/ أحمد الشيخ – رئيس البورصة المصرية بمشاركة عدد من السادة الوزراء ورؤساء الهيئات العامة- قاعة التداول بالمبنى التاريخي للبورصة بعد التجديد الشامل للقاعة وملحقاتها، وذلك في حفل كبير تم تنظيمه يوم الاثنين، الموافق 5-أغسطس-2024، بالتزامن مع الاحتفال بمئوية المبنى التاريخي للبورصة المصرية وما يمثله من قيمة أثرية ومعنوية كبيرة حيث يعد أحد أقدم مباني أسواق الأوراق المالية في العالم أجمع  . 


وقد حضر الحفل معالي السادة الوزراء: الدكتور/ عمرو طلعت – وزير الاتصالات وتكنولوجيا المعلومات، الدكتور/ شريف فاروق - وزير التموين والتجارة الداخلية، السفير الدكتور/ بدر عبد العاطي – وزير الخارجية وشئون المصريين في الخارج، الأستاذ/ علاء فاروق – وزير الزراعة واستصلاح الأراضي، المهندس/ محمد شيمي – وزير قطاع الأعمال العام. والسيد المحافظ الدكتور/ إبراهيم صابر خليل – محافظ القاهرة. والدكتور/ محمد فريد صالح – رئيس مجلس إدارة الهيئة العامة للرقابة المالية، والسيد/ حسام هيبة - الرئيس التنفيذي للهيئة العامة للاستثمار والمناطق الحرة، وعدد من السادة رؤساء الهيئات وأعضاء مجلس النواب ولفيف من كبار الشخصيات الاقتصادية ورجال المال والأعمال  . 


وفي كلمته رحب السيد/ أحمد الشيخ – رئيس البورصة المصرية بالحضور ثم استعرض تاريخ ونشأة البورصة المصرية ملقيا الضوء على أهم محطاتها ودورها داخل منظومة الاقتصاد الوطني  . 


كما أوضح الشيخ الخطوط العريضة لاستراتيجية مجلس إدارة البورصة المصرية للتطوير والتي اعتمدها مجلس إدارة البورصة المصرية في يناير 2024م  . 


كما شرح رئيس البورصة المصرية أهم ما قامت به إدارة البورصة في إطار تنفيذ استراتيجية التطوير بالتنسيق مع الهيئة العامة للرقابة المالية، وذلك كما يلي :


1) حققت البورصة تقدما كبيرا في سبيل إعادة تحديث نظام التداول حيث تقادم نظام التداول الحالي المعمول به منذ عام 2008، ليكون لدى البورصة نظام متكامل يضم سوق الأوراق المالية بالإضافة الى سوقي المشتقات وشهادات خفض الانبعاثات الكربونية، وأيضا تحديث نظام الرقابة على التداول، وذلك كله وفقا لأحدث المعايير الدولية  . 


2) نجحت إدارة البورصة في جذب ستة شركات جديدة للقيد منذ بداية العام وبدأ التداول بالفعل على أسهم ثلاث شركات منها  . 


 كما انتقلت 4 شركات من سوق الشركات الصغيرة والمتوسطة إلى السوق الرئيسي مما يبرهن على نجاح البورصة في إنفاذ فلسفة سوق الشركات الصغيرة والمتوسطة وهو أنه حاضنة أعمال ومحطة تستقر فيها الشركة لنحو 3 سنوات لتدبير التمويلات اللازمة للتوسع ومن ثم تنتقل بعدها إلى السوق الرئيسي  . 


 وتستهدف البورصة المزيد من الشركات والكيانات الاقتصادية الكبيرة للقيد في السوق الرئيسي خلال الفترة المقبلة.  . 


3) إطلاق مؤشر الشريعة EGX 33 Shariah  لجذب شرائح جديدة من المستثمرين وتوفير أداة مالية جديدة  . 


4) قامت البورصة المصرية بإعادة هيكلة شاملة لتقسيم الأسواق داخل البورصة وربط قوائم الأسواق بالمؤشرات، مما أدى إلى زيادة عدد الأسهم المسموح عليها بالأنشطة المتخصصة وهي الشراء بالهامش والتداول في نفس الجلسة والتداول في الجلسة التالية، وذلك لتعزيز التداولات وزيادة السيولة وعمق السوق  . 


5) انتهت البورصة المصرية من كافة الخطوات اللازمة لإطلاق منصة تداول سوق الكربون الأفريقي الطوعي، وفي انتظار تنفيذ أولى الصفقات قريبا  . 


6) إتاحة تلقي طلبات الاكتتاب في زيادات رؤوس الأموال من خلال آليات البورصة وإتاحة المجال لجميع شركات السمسرة للمشاركة في الطروحات الخاصة. كذلك بناء سجل الأوامر الخاص بالطرح الخاص في البورصة. وقد تزامن ذلك مع صدور قرار رئيس مجلس الوزراء بخفيض فترة الاكتتاب في زيادة رؤوس أموال الشركات  . 


7) تعديل وحدة المزايدة على الأسهم لتصبح نسبة مئوية من سعر الإقفال  . 


8) الانتهاء من تحويل نظم وإجراءات شهادات الإيداع الدولية GDRs من نظام يدوي إلى نظام رقمي لتبسيط الإجراءات وزيادة السيولة  . 


9) قامت كوادر البورصة المصرية وشركة مصر لنشر المعلومات بتطوير نظم آلية ضمن التحديث الشامل لمنظومة التداول بالبورصة، وأهم تلك النظم :  


- نظامي التداول والتسوية لسوق الكربون الأفريقي الطوعي  . 


- تعديلات نظام الصفقات الخاصة (OPR) لتلقي طلبات زيادة رؤوس الأموال  . 


- تطوير وتعديل نظام تسجيل العملاء لتنشيط وإيقاف الأكواد آليا  . 


- تجهيز النسخة التجريبية لنظام ال GFIT للبدء في السماح لشركات السمسرة استخدام نظام تداول سندات وأذون الخزينة  . 


وقد تم بالفعل الانتهاء من شهادات حقوق الملكية الفكرية لعدد من هذه البرامج  . 


10) تأهيل مسئولي علاقات المستثمرين بالشركات المقيدة مع استمرار الدورات التدريبية الخاصة بهم رفعا لكفاءتهم، تمهيدا لتفعيل سجل خاص بهم  . 


11) تعزيز التواصل البناء مع كافة الجهات الخارجية ومؤسسات المال والأعمال الدولية (خاصة الجهات التي تصدر المؤشرات الدولية المدرجة بها البورصة المصرية) لتعزيز وضع مصر في تلك المؤشرات بعد أن كانت البورصة المصرية مهددة بالاستبعاد منها بعد تخفيض تصنيفها بتلك المؤشرات  . 


وللتغلب على ما ذكر ببعض تقارير تلك المؤسسات من أسباب لخفض التصنيف، قامت البورصة المصرية بالعمل على ثلاثة محاور : 


أ‌) التنسيق مع البنك المركزي المصري وسائر الجهات المعنية بالدولة وعقد اجتماعات دورية للتواصل المباشر مع المؤسسات المالية الدولية ذات الصلة فيما يتعلق بانخفاض التصنيف نتيجة صعوبات متعلقة بسعر الصرف  . 


ب‌) إتاحة قواعد العمل مثل التداول والقيد والعضوية، وأيضا استراتيجية البورصة المصرية، باللغتين العربية والإنجليزية على موقع البورصة الإلكتروني للتغلب على ما ذكر من عدم حصول المستثمر الأجنبي على ذات المعاملة التي يحصل عليها المستثمر المصري لتأخر أو عدم وجود النسخ المترجمة  . 


ج) تيسير إجراءات تسجيل العملاء من صناديق الاستثمار والشركات الأجنبية بكافة أنواعها بسوق الأوراق المالية ومد فترة صلاحية العمل بأكواد المؤسسات الأجنبية بأنواعها أسوة بالمؤسسات المصرية، وذلك للتغلب على ما ذكر من وجود صعوبات تواجه تسجيل الأجانب كعملاء بالسوق المصري  . 


12) العمل على إتاحة تداول أدوات الدين الحكومية لكافة فئات المستثمرين المصريين وغير المصريين بالبورصة المصرية عن طريق شركات السمسرة المرخص لها، وذلك لخلق طلب إضافي على أدوات الدين الحكومية وزيادة أحجام وقيم تداولها من خلال البورصة المصرية  . 


13) تعديل قواعد العضوية بما يسمح بضم الشركات التي تزاول الأنشطة ذات الارتباط بالتداول بالبورصة المصرية مثل شركات إدارة المحافظ والصناديق  . 


14) إطلاق "منصة حوار البورصة" كقناة إضافية لاستقبال مقترحات وآراء عناصر السوق وذلك لتعزيز الحوار المجتمعي  . 


15) توقيع والبدء في تنفيذ عدد من بروتوكولات التعاون مع مجموعة من الجامعات المصرية مثل جامعة حلوان، وجامعة فاروس بالإسكندرية وجامعة الجلالة الأهلية، والجامعة الألمانية والجامعة الأوروبية، وتحالف جامعات شمال الصعيد (الذي يضم جامعات المنيا وبني سويف والفيوم)، والجامعة الأمريكية بالقاهرة  . 


وأضاف الشيخ: واليوم يتحقق هدف آخر من أهداف الاستراتيجية وهو إنشاء مركز رئيسي لعقد المؤتمرات والاجتماعات بتحويل قاعة التداول التاريخية إلى قاعة مؤتمرات، وتضم أيضا متحف البورصة المصرية كرمز لعراقة البورصة المصرية  . 


كما قدم رئيس البورصة الشكر إلى الشركات الراعية التي ساهمت في التجديد الشامل للقاعة وملحقاتها وهي شركات: طلعت مصطفى، اي فاينانس، بلتون، سوديك، بالم هيلز، والبنك التجاري الدولي، كما توجه بالشكر إلى شركة "ليفلز للانشاءات" التي نفذت هذا التجديد  . 


واختتم الشيخ كلمته قائلا: كما يسعدني أن أشكر جميع زملائي العاملين بالبورصة المصرية على مجهوداتهم المتميزة خلال الفترات الماضية، وأخص بالشكر فريق العمل القائم على تنفيذ عملية تجديد قاعة التداول وملحقاتها، وكذلك القائمين على تنظيم هذا الاحتفال الذي اجتهد الجميع ليخرج بأفضل صورة معبرا عن أصالة وعراقة البورصة المصرية ومستقبلها المشرق بإذن الله  . 


وفى كلمته؛ وجه الدكتور/ عمرو طلعت - وزير الاتصالات وتكنولوجيا المعلومات التهنئة للقائمين على البورصة المصرية بهذه المناسبة والتي تثبت أن تاريخ مصر حافل بالإنجازات والنجاحات التى لا تقتصر على قطاع فحسب ولا صناعة بعينها وانما تشمل كافة جوانب الحياة الاقتصادية والصناعية والتجارية والمالية؛ مضيفا أن مصر شهدت في فترة إنشاء البورصة حراكا ثقافيا واقتصاديا وأكاديميا واسع النطاق وزخم قوي من الإنجازات والنجاحات حيث تأسست الجامعة المصرية وخزان أسوان وأفتتح المتحف المصري والمتحف الإسلامي ونادي السيارات المصري؛ وأصبحت البورصة المصرية ميدانا للتداول والتجارة في الحبوب والأقطان وقصب السكر  وغيرها، كما شهدت النهضة العمرانية فتداولت في أروقتها شركة مصر الجديدة وشركة المعادي حين أنشئت في مطلع القرن الماضى حتى أمست واحدة من أثرى خمس بورصات على مستوى العالم  . 


وأشار الدكتور/ عمرو طلعت إلى التكنولوجيا الحديثة التي يتم استخدامها فى قاعة التداول بمبنى البورصة الجديد حيث تضم بالإضافة إلى أجهزة الحاسبات، منظومة رقمية بالغة التقدم تعتمد على لوغاريتمات التعلم العميق التي تمكن القائمين على البورصة من استيعاب الكم الضخم من البيانات وتحليلها والخروج بمؤشرات قيمية كيفا وكما تساعدهم في اتخاذ القرارت والتنبؤ بما هو قادم في هذه الصناعة سريعة الوتيرة، كما تضم لوغاريتمات الذكاء الاصطناعي التي تمكن القائمين على البورصة من تفهم مؤشرات الأسواق العالمية على نحو بالغ الكفاءة مع الأخذ في الاعتبار عوامل ومؤشرات لم تكن تؤخذ في الحسبان من قبل مثل مؤشرات وحركات التجارة والأسواق في مختلف دول العالم، وحركات الملاحة والتنبؤ بالطقس  . 


وأوضح الدكتور/ عمرو طلعت اهتمام قطاع الاتصالات وتكنولوجيا المعلومات بدمج الاتصالات وتكنولوجيا المعلومات مع القطاع المالى وعلم الإدارة المالية، مشيرا إلى جامعة مصر للمعلوماتية التى أنشاتها وزارة الاتصالات وتكنولوجيا المعلومات والتى تعد أول جامعة متخصصة في الاتصالات وتكنولوجيا المعلومات والمجالات المرتبطة بها فى أفريقيا حيث حرصت الوزارة على أن تكون أحد الكليات الأربعة بالجامعة كلية معنية بتدريس الإدارة المالية بالتعاون مع جامعات دولية مرموقة ادراكا منها بأهمية التكنولوجيا المالية  . 


وأضاف الدكتور/ عمرو طلعت أن الوزارة مستمرة في دعم البورصة من خلال مدها بالمزيد من المنظومات الرقمية، والتعاون معها في المزيد من البحث والتطوير لاستحداث المزيد من منظومات الذكاء الاصطناعي وتطويعها لصالح عمل البورصة المصرية؛ منوها إلى إصدار البريد المصري طابع بريد تذكارى لهذه المناسبة  . 


وألقى السفير الدكتور/ بدر عبد العاطي – وزير الخارجية وشئون المصريين في الخارج كلمة أشاد فيها بدور البورصة المصرية كشريان الاقتصاد الوطني، وقدرتها على إثبات صلابتها ومرونتها رغم كافة التحديات المتعاقبة التي شهدها الاقتصاد العالمي، وزيادة إسهامها في الناتج المحلي الإجمالي بشكل ملحوظ، وهو الأمر الذي يعكس تميز أدائها، وتزايد ثقة المستثمرين في آفاق الاقتصاد المصري. كما حرص وزير الخارجية والهجرة على الإشادة بتبني البورصة المصرية مبادرات طموحة لتطوير الخدمات المالية وتعزيز كفاءتها، لتصبح وجهة جاذبة للمستثمرين الأجانب، وهو ما انعكس بإيجابية على صورة الدولة المصرية كمركز مالي إقليمي جاذب ضمن أسواق رأس المال في المنطقة .


ونوه الدكتور/ بدر عبد العاطي بما تبذله الدبلوماسية المصرية من جهود حثيثة لتعزيز العلاقات الاقتصادية والتجارية مع الدول الشقيقة والصديقة، والترويج لمصر كوجهة استثمارية جاذبة ومستقرة، وتعريف العالم بالإنجازات المتحققة على صعيد التنمية الاقتصادية والاجتماعية الشاملة تحت مظلة برنامج الإصلاح الاقتصادي. كما شدد على الاهتمام الكبير لوزارة الخارجية بتكثيف التواصل مع المؤسسات المالية والتمويلية الدولية بهدف حشد كافة صور الدعم لجهود الإصلاح الاقتصادي، والاستفادة من الفرص التي توفرها تلك المؤسسات لتمويل المشروعات المصرية مثل تمويل اتفاقيات الدعم الفني، وتقديم فرص تمويلية ميسرة للمشروعات ذات الأولوية لمصر  . 


واستعرض وزير الخارجية والهجرة جهود وزارة الخارجية في التواصل والتنسيق مع المنظمات والتجمعات الاقتصادية الدولية، وأبرزها تجمع البريكس ومشاركة مصر في مجموعة العشرين، مشيراً لإنخراطها في مساعي إصلاح هيكل النظام المالي العالمي بالشكل الذي يواكب التحديات الاقتصادية المتفاقمة. كما أشار لجهود الدفع باستحداث آليات تمويل جديدة ومبتكرة وفعالة، إلى جانب تعظيم الاستفادة من الآليات القائمة، بهدف سد الفجوة التمويلية اللازمة لاستكمال تحقيق أهداف التنمية المستدامة، منوهاً بما يتم في هذا الإطار من تنسيق على المستوى الوطني للترويج لمبادرة "تحالف الديون المستدامة" التي أطلقتها مصر خلال رئاستها للدورة الـ 27 لمؤتمر تغير المناخ  . 


وأكد وزير الخارجية على أن الدبلوماسية الاقتصادية هي مفتاح تعزيز مكانة مصر كقوة صاعدة على الساحة الدولية، حيث تلعب كافة المؤسسات المصرية، ومنها وزارة الخارجية والبورصة المصرية، دوراً حيوياً لتحقيق ذلك، معرباً عن ثقته في العمل المشترك لتطوير التعاون الدولي في مجال الأسواق المالية، والبنية التحتية المالية، وتشجيع الاستثمار الأجنبي، وتسهيل عمليات التداول، لتعزيز جاذبية البورصة المصرية للمستثمرين الأجانب .


ومن ناحيته قدم السيد/ علاء فاروق - وزير الزراعة واستصلاح الأراضي التهنئة لرئيس البورصة بمناسبة عيدها المئوي الأمر الذي يؤكد على عراقة بورصة مصر كأحد أقدم البورصات في المنطقة والعالم وأشار إلى أن البورصة المصرية تستمد عراقتها من تاريخها الطويل ومن الدور الذي تلعبه كأحد أهم العناصر الفعالة في الاقتصاد المصري  . 


وقال إن للبورصة المصرية علاقة تاريخية قوية بالزراعة في مصر، ويعود هذا الارتباط إلى تأسيس بورصة الإسكندرية في عام 1883، حيث كانت في البداية سوقًا لتداول القطن، وهو من أهم المحاصيل الزراعية في مصر. كانت تجارة القطن آنذاك تشكل جزءًا كبيرًا من الاقتصاد المصري، وكانت البورصة تلعب دورًا محوريًا في تسهيل عمليات البيع والشراء وتحديد الأسعار  . 


وأضاف "فاروق" انه مع مرور الوقت، تطورت البورصة لتشمل العديد من السلع الزراعية الأخرى، مثل الحبوب والزيوت النباتية. أصبحت البورصة بذلك منصة أساسية لتحديد الأسعار وتوفير السيولة اللازمة للتجار والمزارعين، مما ساعد على تنظيم وتطوير السوق الزراعية  . 


وقال وزير الزراعة انه في الوقت الحاضر، لا تزال البورصة المصرية تؤثر على قطاع الزراعة، حيث توفر منصة للشركات الزراعية لجمع رأس المال عن طريق طرح أسهمها للتداول. كما تساهم في جذب الاستثمارات إلى القطاع الزراعي، مما يساعد في تطوير البنية التحتية الزراعية وتحسين الإنتاجية  . 


بالإضافة إلى ذلك، توفر البورصة المصرية العقود المستقبلية والخيارات المالية على السلع الزراعية، مما يمكن المزارعين والمستثمرين من التحوط ضد تقلبات الأسعار وضمان استقرار دخلهم  . 


كما ألقى المهندس/ محمد شيمي - وزير قطاع الأعمال العام، كلمة أكد فيها أن الشركات التابعة للوزارة تساهم بمنتجات متنوعة في سوق الأوراق المالية، ومن خلال قطاعات ومجالات عملها المختلفة سواء في صناعة الدواء أو الصناعات الكيماوية والمعدنية إلى جانب نشاط التطوير العقاري والفندقي  . 


وأشار المهندس/ محمد شيمي إلى أهمية الدور الذي تلعبه البورصة في دعم التنمية الاقتصادية، وتوفير التمويل للشركات وتوسيع قاعدة الملكية، ودعم تطبيق ممارسات الإفصاح والشفافية التي تمثل حجر الزاوية في تعزيز الحوكمة بالشركات، لافتا إلى عراقة البورصة المصرية التي تعد من أقدم أسواق الأوراق المالية في العالم، ومعربا عن خالص تمنياته للبورصة تحقيق مزيد من النجاحات والازدهار بما يسهم في دعم الاقتصاد القومي .


وفي كلمته، قال الدكتور/ محمد فريد - رئيس الهيئة العامة للرقابة المالية، إن سوق رأس المال، مرت بظروف صعبة على مدار العقود الماضية، تطلبت عدداً من الإجراءات المنظمة لها، موضحاً أن التأثير التنموي للتشريعات التنظيمية كان المستهدف الرئيسي للمشرع والرقيب  . 


وأضاف أن التشاور مع كافة الأطراف ذات الصلة بالقرارات والتشريعات، يأتي على رأس استراتيجية عمل الهيئة العامة للرقابة المالية، في إطار استهداف تحقيق استقرار الأسواق وتنميتها وزيادة فرص جذب المستثمرين لها  . 


وأوضح الدكتور/ محمد فريد أن المبنى التاريخي للبورصة المصرية كان شاهداً على ظروف ومتغيرات صعبة خلال الفترات الماضية، عكست صمود السوق أمام كافة التحديات، التي تسببت في إيقاف التداولات لمدة 3 أشهر في عام 2011، لكن نجحت الإدارات المتعاقبة في إدارة كافة التحديات بكفاءة  . 


كما أشار إلى أن أبرز التحديات التي تزامنت مع فترة توليه منصب رئيس البورصة المصرية، كانت ميكنة التعاملات في وقت قياسي، بالتزامن مع بداية انتشار جائحة كورونا عام 2020، حيث استهدفت الخطة استمرار العمل والحفاظ على الأرواح.


وأكد أن تجاوز كل هذه الصعاب بكافة أنواعها واختلافاتها رسالة تفيد أن سوق رأس المال متماسك وبه العديد من الكفاءات، موجهاً الشكر لكافة رؤساء البورصة السابقين، مؤكداً أن كل منهم حرص على البناء واستكمال ما بدأه من سبقوه لتحقيق استدامة خطط التنمية.

 

وأضاف أن تطوير وتنمية سوق رأس المال، هو جهد مخلص تشارك فيه كافة رؤساء البورصات والهيئات السابقين فلهم مني جميعاً كل الشكر والتقدير وهدفنا هو أن تكون مصر مركز مالي متميز جاذب للاستثمارات.

تعليقات
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق