<commit_before>@themeColor: <%themeColor%>;
@wallpaperUrl: <%wallpaperUrl%>;

html, body {
	height: 100%;
}

html {
	color: #000;
	background-color: #fff;
	background-image: url(@wallpaperUrl);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.timeline > .statuses > .status {
	padding: 16px 24px !important;
}

main {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;

	#timeline {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding-top: 8px;

		#post-form-container {
			box-sizing: border-box;
			width: 100%;

			#post-form {
				box-sizing: border-box;
				width: 100%;
				max-width: 650px;
				margin: 0 auto;
				padding: 16px 32px 12px 32px;
				background: #fff;
				box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

				&:after {
					content: "";
					display: block;
					clear: both;
				}

				.icon {
					display: block;
					float: left;
					max-width: 64px;
					max-height: 64px;
					margin: 0 16px;
					padding: 0;
					vertical-align: bottom;
					border-radius: 32px;
				}

				.form {
					display: block;
					float: left;
					width: ~"calc(100% - 96px)";

					textarea {
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						box-sizing: border-box;
						width: 100%;
						min-width: 100%;
						max-width: 100%;
						margin: 0;
						padding: 8px;
						font-size: 1.2em;
						color: #000;
						outline: none;
						border: solid 1px #eee;
						border-radius: 0;
						box-shadow: none;
						transition: all 0.2s ease;

						&:hover {
							border: solid 1px @themeColor;
						}

						&:focus {
							color: @themeColor;
							outline: none;
							border: solid 1px @themeColor;
						}
					}

					.image-attacher {
						box-sizing: border-box;
						display: inline-block;
						position: relative;
						float: right;
						margin: 2px 8px;
						padding: 8px 16px;
						vertical-align: top;
						line-height: 1.2em;
						outline: dashed 2px #ccc;

						&:hover {
							outline: dashed 2px #777;
						}

						input[type=file] {
							display: inline;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							overflow: hidden;
							opacity: 0;
						}

						p {
							margin: 0;
							padding: 0;
							color: #777;
							line-height: 1.2em;
							font-size: 1em;
						}

						img {
							max-width: 100%;
							max-height: 128px;
						}
					}

					input[type=submit] {
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						display: inline-block;
						float: right;
						box-sizing: border-box;
						margin: 0;
						padding: 8px 16px;
						min-width: 5em;
						cursor: pointer;
						line-height: 1.2em;
						font-size: 1.2em;
						font-weight: normal;
						text-decoration: none;
						color: #fff;
						background: @themeColor;
						outline: none;
						border: none;
						border-radius: 2px;
						box-shadow: none;
						transition: background 0.1s ease;
						font-family: FontAwesome, 'Helvetica','Arial','Hiragino Kaku Gothic ProN','qMmpS ProN W3','Meiryo UI','Meiryo, CI','sans-serif';

						&:hover {
							background: lighten(@themeColor, 10%);
						}

						&:active {
							background: darken(@themeColor, 10%);
						}
					}
				}
			}
		}

		.timeline-container {
			.timeline-main {
				box-sizing: border-box;
				width: 100%;
				max-width: 764px;
				margin: 0 auto;
				padding: 0 16px 16px 16px;
			}
		}
	}
}
<commit_msg>Update design<commit_after>@themeColor: <%themeColor%>;
@wallpaperUrl: <%wallpaperUrl%>;

html, body {
	height: 100%;
}

html {
	color: #000;
	background-color: #fff;
	background-image: url(@wallpaperUrl);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.timeline > .statuses > .status {
	padding: 16px 24px !important;
}

main {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;

	#timeline {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding-top: 8px;

		#post-form-container {
			box-sizing: border-box;
			width: 100%;

			#post-form {
				box-sizing: border-box;
				width: 100%;
				max-width: 650px;
				margin: 0 auto;
				padding: 16px 32px 12px 32px;
				background: #fff;
				box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

				&:after {
					content: "";
					display: block;
					clear: both;
				}

				.icon {
					display: block;
					float: left;
					max-width: 64px;
					max-height: 64px;
					margin: 0 16px 0 0;
					padding: 0;
					vertical-align: bottom;
					border-radius: 32px;
				}

				.form {
					display: block;
					float: left;
					width: ~"calc(100% - 80px)";

					textarea {
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						box-sizing: border-box;
						width: 100%;
						min-width: 100%;
						max-width: 100%;
						margin: 0;
						padding: 8px;
						font-size: 1.2em;
						color: #000;
						outline: none;
						border: solid 1px #eee;
						border-radius: 0;
						box-shadow: none;
						transition: border 0.2s ease, color 0.2s ease;

						&:hover {
							border: solid 1px @themeColor;
						}

						&:focus {
							color: @themeColor;
							outline: none;
							border: solid 1px @themeColor;
						}
					}

					.image-attacher {
						box-sizing: border-box;
						display: inline-block;
						position: relative;
						float: right;
						margin: 2px 8px;
						padding: 8px 16px;
						vertical-align: top;
						line-height: 1.2em;
						outline: dashed 2px #ccc;

						&:hover {
							outline: dashed 2px #777;
						}

						input[type=file] {
							display: inline;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							overflow: hidden;
							opacity: 0;
						}

						p {
							margin: 0;
							padding: 0;
							color: #777;
							line-height: 1.2em;
							font-size: 1em;
						}

						img {
							max-width: 100%;
							max-height: 128px;
						}
					}

					input[type=submit] {
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						display: inline-block;
						float: right;
						box-sizing: border-box;
						margin: 0;
						padding: 8px 16px;
						min-width: 5em;
						cursor: pointer;
						line-height: 1.2em;
						font-size: 1.2em;
						font-weight: normal;
						text-decoration: none;
						color: #fff;
						background: @themeColor;
						outline: none;
						border: none;
						border-radius: 2px;
						box-shadow: none;
						transition: background 0.1s ease;
						font-family: FontAwesome, 'Helvetica','Arial','Hiragino Kaku Gothic ProN','qMmpS ProN W3','Meiryo UI','Meiryo, CI','sans-serif';

						&:hover {
							background: lighten(@themeColor, 10%);
						}

						&:active {
							background: darken(@themeColor, 10%);
						}
					}
				}
			}
		}

		.timeline-container {
			.timeline-main {
				box-sizing: border-box;
				width: 100%;
				max-width: 764px;
				margin: 0 auto;
				padding: 0 16px 16px 16px;
			}
		}
	}
}

{'fraction_non_alphanumeric': 0.13223830734966593, 'fraction_numerical': 0.04287305122494432, 'mean_word_length': 1.9470877768662838, 'pattern_counts': {'":': 0, '<': 7, '<?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': '504664', 'n_tokens_mistral': 4064, 'n_tokens_neox': 2540, 'n_words': 618}