<commit_before>html, body {
	margin:0; padding:0; overflow: hidden;
	color:#000;
	background:#fcfcfc url(../img/noise.png) repeat;
}

@font-face { font-family:'Alegreya'; font-weight:normal; src:url(Alegreya-Regular.ttf); }
@font-face { font-family:'Alegreya'; font-weight:bold; src:url(Alegreya-Bold.ttf); }

.scrollbox {
	height: 100%;
	margin: 0 0 0 16%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: transparent;
}

body>.scrollbox{width:84%; position: fixed;}
.editor {
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	position: absolute;
	width: 96%;
	margin: 3.5% 0 20% 4%; /* make sure cursor is not hidden in very top left corner */
	padding: 0 20% 0 0;
	min-height: 100%;
	font:normal 28px/150% 'Alegreya',Georgia,serif;
	outline:none; overflow:auto; border:none;
	-webkit-overflow-scrolling:touch; /* enable native smooth scrolling on iOS */
	word-wrap:break-word; /* prevent scrolling for long words or links without whitespace */
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}
[contenteditable]:empty::after { content:attr(data-placeholder); color:#ccc; }


aside>.scrollbox{width:100%; margin:0;}
aside {
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	position:fixed; width:16%; min-width:135px; height:100%;
	font:16px FreeSans,Helvetica,sans-serif;
	opacity:0; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; transition:opacity 300ms;
	overflow:auto;
	-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}
aside:hover, aside:focus, .show-aside aside { opacity:1; }

#search {
  display: block;
  z-index: 100;
  width: 92%;
  font-size: 16px;
  padding: 8px 5px 5px 10px;
  margin: 10px 10px 10px 7px;
  background: rgba(255,255,255,.8);
  border: 1px solid #999;
  border-radius: 25px;
  outline: none;
  height: 33px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#search.hide { height: 0; padding: 0; margin: 0; border: 0; }

aside a, .add {
	display:block; cursor:pointer; outline:none;
	color:#444; text-decoration:none;
	white-space:nowrap; overflow:hidden;
}

.add {
	position: relative;
	font-weight: normal;
	color: #999;
	padding: 6px 18px;
	font-weight: bold;
}
.add:hover, .add:focus { color:#000; }

.entries {
	height:auto; display:block;
	margin:0;
	padding:0;
	padding-top: 7px;
	-webkit-overflow-scrolling:touch; /* enable native smooth scrolling on iOS */
	list-style:none;
}
.entries a {
	text-overflow:ellipsis; height:1.35em; padding:.5em 0 .5em 1.2em;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}
.entries a:hover, .entries a:focus, .entries .selected { color:#000; font-weight:bold; }

.entries li:last-child {
	margin-bottom: 50px; /* some space after the last document in the list */
}


footer { position:fixed; bottom:0; padding:1em 2em; font-size:.7em; white-space:nowrap; opacity:.7; }
footer a { display:inline; padding:0; }


#remotestorage-connect {
	position: fixed;
	top: 0;
	right: 15px;
	z-index: 1;
}


::-webkit-scrollbar { width:.2em; }
::-webkit-scrollbar-track-piece { background-color:transparent; }
::-webkit-scrollbar-thumb { background:rgba(50,50,50,.3); }

::selection { background-color:rgba(255,255,0,.5); }
::-moz-selection { background-color:rgba(255,255,0,.5); }


.menu-button {
	display:none; position:absolute; left:0; top:0;
	-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}

/* Smartphones (portrait and landscape) ----------- */

/* keep in sync with value in utils/cache.js */
@media (max-width:720px) {
	body>.scrollbox{
		position: absolute; width:100%; margin: 0;
		overflow-x: hidden;
		left: 0;
		-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;
	}
	.editor {
		top: 50px; padding: 0 14px 50px; font-size:20px;
	}
		.show-aside>.scrollbox { position: fixed; left: 85%; opacity:.2; }

	aside {
		opacity:1; font-size:24px; width:85%; background:#fcfcfc url(../img/noise.png) repeat; right:100%;
		-webkit-transition:0.3s right ease; -moz-transition:0.3s right ease; transition:0.3s right ease;
	}
		.show-aside aside { right:15%; }

	.add { padding:4px .5em; }

	.entries {
		overflow-y: auto; /* always show scrollbar on mobile to prevent scroll issues */
	}
	.entries a { padding:10px 0 10px 14px; }
	.entries a:hover, .entries a:focus {
		font-weight:normal; /* prevent bold-flickering when scrolling on mobile */
	}

	.menu-button {
		position:absolute; display:block; padding:14px; cursor:pointer;
		left:0;
		-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;
	}
		.show-aside .menu-button {
			/* expand clickable area to cover document side, prevent selecting of document when in menu */
			padding-bottom:150%; padding-right:30%;
			z-index: 1;
		}

	#remotestorage-widget {
		position:relative; right:0; top:-5px;
	}

	footer { display:none; }
}


@media print {
	.entries, .menu-button, footer, #remotestorage-widget {
		display:none;
	}

	body, .editor {
		margin:0;
		padding:10px;
		height:auto;
		width:auto;
		position:static;
	}
}
<commit_msg>remove flicker on hover<commit_after>html, body {
	margin:0; padding:0; overflow: hidden;
	color:#000;
	background:#fcfcfc url(../img/noise.png) repeat;
}

@font-face { font-family:'Alegreya'; font-weight:normal; src:url(Alegreya-Regular.ttf); }
@font-face { font-family:'Alegreya'; font-weight:bold; src:url(Alegreya-Bold.ttf); }

.scrollbox {
	height: 100%;
	margin: 0 0 0 16%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: transparent;
}

body>.scrollbox{width:84%; position: fixed;}
.editor {
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	position: absolute;
	width: 96%;
	margin: 3.5% 0 20% 4%; /* make sure cursor is not hidden in very top left corner */
	padding: 0 20% 0 0;
	min-height: 100%;
	font:normal 28px/150% 'Alegreya',Georgia,serif;
	outline:none; overflow:auto; border:none;
	-webkit-overflow-scrolling:touch; /* enable native smooth scrolling on iOS */
	word-wrap:break-word; /* prevent scrolling for long words or links without whitespace */
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}
[contenteditable]:empty::after { content:attr(data-placeholder); color:#ccc; }


aside>.scrollbox{width:100%; margin:0;}
aside {
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	position:fixed; width:16%; min-width:135px; height:100%;
	font:16px FreeSans,Helvetica,sans-serif;
	opacity:0; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; transition:opacity 300ms;
	overflow:auto;
	-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}
aside:hover, aside:focus, .show-aside aside { opacity:1; }

#search {
  display: block;
  z-index: 100;
  width: 92%;
  font-size: 16px;
  padding: 8px 5px 5px 10px;
  margin: 10px 10px 10px 7px;
  background: rgba(255,255,255,.8);
  border: 1px solid #999;
  border-radius: 25px;
  outline: none;
  height: 33px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#search.hide { height: 0; padding: 0; margin: 0; border: 0; }

aside a, .add {
	display:block; cursor:pointer; outline:none;
	color:#444; text-decoration:none;
	white-space:nowrap; overflow:hidden;
}

.add {
	position: relative;
	font-weight: normal;
	color: #999;
	padding: 6px 18px;
	font-weight: bold;
}
.add:hover, .add:focus { color:#000; }

.entries {
	height:auto; display:block;
	margin:0;
	padding:0;
	padding-top: 7px;
	-webkit-overflow-scrolling:touch; /* enable native smooth scrolling on iOS */
	list-style:none;
}
.entries a {
	text-overflow:ellipsis; height:1.35em; padding:.5em 0 .5em 1.2em;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}
.entries a:hover, .entries a:focus, .entries .selected {
	color: #000;
}
.entries .selected {
	font-weight: bold;
}

.entries li:last-child {
	margin-bottom: 50px; /* some space after the last document in the list */
}


footer { position:fixed; bottom:0; padding:1em 2em; font-size:.7em; white-space:nowrap; opacity:.7; }
footer a { display:inline; padding:0; }


#remotestorage-connect {
	position: fixed;
	top: 0;
	right: 15px;
	z-index: 1;
}


::-webkit-scrollbar { width:.2em; }
::-webkit-scrollbar-track-piece { background-color:transparent; }
::-webkit-scrollbar-thumb { background:rgba(50,50,50,.3); }

::selection { background-color:rgba(255,255,0,.5); }
::-moz-selection { background-color:rgba(255,255,0,.5); }


.menu-button {
	display:none; position:absolute; left:0; top:0;
	-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent grey flash when clicking */
}

/* Smartphones (portrait and landscape) ----------- */

/* keep in sync with value in utils/cache.js */
@media (max-width:720px) {
	body>.scrollbox{
		position: absolute; width:100%; margin: 0;
		overflow-x: hidden;
		left: 0;
		-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;
	}
	.editor {
		top: 50px; padding: 0 14px 50px; font-size:20px;
	}
		.show-aside>.scrollbox { position: fixed; left: 85%; opacity:.2; }

	aside {
		opacity:1; font-size:24px; width:85%; background:#fcfcfc url(../img/noise.png) repeat; right:100%;
		-webkit-transition:0.3s right ease; -moz-transition:0.3s right ease; transition:0.3s right ease;
	}
		.show-aside aside { right:15%; }

	.add { padding:4px .5em; }

	.entries {
		overflow-y: auto; /* always show scrollbar on mobile to prevent scroll issues */
	}
	.entries a { padding:10px 0 10px 14px; }
	.entries a:hover, .entries a:focus {
		color: initial; /* prevent flickering when scrolling on mobile */
	}

	.menu-button {
		position:absolute; display:block; padding:14px; cursor:pointer;
		left:0;
		-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;
	}
		.show-aside .menu-button {
			/* expand clickable area to cover document side, prevent selecting of document when in menu */
			padding-bottom:150%; padding-right:30%;
			z-index: 1;
		}

	#remotestorage-widget {
		position:relative; right:0; top:-5px;
	}

	footer { display:none; }
}


@media print {
	.entries, .menu-button, footer, #remotestorage-widget {
		display:none;
	}

	body, .editor {
		margin:0;
		padding:10px;
		height:auto;
		width:auto;
		position:static;
	}
}

{'fraction_non_alphanumeric': 0.16314363143631436, 'fraction_numerical': 0.04697380307136405, 'mean_word_length': 4.229570146433632, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '2806275', 'n_tokens_mistral': 4599, 'n_tokens_neox': 4083, 'n_words': 946}