TrxShell [ lionsindia.in ]

Name	Size	Permission
fancybox	[ DIR ]	drwxr-xr-x
animate.css	58.58 KB	-rw-r--r--
bootstrap.min.css	125.77 KB	-rw-r--r--
color.css	6.83 KB	-rw-r--r--
colors.css	22.24 KB	-rw-r--r--
flexslider.css	4.27 KB	-rw-r--r--
font-awesome.css	36.54 KB	-rw-r--r--
font-awesome.min.css	30.27 KB	-rw-r--r--
index.html	649 B	-rw-r--r--
jcarousel.css	0 B	-rw-r--r--
lcicategory.css	7.14 KB	-rw-r--r--
lcifooter.css	130 B	-rw-r--r--
lcimenu.css	4.02 KB	-rw-r--r--
lcisitemap.css	0 B	-rw-r--r--
lcivideo.css	1.86 KB	-rw-r--r--
lionsclub.css	34.13 KB	-rw-r--r--
overwrite.css	27.1 KB	-rw-r--r--
rtl.css	5.55 KB	-rw-r--r--
style.css	46.02 KB	-rw-r--r--
style_new.css	10.49 KB	-rw-r--r--

Code Editor : lcivideo.css

/* video css start */
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px;}
.video-head{
    padding: 70px 10px;
}
/* .video-head .card{

background:#FFF;
    margin:40px auto;
    border: 1px solid #dfd3d3;
    border-radius: 5px;
    height: 400px;
    transition: 0.2s;
}
.video-head .card:hover{
background: #F9C910;
transition: 0.2s;
box-shadow: 0px 0px 8px 5px #bedaf1;
color:#005398
} */
.card {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	max-width:355px;
    max-height: 315px;
    margin-bottom: 65px;
}
.card iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-head .card-body{
    padding: 0px 20px;
    top: 315px;
    position: relative;
    background: #FFF;
    margin: 40px auto;
    border: 1px solid #dfd3d3;
    border-top: none;
    border-radius: 2px;
    height: 90px;
    transition: 0.2s;
}
.video-head .card-body:hover{
    background: #F9C910;
    transition: 0.2s;
    box-shadow: 1px 6px 11px 3px #bedaf1;
    color:#005398
    }
.video-head .card-title {
    font-size: 17px;
    font-family: 'poppins';
    padding-top: 20px;
}
.card-body {
  background: hsl(250deg, 100%, 40%);
    border-radius: 6px;
    clip-path: polygon(20px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 20px);
    padding: 16px 40px;
    transition: clip-path 500ms;
  }
  
  .card-body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: hsl(252deg, 100%, 60%);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); 
    border-radius: 0 0 6px 0;
    transition: transform 500ms;
  }
  
  .card-body:hover {
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%, 0% 0px);
  }
  
  .card-body:hover:after {
    transform: translate(-100%, -100%);
  }

.col-md-5 ,.col-md-7{
    /* background: white; */
    /* padding-top: 20px; */
    /* box-shadow: 0px 0px 5px 3px #c4def5; */
  }

${this.title}

Code Editor : lcivideo.css