ifhub.club/application/frontend/skin/developer/assets/css/common.css

/**
 * Общие стили
 * 
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */


/**
 * Избранное
 *
 * @template favourite.tpl
 */
.favourite { cursor: pointer; display: inline-block; }
.favourite-toggle { 
	display: inline-block; 
	width: 14px; 
	height: 14px; 
	vertical-align: text-top; 
	background: url(../images/icons.png) -96px 0 no-repeat; 
	opacity: .3; 
	filter: alpha(opacity=30);
}
.favourite-toggle.active { opacity: 1; filter: alpha(opacity=100); }
.favourite:hover { opacity: .8; filter: alpha(opacity=80); }
.favourite-count { margin-left: 0; font-weight: bold; }


/**
 * Пагинация 
 *
 * @template pagination.tpl
 * @template comments/comment_pagination.tpl
 */
.pagination                  { overflow: hidden; zoom: 1; color: #aaa; line-height: 1em; }
.pagination--list            { overflow: hidden; zoom: 1; float: left; margin-top: 10px; margin-right: 50px; }
.pagination--list:last-child { margin-left: 0; }

.pagination--item            { float: left; margin-right: 5px; }
.pagination--item-inner      { display: block; padding: 12px 15px 11px; background: #f7f7f7; }
.pagination--item-text       { color: #aaa; }
.pagination--item-link       { color: #333; }
.pagination--item-link:hover { background: #eee; }

.pagination--item.active .pagination--item-inner { color: #fff; background: #2891D3; cursor: default; }


/**
 * Экшнбар 
 */
.actionbar                             { background: #fafafa; border: 1px solid #eee; margin-bottom: 2px; }
.actionbar-item                        { float: left; white-space: nowrap; }
.actionbar-item-link                   { float: left; padding: 10px 15px; color: #333; }
.actionbar-item-link:hover             { text-decoration: none; background: #eee; color: #000; }
.actionbar-item-link.link-dotted       { border-color: #f00; }
.actionbar-item-link.link-dotted:hover { border-color: #06e; color: #06e; text-decoration: none; }


/**
 * Accordion
 */
.accordion { margin-bottom: 15px; }

.accordion-header { padding: 10px 15px; background: #f7f7f7; cursor: pointer; }
.accordion-header:hover { color: #f00; }

.accordion-content { padding: 15px; background: #fafafa; display: none; border-top: 1px solid #eee; }


/**
 * Item List 
 */
.item-list 					{ }
.item-list li 				{ min-height: 51px; padding: 17px 15px 20px 80px; border-top: 1px solid #eee; position: relative; zoom: 1; background: #fff; }
.item-list li:first-child 	{ border: none; }
.item-list li p 			{ padding-top: 2px; font-size: 11px; }
.item-list li a 			{ text-decoration: none; }
.item-list li .avatar 		{ position: absolute; top: 20px; left: 20px; margin-right: 10px; }
.item-list li .author 		{ font-weight: bold; color: #333; }
.item-list li .blog-name 	{ font-weight: bold; }


/**
 * Список объектов
 */
.object-list                  { margin-bottom: 20px; border-bottom: 1px solid #eee; }
.object-list-item             { border-top: 1px solid #eee; padding: 15px 0 15px 120px; position: relative; min-height: 100px; }
.object-list-item-image       { position: absolute; top: 17px; left: 0; }
.object-list-item-title       { font-size: 24px; line-height: 1.1em; margin-bottom: 10px; }
.object-list-item-description { margin-bottom: 15px; }
.object-list-item-actions     { position: absolute; top: 15px; right: 0; width: 150px; text-align: right; }

.object-list.object-list-actions .object-list-item { padding-right: 170px; }


/**
 * Блок с аватарой и логином пользователя
 *
 * @template user_item.tpl
 */
.user-item { display: inline-block; }
.user-item-avatar { vertical-align: middle; margin-right: 2px; }
.user-item-name { font-weight: bold; }

.user-item-rounded .user-item-avatar { border-radius: 50%; }

.user-item.inactive { opacity: .5; }


/**
 * Список пользователей 
 * 
 * @template user_list_avatar.tpl
 */
.user-list-avatar 			{ overflow: hidden; zoom: 1; }
.user-list-avatar li 		{ width: 64px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 15px; text-align: center; }
.user-list-avatar .user-item-avatar	{ margin-bottom: 2px; margin-right: 0; display: block; }
.user-list-avatar .user-item-name	{ font-size: 11px; font-weight: normal; }


/**
 * Список пользователей
 */
.user-list-small                 { margin-bottom: 15px; max-height: 440px; overflow: auto; }
.user-list-small:last-child      { margin-bottom: 0; }

.user-list-small-item            { background: #fafafa; padding: 10px 55px 10px 10px; margin-bottom: 1px; position: relative; }
.user-list-small-item:last-child { margin-bottom: 0; }
.user-list-small-item input      { vertical-align: middle; }

.user-list-small-item-actions          { position: absolute; top: 50%; right: 13px; margin-top: -8px; }
.user-list-small-item-actions li       { cursor: pointer; opacity: .7; }
.user-list-small-item-actions li:hover { opacity: 1; }


/**
 * Список пользователей
 */
.user-list-add                 { margin-bottom: 15px; }
.user-list-add:last-child      { margin-bottom: 0; }

.user-list-add-title { font-size: 18px; margin-bottom: 15px; }

.user-list-add-form { padding: 20px; margin-bottom: 5px; background: #f7f7f7; border: 1px solid #eee; }

.user-list-add-note { margin-bottom: 20px; color: #aaa; font-size: 13px; }


/**
 * More
 */
.get-more {
	display: block;
	text-align: center;
	padding: 12px 0;
	margin-top: 30px;
	background: #fafafa;
	color: #aaa;
	border-top: 1px solid #eee;
	text-decoration: none;
	cursor: pointer;
}
.get-more:hover { background: #f7f7f7; color: #555; }
.get-more.loading { background: #f7f7f7 url(../images/loader.gif) 50% 50% no-repeat; text-indent: -9999px; }


/**
 * Вложенный список
 */
.nested-list .nested-list-item a        { display: block; margin-bottom: 1px; padding: 5px 9px; }
.nested-list .nested-list-item.active a { color: #fff; text-decoration: none; background: #5560D5; }


/**
 * Progress Bar
 */
.progress-bar       { height: 25px; width: 100%; background: #8BC4E0; color: #fff; overflow: hidden; position: relative; border-radius: 3px; }
.progress-bar-value {
	height: 25px;
	background: #149bdf;
	background: -moz-linear-gradient(top, #149bdf 0%, #0480be 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #149bdf), color-stop(100%, #0480be));
	background: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
	background: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
	background: -ms-linear-gradient(top, #149bdf 0%, #0480be 100%);
	background: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149bdf', endColorstr='#0480be', GradientType=0 );
 }
.progress-bar-label { height: 25px; width: 100%; line-height: 25px; text-align: center; position: absolute; top: 0; left: 0; color: #fff; }


/**
 * Список тегов
 */
.tag-list           { margin: 0 0 25px; color: #888; }
.tag-list-item      { display: inline; }
.tag-list-item a    { white-space: nowrap; }
.tag-list-item-edit { margin-left: 20px; }

.tag-list-item-tag.tag-list-item-tag-personal a       { color: #3CA023; }
.tag-list-item-tag.tag-list-item-tag-personal a:hover { color: #f00; }


/**
 * Облако тегов 
 */
.tag-cloud { width: 100%; }

.tag-cloud-item          { display: inline; margin-right: 5px; line-height: 22px; }
.tag-cloud-item a        { text-decoration: none; }
.tag-cloud-item.active a { color: #3CA023; }

.tag-size-1  { font-size: 12px; }
.tag-size-2  { font-size: 12px; }
.tag-size-3  { font-size: 14px; }
.tag-size-4  { font-size: 14px; }
.tag-size-5  { font-size: 18px; }
.tag-size-6  { font-size: 18px; }
.tag-size-7  { font-size: 20px; }
.tag-size-8  { font-size: 20px; }
.tag-size-9  { font-size: 22px; }
.tag-size-10 { font-size: 22px; }


/**
 * Заметка
 */
.user-note            { background: #F1F7AF; padding: 20px; margin-bottom: 15px; }
.user-note:last-child { margin-bottom: 0; }
.user-note-actions    { margin: 10px 0 0 0; overflow: hidden; }
.user-note-actions li { float: left; margin-right: 15px; }


/**
 * Список с информацией
 */
.info-list                 { margin-bottom: 20px; }
.info-list:last-child      { margin-bottom: 0; }
.info-list-item            { margin-bottom: 5px; overflow: hidden; }
.info-list-item:last-child { margin-bottom: 0; }
.info-list-item-label      { opacity: .6; float: left; width: 130px; }


/**
 * Разное
 */
.user, .ls-user 	{ font-weight: bold; color: #333; }
.ls-user 	        { display: inline-block; }
.ls-user:before 	{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 3px;
	background: url(../images/icons.png) -168px 0 no-repeat;
	vertical-align: middle;
}
.user.inactive 		{ color: #aaa; cursor: help; }