<commit_before>/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree ./mixins
*/


// main vars
$activeText: #3bbfce;
$normalText: #3bbfce;
$dimmedText: #3bbfce;

$subtle: #f3f3f3;
$light: #888888;
$dark: #686868;


$imageSize: 100px;
$margin: 20px;
$headerHeight: 46px;
$verticalCenterOffset: 5px;

$fontSizeSmall: 10px;
$fontSizeNormal: 12px;
$fontSizeLarge: 16px;


// Mixins
@mixin rounded($radius: 4px) { 
  -webkit-border-radius: $radius; 
  -moz-border-radius: $radius; 
  border-radius: $radius;
}

@mixin inset-box-shadow($x: 2px, $y: 2px, $blur: 4px, $color: blue) {
	box-shadow: inset $x $y $blur $color;
	-moz-box-shadow: inset $x $y $blur $color;
	-webkit-box-shadow: inset $x $y $blur $color;
}

@mixin box-shadow($x: 2px, $y: 2px, $blur: 4px, $color: blue) {
	box-shadow: $x $y $blur $color;
	-moz-box-shadow: set $x $y $blur $color;
	-webkit-box-shadow: $x $y $blur $color;
}

@-webkit-keyframes spinner {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

// the meat
*, html, body {
	font-family: helvetica, arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#legacy-form {
	display: none;
}

header {
	position: fixed;
	z-index: 999;
	height: $headerHeight;
	width: 100%;
	
	background: $subtle;
	border-bottom: 1px solid white;
	
	@include box-shadow(0, 0, 4px, rgba(0,0,0,0.5))	
}

#loading {
	background: image-url('rich/loading.png') no-repeat center;
	width: 16px;
	height: $headerHeight;
	position: absolute;
	margin-left: 20px;
}

#insert-toggle, #view-toggle {
  float: right;
  height: $headerHeight;
  overflow: hidden;
  margin: 0 $margin/2 0 0;
}

#view-toggle {
  margin: 0 $margin 0 0;
}

#insert-many, #insert-one, #view-list, #view-grid {
  display: block;
  width: 16px;
  height: $headerHeight;
  text-indent: -9999em;
  background: no-repeat center;
}

#insert-many {
  background-image: image-url('rich/insert-many.png');
}

#insert-one {
  background-image: image-url('rich/insert-one.png');
}

#view-grid {
  background-image: image-url('rich/view-grid.png');
}

#view-list {
  background-image: image-url('rich/view-list.png');
}

// Default thumbnail view
#items {
	list-style: none;
	margin: 0 0 0 $margin;
	padding: 0;
	padding-top: $headerHeight + $margin + 1;
	
	li {
		width: $imageSize;
		height: $imageSize + $margin;
		margin-right: $margin;
		float: left;
		
		* {
				transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
				-moz-transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
				-ms-transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
				-webkit-transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
		}
		
		.placeholder {
			height: $imageSize - 2;
			width: $imageSize - 2;
			border: 1px dotted $light;
			@include rounded;
			line-height: $imageSize - $verticalCenterOffset;
			text-align: center;
						
			font-size: $fontSizeLarge;
			font-weight: bold;
			color: $light;
		}
		
		img {
			@include rounded;
			@include box-shadow(0, 0, 4px, lighten($dark, 40%));
		}
		
		img:hover {
			@include box-shadow(0, 0, 4px, $light);
		}

		img:active {
			@include box-shadow(0, 0, 4px, black);
		}
		
		.new {
			@include box-shadow(0, 0, 4px, rgb(58,194,207))
		}
		
		.spinner {
			opacity: 0.3;
			margin-left: ($imageSize - 2)/2 - 32/2;
			margin-top: 31px;
			width: 32px;
			height: 32px;
			background: image-url('rich/plus.png') no-repeat top center;
		}
		
		#upload .spinner {
			opacity: 1;
		}
		
		.progress .progress-bar {
			background: $subtle;
			height: $imageSize - 2;<commit_msg>Fixed typos.<commit_after>/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree ./mixins
*/


// main vars
$activeText: #3bbfce;
$normalText: #3bbfce;
$dimmedText: #3bbfce;

$subtle: #f3f3f3;
$light: #888888;
$dark: #686868;


$imageSize: 100px;
$margin: 20px;
$headerHeight: 46px;
$verticalCenterOffset: 5px;

$fontSizeSmall: 10px;
$fontSizeNormal: 12px;
$fontSizeLarge: 16px;


// Mixins
@mixin rounded($radius: 4px) { 
  -webkit-border-radius: $radius; 
  -moz-border-radius: $radius; 
  border-radius: $radius;
}

@mixin inset-box-shadow($x: 2px, $y: 2px, $blur: 4px, $color: blue) {
	box-shadow: inset $x $y $blur $color;
	-moz-box-shadow: inset $x $y $blur $color;
	-webkit-box-shadow: inset $x $y $blur $color;
}

@mixin box-shadow($x: 2px, $y: 2px, $blur: 4px, $color: blue) {
	box-shadow: $x $y $blur $color;
	-moz-box-shadow: set $x $y $blur $color;
	-webkit-box-shadow: $x $y $blur $color;
}

@-webkit-keyframes spinner {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

// the meat
*, html, body {
	font-family: helvetica, arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#legacy-form {
	display: none;
}

header {
	position: fixed;
	z-index: 999;
	height: $headerHeight;
	width: 100%;
	
	background: $subtle;
	border-bottom: 1px solid white;
	
	@include box-shadow(0, 0, 4px, rgba(0,0,0,0.5));
}

#loading {
	background: image-url('rich/loading.png') no-repeat center;
	width: 16px;
	height: $headerHeight;
	position: absolute;
	margin-left: 20px;
}

#insert-toggle, #view-toggle {
  float: right;
  height: $headerHeight;
  overflow: hidden;
  margin: 0 $margin/2 0 0;
}

#view-toggle {
  margin: 0 $margin 0 0;
}

#insert-many, #insert-one, #view-list, #view-grid {
  display: block;
  width: 16px;
  height: $headerHeight;
  text-indent: -9999em;
  background: no-repeat center;
}

#insert-many {
  background-image: image-url('rich/insert-many.png');
}

#insert-one {
  background-image: image-url('rich/insert-one.png');
}

#view-grid {
  background-image: image-url('rich/view-grid.png');
}

#view-list {
  background-image: image-url('rich/view-list.png');
}

// Default thumbnail view
#items {
	list-style: none;
	margin: 0 0 0 $margin;
	padding: 0;
	padding-top: $headerHeight + $margin + 1;
	
	li {
		width: $imageSize;
		height: $imageSize + $margin;
		margin-right: $margin;
		float: left;
		
		* {
				transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
				-moz-transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
				-ms-transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
				-webkit-transition: opacity 85ms ease-in, box-shadow 85ms ease-in, color 85ms ease-in;
		}
		
		.placeholder {
			height: $imageSize - 2;
			width: $imageSize - 2;
			border: 1px dotted $light;
			@include rounded;
			line-height: $imageSize - $verticalCenterOffset;
			text-align: center;
						
			font-size: $fontSizeLarge;
			font-weight: bold;
			color: $light;
		}
		
		img {
			@include rounded;
			@include box-shadow(0, 0, 4px, lighten($dark, 40%));
		}
		
		img:hover {
			@include box-shadow(0, 0, 4px, $light);
		}

		img:active {
			@include box-shadow(0, 0, 4px, black);
		}
		
		.new {
			@include box-shadow(0, 0, 4px, rgb(58,194,207));
		}
		
		.spinner {
			opacity: 0.3;
			margin-left: ($imageSize - 2)/2 - 32/2;
			margin-top: 31px;
			width: 32px;
			height: 32px;
			background: image-url('rich/plus.png') no-repeat top center;
		}
		
		#upload .spinner {
			opacity: 1;
		}
		
		.progress .progress-bar {
			background: $subtle;
			height: $imageSize - 2;
{'fraction_non_alphanumeric': 0.157025819265144, 'fraction_numerical': 0.03574975173783516, 'mean_word_length': 3.476111111111111, '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': '3306603', 'n_tokens_mistral': 3600, 'n_tokens_neox': 3058, 'n_words': 796}