Tiny File Manager

Back Back Up Advanced Editor

//Global Classes
.centeringWrap{
	position:relative;
	float:left;
	clear:both;
	left:50%;
	
	.centeredWrap{
		position:relative;
		float:left;
		clear:both;
		left:-50%;
	}
}

.blur(@radius: 3px){
	-webkit-filter: blur(@radius);
	-moz-filter: blur(@radius);
	-o-filter: blur(@radius);
	-ms-filter: blur(@radius);
	filter: blur(@radius);
}

//Global Computed Classes
.rounded-corners(@radius: 5px){
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}
.round-top-left(@radius: 5px) {
    -moz-border-radius-topleft: @radius;
    -webkit-border-top-left-radius: @radius;
    border-top-left-radius: @radius;
}
.round-top-right(@radius: 5px) {
    -moz-border-radius-topright: @radius;
    -webkit-border-top-right-radius: @radius;
    border-top-right-radius: @radius;
}
.round-bottom-left(@radius: 5px) {
    -moz-border-radius-bottomleft: @radius;
    -webkit-border-bottom-left-radius: @radius;
    border-bottom-left-radius: @radius;
}
.round-bottom-right(@radius: 5px) {
    -moz-border-radius-bottomright: @radius;
    -webkit-border-bottom-right-radius: @radius;
    border-bottom-right-radius: @radius;
}

//NOTE THIS NEEDS TO BE PLACED IN THE WRAPPER CLASS
.placeholder-color(@color: #BBB){
	&::-webkit-input-placeholder { /* WebKit browsers */
		color: @color !important;
	}
	&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: @color !important;
	}
	&::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: @color !important;
	}
	&:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: @color !important;
	}
}

/*.drop-shadow(0px, 0px, 2px,#3A3A3A);*/
.drop-shadow(@xOffset : 0px, @yOffset : 0px, @radius : 2px, @spread: 0px, @color : #3A3A3A){
	-webkit-box-shadow: @xOffset @yOffset @radius @spread @color;
	-moz-box-shadow: @xOffset @yOffset @radius @spread @color;
	box-shadow: @xOffset @yOffset @radius @spread @color;
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='"@color"')";
}

/*.no-shadow();*/
.no-shadow(){
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	/* For IE 8 */
	//-ms-filter: none;
}

.letterpress(){
	text-shadow: 0px 1px 1px #4d4d4d;
	color:#111;
}

.rotate270() {
    /* Safari */
    -webkit-transform: rotate(90deg);

/* Firefox */
    -moz-transform: rotate(90deg);

/* IE */
    -ms-transform: rotate(90deg);

/* Opera */
    -o-transform: rotate(90deg);
}

.rotate90() {
    /* Safari */
    -webkit-transform: rotate(-90deg);

/* Firefox */
    -moz-transform: rotate(-90deg);

/* IE */
    -ms-transform: rotate(-90deg);

/* Opera */
    -o-transform: rotate(-90deg);

}

.rotate45() {
    /* Safari */
    -webkit-transform: rotate(45deg);

/* Firefox */
    -moz-transform: rotate(45deg);

/* IE */
    -ms-transform: rotate(45deg);

/* Opera */
    -o-transform: rotate(45deg);
}

.transition(@transition: all linear .2s) {
  -webkit-transition: @transition;
  -moz-transition: @transition;
  transition: @transition;
}

.transition-delay(@transition-delay: .2s) {
    -moz-transition-delay: @transition-delay; /* Firefox 4 */
    -webkit-transition-delay: @transition-delay; /* Safari and Chrome */
    -o-transition-delay: @transition-delay; /* Opera */
}

.emboss-dark(){
	text-shadow: #CCC 0 -1px 0;
}

.emboss-light(){
	text-shadow: #FFF 0 1px 0;
}

.inner-glow(@radius: 5px, @color: #000){
	-webkit-box-shadow: inset 0 0 @radius @color;
	-moz-box-shadow: inset 0 0 @radius @color;
	box-shadow: inset 0 0 @radius @color;
}

/*.gradient-background(#3A3A3A, #4B4B4B)*/
.gradient-background(@topColor: #3A3A3A, @bottomColor: #4B4B4B){
	/*Gradient Background*/
	background: @topColor; /* Old browsers */
	background: -moz-linear-gradient(top,  @topColor 0%, @bottomColor 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@topColor), color-stop(100%,@bottomColor)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,@topColor 0%,@bottomColor 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,@topColor 0%,@bottomColor 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,@topColor 0%,@bottomColor 100%); /* IE10+ */
	background: linear-gradient(top,@topColor 0%,@bottomColor 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=@topColor, endColorstr=@bottomColor,GradientType=0 ); /* IE6-9 */
}

.angled-gradient-background(@topColor: #3A3A3A, @bottomColor: #4B4B4B){
	/*Gradient Background*/
	background: @topColor; /* Old browsers */
	
	background: -webkit-linear-gradient(160deg,@topColor,@bottomColor); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(160deg, @topColor, @bottomColor);
}

.topHeavy-gradient-background(@topColor:#444, @bottomColor:#222){
	/*Gradient Background*/
	background: @topColor; /* Old browsers */
	background: -moz-linear-gradient(top,  @topColor 50%, @bottomColor 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,@topColor), color-stop(100%,@bottomColor)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,@topColor 50%,@bottomColor 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,@topColor 50%,@bottomColor 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,@topColor 50%,@bottomColor 100%); /* IE10+ */
	background: linear-gradient(top,@topColor 50%,@bottomColor 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=@topColor, endColorstr=@bottomColor,GradientType=0 ); /* IE6-9 */
}

.paddingSubtractsFromWidth(){
	//force padding to come out of the object's width/height
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.paddingAddsToWidth(){
	//force padding to add to the object's width/height
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
}