Tiny File Manager

Back Back Up Advanced Editor

@charset "utf-8";
/* CSS Document */

.the7-mb-file li{
	width: 250px;	
	margin:0 10px 10px 0;;	
	-moz-transition:width 0.25s, opacity 0.25s, -moz-opacity 0.25s;
    -webkit-transition:width 0.25s, opacity 0.25s, -webkit-opacity 0.25s;
    -o-transition:width 0.25s, opacity 0.25s, -o-opacity 0.25s;
    transition:width 0.25s, opacity 0.25s;
}
.the7-mb-file .the7-mb-icon {
	width: 60px;
	text-align:center;
	vertical-align:middle;
	overflow: hidden;
}
.the7-mb-file .the7-mb-icon img{
	max-height: 60px;
	max-width: 60px;
}
.the7-mb-file .the7-mb-info {
	width: 180px;	
	vertical-align:top;
	overflow:hidden;
}
.the7-mb-file .the7-mb-info p {
	margin:.1em 0;	
}
.the7-mb-file .the7-mb-info a {
	font-weight:bold;
	text-decoration:none;
}
.the7-mb-file li, .the7-mb-file .the7-mb-icon, .the7-mb-file .the7-mb-info {
	display:inline-block;
}
.the7-mb-file .the7-mb-icon, .the7-mb-file .the7-mb-info {
	margin:0 0 2px 2px;
}

.the7-mb-file li.removed {
	width: 0;
	margin: 0;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;	
}

.the7-mb-file li.removed:after {
	content: ' ';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 2;
	opacity: .4;
	background-color: #F00;
}