*/ /* ----------------------------------------------- JetTheme Blogger Template Name : JetTheme Core Version : 2.8.2 Designer : jettheme URL : www.jettheme.com ----------------------------------------------- */ :root { --bs-font-sans-serif: $(body.text.family); --bs-body-bg: $(body.background); --bs-body-color: $(body.text.color); --jt-primary: $(keycolor); --jt-heading-color: $(posts.title.color); --jt-heading-link: $(posts.title.color); --jt-heading-hover: $(keycolor); --jt-link-color: $(body.link.color); --jt-link-hover: $(body.hover.color); --jt-blockquote: $(posts.text.color); --jt-btn-primary: $(posts.icons.color); --jt-btn-primary-hover: $(labels.background.color); --jt-btn-light-hover: $(posts.title.color); --jt-border-light: $(border.color); --jt-bg-light: #f3f7f9; --jt-archive-bg: #ffffff; --jt-nav-color: $(tabs.color); --jt-nav-hover: $(tabs.hover); --jt-nav-selected: $(tabs.selected.color); --jt-dropdown-bg: $(dropdown.bg); --jt-dropdown-color: $(dropdown.color); --jt-dropdown-hover: $(dropdown.hover); --jt-dropdown-selected: $(dropdown.selected); --jt-header-bg: $(header.bg); --jt-header-color: $(header.color); --jt-header-border: $(header.border); --jt-footer-bg: $(footer.bg); --jt-footer-color: $(footer.color); --jt-footer-link: $(footer.link); --jt-footer-border: $(footer.border); --jt-socket-bg: $(socket.bg); --jt-socket-color: $(socket.color); } .dark-mode { --bs-body-bg: hsl(210, 11%, 15%); --bs-body-color: hsl(210, 11%, 80%); --jt-heading-color: hsl(210, 11%, 80%); --jt-heading-link: hsl(210, 11%, 80%); --jt-btn-light-hover: hsl(210, 11%, 85%); --jt-border-light: hsl(210, 11%, 20%); --jt-bg-light: hsl(210, 11%, 20%); --jt-archive-bg: hsl(210, 11%, 17%); --jt-nav-color: hsl(210, 11%, 70%); --jt-dropdown-bg: hsl(210, 11%, 18%); --jt-dropdown-color: hsl(210, 11%, 70%); --jt-header-bg: hsl(210, 11%, 15%); --jt-header-color: hsl(210, 11%, 80%); --jt-header-border: hsl(210, 11%, 20%); --jt-footer-bg: hsl(210, 11%, 15%); --jt-footer-color: hsl(210, 11%, 80%); --jt-footer-border: hsl(210, 11%, 20%); --jt-socket-bg: hsl(210, 11%, 10%); --jt-socket-color: hsl(210, 11%, 80%); } body { font:$(body.text); color: var(--bs-body-color); background-color: var(--bs-body-bg); line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-family:'Tajawal'; } @font-face { font-family: 'Tajawal'; font-style: normal; font-weight: 400; src: local('Tajawal'), url('https://fonts.cdnfonts.com/s/15774/Tajawal-Regular.woff') format('woff'); font-display: swap; } .h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6 { font: $(posts.title); line-height: 1.2; font-family: 'Tajawal'; } a { transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .3s; color: var(--jt-link-color); } a:hover { color: var(--jt-link-hover); } .fs-7 { font-size: 0.875rem; line-height: 1.25rem; } .fs-8 { font-size: 0.75rem; line-height: 1rem; } .fs-9 { font-size: 0.7rem; line-height: 1rem; } .btn{ box-shadow: none !important } .btn-sm { min-width: 32px; min-height: 32px; } img, svg, iframe { max-width:100% } img { height:auto; object-fit:cover; } label { cursor: pointer; } .visually-hidden { position: unset !important; } .form-control:focus { box-shadow: none; border-color: var(--jt-primary); } .form-control::placeholder { opacity: .5; } .dropdown-toggle::after { border-width: 0.25em 0.25em 0; } .dropdown-menu { margin: 0; padding: 0; } .ratio:before{ content: none; } .ratio-1x1 { padding-bottom: 100%; } .ratio-4x3 { padding-bottom: 75%; } .ratio-16x9 { padding-bottom: 56.25%; } .ratio-21x9 { padding-bottom: 43%; } .object-cover { object-fit: cover; } .jt-text-primary, .hover-text-primary:hover, input:checked ~ .check-text-primary { color: var(--jt-primary)!important } .jt-btn-primary, .jt-btn-outline-primary:hover { color: #fff; background-color: var(--jt-btn-primary); border-color: var(--jt-btn-primary); } .jt-btn-light { color: var(--bs-body-color); background-color: var(--jt-bg-light); border-color: var(--jt-bg-light); } .jt-btn-light:hover { color: var(--jt-btn-light-hover); } .jt-btn-primary:hover, .hover-btn-primary:hover, input:checked + .jt-btn-outline-primary { color: #fff !important; background-color: var(--jt-btn-primary-hover)!important; border-color: var(--jt-btn-primary-hover)!important } .jt-btn-outline-primary { color: var(--jt-btn-primary); border-color: var(--jt-btn-primary); } .jt-bg-primary { background-color: var(--jt-primary) } .jt-bg-light { background-color: var(--jt-bg-light) } .bg-archive { background-color: var(--jt-archive-bg) } .jt-border-light { border-color: var(--jt-border-light)!important; } input:checked ~ .d-block-check { display: block !important; } input:checked ~ .d-none-check { display: none !important; } .dropdown-menu, .accordion-item, .accordion-header { background-color: var(--bs-body-bg); color: var(--bs-body-color); border-color: var(--jt-border-light); } .lazyload { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .3s; opacity: 0; } .lazyload.loaded { opacity: 1; } /* JetTheme Style */ pre { background-color: var(--jt-bg-light); margin-bottom: 1rem; padding: 1rem; font-size: 0.75rem; } blockquote { border-right: 5px solid var(--jt-blockquote); color: inherit; font-size: 1.125rem; margin-bottom: 1.5rem; margin-top: 1.5rem; padding-right: 1rem; } .header-animate.header-hidden { transform: translateY(-100%); box-shadow: none !important; } #header { background-color: var(--jt-header-bg); color: var(--jt-header-color); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .3s; min-height: 50px; border-bottom: 1px solid var(--jt-header-border); } .header-social { border-left: 1px solid var(--jt-header-border); } .jt-icon { display: inline-block; height: 1em; vertical-align: -0.15em; width: 1em; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; } .jt-icon-center { font-family: sans-serif; } #dark-toggler, #search-toggler, #navbar-toggler { line-height: 1; } #dark-toggler .icon-mode:before { content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.1em' height='1.1em' viewBox='0 0 24 24' fill='none' stroke='%23686868' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'%3E%3C/path%3E%3C/svg%3E"); } .dark-mode #dark-toggler .icon-mode:before { content: url("data:image/svg+xml;utf8,%3Csvg width='1.1em' height='1.1em' fill='white' stroke='white' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z'%3E%3C/path%3E%3C/svg%3E"); } #footer { background-color: var(--jt-footer-bg); color: var(--jt-footer-color); border-top: 1px solid var(--jt-footer-border); } #socket { background-color: var(--jt-socket-bg); color: var(--jt-socket-color); } #navbar { z-index: 9999; } #navbar .menu-item { position: relative; text-align: right; } #navbar .nav-link { min-height: 40px; } #navbar .dropdown-toggle { cursor: pointer; align-items: center; display: flex; } #navbar.d-block, #navbar .dropdown-menu, #navbar .nav-link, #navbar .dropdown-toggle { -webkit-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } #navbar .navbar-nav > .menu-item > .nav-link { line-height: 1.5; color: var(--jt-nav-color); } #navbar .navbar-nav > .menu-item:hover > .nav-link, #navbar .navbar-nav > .menu-item:hover > .dropdown-toggle { color: var(--jt-nav-hover); } #navbar .navbar-nav > .menu-item > .nav-link.active, #navbar .navbar-nav > .menu-item > .active ~ .dropdown-toggle { color: var(--jt-nav-selected); } .logo-wrap { width: 100px; } #search-header .dropdown-menu { background-color:var(--jt-dropdown-bg); color: var(--jt-dropdown-color); border-color: var(--jt-header-border); min-width: 300px; left:0; top:100% } .blog-admin { display: none; } #pagination li + li { margin-right: 5px; } .no-items { display: none; } .feature-image, .separator, .tr-caption-container { margin-bottom: 1rem; } .tr-caption-container { width: 100%; } .separator a, .tr-caption-container a { margin: 0 !important; padding: 0 !important; } .tr-caption { font-size: 12px; font-style: italic; } .widget:last-child { margin-bottom: 0 !important; } #post-body .widget { margin-top: 1.5rem; text-align: right; } .item-title { color: var(--jt-heading-link); font-family: 'Tajawal'; } .item-title:hover { color: var(--jt-heading-hover); } #comment-editor{ width:100% } #primary .widget-title { font-weight: 300; text-transform: uppercase; } #footer .widget-title { text-transform: uppercase; } #footer .widget-title, #sidebar .widget-title { font-size: 13px !important; } #primary .widget-title > span { background-color: var(--bs-body-bg); padding-left: 5px; position: relative; font-family: 'Tajawal'; } #main .widget-title:before, #sidebar .widget-title:before { background-color: var(--jt-bg-light); content: ""; height: 1px; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } #main .widget-title:before { border-left: 30px solid var(--jt-primary); height: 5px; } .send-success:not(.loading) .contact-form-msg, .send-error:not(.loading) .contact-form-msg { display:block !important; } .send-success .contact-form-msg{ border-color: rgba(25,135,84,.3) !important; } .send-error .contact-form-msg{ border-color: rgba(255,193,7,.3) !important; } .send-success .contact-form-msg:before{ content: attr(data-success); } .send-error .contact-form-msg:before{ content: attr(data-error); } hr.example-ads:before { content: "Advertisement here"; } hr.example-ads { background-color: var(--jt-bg-light); border-radius: 0.25rem; font-size: 0.875rem; height: auto; margin: 0; opacity: 1; padding: 1.5rem 0; text-align: center; } body > .google-auto-placed { margin: 0 auto 1.5rem; max-width: 1108px; } .google-auto-placed > ins { margin: 0 !important; } /* TYPOGRAPY */ .h1,h1{font-size:calc(1.375rem + 1.5vw)} .h2,h2{font-size:calc(1.325rem + .9vw)} .h3,h3{font-size:calc(1.3rem + .6vw)} .h4,h4{font-size:calc(1.275rem + .3vw)} .h5,h5{font-size:$(title.h5)} .h6,h6{font-size:$(title.h6)} .entry-title { color: var(--jt-heading-color); font-family: 'Tajawal'; } .entry-text h1, .entry-text h2, .entry-text h3, .entry-text h4, .entry-text h5, .entry-text h6 { color: var(--jt-heading-color); padding-top: 1em; margin-bottom: 1rem; } .entry-text li { margin-bottom: 0.5rem; } /* Responsive Style */ @media (min-width: 576px) { .ratio-sm-4x3 { padding-bottom: 75%; } .ratio-sm-16x9 { padding-bottom: 56.25%; } .border-sm-end { border-left-width: 1px !important; border-left-style: solid; } #post-pager .next-page { border-right: 1px solid; } } @media (min-width: 768px) { .position-md-relative { position: relative; } .border-md-end { border-left-width: 1px !important; border-left-style: solid; } } @media (min-width: 992px) { .border-lg-end { border-left-width: 1px !important; border-left-style: solid; } #navbar .navbar-nav > .menu-item { display: flex; } #navbar .dropdown-menu { background-color:var(--jt-dropdown-bg); border-color: var(--jt-header-border); margin-top: -10px; display: block; opacity: 0; visibility: hidden; pointer-events: none; box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.14); top:100%; min-width: 150px; } #navbar .dropdown-menu .nav-link { padding-left: 20px; font-size: $(dropdown.font); color: var(--jt-dropdown-color); } #navbar .dropdown-menu .dropdown-toggle { position: absolute; left: 10px; top: 20px; } #navbar .dropdown-menu .dropdown-menu { right: 100%; top: -1px; } #navbar .dropdown-menu .menu-item:hover > .nav-link, #navbar .dropdown-menu .menu-item:hover > .dropdown-toggle { color: var(--jt-dropdown-hover); } #navbar .dropdown-menu .menu-item > .nav-link.active, #navbar .dropdown-menu .menu-item > .active ~ .dropdown-toggle { color: var(--jt-dropdown-selected); } #navbar .menu-item:hover > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: unset; margin: 0; } #navbar .navbar-nav > .menu-item > .nav-link { padding: 1.5rem 1.2rem; white-space:nowrap; } #navbar .navbar-nav > .menu-item > .dropdown-toggle { bottom: 0; pointer-events: none; position: absolute; left: 5px; top: 3px; } #sidebar { border-right: 1px solid; } #footer-widget .widget { margin-bottom: 0 !important; } } @media (min-width: 1200px){ .h1,h1{font-size:$(posts.title.size)} .h2,h2{font-size:$(title.h2)} .h3,h3{font-size:$(title.h3)} .h4,h4{font-size:$(title.h4)} } @media (max-width: 991.98px) { input:checked ~ .dropdown-menu { display: block; } input:checked + .dropdown-toggle { color: var(--jt-dropdown-selected); } .logo-wrap { width: $(logo.width.mobile); } #search-header .dropdown-menu{ width: 100%; } #navbar { background-color: var(--jt-header-bg); padding-top: 70px; padding-bottom: 30px; position: fixed; right: 0; left: 0; top: 0; bottom: 0; width: auto; } #navbar.d-block { opacity: 0; transform: translateX(-20%); } #navbar.show { transform: translateX(0); opacity: 1; } #navbar .navbar-nav { max-height: 100%; overflow-y: auto; } #navbar-toggle:checked ~ #header-main #navbar { display:block; } #navbar .nav-link { border-bottom: 1px solid var(--jt-header-border); font-size: 16px !important; color: var(--jt-dropdown-color); } #navbar .menu-item:hover > .nav-link { color: var(--jt-dropdown-hover); } #navbar .active > .nav-link { color: var(--jt-dropdown-selected); } #navbar .dropdown-toggle { border-right: 1px solid var(--jt-header-border); height: 2.5rem; padding: 0 1rem; position: absolute; left: 0; top: 0; } #navbar .dropdown-menu { background-color: var(--jt-dropdown-bg); border: none; padding-right: 10px; } #sidebar { border-top: 1px solid; } } @media (max-width: 575.98px) { .feature-posts .item-thumbnail { margin-bottom: -150px; } .feature-posts .item-thumbnail a { border-radius: 0 !important; box-shadow: none !important; padding-bottom: 75%; } .feature-posts .item-content { background-color: var(--bs-body-bg); border: 5px solid; border-radius: 0.25rem; } #post-pager .prev-page + .next-page { border-top: 1px solid; } .full-width, .px-3 .google-auto-placed { margin-right: -1rem; margin-left: -1rem; width: auto !important; } #footer-widget .widget { padding-right: 3rem; padding-left: 3rem; text-align: center; } } /*Your custom CSS is here*/ .mb-2::marker{display: none;} .breadcrumb-item+.breadcrumb-item::before{ padding: 0px 3px;float: right; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/"); } .tabsbox{margin-top:15px;box-shadow:0 0 2px rgb(0 0 0 / 30%);background:#fff;position:relative;border-radius:5px;display:none1;} .wdthbox{padding:12px;text-align:justify;overflow:hidden;max-height:270px;position:relative;font-weight:400;font-size:15px;line-height:25px;} .wdthbox p{margin-bottom:15px;} .panel-default{box-shadow:0 0 2px rgb(0 0 0 / 30%);background:#fff;position:relative;margin-bottom:15px;overflow:hidden;border-radius:5px} h2.boxstitle{background:#931800} .nav-tabs{float:left} .nav-tabs li{float:right;margin-right:12px} .nav-tabs li a{background:#931800} .nav-tabs .yema a{background:#104783} .nav-tabs .tomat a{background:#caa107} .match-event{border:1px solid #ddd;overflow:hidden;text-align:center;background:#eceef2;margin-bottom:12px;position:relative;border-radius:5px;order:3} .match-name,.match-event.ch-end #match-hour,.match-event.ch-live #match-hour,.match-event.ch-soon #result-now,.match-event.notstart #result-now,.match-event.h,.match-event.ch-end #match-live,.match-event.d #match-live{display:none!important} .match-event:last-child{margin-bottom:12px} .matchflex{display:flex;flex-direction:column;margin:12px 12px 0} .match-event.ch-live{order:1} .match-event.ch-soon{order:2} .match-event.l{order:0;} .match-event.l1{order:-2;} .match-event.l2{order:-1;} .match-event.ch-end{order:5} .match-event a{color:#222;} .match-event h4{margin:30px 0} .first-team,.left-team,.match-time{width:33.33333333%;float:right} .team-logo{float:left;width:30%} .left-team .team-logo{float:right} .team-logo img{margin:10px auto;display:flex} .team-name{margin:28px auto;display:table;font-weight:500;} .match-timing{margin:12px auto} #result-now{font-size:21px;letter-spacing:5px;margin-right:-5px;color:#eceef2;} .match-event.ch-end #result-now,.match-event.ch-live #result-now{color:#000;} #result-noww{font-size:21px;margin-right:-5px;direction:ltr} .match-timing .match-date,.match-timing .live:before{color:#fff;background:#263545;border-radius:5px;font-size:14px;width:90px;line-height:1.9;display:table;margin:auto;margin-top:6px;position:relative} .match-timing .live:before{content:"جارية الآن";position:absolute;animation:blinker 500ms ease-in-out infinite;margin:0;top:0;right:0;left:0;bottom:0;} .match-timing .live{background:#931800} .match-timing .end{background:#474747} .match-timing .soon{background:#0f6f37} .match-info{border-top:1px solid #ddd;display:table;overflow:hidden;width:100%} .match-info li{width:33.33333333%;float:right;font-size:14px;font-weight:400;} .match-info li:before{content:"🎤";margin-left:7px} .match-info li:first-child:before{content:"📺"} .match-info li:last-child:before{content:"🏆"} #overlay-match{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;background:rgb(0 0 0 / 60%);z-index:9} .match-event:hover #overlay-match{opacity:1} #watch-match{position:absolute;bottom:0;right:0;height:45px;margin:auto;left:0;top:0;width:45px;background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80 c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-0.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,0.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E")} .post-box ul{padding:12px 12px 0;padding-bottom:0;overflow:hidden} .post-box .rnav-title{position:absolute;right:0;bottom:0;left:0;padding:10px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.7) 40%,#000000);text-shadow:0 1px 1px #000000;color:#fff;font-size:16px;line-height:25px} .post-box li{position:relative;overflow:hidden;float:right;margin-left:12px;margin-bottom:12px;width:calc((100% - 12px)/ 3);height:auto;position:relative;overflow:hidden;border-radius:8px} .post-box li:first-child{width:calc(100% - ((100% + 24px)/ 3))} .post-box li:first-child .rnav-title{font-size:20px;line-height:40px} .post-box li:last-child,.post-box li:nth-child(2),.post-box li:nth-child(3){margin-left:0} .post-box li:nth-child(5){width:calc((100% - 48px)/ 3)} .post-box img{max-width:100%;height:200px} .post-box li:first-child img{height:423px} .tab.filter-days { display: flex; justify-content: space-between; margin: 0px auto; padding: 0 0px;} .tablinks { text-align: center; background: #2271b3; padding: 0 10px; transition: .2s; font-size: .8333333333rem; line-height: 20px; cursor: pointer; border-radius: 3px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 40px; display: flex; border: solid 1px #0571f0; font-family: Cairo; font-weight: 600; color: #ffffff; width: 32%; border-radius: 15px; } .tablinks.active { background: #ff0000; color: #ffffff; } .tabcontent { display: none } #content { padding: 5px 15px; } #today { display: block } ]]> .widget { width: 50%; } ]]> <data:meta_title/> is here --> </head><body><textarea disabled readonly id="element-h" style="display:none"> </textarea> https://blogger.googleusercontent.com/img/a/AVvXsEj8lBJHMx9tESVYfdeneb5jIJ1p9gOm8tpQMYRvnvLbqBWoN01wuKVY3km9GxSbajMo2kGPmOUgbTD-2d6LV7Mc1yzNeUXV5mwdhjNv7NCFeGpdpV0WlpZIld3Ku_qKqUrm2Nuehq7NsFMe6slfjn3MQUcVxe3hRkVaGfh2k7gi9bsCzHN11xHNF-N9bw=s970 421 970 true 970