// MaxSite CMS
// Copyright http://max-3000.com/

// шрифт grands

@font-face {
	font-family: 'grands';
	src:url('fonts/grands/grands.eot');
	src:url('fonts/grands/grands.eot?#iefix') format('embedded-opentype'),
		url('fonts/grands/grands.svg#Grands') format('svg'),
		url('fonts/grands/grands.woff') format('woff'),
		url('fonts/grands/grands.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.font_grands()
{
	.font_set {font-family: grands;}
	.youtube {content: "\e000";}
	.yandex {content: "\e001";}
	.vkontakte {content: "\e002";}
	.vk {content: "\e003";}
	.vimeo {content: "\e004";}
	.twitter {content: "\e005";}
	.tumblr {content: "\e006";}
	.steam {content: "\e007";}
	.stackoverflow {content: "\e008";}
	.soundcloud {content: "\e009";}
	.skype {content: "\e00a";}
	.share {content: "\e00b";}
	.rss {content: "\e00c";}
	.readability {content: "\e00d";}
	.read-it-later {content: "\e00e";}
	.pocket {content: "\e00f";}
	.pinterest {content: "\e010";}
	.picasa {content: "\e011";}
	.openid {content: "\e012";}
	.myspace {content: "\e013";}
	.moikrug {content: "\e014";}
	.linked-in {content: "\e015";}
	.lifejournal {content: "\e016";}
	.lastfm {content: "\e017";}
	.jabber {content: "\e018";}
	.instapaper {content: "\e019";}
	.habrahabr {content: "\e01a";}
	.google {content: "\e01b";}
	.github-octoface {content: "\e01c";}
	.github-circle {content: "\e01d";}
	.foursquare {content: "\e01e";}
	.flickr {content: "\e01f";}
	.flattr {content: "\e020";}
	.facebook {content: "\e021";}
	.evernote {content: "\e022";}
	.email {content: "\e023";}
	.dropbox {content: "\e024";}
	.blogspot {content: "\e025";}
}

// социконки на основе шрифта grands

// использование
//	.social_grands > .set(25px, 1px);
//	.social_grands > .color(red, transparent); // цвет иконок дефолт (текст фон)
//	.social_grands > .hover_bg(); // меняем фон при наведении
// 	.social_grands > .hover_color(); // или только цвет текста
//	.social_grands > .round(5px); // скругление


.social_grands()
{
	// устанавливает иконки
	.set(
		@icon_height: 24px, 
		@icon_padding: 3px
		)
	{
		
		div.social {
			.align(right);
			
			a {
				padding: @icon_padding;
				margin: 0 0 3px 3px;
				display: inline-block;
				.f > .underline(none);
				.f > .size(@icon_height);
				height: @icon_height;
				line-height: @icon_height;
				width: @icon_height;
				
				.font_grands > .font_set(); // установка шрифта
				
				&:before {
					.font_grands > .share; // по умолчанию будет Share
				}

				&.rss:before { .font_grands > .rss; }
				&.twitter:before { .font_grands > .twitter; }
				&.facebook:before { .font_grands > .facebook; }
				&.gplus:before { .font_grands > .google; }
				&.github:before { .font_grands > .github-circle; }
				&.skype:before { .font_grands > .skype; }
				&.vkontakte:before { .font_grands > .vkontakte; }
				&.blogger:before { .font_grands > .blogspot; }
				&.dropbox:before { .font_grands > .dropbox; }
				&.evernote:before { .font_grands > .evernote; }
				&.last_fm:before { .font_grands > .lastfm; }
				&.linked_in:before { .font_grands > .linked-in; }
				&.mail:before { .font_grands > .email; }
				&.odnoklassniki:before { .font_grands > .moikrug; }
				&.vimeo:before { .font_grands > .vimeo; }
				&.youtube:before { .font_grands > .youtube; }
				&.email:before { .font_grands > .email; }
			}
		}
	}

	// указываем цвета
	.color(@icon_color: #fff, @icon_color_bg: #bbb)
	{
		div.social {
			a {
				color: @icon_color;
				.bg(@icon_color_bg);
			}
		}
	}
	
	// выставляет поведение hover — меняем цвет фона
	.hover_bg(@icon_color_bg: #bbb, @icon_color_hover: #fff)
	{
		div.social {
			a {
				&:hover {
					.bg(@icon_color_bg);
					color: @icon_color_hover;
				}
				
				&.rss:hover { .bg(#E66000); }
				&.twitter:hover { .bg(#33CCFF); }
				&.facebook:hover { .bg(#3B5998); }
				&.gplus:hover { .bg(#DD4B39); }
				&.github:hover { .bg(#4183C4); }
				&.skype:hover { .bg(#00AFF0); }
				&.vkontakte:hover { .bg(#496C93); }
				&.blogger:hover { .bg(#FA9D3C); }
				&.dropbox:hover { .bg(#1F8CE6); }
				&.evernote:hover { .bg(#6FB536); }
				&.last_fm:hover { .bg(#D51007); }
				&.linked_in:hover { .bg(#0E5D86); }
				&.mail:hover { .bg(#F7A600); }
				&.odnoklassniki:hover { .bg(#E77B19); }
				&.vimeo:hover { .bg(#1AB7EA); }
				&.youtube:hover { .bg(#FF3333); }
				&.email:hover { .bg(#F14A29); }
			}
		}
	}
	
	// выставляет поведение hover — меняем цвет текста
	.hover_color(@icon_color_bg: transparent, @icon_color_hover: #000)
	{
		div.social {
			a {
				&:hover {
					.bg(@icon_color_bg);
					color: @icon_color_hover;
				}
				
				&.rss:hover { color: #E66000; }
				&.twitter:hover { color: #33CCFF; }
				&.facebook:hover { color: #3B5998; }
				&.gplus:hover { color: #DD4B39; }
				&.github:hover { color: #4183C4; }
				&.skype:hover { color: #00AFF0; }
				&.vkontakte:hover { color: #496C93; }
				&.blogger:hover { color: #FA9D3C; }
				&.dropbox:hover { color: #1F8CE6; }
				&.evernote:hover { color: #6FB536; }
				&.last_fm:hover { color: #D51007; }
				&.linked_in:hover { color: #0E5D86; }
				&.mail:hover { color: #F7A600; }
				&.odnoklassniki:hover { color: #E77B19; }
				&.vimeo:hover { color: #1AB7EA; }
				&.youtube:hover { color: #FF3333; }
				&.email:hover { color: #F14A29; }
			}
		}
	}

	// скругление углов иконок
	.round(@radius: 3px)
	{
		div.social {
			a {
				.border_radius(@radius);
			}
		}
	}
	
	
} // social_grands