Ae haga

:root{ --color-owl-slider:#3d5afe;/*--[ لون أزرار السلايدر ]--*/ } #DaynamicSlider { position: relative; overflow: hidden; margin:0 auto; padding: 0.1em; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #DaynamicSlider .customNavigation { padding: 1rem; display: block; margin: 0 auto; width: 100%; } #DaynamicSlider .customNavigation a.btn { text-align: center; display: inline-block; background: #fff; padding: 1px 7px; width: 37px; padding-top: 3px; -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 29%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 29%); border-radius: 4px; } #DaynamicSlider .customNavigation a.btn svg { fill: var(--color-owl-slider); width: 20px; height: 20px; } .post-summery { width: auto; background: #f8f8f8; padding: 0;height: 270px; margin:5px;-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 29%);box-shadow: 0 0 5px 0 rgb(0 0 0 / 29%); } .post-summery .post-img { width: auto; overflow: hidden; display: block; } .post-summery .post-img img { vertical-align: middle; -o-object-fit: cover; object-fit: cover; display: block;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; background-size: cover; width: auto; height: auto!important; } .post-summery .post-infoo { padding:5px 1rem; width: 100%; overflow: hidden; } .post-summery .post-infoo svg { fill: #48525c; width: 15px;vertical-align: sub; height: 15px;margin: 0 5px; } .post-summery .post-img img:hover { -webkit-transform: rotate(2deg) scale(1.2); -ms-transform: rotate(2deg) scale(1.2); transform: rotate(2deg) scale(1.2); } .post-summery .post-infoo span.titlee { text-align: center; display: block; margin: 4px auto; font-size: 14px;margin-bottom: 10px; color: var(--color-owl-slider);line-height: 20px; } .post-summery .post-infoo .data,.post-summery .post-infoo .auther { display: inline-block; width: auto; margin: auto 5px; background: #eee; padding: 5px 11px; border: 1px dashed #48525c; border-radius: 30px; font-size: 12px; height: auto; } /*===================================== = OwlCarousel css [dir=rtl] =====================================*/ /*-----owl buttons------*/ .owl-carousel .owl-controls{margin-top:0;text-align:center;} .owl-controls{-webkit-tap-highlight-color:rgba(0,0,0,0);} .owl-page,.owl-controls .owl-buttons div{cursor:pointer;} .owl-carousel .owl-controls .owl-buttons{position:static;margin:0;padding:0;height:0;width:100%;z-index:9;} .owl-carousel .owl-controls .owl-buttons div.owl-prev{right:0;} .owl-carousel .owl-controls .owl-buttons div.owl-next{left:0;} .owl-carousel .owl-controls .owl-buttons div{position:absolute;margin:0;padding:0;top:50%;z-index:9;display:inline-block;font-size:17px;overflow:hidden;} .owl-carousel .owl-controls .owl-buttons div .fa{position:relative;width:38px;height:38px;line-height:38px;border:0;background-color:var(--color-owl-slider);color:#FFF;font-size:17px;text-align:center;} /*----owl pagination-----*/ .owl-carousel .owl-controls .owl-pagination {pointer-events: none;margin: 10px;right: 50%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;display: -webkit-inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;bottom: 10px;z-index: 20;padding: 2px 15px;} .owl-carousel .owl-controls .owl-pagination .owl-page{pointer-events:auto;position:relative;display:inline-block;} .owl-carousel .owl-controls .owl-pagination .owl-page span{border-radius: 20px;pointer-events:auto;background:#ddd;opacity:1;width:10px;height:10px;margin:3px;display:inline-block;float:right;} .owl-carousel .owl-controls .owl-pagination .owl-page.active span{background-color:var(--color-owl-slider);} /*-----shah content------*/ .owl-carousel .owl-controls{margin-top:0;} .owl-carousel{display:none;} .owl-carousel,.owl-carousel .owl-wrapper,.owl-carousel .owl-wrapper-outer{position:relative;overflow:hidden;width:100%;} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;} .owl-carousel .owl-item{float:right;} /*----stat [ opacity ] 0.8----*/ .owl-carousel .owl-controls .owl-buttons div .fa:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";filter:alpha(opacity=0.8);opacity:0.8;}

بحث هذه المدونة الإلكترونية

Ae haga

المشاركات