// Стили сайта

body {
	// background: url("../images/backgrounds/noise.jpg") repeat scroll left top #BBB;
	background: #EEEEEE;
}


div.mso-widget button {
	// .button;
}

div.social a {
	transition: color 0.2s ease 0s;
}

// поиск в меню
.my-search {
	
	.bor-none;
	.h48px;
	.pad0-tb;
	.w200px;
	width: 180px;
	// .b-hide;
	.bg-gray600; 
	color: @gray300;

	&:focus {
		background: @gray600 !important;
		color: @gray100 !important;
		.text > .placeholder(@gray200) !important;
	}
}

.my-search--hidden {
	.pad0-rl;
	width: 0;
}

div.mso-page-only {
	.clearfix;
}

// вывод записей блоками на главной
div.mso-header-home-cat {
	.t100;
		.upper;
		.t-gray700;
		margin: 30px 0 15px 0;
		
		border-bottom: 3px double @gray300;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-newspaper-o;
		}
}

// виджеты
// список в сайдбаре
div.mso-widget ul.is_link {
//	padding-left: 15px;
}

// список в виджете
ul.mso-widget-list
{
	padding-left: 15px;
}

// заголовок сайдбара
div.mso-widget-header {
	.t100;
	.upper;
	.pad5-b;
	.t-gray700;
	border-bottom: 3px double @gray300;
}

// ссылки в виджетах
div.mso-widget a {
	.t-gray700;
}

// виджеты
div.mso-widget {
	margin-bottom: 30px;
}



// блок обсуждения
div.mso-comments-link {
	.b-hide;
}

// читать далее
span.mso-cut {
	.b-block;
	.b-right;
	.b-clear;
}

// блок Еще записи по теме
.mso-page-other-pages {

	margin-top: 40px;
	
	a {
		//.t-gray700;
		.t90;
	}
	
	ul {
		.pad30-l;
	}

	h4 { 
		.t100;
		.upper;
		.t-gray700;
		margin: 30px 0 15px 0;
		
		border-bottom: 3px double @gray300;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-stack-overflow;
		}
	}
}

// комментарии
.mso-comments-count {
	margin-top: 40px;
	.t100;
	.upper;
	.t-gray700;
	border-bottom: 3px double @gray300;
	
	&:before {
		.icon-fa-normal;
		content: @fa-var-comments-o;
	}
	
	.mso-comments-rss {
		.b-inline;
		.b-right;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-rss;
		}
	}
}

.mso-comments-textarea {
	textarea {width: 100%;}
}

.mso-comments-input-author {
	width: 100%;
}

.mso-comment-article {
	.mar20-t;
	.pad20-b;
	border-bottom: 1px dotted @gray600;
}

// оставьте комментарий
.mso-comment-leave {
	margin: 20px 0;
	.bold;
}

.mso-comment-info {
	.t90;
	.t-gray700;
	
	.mso-comment-num {
		.bg-gray200;
		.t-gray600;
		.pad5-rl;
		.rounded5;
	}
	
	a {
		.t-gray700;
	}
	
	.mso-comment-author {
		.mar10-l;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-user;
		}
	}
	
	.mso-comuser-url {
		.mar10-l;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-link;
		}
	}
	
	.mso-comment-date {
		.mar10-l;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-calendar;
		}
	}
	
	.mso-comment-edit {
		.mar10-l;
		
		&:before {
			.icon-fa-normal;
			content: @fa-var-edit;
		}
	}
}

// аватарка
img.mso-gravatar {
	.b-right;
	.mar15-l;
}

// раскраска юзеров 
.mso-comment-users .mso-comment-author,
.mso-comment-users .mso-comment-author a 
{
		color: @green;
}
		
.mso-comment-comusers .mso-comment-author,
.mso-comment-comusers .mso-comment-author a 
{
	color: @green;
}
	
.mso-comment-anonim .mso-comment-author {
	color: @gray700;
}



// системные сообщения
.mso-message-error {
	color: @red;
}

.mso-message-alert {
	color: @red;
}

.mso-message-ok {
	color: @green;
}

// плагин пагинации
div.pagination {
	
	.mar40-t;
	.mar10-b;
	
	
	a, span, strong {
		.b-inline;
		.pad5;
		background: @gray500;
		color: @white;
		
		min-width: 28px;
		.t-center;
	}
	
	a:hover {
		text-decoration: none;
		background: @blue;
	}
	
	strong {
		background: @red;
		color: @white;
		font-weight: normal;
	}
	
	span.pagination-first { .b-hide; }	
	span.pagination-prev { .b-hide; }
	.pagination-start {}
	span.pagination-next { .b-hide; }
	span.pagination-last { .b-hide; }
}

// плагин paginator
.paginator {
	.mar40-t;
	.mar10-b;
}





// настройка виджетов индивидуально


// виджет рубрик
.mso-category_widget .mso-widget-header {
	&:before {
		.icon-fa-normal;
		content: @fa-var-bookmark;
	}
}

// виджет ссылки
.mso-links_widget {

	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-link;
	}
	
	li div {
		.t90;
		color: @gray500;
		margin-bottom: 5px;
	}
}


.mso-login_form_widget {

	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-users;
	}
	
	span.registration {
		.b-inline;
		.b-right;
		.t90;
	}
}

.mso-search_form_widget {

	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-search;
	}
	
	form {
		margin-top: 10px;
	}
	
	input {
		width: 65%;
		margin-right: 1%;
	}
	
	button {
		width: 25%;
	}
	
}

.mso-random_pages_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-chain-broken;
	}
}

.mso-theme_switch_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-stack-exchange;
	}
}

.mso-randomtext_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-book;
	}
}

.mso-page_views_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-area-chart;
	}
}

.mso-page_comments_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-bar-chart;
	}
}

.mso-last_comments_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-comments;
	}
}

.mso-tagclouds_widget {
	.mso-widget-header:before {
		.icon-fa-normal;
		content: @fa-var-tags;
	}
}



// plugin tabs

div.mso-tabs-box.mso-tabs-visible { 
	display: block; 
}

ul.mso-tabs-nav { 
	margin: 0; 
	padding: 0; 
	height: 30px; 
	width: 100%; 
	list-style: none;
}

ul.mso-tabs-nav li.mso-tabs-elem {
	float: left; 
	display: inline; 
	position: relative; 
	line-height: 30px; 
	height: 30px; 
	margin: 0 1px 0 0; 
	padding: 0 10px; 
	cursor: pointer; 
	color: @gray100; 
	background: @gray400; 
	font-size: .9em;
	// border-radius: 8px 8px 0 0; 
	
	&:hover{
		color: white; 
		background: @gray500;
	}
}


ul.mso-tabs-nav li.mso-tabs-current {
	color: white; 
	background: @gray800;
}

div.mso-tabs-box {
	display: none; 
	border: 1px solid @gray200; 
	background: @gray100; 
	padding: 10px; 
	// border-radius: 0 8px 0 0;
}


// плагин forms
// и прочие типовые варианты форм
div.mso-forms,
div.mso-registration-form,
div.mso-loginform-common,
div.mso-recovery-form,
div.mso-guestbook // плагин guestbook
{
	
	label > span {
		.bold;
	}
	
	span.mso-forms-tip {
		.italic;
		color: @gray500;
	}
	
	input,
	textarea,
	select
	{
		width: 100%;
	}
	
	input[type="checkbox"] {
		width: auto;
	}
	
	p.mso-forms-buttons {
		margin-top: 30px;
	}
}

// галерея lightbox
div.gallery {
	
	.flex;
	.flex-wrap;
	// .grid_flex > .justify_content(flex-start);
	
	p {
		margin: 0;
	}
	
	img {
		border: 1px @gray400 solid;
		background-color: @gray300;
		padding: 5px;
		margin: 0 5px 8px 0;
	}

}

// принудительный перенос для длинных строк в комментариях
.mso-comment-content {
	word-wrap: break-word;
	
	pre {
		white-space: pre-wrap;
	}
}