1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-07-05 16:04:24 +03:00
ifhub.club/application/frontend/skin/synio/assets/css/toolbar.css
Denis Shakhov ebad65382d Все иконки вынесены в папку icons
* Спрайт будет генерироваться с помощью плагина
2013-08-15 14:51:26 +07:00

68 lines
3 KiB
CSS

/**
* Тулбар
*
* @template toolbar/*.tpl
*/
.toolbar { position: fixed; z-index: 20; }
.toolbar section {
width: 25px;
padding: 8px;
overflow: hidden;
line-height: 14px;
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.03);
box-shadow: 0 0 5px rgba(0,0,0,.03);
margin-bottom: 10px;
border-radius: 10px;
}
.toolbar section a { padding: 0; }
.toolbar section a:hover { background: none; }
.toolbar section i { display: block; width: 25px; height: 25px; }
/**
* Кнопка перехода в админку
*
* @template toolbar/toolbar.admin.tpl
*/
.toolbar .toolbar-admin i { background: url(../images/icons/toolbar-settings.png) no-repeat; }
.toolbar .toolbar-admin i:hover { background-image: url(../images/icons/toolbar-settings-hover.png); }
.toolbar .toolbar-admin i:active { background-image: url(../images/icons/toolbar-settings-active.png); }
/**
* Кнопка обновления комментариев
*
* @template toolbar/toolbar.comment.tpl
*/
.toolbar .toolbar-update .update-comments { padding: 0; }
.toolbar .toolbar-update .update-comments i { width: 25px; height: 25px; background: url(../images/update.gif) no-repeat; }
.toolbar .toolbar-update .update-comments.active i { background-position: -25px 0; }
.toolbar .toolbar-update .new-comments { display: block; border: none; padding: 5px 0 3px; font-size: 11px; color: #51983c; text-align: center; text-decoration: none; width: 25px; }
/**
* Кнопка навигации по топикам
*
* @template toolbar/toolbar.topic.tpl
*/
.toolbar .toolbar-topic { width: 19px; padding: 11px; }
.toolbar .toolbar-topic a.toolbar-topic-prev { border: none; }
.toolbar .toolbar-topic a.toolbar-topic-prev i { display: block; width: 19px; height: 32px; background: url(../images/icons/toolbar-topic-prev.png) no-repeat; }
.toolbar .toolbar-topic a.toolbar-topic-prev i:hover { background-image: url(../images/icons/toolbar-topic-prev-hover.png); }
.toolbar .toolbar-topic a.toolbar-topic-prev i:active { background-image: url(../images/icons/toolbar-topic-prev-active.png); }
.toolbar .toolbar-topic a.toolbar-topic-next i { display: block; width: 19px; height: 32px; background: url(../images/icons/toolbar-topic-next.png) no-repeat; }
.toolbar .toolbar-topic a.toolbar-topic-next i:hover { background-image: url(../images/icons/toolbar-topic-next-hover.png); }
.toolbar .toolbar-topic a.toolbar-topic-next i:active { background-image: url(../images/icons/toolbar-topic-next-active.png); }
/**
* Кнопка прокрутки вверх
*
* @template toolbar/toolbar.scrollup.tpl
*/
.toolbar .toolbar-scrollup { display: none; }
.toolbar .toolbar-scrollup i { background: url(../images/icons/toolbar-scrollup.png) no-repeat; }
.toolbar .toolbar-scrollup i:hover { background-image: url(../images/icons/toolbar-scrollup-hover.png); }
.toolbar .toolbar-scrollup i:active { background-image: url(../images/icons/toolbar-scrollup-active.png); }