theme.less

/*!
* Hello!
* This theme was compiled from LESS. You can find that version here:
* https://github.com/TheEnigmaBlade/leagueoflegends-CSS
*/

@import (reference) "style";

//*******
// Page *
//*******

html {
	overflow-x: hidden;
}

body {
	color: @color-black;
	
	background-image: url(%%bg%%) !important;
	background-repeat: no-repeat;
	background-color: @bg-color !important;
	background-position: @bg-pos;
	background-size: @bg-size;
	& when (@bg-dynamic = true) {
		background-attachment: fixed;
	}
	
	// Fog/mist animations
	
	html:not(:lang(na)) & {
		&::before {
			content: "";
			width: 100%;
			height: 400px;
			position: absolute;
			left: 0;
			top: 0;
			
			background-image: url(%%fog%%);
			background-size: auto 400px;
			background-position: 0 0;
			opacity: 0;
			
			//transform: translate3d(0, 0, 0);
			animation: mist 120s linear infinite;
		}
		
		.footer-parent::before {
			content: "";
			width: 100%;
			height: 200px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 0;
			
			background-image: url(%%mist%%);
			background-size: 5760px 250px;
			background-position: 0 0;
			opacity: 0;
			
			//transform: translate3d(0, 0, 0);
			animation: mist 160s linear infinite;
		}
	}
}

a,
.tagline a,
html.res-nightmode .res-nightmode a,
html.res-nightmode .res-nightmode a.option {
	color: @color-blue;
}

textarea {
	border: 1px solid rgb(211, 211, 211);
}

.link-transition {
	transition: color @transition-time ease;
	text-decoration: none !important;
}

//***************
// Page content *
//***************

@import "header";
@import "content";
@import "sidebar";

//#baconBit {
	//TODO
//}

// Footer
.footer {
	background: none;
	border: none;
	border-radius: 0;
}

//********
// Modes *
//********

/*html:lang(sf),
html:lang(sd) {
	.thing.link.over18 {
		.midcol,
		.thumbnail,
		.entry {
			display: none;
		}
		
		&::before {
			content: @spoilers-message;
			
			margin-left: @content-padding;
			
			color: darken(red, 10%);
			font-size: 14px;
			font-style: italic;
		}
	}
}*/

//***********
// Includes *
//***********

@import "markdown";
@import "mod";
@import "res-fixes";
@import "darkmode";

@import "flair";
@import "flair-darkmode";
@import "animations";

/*! AUTO-GENERATED AFTER THIS POINT - DO NOT EDIT */