Моды 1.5.x Добавляем Font Awesome к элементам управления

DOWNLOAD

Сообщения
158
Симпатии
16
Баллы
18
#1
Для добавления Font Awesome к заголовкам в сайдбаре, субнавигации и элементам управления на форуме.
Первым делом, подключим шрифт - Font Awesome - Локальная установка и подключение, если не подключён.
Затем добавляем в шаблон EXTRA.css.

Код:
/* Sidebar ========================================= */

.sidebar .section h3:before,
.sidebar .section h3 a:before,
.resourceListSidebar h3:before,
.resourceListSidebar h3 a:before {
  padding: 0 4px 0 0;
  font-family: FontAwesome;
}
.sidebar .staffOnline h3 [href$="staff"]:before {
  content: "\f007";
}
/*.sidebar .membersOnline h3 [href*="online/"]:before {
  content: "\f0c0";
}*/
.sidebar .membersOnline h3:before {
  content: "\f0c0";
}
.sidebar .profilePostList h3 [href*="profile-posts"]:before {
  content: "\f27a";
}
.sidebar .miniResourceList h3 [href*="resources"]:before {
  content: "\f187";
}
.sidebar .statsList h3:before {
  content: "\f080";
}
.sidebar .sharePage h3:before {
  content: "\f045";
}
.sidebar .participants h3::before {
  content: "\f0c0";
}

.sidebar .findMember h3 [href*="online/"]:before {
  content: "\f002";
}
.sidebar .avatarHeap h3:before {
  content: "\f1fd";
}
.sidebar .newestMembers .avatarHeap h3:before {
  content: "\f234";
}

.sidebar #resourceInfo h3:before {
  content: "\f129";
}
.sidebar #authorTools h3:before {
  content: "\f085";
}
.sidebar #versionInfo h3:before {
  content: "\f05a";
}
.sidebar #moreAppsByAuthor h3 [href*="resources/authors"]:before {
  content: "\f012";
}
.resourceListSidebar .categoryList h3:before {
  content: "\f187";
}
.resourceListSidebar h3 [href*="resources/reviews"]:before {
  content: "\f005";
}
.resourceListSidebar .miniResourceList h3 [href$="rating_weighted"]:before {
  content: "\f091";
}
.resourceListSidebar h3 [href*="resources/authors"]:before {
  content: "\f012";
}

/* tabLinks & blockLinksList ========================================= */

.tabLinks a:before,
.blockLinksList a:before,
.Menu .blockLinksList a:before {
  margin: -1px 2px 0 0;
  font-family: FontAwesome;
}
.tabLinks a[href*="/mark-read"]:before,
.blockLinksList a[href*="/mark-read"]:before {
  content: "\f14a";
}
.tabLinks a[href*="search/"]:before,
.blockLinksList a[href*="search/"]:before {
  content: "\f002";
}
.tabLinks a[href*="watched/forums"]:before,
.blockLinksList a[href*="watched/forums"]:before {
  content: "\f075";
}
.tabLinks a[href*="watched/threads"]:before,
.blockLinksList a[href*="watched/threads"]:before {
  content: "\f086";
}
.tabLinks a[href*="find-new/posts"]:before,
.blockLinksList a[href*="find-new/posts"]:before {
  content: "\f005";
}
.tabLinks a[href*="/mark-viewed"]:before,
.blockLinksList a[href*="/mark-viewed"]:before {
  content: "\f14a";
}

.tabLinks a[href*="br-rules/show"]:before,
.blockLinksList a[href*="br-rules/show"]:before {
  content: "\f071";
}

.tabLinks a[href*="articles/authors"]:before,
.blockLinksList a[href*="articles/authors"]:before {
  content: "\f007";
}
.tabLinks a[href*="articles/settings"]:before,
.blockLinksList a[href*="articles/settings"]:before {
  content: "\f013";
}

.tabLinks a[href*="competitions/"]:before,
.blockLinksList a[href*="competitions/"]:before {
  content: "\f091";
}
.tabLinks a[href*="competitions/terms"]:before,
.blockLinksList a[href*="competitions/terms"]:before {
  content: "\f071";
}
.tabLinks a[href*="competitions/create"]:before,
.blockLinksList a[href*="competitions/create"]:before {
  content: "\f058";
}
.tabLinks a[href*="competitions/archive"]:before,
.blockLinksList a[href*="competitions/archive"]:before {
  content: "\f02d";
}

.tabLinks a[href*="media/add"]:before,
.blockLinksList a[href*="media/add"]:before {
  content: "\f0fe";
}
.tabLinks a[href*="watched/media"]:before,
.blockLinksList a[href*="watched/media"]:before {
  content: "\f06e";
}
.tabLinks a[href*="find-new/media"]:before,
.blockLinksList a[href*="find-new/media"]:before {
  content: "\f0fe";
}

.tabLinks a[href*="donations/list"]:before,
.blockLinksList a[href*="donations/list"]:before {
  content: "\f0d6";
}

.tabLinks a[href$="resources/authors"]:before,
.blockLinksList a[href*="resources/authors"]:before {
  content: "\f012";
}
.tabLinks a[href*="resources/reviews"]:before,
.blockLinksList a[href*="resources/reviews"]:before {
  content: "\f005";
}
.tabLinks a[href^="resources/authors/"]:before,
.blockLinksList a[href*="resources/authors/"]:before {
  content: "\f007";
}
.tabLinks a[href*="resources/watched-categories"]:before,
.blockLinksList a[href*="resources/watched-categories"]:before {
  content: "\f075";
}
.tabLinks a[href$="resources/watched"]:before,
.blockLinksList a[href*="resources/watched"]:before {
  content: "\f086";
}

.tabLinks a[href*="members/"]:before,
.blockLinksList a[href*="members/"]:before {
  content: "\f005";
}
.tabLinks a[href*="members/list"]:before,
.blockLinksList a[href*="members/list"]:before {
  content: "\f0c0";
}
.tabLinks a[href*="online/"]:before,
.blockLinksList a[href*="online/"]:before {
  content: "\f06e";
}
.tabLinks a[href*="recent-activity/"]:before,
.blockLinksList a[href*="recent-activity/"]:before {
  content: "\f06d";
}
.tabLinks a[href*="find-new/profile-posts"]:before,
.blockLinksList a[href*="find-new/profile-posts"]:before {
  content: "\f086";
}

.Menu .blockLinksList a[href$="/warn"]:before {
    content: "\f071";
}
.Menu .blockLinksList a[href^="spam-cleaner"]:before {
  content: "\f12a";
}
.Menu .blockLinksList a[href$="/shared-ips"]:before {
    content: "\f007";
}
.Menu .blockLinksList a[href*="banning/users"]:before {
    content: "\f235";
}
.Menu .blockLinksList a[href$="/edit"]:before {
    content: "\f040";
}

#NavigationHiddenMenu.blockLinksList .navLink[href$="/members/"]:before {
  content: "\f0c0";
}
#NavigationHiddenMenu.blockLinksList .navLink[href$="/resources/"]:before {
  content: "\f187";
}
#NavigationHiddenMenu.blockLinksList .navLink[href$="/rules/"]:before {
  content: "\f0f6";
}
#NavigationHiddenMenu .navLink[href$="/"]:before {
  content: "\f0e6";
}
/* TaigaChat & etc =============================== */
.Menu .blockLinksList a[href$="/ban"]:before {
    content: "\f235";
}
.Menu .blockLinksList a[href$="/delete"]:before {
    content: "\f1f8";
}
.Menu .blockLinksList a[href$="/poll/add"]:before {
    content: "\f055";
}
.Menu .blockLinksList a[href$="/move"]:before {
    content: "\f0b2";
}
.Menu .blockLinksList a[href$="/reply-bans"]:before {
    content: "\f252";
}
.Menu .blockLinksList a[href$="/moderator-actions"]:before {
    content: "\f0c9";
}

/* Убираем иконки из меню редактирования темы */
/*.Menu .blockLinksList a[href^="threads/"]:before {
  content: "";
}*/
/* Убираем иконки из выпадающего меню аккаунта */
#AccountMenu .blockLinksList a[href*="search/member"]:before {
  content: "";
}

/* ==================================================== */

[class$=Controls] .control:before {
  font-family: FontAwesome;
  margin-right: 2px;
}
/* Public */
[class$=Controls] .control.unlike:before {
  content: "\f165";
}
[class$=Controls] .control.like:before {
  content: "\f164";
}
[class$=Controls] .control.reply:before {
  content: "\f112";
}
[class$=Controls] .control.XITag:before {
  content: "\f007";
}
/* Private & Comment */
[class$=Controls] .control.edit:before {
  content: "\f040";
}
[class$=Controls] .control.history:before {
  content: "\f1da";
}
[class$=Controls] .control.delete:before {
  content: "\f1f8";
}
[class$=Controls] .control.deleteSpam:before {
  content: "\f12a";
}
.blockLinksList .control.ip:before,
[class$=Controls] .control.ip:before {
  content: "\f007";
}
.blockLinksList .control.warn:before,
[class$=Controls] .control.warn:before {
  content: "\f071";
}
[class$=Controls] .control.report:before {
  content: "\f06a";
}
.blockLinksList .control.unapprove:before {
  content: "\f05e";
}
/* ================================================= */

.discussionList .discussionListItem .iconKey span {
  background: none;
  position: relative;
}
.discussionList .discussionListItem .iconKey span:before {
  font-family: FontAwesome;
  position: absolute;
  right: 3px;
  text-indent: 0;
}
.discussionListItem .iconKey .moderated:before {
  content: "\f132";
}
.discussionListItem .iconKey .locked:before {
  content: "\f023";
}
.discussionListItem .iconKey .sticky:before {
  content: "\f08d";
  transform: rotate(45deg);
}
.discussionListItem .iconKey .watched:before {
  content: "\f06e";
}
.discussionListItem .iconKey .starred:before {
  color: gold;
  content: "\f005";
  font-size: 15px;
}

/* ====================================================== */

#content.thread_view .threadAlerts .icon {
    background: none;
}
#content.thread_view .threadAlerts .icon:before {
    font-family: FontAwesome;
    font-size: 15px;
}
.thread_view .threadAlerts .lockedAlert .icon:before {
    content: "\f023";
}
.thread_view .threadAlerts .moderatedAlert .icon:before {
    content: "\f132";
}
/* =========================================================== */

.resourceList .resourceListItem .iconKey span {
  background: none;
  position: relative;
}
.resourceList .resourceListItem .iconKey span:before {
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  text-indent: 0;
  font-size: 15px;
}
.resourceListItem .iconKey .deleted:before {
    content: "\f057";
    color: red;
}

/* =========================================================== */

.secondaryContent.resourceAlerts .icon {
  background: none;
}
.secondaryContent.resourceAlerts .icon:before {
    font-family: FontAwesome;
    font-size: 15px;
}
.resourceAlerts .deletedAlert .icon:before {
    content: "\f057";
    color: red;
}

/* RSS footer =================================================== */

.footerLinks li a.globalFeed:before {
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    line-height: 14px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
}
.footerLinks li a.globalFeed {
  background: none;
  position: relative;
}
.footerLinks li a.globalFeed:before {
    content: "\f09e";
    color: orange;
}

/* RSS node =================================================== */
.node .nodeControls .tinyIcon:after {
    color: orange;
    content: "\f09e";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    line-height: 1em;
    opacity: 0.25;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 1px;
}
.node .nodeControls .tinyIcon {
    background: none;
    height: 16px;
    opacity: 1;
    position: relative;
    width: 16px;
}

.node .nodeControls:hover .tinyIcon:after {
   opacity: 1;
}

/* Footer links =================================================== */

.footerLinks li a:before,
.footer .choosers a:before {
  font-family: FontAwesome;
  margin-right: 2px;
}
.footerLinks li a[href*="tags/"]:before {
  content: "\f02c";
}
.footerLinks li a[href*="help/"]:before {
  content: "\f1cd";
}
.footerLinks li a[href*="misc/contact"]:before {
  content: "\f003";
}
.footerLinks li a.homeLink:before {
  content: "\f015";
}
.footerLinks li a.topLink:before {
  content: "\f062";
}
.footer .choosers a[href*="misc/style"]:before {
    content: "\f1fc";
}
.footer .choosers a[href*="misc/language"]:before {
    content: "\f1ab";
}

/* Sidebar board statistic ================================================ */

.sidebar #boardStats .pairsJustified .discussionCount dt:before,
.sidebar #boardStats .pairsJustified .messageCount dt:before,
.sidebar #boardStats .pairsJustified .memberCount dt:before,
.sidebar #boardStats .pairsJustified dl dt:before {
  font-family: FontAwesome;
  margin: 0 1px;
}
.sidebar #boardStats .pairsJustified .discussionCount dt:before {
  content: "\f0e5";
}
.sidebar #boardStats .pairsJustified .messageCount dt:before {
  content: "\f0e6";
}
.sidebar #boardStats .pairsJustified .memberCount dt:before {
  content: "\f0c0";
}
.sidebar #boardStats .pairsJustified dl dt:before {
  content: "\f234";
}

/* Sidebar Visitor Panel  ===================================== */

.sidebar .visitorText .stats dl dt:before {
  font-family: FontAwesome;
  margin: 0 1px;
}
.sidebar .visitorText .stats dl:nth-child(1) dt:before {
  content: "\f0e6";
}
.sidebar .visitorText .stats dl:nth-child(2) dt:before {
  content: "\f087";
}
.sidebar .visitorText .stats dl:nth-child(3) dt:before {
  content: "\f091";
}

/* Postbit ================================================= */

.messageUserBlock .extraUserInfo dl dt:before {
  font-family: FontAwesome;
  font-size: 8px;
  padding-right: 3px;
}
.messageUserBlock .extraUserInfo dl:nth-child(1) dt:before {
  content: "\f086";
}
.messageUserBlock .extraUserInfo dl:nth-child(2) dt:before {
  content: "\f164";
}
.messageUserBlock .extraUserInfo dl:nth-child(3) dt:before {
  content: "\f007";
}

/* Animated arrow ================================================= */
.Popup .PopupControl .arrowWidget {
    width: auto;
    height: auto;
    background: none;
    transition: all 0.1s ease-in;
}
.Popup .PopupControl .arrowWidget:after {
    font-family: "FontAwesome";
    content: "\f107";
}
.PopupControl.PopupOpen .arrowWidget {
    transform: rotate(180deg);
}