<commit_before>@import "../less/colors";
@import "../less/bootstrap-variables";
@nav-inactive: black;
@nav-active: @color-actor;
@dropdown-bg: @color-dropdown-bg;
@dropdown-header-bg: @color-dropdown-header-bg;
@dropdown-text-inactive: white;
@dropdown-text-active: black;
@dropdown-accent: white;

@no-ad: 0px; //use if no ad is present
@ad-size: @no-ad;
@nav-height: 65px;
@ad-height: @ad-size + 30;

#mainNav {
	/* margin-bottom: 40px; */
	margin-top: @nav-height;
	min-height: 1px;
	height: 45px;
	position: relative;

	&.has-ad {
		margin-top: @ad-height;
	}
}

.ad {
	position: absolute;
	right: 0;
	top: -@ad-height;
	background-color: black;
	color: white;
	font-family: 'GodHatesCharades';
	font-size: 20px;
	text-transform: uppercase;
	padding: 15px 25px 15px 25px;
	text-align: center;
	cursor: pointer;
	width: 300px;
	transition: all 0.3s ease;
}

.ad:hover {
	color: white;
	text-decoration: none;
	padding-top: 20px;
}

.ad b {
	color: #FF6857;
}

.nav > li > a {
	color: #000;
	font-size: 20px;
	font-family: 'GodHatesCharades';
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	padding-bottom: 4px;
}
#mainNav > li {
	padding: 0 12px;
	border-radius: 0;
}
.nav li {
	cursor: pointer;
}
.nav > li > a {
	border-radius: 0;
	color: @nav-inactive;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.nav-pills li + li {
	margin: 0;
	cursor: pointer;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	color: @nav-active;
	background-color: transparent;
}

.nav {
	.dropdown {
		.dropdown-toggle {
			// default toggle colors
			.dropup {
				display: none;
			}
		}

		&.open {
			.dropdown-toggle {
				// open toggle
				background-color: @dropdown-header-bg;
				color: @dropdown-text-active;
				cursor: default;

				.dropup {
					.caret {
						border-top-color: @dropdown-bg;
						border-bottom-color: @dropdown-bg;
					}
					position: absolute;
					left: 50%;
					bottom: -11px;
					margin-left: -5px;
					display: inline;
				}
			}
		}

		.dropdown-menu {
			font-size: 70%;
			background-color: @dropdown-bg;
			border: none;
			min-width: inherit;
			color: @dropdown-text-inactive;
			border-radius: 15px;
			width: 120%;
			box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
			margin-top: 0;
			margin-left: -10%;

			a {
				color: @dropdown-text-inactive;
				text-align: center;
				line-height: 25px;
				&:hover {
					color: @dropdown-text-active;
					background-color: transparent;
				}
			}

			.active {
				a {
					background-color: @dropdown-header-bg;
					color: @dropdown-text-active;
				}
			}

			.divider {
				margin-top: 5px;
				margin-bottom: 5px;
			}

			.dropdown-header {
				color: @dropdown-text-inactive;
				font-weight: bold;
				cursor: default;
				text-align: center;
			}
		}
	}
}

@logo-width: 16%;
.nav-left,
.nav-right {
	width: 50% - (@logo-width / 2);
}
.nav-left,
.nav-right {
	float: left;
}
.nav-logo {
	width: @logo-width;
	float: left;
	height: 100%;
	position: relative;
	z-index: 2;
}

.logo-img {
	position: relative;
	top: -60px;
}

.dropdown a {
	cursor: pointer;
}

@media (max-width: @screen-md-max) {
	@ad-height: @ad-size + 25;<commit_msg>master improved logo position<commit_after>@import "../less/colors";
@import "../less/bootstrap-variables";
@nav-inactive: black;
@nav-active: @color-actor;
@dropdown-bg: @color-dropdown-bg;
@dropdown-header-bg: @color-dropdown-header-bg;
@dropdown-text-inactive: white;
@dropdown-text-active: black;
@dropdown-accent: white;

@no-ad: 0px; //use if no ad is present
@ad-size: @no-ad;
@nav-height: 65px;
@ad-height: @ad-size + 30;

#mainNav {
	/* margin-bottom: 40px; */
	margin-top: @nav-height;
	min-height: 1px;
	height: 45px;
	position: relative;

	&.has-ad {
		margin-top: @ad-height;
	}
}

.ad {
	position: absolute;
	right: 0;
	top: -@ad-height;
	background-color: black;
	color: white;
	font-family: 'GodHatesCharades';
	font-size: 20px;
	text-transform: uppercase;
	padding: 15px 25px 15px 25px;
	text-align: center;
	cursor: pointer;
	width: 300px;
	transition: all 0.3s ease;
}

.ad:hover {
	color: white;
	text-decoration: none;
	padding-top: 20px;
}

.ad b {
	color: #FF6857;
}

.nav > li > a {
	color: #000;
	font-size: 20px;
	font-family: 'GodHatesCharades';
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	padding-bottom: 4px;
}
#mainNav > li {
	padding: 0 12px;
	border-radius: 0;
}
.nav li {
	cursor: pointer;
}
.nav > li > a {
	border-radius: 0;
	color: @nav-inactive;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.nav-pills li + li {
	margin: 0;
	cursor: pointer;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	color: @nav-active;
	background-color: transparent;
}

.nav {
	.dropdown {
		.dropdown-toggle {
			// default toggle colors
			.dropup {
				display: none;
			}
		}

		&.open {
			.dropdown-toggle {
				// open toggle
				background-color: @dropdown-header-bg;
				color: @dropdown-text-active;
				cursor: default;

				.dropup {
					.caret {
						border-top-color: @dropdown-bg;
						border-bottom-color: @dropdown-bg;
					}
					position: absolute;
					left: 50%;
					bottom: -11px;
					margin-left: -5px;
					display: inline;
				}
			}
		}

		.dropdown-menu {
			font-size: 70%;
			background-color: @dropdown-bg;
			border: none;
			min-width: inherit;
			color: @dropdown-text-inactive;
			border-radius: 15px;
			width: 120%;
			box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
			margin-top: 0;
			margin-left: -10%;

			a {
				color: @dropdown-text-inactive;
				text-align: center;
				line-height: 25px;
				&:hover {
					color: @dropdown-text-active;
					background-color: transparent;
				}
			}

			.active {
				a {
					background-color: @dropdown-header-bg;
					color: @dropdown-text-active;
				}
			}

			.divider {
				margin-top: 5px;
				margin-bottom: 5px;
			}

			.dropdown-header {
				color: @dropdown-text-inactive;
				font-weight: bold;
				cursor: default;
				text-align: center;
			}
		}
	}
}

@logo-width: 16%;
.nav-left,
.nav-right {
	width: 50% - (@logo-width / 2);
}
.nav-left,
.nav-right {
	float: left;
}
.nav-logo {
	width: @logo-width;
	float: left;
	height: 100%;
	position: relative;
	z-index: 2;
}

.logo-img {
	position: relative;
	top: -77px;
}

.dropdown a {
	cursor: pointer;
}

@media (max-width: @screen-md-max) {
	@ad-height: @ad-size + 25;
{'fraction_non_alphanumeric': 0.16939078751857356, 'fraction_numerical': 0.027340267459138187, 'mean_word_length': 2.802824858757062, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 33, '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': '7459152', 'n_tokens_mistral': 3236, 'n_tokens_neox': 2712, 'n_words': 600}