<commit_before>/*
The css is defined like this so the image view page doesn't
flash as the default before the injection script is done.
*/

html > body:only-child, 
.ImageViewPlus-body{
	width: 100%; 
	height: 100%;
	display: table;
	background-color: #565656;
	/*we need to do this so the background image works later*/
	background-image: url(CheckerBoard.png);
	background-image: none;
	background-image:-webkit-gradient(
		linear, 0% 100%, 0% 0%, 
		from(rgb(120, 120, 120)), 
		to(rgb(50, 50, 50))
	);
}

html > body:only-child > p, 
.ImageViewPlus-p{
	display: table-cell; 
	vertical-align: middle;
}

html > body:only-child img:only-child, 
.ImageViewPlus-img{
	display: block; 
	margin: 0 auto;
	/*TODO: figure out why the image doesn't fade in*/
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out;
}

html > body:only-child img:only-child.ImageViewPlus-Display, 
.ImageViewPlus-img.ImageViewPlus-Display{
    opacity: 1;
}

html > body:only-child img:only-child.ImageViewPlus-Treatment, 
.ImageViewPlus-img.ImageViewPlus-Treatment{
	background-color: white;
	background-image: url(CheckerBoard.png);
	-webkit-box-shadow: black 0 0 15px, 
		/*use inset 3 times to add a 1 px inner stroke 
		so black images look good over the white background*/
		black 0 0 1px inset, black 0 0 1px inset, black 0 0 1px inset;
	border-radius: 5px;
}<commit_msg>Updating style for speed reasons<commit_after>/*
The css is defined like this so the image view page doesn't
flash as the default before the injection script is done.
*/

html > body:only-child, 
.ImageViewPlus-body{
	width: 100%; 
	height: 100%;
	display: table;
	background-color: #565656;
	/*we need to do this so the background image works later*/
	background-image: url(CheckerBoard.png);
	background-image: none;
	background-image:-webkit-gradient(
		linear, 0% 100%, 0% 0%, 
		from(rgb(120, 120, 120)), 
		to(rgb(50, 50, 50))
	);
}

html > body:only-child > p, 
.ImageViewPlus-p{
	display: table-cell; 
	vertical-align: middle;
}

html > body:only-child img:only-child, 
.ImageViewPlus-img{
	display: block; 
	margin: 0 auto;
	/*TODO: figure out why the image doesn't fade in*/
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out;
}

html > body:only-child img:only-child.ImageViewPlus-Display, 
.ImageViewPlus-img.ImageViewPlus-Display{
    opacity: 1;
}

html > body:only-child img:only-child.ImageViewPlus-Treatment, 
.ImageViewPlus-img.ImageViewPlus-Treatment{
	background-color: white;
	background-image: url(CheckerBoard.png);
	-webkit-box-shadow: black 0 1px 5px;
}
{'fraction_non_alphanumeric': 0.127208480565371, 'fraction_numerical': 0.038084020416175896, 'mean_word_length': 4.137096774193548, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '3817621', 'n_tokens_mistral': 1011, 'n_tokens_neox': 864, 'n_words': 265}