📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
e-ticaretv3.demodesign.com.tr
/
css
📝
slider-home10.css
← Geri Dön
/*-- Main slide --*/ #main-slide { margin-top: -100px; } #main-slide .item img { width: 100%; position: relative; } #main-slide .carousel-inner .item:after { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } #main-slide .item.active .slider-content h1 { color: #fff; margin: 15px 0; font-size: 36px; letter-spacing: 1px; font-weight:900; } #main-slide .item.active .slider-content h5 { font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 1px; margin-bottom: 20px; } #main-slide .item .slider-content { z-index: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 100ms; transition: opacity 100ms; text-transform: uppercase; } #main-slide .item.active .slider-content { z-index: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 100ms; transition: opacity 100ms; text-transform: uppercase; } #main-slide .slider-content { top: 45%; margin-top: -50px; left: 0; padding: 0; text-align: center; position: absolute; width: 100%; height: 100%; color: #fff; } #main-slide .carousel-control.left, #main-slide .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; } #main-slide .carousel-control.left span { padding: 15px; } #main-slide .carousel-control.right span { padding: 15px; } #main-slide .carousel-control { top: 45%; width: 50px; height: 50px; } #main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right { position: absolute; z-index: 5; display: inline-block; } #main-slide .carousel-control .fa-angle-left { left: 0; } #main-slide .carousel-control .fa-angle-right { right: 0; } #main-slide .carousel-control i { background: #000; line-height: 36px; font-size: 32px; padding: 15px 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } #main-slide .carousel-control i:hover { color: #fff; } #main-slide span { color: #12cf6c; } /*-- Hero Carousel Animation --*/ .carousel .item.active .animated2 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; } .carousel .item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; } .carousel .item.active .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both; } .carousel .item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; } .carousel .item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .carousel .item.active .animated7 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .carousel .item.active .animated8 { -webkit-animation: bounceInDown 1s ease-in 800ms both; animation: bounceInDown 1s ease-in 800ms both; } /* Carousel Fade Effect */ .carousel-fade .carousel-inner .item { max-height: 1000px; opacity: 0.8; filter: alpha(opacity=80); -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100); } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100); } .carousel-fade .carousel-inner .item:after { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .carousel-fade .carousel-control { z-index: 20; } @media only screen and (min-width:300px) and (max-width:640px) { #main-slide { margin-top: 0px; } #main-slide .carousel-control.left, #main-slide .carousel-control.right{ opacity:0;} #main-slide:hover .carousel-control.left, #main-slide:hover .carousel-control.right{ opacity:1;} #main-slide .item.active .slider-content h1 { color: #fff; margin: 8px 0; font-size: 18px; letter-spacing: 1px; font-weight:900; } #main-slide .item.active .slider-content h5 { font-size: 12px; color: #fff; font-weight: normal; letter-spacing: 1px; margin-bottom: 12px; } }
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula