/**
 * The contents of this file are subject to the Mozilla Public License
 * Version 1.1 (the "License"); you may not use this file except in
 * compliance with the License. You may obtain a copy of the License at
 * https://www.mozilla.org/MPL/
 * 
 * Software distributed under the License is distributed on an "AS IS"
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
 * License for the specific language governing rights and limitations
 * under the License.
 * 
 * The Original Code is a JavaScript implementation of Time Style Sheets (TSS).
 * 
 * The Initial Developer of the Original Code is IBM Research (Brazil).
 * Portions created by the Initial Developer are Copyright (C) 2015 
 * the Initial Developer. All Rights Reserved.
 * 
 * Contributor(s): Rodrigo Laiola Guimarães <http://www.rodrigolaiola.com>
 */

/**
 * @overview Time Style Sheet (TSS) testing set.
 * @license MPL v1.1
 * @version 0.1
 */

div {
	timing-delay: 3;
	timing-container: par;
	timing-play-state: paused;
}

p {
	timing-delay: 5;
	timing-delay: 10;
}

span {
	timing-container: seq;
	timing-delay: 5;
}

span {
	timing-delay: 2;
}

img.media {
	timing-iteration-count: 3;
}

.media {
	timing-duration: 4;
	timing-iteration-count: 6;
}

#my_picture {
	timing-duration: 8;
	timing-delay: 0;
}

video, audio {
	timing-delay:			0;
	clipbegin:		0;
	clipend:		9007199254740992; /* infinity */
	timing-duration: null;
	timing-iteration-count: 1;
	onbegin:		"console.log('begin')";
	onend:			"console.log('end')";
	effectin:		'fadeIn';
	effectout:		'fadeOut';
	volume:			1.0;
	timing-play-state: 'running';
}

video:active {
	/* position and shape when active */
	opacity: 1;
	transform         : none;
	-o-transform      : none;
	-moz-transform    : none;
	-webkit-transform : none;
}

video:active {
	/* position and shape when active */
	opacity: 2;
}

video:not-active {
	/* position and shape after the transition */
	opacity: 0;
	transform         : none;
	-o-transform      : none;
	-moz-transform    : none;
	-webkit-transform : none;
}