Server IP : 103.53.40.154 / Your IP : 3.141.32.53 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/vivahmilankendra.com/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
/* ===== Horizontal Carousel ===== */ .carousel{ position:relative; z-index:1; /* margin:2em auto;*/ width:100%; height:250px; overflow:hidden; margin-top:20px !important; margin-bottom:10px; } /* Carousel Container */ .carousel-container{ position: absolute; z-index:2; left:0; top:0; margin:0 auto; width:100%; height:300px; overflow:hidden; } /* Carousel Buttons */ a.carousel-prev-btn:link,a.carousel-prev-btn:visited,a.carousel-prev-btn:hover, a.carousel-next-btn:link,a.carousel-next-btn:visited,a.carousel-next-btn:hover{ position:absolute; z-index:3; top:45%; margin:-25px 0 0; /* width:50px;*/ height:50px; line-height:36px; text-align:center; font-size:40px; background-color:#000; color:#FFF; opacity:0.7; filter:alpha(opacity=70); text-decoration:none; border:3px solid #FFF; font-family: Georgia, Arial, Helvetica, sans-serif; overflow:hidden; } a.carousel-prev-btn:link,a.carousel-prev-btn:visited,a.carousel-prev-btn:hover{ left:0; } a.carousel-next-btn:link,a.carousel-next-btn:visited,a.carousel-next-btn:hover{ right:0; } a.carousel-next-btn:hover, a.carousel-prev-btn:hover{ background-color:#444; color:#FEFEFE; } a.carousel-button-disabled:link,a.carousel-button-disabled:visited,a.carousel-button-disabled:hover{ background-color:#EEE; color:#999; } /* Carousel List */ .carousel-list{ position:absolute; z-index:3; top:0; left:0; margin:0; padding:0; width:1920px; height:300px; overflow:hidden; } .carousel-list li{ position:relative; z-index:1; float:left; margin:0; list-style-type:none; text-align:center; width:240px; height:250px; overflow:hidden; } .carousel-list p{ position:relative; z-index:2; margin:0 auto; background-color:#FFF; overflow:hidden; } .carousel-list p,.carousel-list img{ width:230px; /* height:144px;*/ height:250px; } .carousel-list img{ position:absolute; z-index:1; /* top:50%;*/ top:10px; left:50%; /* margin-top:-72px;*/ margin-left:-115px; } .carousel-list h3{ position:absolute; z-index:2; bottom:0; left:5px; margin:0; width:230px; /* height:70px;*/ line-height:30px; background-color:#000; opacity:0.7; filter:alpha(opacity=70); font-size:14px; text-align:center; overflow:hidden; } .carousel-list h3 a:link,.carousel-list h3 a:visited,.carousel-list h3 a:hover{ color:#FFF; } /* Carousel Pagination */ .carousel-pagination{ position:absolute; z-index:2; top: 154px; left: 50%; margin:0 0 0 -60px; padding:0; width:120px; height:10px; overflow:hidden; } .carousel-pagination-tab{ float:left; margin:0 5px; display:inline; height:20px; width:20px; list-style-type: none; background-color: #B7B7B7; cursor:pointer; text-indent: -999px; overflow:hidden; } .carousel-pagination-active-tab{ background-color: #61B842; } .clrd_1{color:#fff; padding-bottom:5px; font-weight:bold;} .snd-inv{color:#000 !important; border:solid 1px #000; padding:5px 10px; background-color:#fff; transition:all 1.5s; border-top-left-radius:20px; border-bottom-right-radius:20px; font-weight:bold;} .snd-inv:hover{color:#fff !important; background-color:#0000ff; transition:all 1.5s;}