MMCT TEAM
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  ]

Current File : /home2/ppcad7no/vivahmilankendra.com/css/horizontal-carousel1.css
/* ===== 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;}

MMCT - 2023