<commit_before>@import 'grid.lessimport';
@import 'color.lessimport';
@import 'fonts.lessimport';
@import 'rules.lessimport';
@import 'anim.lessimport';


@import 'base.lessimport';
@import 'forms.lessimport';
@import 'tables.lessimport';

@import 'printcss.lessimport';
@import 'media.lessimport';

//STRUCTURE

#wrapper { 
	.unit; 
	padding: 50px; 
	border: 1px solid @darkestgrey;
}
//NAV

nav {
	height: 40px;
	width: 100%;
	.background-linear-gradient(@lightblack, @midblack);
}
	.nav.back { 
		height: 40px;
		position: absolute;
			top: 0; left: 0;
		width: 100%;
		z-index: -1;
		margin: 0; padding: 0;
		background: white;
	}
	nav ul { width: 100%; }
		#gohome { padding-top: 0; }
		#gologin { float: right; }
		#gosettings { float: right; padding-top: 0; }
	nav li { 
		margin: 0 10px; 
		padding-top: 5px;
	}

	nav a, nav i {
		font-weight: normal;
		color: white;
	}
		nav a:hover, nav a:active, nav i:hover, nav i:active {
			color: @lightlightblue;
		}
//ICONS

i {

}

//UNITS

.dash, .add {
	.contentunit;
	padding: 0;
}
.dash { 
	min-width: 42%;
	margin: 40px  30%;
}
.dash:first-child { position: relative; right: 20%; }
	.dash h1 {
		font-size: 1.5em;
		width: 100%;
		margin: 0 auto;
		padding: 7px 0 5px 0;
		text-align: center;
		.background-linear-gradient(@transblack, @grey);
		border-bottom: 1px solid @darkgrey;
		.border-radius(10px 10px 0 0);
	}

	.mobile {
		width: 300px; min-width: 300px;
		height: 450px;
	}

		#mobile-1 {
			position: relative;
			background: transparent url('images/mobile2.png') center center no-repeat;
			margin-left: 40%;
			i { position: absolute; }


		}




//BUTTONS


button {
//        .unit;
	margin: 2px 5px;
	.border-radius(50px);
	border: 2px transparent;
	background: transparent;
	.slowtrans;

}
        button:hover, button:active {
        	border-color: @darkergrey;
		.fasttrans;
	}

//HOME / PRES

#splash { 
	background: transparent url('images/splash3.jpg') center top no-repeat;
	width: 100%;
	min-height: 500px;
	margin-top: -42px;
	z-index: 100;
		
	h1#open { 
		color: white; 
		font-size: 150px; 
		text-align: center;
		text-shadow: 0px 0 23px black;
		line-height: 200px;
		opacity: 0;

		.transition(opacity, 15s, ease-in-out, 10s);
		}
}
	#splash:hover h1#open { opacity: 1; .transition(opacity, 10s, ease-in-out, 0s); }

	.texty {
		width: 100%;
		padding: 0 150px;
		h1 { font-size: 70px; }
		h2 { font-size: 50px; color: @grey; }

		h2 a { font-size: 50px; color: @grey; display: block; width: 100%; margin: 0px 0px 20px -10px;;}
		text-align: center; 

	}
	.bio { background: white; display: block;  width: 50%; border: 8px solid @grey; margin: 20px 25%; padding: 20px; text-align: center; }
	.bio em { background: transparent; color: @lightlightblue; font-size: 1.2em; border: none; .box-shadow(none); display: block; width: 100%; }

.room { display: block; padding-top: 700px;  }

h3 { font-size: 30px; text-align: center; color: @grey; }

#map {
	background: transparent url('images/map.jpg') center center no-repeat;
	height: 500px;
}

#special { padding: 20px; }
#special li { width: 100%; }
#special li:before { content: "Train in: "; }

.RED { color: @red; } .GOLD { color: @orange; } .BLUE { color: @blue; } .GREEN { color: @green; }
.scheduled { font-style: italic;   }
.scheduled:after { content: "**"; }

.lists {
	width: 50%;
	margin-left: 25%;

	select { font-size: 1.5em; font-weight: bold; 
		background: @lightestgrey; .border-radius(5px);
		color: @darkergrey; padding: 10px 30px;
		margin: 20px auto;

	}
	ul { width: 47%; margin-bottom: 20px;  }
	li, li * { width: 100%; font-weight: bold; font-size: 1.1em; text-align: center; margin: 1px;}
	li:first-child { color: @darkgrey; }
	li:first-child:after { 
		content: "train arriving in";
		display: block;
		width: 100%;
		text-align: center;
		font-style: italic;
		font-size: 0.8em;
	}
}
	.legalmain { 
		.legal;
		font-size: 12px;
		color: @darkgrey;
		width: 100%;
		padding: 10px 35%;
		text-align: center;
		display: block;
	}

<commit_msg>fixed splash background for widescreen<commit_after>@import 'grid.lessimport';
@import 'color.lessimport';
@import 'fonts.lessimport';
@import 'rules.lessimport';
@import 'anim.lessimport';


@import 'base.lessimport';
@import 'forms.lessimport';
@import 'tables.lessimport';

@import 'printcss.lessimport';
@import 'media.lessimport';

//STRUCTURE

#wrapper { 
	.unit; 
	padding: 50px; 
	border: 1px solid @darkestgrey;
}
//NAV

nav {
	height: 40px;
	width: 100%;
	.background-linear-gradient(@lightblack, @midblack);
}
	.nav.back { 
		height: 40px;
		position: absolute;
			top: 0; left: 0;
		width: 100%;
		z-index: -1;
		margin: 0; padding: 0;
		background: white;
	}
	nav ul { width: 100%; }
		#gohome { padding-top: 0; }
		#gologin { float: right; }
		#gosettings { float: right; padding-top: 0; }
	nav li { 
		margin: 0 10px; 
		padding-top: 5px;
	}

	nav a, nav i {
		font-weight: normal;
		color: white;
	}
		nav a:hover, nav a:active, nav i:hover, nav i:active {
			color: @lightlightblue;
		}
//ICONS

i {

}

//UNITS

.dash, .add {
	.contentunit;
	padding: 0;
}
.dash { 
	min-width: 42%;
	margin: 40px  30%;
}
.dash:first-child { position: relative; right: 20%; }
	.dash h1 {
		font-size: 1.5em;
		width: 100%;
		margin: 0 auto;
		padding: 7px 0 5px 0;
		text-align: center;
		.background-linear-gradient(@transblack, @grey);
		border-bottom: 1px solid @darkgrey;
		.border-radius(10px 10px 0 0);
	}

	.mobile {
		width: 300px; min-width: 300px;
		height: 450px;
	}

		#mobile-1 {
			position: relative;
			background: transparent url('images/mobile2.png') center center no-repeat;
			margin-left: 40%;
			i { position: absolute; }


		}




//BUTTONS


button {
//        .unit;
	margin: 2px 5px;
	.border-radius(50px);
	border: 2px transparent;
	background: transparent;
	.slowtrans;

}
        button:hover, button:active {
        	border-color: @darkergrey;
		.fasttrans;
	}

//HOME / PRES

#splash { 
	background: @grey url('images/splash3.jpg') center top no-repeat;
	width: 100%;
	min-height: 500px;
	margin-top: -42px;
	z-index: 100;
		
	h1#open { 
		color: white; 
		font-size: 150px; 
		text-align: center;
		text-shadow: 0px 0 23px black;
		line-height: 200px;
		opacity: 0;

		.transition(opacity, 15s, ease-in-out, 10s);
		}
}
	#splash:hover h1#open { opacity: 1; .transition(opacity, 10s, ease-in-out, 0s); }

	.texty {
		width: 100%;
		padding: 0 150px;
		h1 { font-size: 70px; }
		h2 { font-size: 50px; color: @grey; }

		h2 a { font-size: 50px; color: @grey; display: block; width: 100%; margin: 0px 0px 20px -10px;;}
		text-align: center; 

	}
	.bio { background: white; display: block;  width: 50%; border: 8px solid @grey; margin: 20px 25%; padding: 20px; text-align: center; }
	.bio em { background: transparent; color: @lightlightblue; font-size: 1.2em; border: none; .box-shadow(none); display: block; width: 100%; }

.room { display: block; padding-top: 700px;  }

h3 { font-size: 30px; text-align: center; color: @grey; }

#map {
	background: transparent url('images/map.jpg') center center no-repeat;
	height: 500px;
}

#special { padding: 20px; }
#special li { width: 100%; }
#special li:before { content: "Train in: "; }

.RED { color: @red; } .GOLD { color: @orange; } .BLUE { color: @blue; } .GREEN { color: @green; }
.scheduled { font-style: italic;   }
.scheduled:after { content: "**"; }

.lists {
	width: 50%;
	margin-left: 25%;

	select { font-size: 1.5em; font-weight: bold; 
		background: @lightestgrey; .border-radius(5px);
		color: @darkergrey; padding: 10px 30px;
		margin: 20px auto;

	}
	ul { width: 47%; margin-bottom: 20px;  }
	li, li * { width: 100%; font-weight: bold; font-size: 1.1em; text-align: center; margin: 1px;}
	li:first-child { color: @darkgrey; }
	li:first-child:after { 
		content: "train arriving in";
		display: block;
		width: 100%;
		text-align: center;
		font-style: italic;
		font-size: 0.8em;
	}
}
	.legalmain { 
		.legal;
		font-size: 12px;
		color: @darkgrey;
		width: 100%;
		padding: 10px 35%;
		text-align: center;
		display: block;
	}


{'fraction_non_alphanumeric': 0.16440234326311853, 'fraction_numerical': 0.04861024554406083, 'mean_word_length': 3.3870967741935485, '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': '4067028', 'n_tokens_mistral': 3693, 'n_tokens_neox': 3108, 'n_words': 824}