<commit_before>@import "_vars";
@import "_mixins";
@import "compass/css3/background-size";
@import "compass/css3/text-shadow";
@import "compass/css3/transform";

@-o-keyframes rotate-fade {
	from { -o-transform: rotate(-8deg); opacity: 1; }
	to { -o-transform: rotate(30deg); opacity: 0; }
}
@-ms-keyframes rotate-fade {
	from { -ms-transform: rotate(-8deg); opacity: 1; }
	to { -ms-transform: rotate(30deg); opacity: 0; }
}
@-moz-keyframes rotate-fade {
	from { -moz-transform: rotate(-8deg); opacity: 1; }
	to { -moz-transform: rotate(30deg); opacity: 0; }
}
@-webkit-keyframes rotate-fade {
	from { -webkit-transform: rotate(-8deg); opacity: 1; }
	to { -webkit-transform: rotate(30deg); opacity: 0; }
}
@keyframes rotate-fade {
	from {transform:rotate(-8deg); opacity: 1; }
	to {transform:rotate(30deg); opacity: 0;}
}

.about-page {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;

	.attribution-link {
		display: inline;
		top: auto;
		bottom: 8px;
		left: 8px;
		opacity: .5;
	}

	.sub-page {
		width: 100%;
		height: 100%;
		margin-bottom: 2px;
		position: relative;

		.shooting-star {
			position: absolute;
			background-image: url("/images/star.png?embed");
			background-repeat: no-repeat;
			top: 20%;
			left: 20%;
			width: 144px;
			height: 11px;
			padding-bottom: 2400px;
			@include transform(rotate(-8deg));
		}

		.shooting-star.animate {
			@include experimental("animation-name", rotate-fade, webkit, moz, o, ms, not khtml);
			@include experimental("animation-fill-mode", forwards, webkit, moz, o, ms, not khtml);
			@include experimental("animation-duration", .75s, webkit, moz, o, ms, not khtml);<commit_msg>Hide shooting star until it is shooting.<commit_after>@import "_vars";
@import "_mixins";
@import "compass/css3/background-size";
@import "compass/css3/text-shadow";
@import "compass/css3/transform";

@-o-keyframes rotate-fade {
	from { -o-transform: rotate(-8deg); opacity: 1; }
	to { -o-transform: rotate(30deg); opacity: 0; }
}
@-ms-keyframes rotate-fade {
	from { -ms-transform: rotate(-8deg); opacity: 1; }
	to { -ms-transform: rotate(30deg); opacity: 0; }
}
@-moz-keyframes rotate-fade {
	from { -moz-transform: rotate(-8deg); opacity: 1; }
	to { -moz-transform: rotate(30deg); opacity: 0; }
}
@-webkit-keyframes rotate-fade {
	from { -webkit-transform: rotate(-8deg); opacity: 1; }
	to { -webkit-transform: rotate(30deg); opacity: 0; }
}
@keyframes rotate-fade {
	from {transform:rotate(-8deg); opacity: 1; }
	to {transform:rotate(30deg); opacity: 0;}
}

.about-page {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;

	.attribution-link {
		display: inline;
		top: auto;
		bottom: 8px;
		left: 8px;
		opacity: .5;
	}

	.sub-page {
		width: 100%;
		height: 100%;
		margin-bottom: 2px;
		position: relative;

		.shooting-star {
			opacity: 0;
			position: absolute;
			background-image: url("/images/star.png?embed");
			background-repeat: no-repeat;
			top: 20%;
			left: 20%;
			width: 144px;
			height: 11px;
			padding-bottom: 2400px;
			@include transform(rotate(-8deg));
		}

		.shooting-star.animate {
			@include experimental("animation-name", rotate-fade, webkit, moz, o, ms, not khtml);
			@include experimental("animation-fill-mode", forwards, webkit, moz, o, ms, not khtml);
			@include experimental("animation-duration", .75s, webkit, moz, o, ms, not khtml);
{'fraction_non_alphanumeric': 0.17474866942637493, 'fraction_numerical': 0.037551744529863984, 'mean_word_length': 3.9386861313868615, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1266115', 'n_tokens_mistral': 1462, 'n_tokens_neox': 1232, 'n_words': 303}