Sindbad~EG File Manager

/*
 * List Posts
 *
 * Style 1
 *
*/
.list-posts {list-style:none;}
.list-posts .s1 {width:49.5%;float:left;border-bottom:1px solid #e9edf0;margin:0 1% 10px 0;padding:0 0 10px;position:relative;background-color:#fff}
.list-posts .s1:nth-last-of-type(-n+2) {border-bottom:none}
.list-posts .s1:nth-child(2n) {margin:0 0 10px}
.list-posts .s1 .thumbnail {height:0;overflow:hidden;position:relative;width:100%;padding-bottom:56.25%}
.list-posts .s1 .thumbnail img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s1 .thumbnail .mplay {position:absolute;left:5px;bottom:5px;border-radius:50%;border:2px solid #fff;color:#fff;padding:10px 12px 10px 16px;font-size:19px;line-height:19px}
.list-posts .s1 .thumbnail .mgallery {position:absolute;left:5px;bottom:5px;border-radius:5px;color:#fff;padding:3px 10px;font-size:17px;line-height:24px;font-family: sans-serif;vertical-align:baseline;}
.list-posts .s1 .thumbnail .mduration {position:absolute;right:5px;bottom:5px;padding:5px 10px;color:#fff;border-radius:3px}
.list-posts .s1 h2 {margin-top:10px;margin-bottom:10px;display:inline-block;width:100%;}
.list-posts .s1 h2  a:hover {text-decoration:underline}
.list-posts .s1 .category {margin-top:5px;margin-bottom:5px;display:inline-block;width:100%;color:#656c7a}
.list-posts .s1 .category a:hover {text-decoration:underline}
.list-posts .s1 .category .separator {padding:0 5px;color:#bcc5c5}
.list-posts .s1 p {margin-top:5px;margin-bottom:10px;display:inline-block;width:100%;color:#5d6769;}
.rtl .list-posts .s1 {margin:0 0 10px 1%;float:right;}
.rtl .list-posts .s1:nth-child(2n) {margin:0 0 10px}
/*
 * List Posts
 *
 * Style 2
 *
*/
.list-posts .s2{width:100%;float:left;border-bottom:1px solid #e9edf0;margin:0 0 10px;padding:0 0 10px;position:relative;background-color:#fff}
.list-posts .s2:last-child{border-bottom:none;margin:0}
.list-posts .s2 .thumbnail{float:left;width:38%;position:relative;}
.list-posts .s2 .thumbnail img{width:100%}
.list-posts .s2 .book{height:0;overflow:hidden;padding-bottom:45.25%}
.list-posts .s2 .book img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s2 .thumbnail .crop {height:0;overflow:hidden;position:relative;width:100%;padding-bottom:56.25%}
.list-posts .s2 .thumbnail .crop img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s2 .thumbnail .mplay {position:absolute;left:0;bottom:0;border-radius:0;color:#fff;padding:4px 8px 4px 12px;font-size:15px;line-height:19px}
.list-posts .s2 .thumbnail .mgallery {position:absolute;left:5px;bottom:5px;border-radius:5px;color:#fff;padding:3px 10px;font-size:17px;line-height:24px;font-family: sans-serif;vertical-align:baseline;}
.list-posts .s2 .thumbnail .mduration {position:absolute;right:5px;bottom:5px;padding:5px 10px;color:#fff;border-radius:3px}
.list-posts .s2 .category {float:left;margin-left:2%;margin-bottom:5px;display:inline-block;width:59%;color:#656c7a}
.list-posts .s2 .separator {padding:0 5px}
.list-posts .s2 h2{float:left;width:59%;margin-left:2%}
.rtl .list-posts .s2,
.rtl .list-posts .s2 .thumbnail{float:right}
.rtl .list-posts .s2 .category,
.rtl .list-posts .s2 h2{float:right;margin-left:0;margin-right:2%}

/*
 * List Posts
 *
 * Style 3
 *
*/
.list-posts {list-style:none;}
.list-posts .s3 {width:49.5%;margin-right:1%;margin-bottom:1%;float:left;background-color:#fff;padding:5px;border:1px solid #eee;}
.list-posts .s3:nth-child(2n) {margin-right:0}
.list-posts .s3 .thumbnail {height:0;overflow:hidden;position:relative;width:100%;padding-bottom:56.25%}
.list-posts .s3 .thumbnail img {height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s3 .thumbnail .ps-3i {position:absolute;bottom:0;right:0;padding:30px 10px 5px;width:100%;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.99) 100%) repeat scroll 0 0}
.list-posts .s3 .thumbnail .ps-3i h2 {display:inline-block;margin:0 0 5px;color:#fff;text-shadow:0 1px 0 #000;}
.list-posts .s3 .thumbnail .ps-3i a {color:#fff !important;}
.list-posts .s3 .thumbnail .category {position:absolute;top:5px;left:5px;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;word-break:break-all;white-space:nowrap;display:table;overflow:hidden;padding:2px 5px}
.list-posts .s3 .meta {display:inline-block;color:#fff;margin:0 0 5px;width:100%}
.list-posts .s3 .meta span {margin-right:5px;display:inline-block}
.list-posts .s3 .meta span:last-child {margin-right:0}
.list-posts .s3 .meta span:after {content:"/";font-size:80%;padding:0 0 0 5px}
.list-posts .s3 .meta span:last-child:after {content:"";font-size:80%;padding:0}
.rtl .list-posts .s3 {margin-right:0;margin-left:1%;float:right}
.rtl .list-posts .s3:nth-child(2n) {margin-right:0;margin-left:0}
.rtl .list-posts .s3 .thumbnail .ps-5i {right:0;left:auto;}
.rtl .list-posts .s3 .thumbnail .category {left:auto;right:5px;}
.rtl .list-posts .s3 .meta span {margin-left:5px;margin-right:0}
.rtl .list-posts .s3 .meta span:last-child {margin-left:0;margin-right:0}
.rtl .list-posts .s3 .meta span:after {padding:0 5px 0 0}
.rtl .list-posts .s3 .meta span:last-child:after {padding:0}

/*
 * Global
 *
 * Load More Posts
*/
.centered-margin {margin:20px 0 !important;position:relative;}
.wrap-load{float:left;width:100%}
.post-load{border-radius:2px;cursor:pointer;margin:10px auto;padding:15px 0;position:relative;text-align:center;text-transform:capitalize;width:200px}
.comments .post-load {width:260px;}
.post-load span.spinner{-moz-border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;-webkit-border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out;border-radius:100%;display:none;height:24px;left:20px;position:absolute;top:24%;width:24px}
.rtl .wrap-load{float:right}
.rtl .post-load span.spinner{left:auto;right:20px}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
/*
 * Global
 *
 * Page Navigation
*/
.pagination-links {display:table;margin:0 0 15px!important;width:100%}
.pagination-links a:nth-child(1n){text-align:left}
.pagination-links a:nth-child(2n){text-align:right}
.rtl .pagination-links a:nth-child(1n){text-align:right}
.rtl .pagination-links a:nth-child(2n){text-align:left}
.pagination-links a{display:table-cell;width:50%;vertical-align:middle;font-weight:700;}

.pagination-text{display:inline-block;margin:0 0 15px!important;width:100%}
.pagination-text span{position:relative;padding:0 20px;color:#ccc;}
.pagination{float:left;margin:10px 0 20px!important;width:100%}
.pagination .pages,
.pagination .extend{float:left;padding:10px 13px;color:#5d6769;}
.pagination a,
.pagination a.first,
.pagination span.current{background-color:#fff;border:2px solid #eee;color:#5d6769;float:left;margin-bottom:5px;margin-right:5px;padding:8px 16px;width:auto!important}
.rtl .pagination,
.rtl .pagination .pages,
.rtl .pagination .extend{float:right}
.rtl .pagination a,
.rtl .pagination a.first,
.rtl .pagination span.current{float:right;margin-left:5px;margin-right:0}

@media only screen and (max-width: 768px) and (min-width:560px){
	/*
	 * Global
	 *
	 * Page Navigation
	*/
	.pagination .pages,
	.pagination .extend{padding:5px 5px;}
	.pagination a,
	.pagination a.first,
	.pagination span.current{padding:5px 10px;}
	.pagination .pages,
	.pagination .extend{display:none;}
	/*
	 * List Posts
	 *
	 * Style 1
	 *
	*/
	.list-posts .s1 {width:100% !important;margin:0 0 10px !important;}
	.list-posts .s1:nth-last-of-type(-n+2) {border-bottom:1px solid #e9edf0;}
	.list-posts .s1:last-child {border-bottom:none;}
	/*
	 * List Posts
	 *
	 * Style 2
	 *
	*/
	.list-posts .s2 {width:100% !important;margin:0 0 10px !important;}
	.list-posts .s2:nth-last-of-type(-n+2) {border-bottom:1px solid #e9edf0;}
	.list-posts .s2:last-child {border-bottom:none;}
	.list-posts .s2 .thumbnail{width:40%!important}
	.list-posts .s2 .thumbnail img{width:100%!important}
	.list-posts .s2 .category,
	.list-posts .s2 h2{width:55%!important}
	/*
	 * List Posts
	 *
	 * Style 3
	 *
	*/
	.list-posts .s3 {width:100%;margin:0 0 10px;}
}
@media only screen and (max-width: 559px){

	/*
	 * Global
	 *
	 * Page Navigation
	*/
	.pagination .pages,
	.pagination .extend{padding:5px}
	.pagination a,
	.pagination a.first,
	.pagination span.current{padding:5px 10px;}
	.pagination .pages,
	.pagination .extend{display:none;}
	.centered-margin {width:100%;}
	.centered-margin a {width:100%;margin:0 0 10px;float:left;}
	.rtl .centered-margin a {float:right;}
	/*
	 * List Posts
	 *
	 * Style 1
	 *
	*/
	.list-posts .s1 {width:100% !important;margin:0 0 10px !important;}
	.list-posts .s1:nth-last-of-type(-n+2) {border-bottom:1px solid #e9edf0;}
	.list-posts .s1:last-child {border-bottom:none;}
	/*
	 * List Posts
	 *
	 * Style 2
	 *
	*/
	.list-posts .s2 {width:100% !important;margin:0 0 10px !important;}
	.list-posts .s2:nth-last-of-type(-n+2) {border-bottom:1px solid #e9edf0;}
	.list-posts .s2:last-child {border-bottom:none;}
	.list-posts .s2 .category,
	.list-posts .s2 h2{width:55%!important}
	.list-posts .s2 .thumbnail{width:40%!important}
	.list-posts .s2 .thumbnail img{width:100%!important}
	/*
	 * List Posts
	 *
	 * Style 3
	 *
	*/
	.list-posts .s3 {width:100%;margin:0 0 5px;}
}