<commit_before>@import "epl-general.less"; //For general styling and browser support

html, body {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: @pageBackground;
	font-family: @font;
}

[data-role=viewport] {
	padding: 0
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: auto;
}

#epl-bar {
	@eplBarHeight: 40px;
	width: 100%;
	// height: @topBarHeight;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: @pageBackground;
  	.x-box-shadow(0px, 2px, 4px, 0px, rgba(0,0,0,0.2), false);

  	.logo {
  		@logoMargin: 10px;
  		height: @eplBarHeight;
  		margin: @logoMargin;
  		display: table-cell;
  		text-align: center;
  		vertical-align: middle;
  		font-size: 20px;
  		float: left;
  	}

  	.buttons {
  		height: @eplBarHeight;
  		float: right;
  		margin: ((@eplBarHeight / 4 + 2)) (@eplBarHeight / 4) 0 0;
  		list-style-type: none;
  		padding: 0;

  		li {
  			@fontSize: 13px;
  			//-4 just because... Something to do with text sizing, I suppose
  			@heightAdjust: 4px;
  			@padding: (@eplBarHeight - @fontSize - @heightAdjust) / 2;
  			@buttonBackground: #DEDEDE;
  			@buttonRadius: 3px;
  			@buttonBorderWidth: 1px;
  			height: @fontSize + @heightAdjust + 2;
  			padding:(@padding - @heightAdjust) @padding (@padding - @heightAdjust) (@padding + @eplBarHeight - 5px);
  			margin: 0;
  			background-color: @buttonBackground;
  			display: inline;
  			float: right;
  			cursor: default;
  			color: darken(@buttonBackground, 50%);
  			border: solid @buttonBorderWidth darken(@buttonBackground, 30%);
  			box-shadow: inset 0 0 0 1px white, 1px 1px 3px rgba(0,0,0,0.2);
  			.x-border-radius(@buttonRadius);
  			.x-gradient(lighten(@buttonBackground, 3%), darken(@buttonBackground, 3%));
  			position: relative;
  			// overflow: hidden;
  			z-index: 1000;

  			.icon {
  				float: left;
  				height: (2 * @padding) + @fontSize - (2 * @buttonBorderWidth);
  				width: (2 * @padding) + @fontSize - (2 * @buttonBorderWidth);
  				position: absolute;
  				top: -1px;
  				left: -1px;
  				.x-border-top-left-radius(@buttonRadius);
  				.x-border-bottom-left-radius(@buttonRadius);
	  			border: solid @buttonBorderWidth darken(@buttonBackground, 30%);
	  			.x-gradient(darken(@buttonBackground, 8%), darken(@buttonBackground, 22%));
	  			box-shadow: inset 0 0 0 1px white;
  			}

  			.menu {
  				@menuBackground: #F5F5F5;
  				@saveButtonHeight: 35px;
  				padding: 10px;
  				position: absolute;
  				right: -1px;
  				top: 33px;
  				background-color: @menuBackground;
  				border: solid 1px darken(@menuBackground, 23%);
				.x-box-shadow(0, 0, 40px, 0px, rgba(0,0,0,0.3), false);
				display: none;
				z-index: 999;

				.section-title {
					font-size: 16px;
					font-weight: 900;
					margin: 4px 0 10px 0;
				}

				.epl-input.text {
					margin-top: 6px;
				}

				.save-button-space {
					height:@saveButtonHeight;
					clear: both;
				}

				.save-button {
					height: @saveButtonHeight;
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					background-color: darken(@menuBackground, 10%);
					border: none;
					border-top: solid 1px darken(@menuBackground, 25%);
					color: darken(@menuBackground, 45%);

					&:hover {
						background-color: darken(@menuBackground, 70%);
						color: white;
						border-color: darken(@menuBackground, 75%);
					}
				}
  			}

  			&:hover {
  				background-color: darken(@buttonBackground, 10%);
	  			.x-gradient(@buttonBackground, darken(@buttonBackground, 10%));
	  			box-shadow: inset 0 0 0 1px lighten(@buttonBackground, 4%), 1px 1px 3px rgba(0,0,0,0.2);
	  			color: darken(@buttonBackground, 55%);
	  			border-color: darken(@buttonBackground, 35%);
  			}

  			&.active {
  				.menu {
  					display: block;
  				}
  			}
  			
  		}
  	}
}

#timeline {
	height: 80px;
	clear: both;
	overflow: hidden;
	cursor: move;

	&.active {
		border-top: 1px solid #aaa;
	}

	.timeline-copyright {
		display: none;
	}
}


#tm-sidebar {

	@iconSize: 59px; //What is the base size for icons?
	@itemSpacing: 10px;
	@menuColor: rgba(235, 235, 235, 1);

	width: @sidebarWidth;
	height: 100%;
	background-color: @menuColor;
	position: fixed;
	top: 0;<commit_msg>not sure what this change is, braedan did it<commit_after>@import "epl-general.less"; //For general styling and browser support

html, body {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: @pageBackground;
	font-family: @font;
}

[data-role=viewport] {
	padding: 0
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: auto;
}

#epl-bar {
	@eplBarHeight: 40px;
	width: 100%;
	// height: @topBarHeight;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: @pageBackground;
  	.x-box-shadow(0px, 2px, 4px, 0px, rgba(0,0,0,0.2), false);

  	.logo {
  		@logoMargin: 10px;
  		height: @eplBarHeight;
  		margin: @logoMargin;
  		display: table-cell;
  		text-align: center;
  		vertical-align: middle;
  		font-size: 20px;
  		float: left;
  	}

  	.buttons {
  		height: @eplBarHeight;
  		float: right;
  		margin: ((@eplBarHeight / 4 + 2)) (@eplBarHeight / 4) 0 0;
  		list-style-type: none;
  		padding: 0;

  		li {
  			@fontSize: 13px;
  			//-4 just because... Something to do with text sizing, I suppose
  			@heightAdjust: 4px;
  			@padding: (@eplBarHeight - @fontSize - @heightAdjust) / 2;
  			@buttonBackground: #DEDEDE;
  			@buttonRadius: 3px;
  			@buttonBorderWidth: 1px;
  			height: @fontSize + @heightAdjust + 2;
  			padding:(@padding - @heightAdjust) @padding (@padding - @heightAdjust) (@padding + @eplBarHeight - 5px);
  			margin: 0;
  			background-color: @buttonBackground;
  			display: inline;
  			float: right;
  			cursor: default;
  			color: darken(@buttonBackground, 50%);
  			border: solid @buttonBorderWidth darken(@buttonBackground, 30%);
  			box-shadow: inset 0 0 0 1px white, 1px 1px 3px rgba(0,0,0,0.2);
  			.x-border-radius(@buttonRadius);
  			.x-gradient(lighten(@buttonBackground, 3%), darken(@buttonBackground, 3%));
  			position: relative;
  			// overflow: hidden;
  			z-index: 1000;

  			.icon {
  				float: left;
  				height: (2 * @padding) + @fontSize - (2 * @buttonBorderWidth);
  				width: (2 * @padding) + @fontSize - (2 * @buttonBorderWidth);
  				position: absolute;
  				top: -1px;
  				left: -1px;
  				.x-border-top-left-radius(@buttonRadius);
  				.x-border-bottom-left-radius(@buttonRadius);
	  			border: solid @buttonBorderWidth darken(@buttonBackground, 30%);
	  			.x-gradient(darken(@buttonBackground, 8%), darken(@buttonBackground, 22%));
	  			box-shadow: inset 0 0 0 1px white;
  			}

  			.menu {
  				@menuBackground: #F5F5F5;
  				@saveButtonHeight: 35px;
  				padding: 10px;
  				position: absolute;
  				right: -1px;
  				top: 33px;
  				background-color: @menuBackground;
  				border: solid 1px darken(@menuBackground, 23%);
				.x-box-shadow(0, 0, 40px, 0px, rgba(0,0,0,0.3), false);
				display: none;
				z-index: 999;

				.section-title {
					font-size: 16px;
					font-weight: 900;
					margin: 4px 0 10px 0;
				}

				.epl-input.text {
					margin-top: 6px;
				}

				.save-button-space {
					height:@saveButtonHeight;
					clear: both;
				}

				.save-button {
					height: @saveButtonHeight;
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					background-color: darken(@menuBackground, 10%);
					border: none;
					border-top: solid 1px darken(@menuBackground, 25%);
					color: darken(@menuBackground, 45%);

					&:hover {
						background-color: darken(@menuBackground, 70%);
						color: white;
						border-color: darken(@menuBackground, 75%);
					}
				}
  			}

  			&:hover {
  				background-color: darken(@buttonBackground, 10%);
	  			.x-gradient(@buttonBackground, darken(@buttonBackground, 10%));
	  			box-shadow: inset 0 0 0 1px lighten(@buttonBackground, 4%), 1px 1px 3px rgba(0,0,0,0.2);
	  			color: darken(@buttonBackground, 55%);
	  			border-color: darken(@buttonBackground, 35%);
  			}

  			&.active {
  				.menu {
  					display: block;
  				}
  			}
  			
  		}
  	}
}

#timeline {
	height: 80px;
	clear: both;
	overflow: hidden;
	cursor: move;

	&.active {
		border-top: 1px solid #aaa;
	}

	.timeline-copyright {
		display: none;
	}

	.timelineBound {
		position: absolute;
		top: 0;

		&.left {
			left: 0;
		}

		&.right {
			right: 0;
		}
	}
}


#tm-sidebar {

	@iconSize: 59px; //What is the base size for icons?
	@itemSpacing: 10px;
	@menuColor: rgba(235, 235, 235, 1);

	width: @sidebarWidth;
	height: 100%;
	background-color: @menuColor;
	position: fixed;
	top: 0;
{'fraction_non_alphanumeric': 0.1480635210784874, 'fraction_numerical': 0.04398491945618645, 'mean_word_length': 2.731457800511509, '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': '3596809', 'n_tokens_mistral': 4206, 'n_tokens_neox': 3370, 'n_words': 758}