ext.translate.loader.css
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

ext.translate.loader.css
View Options

	/* Loading indicator: */

	@-webkit-keyframes tux-loading-indicator-spin {
	from {
	-webkit-transform: rotate( 0deg );
	}

	to {
	-webkit-transform: rotate( 360deg );
	}
	}

	@keyframes tux-loading-indicator-spin {
	from {
	transform: rotate( 0deg );
	}

	to {
	transform: rotate( 360deg );
	}
	}

	.tux-loading-indicator {
	float: left;
	background: transparent url( ../images/loading.gif ) right bottom no-repeat;
	/* @embed */
	background-image: url( ../images/loading.svg );
	background-size: 100%;
	-webkit-animation-name: tux-loading-indicator-spin;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-name: tux-loading-indicator-spin;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	height: 34px;
	width: 34px;
	backface-visibility: hidden;
	}

	.tux-loading-indicator--centered {
	top: 50%;
	left: 50%;
	position: absolute;
	}

	.tux-loading-indicator--stopped {
	-webkit-animation: none;
	animation: none;
	}