FA Icon for Public Navigation

XenForo FA Icon for Public Navigation

inliadev

Registered
COMPLETED

CSS:
//---- [XGT] Login - Botão Registrar
    .p-navgroup.p-navgroup--guest
    {
        &:before{ padding-right: 5px;}   
        .p-navgroup-link--logIn:before { .m-faContent(@fa-var-sign-in);}
        .p-navgroup-link--register:before{ .m-faContent(@fa-var-user-plus);}
    }
    
    
        //---- [XGT] Botões de tópico/resposta - Barra de ação
        .actionBar-action
        {   
            &--edit, &--report, &--ip, &--delete, &--spam, &--warn, &--history
            {
                &:before{ padding-right: 5px;}
            }
            &--edit:before { .m-faContent(@fa-var-edit);}
            &--report:before { .m-faContent(@fa-var-exclamation-triangle);}
            &--ip:before { .m-faContent(@fa-var-search); }
            &--delete:before { .m-faContent(@fa-var-trash-alt);}
            &--spam:before { .m-faContent(@fa-var-sensor-alert); }
            &--warn:before { .m-faContent(@fa-var-engine-warning); }
            &--history:before { .m-faContent(@fa-var-history);}
        }       
    
        //---- [XGT] Página de detalhes da conta
        [data-template="account_alerts"], [data-template="account_reactions"], [data-template="account_bookmarks"],
        [data-template="account_details"], [data-template="account_security"], [data-template="account_privacy"],
        [data-template="account_preferences"], [data-template="account_signature"], [data-template="account_applications"],
        [data-template="account_upgrades"], [data-template="account_connected"], [data-template="account_following"],
        [data-template="account_ignored"], [data-template="asc_account_sms"], [data-template="atc_account_confirmation"]
        {
            .p-body-sideNavContent a.blockLink
            {   
                &:before
                {       
                    padding-right: 5px;
                    .m-faContent(@fa-var-ellipsis-v);   
                }
                &[href*="{{ link('account/account-details') }}"]:before    {.m-faContent(@fa-var-user-cog);}
                &[href*="{{ link('account/upgrades') }}"]:before{ .m-faContent(@fa-var-user-clock);}
            }
        }
        [data-template="account_alerts"],[data-template="account_reactions"],[data-template="account_bookmarks"],[data-template="account_details"],
        [data-template="account_security"],[data-template="account_privacy"],[data-template="account_preferences"],[data-template="account_signature"],
        [data-template="account_applications"],[data-template="account_upgrades"],[data-template="account_connected"],[data-template="account_following"],
        [data-template="account_ignored"],[data-template="asc_account_sms"],[data-template="atc_account_confirmation"]
        {
            .p-body-sideNavContent a.blockLink
            {
                &[href*="{{ link('members/') }}"]:before{.m-faContent(@fa-var-id-card);}
                &[href*="{{ link('account/alerts') }}"]:before{.m-faContent(@fa-var-bell);}
                &[href*="{{ link('account/reactions') }}"]:before{.m-faContent(@fa-var-thumbs-up);}
                &[href*="{{ link('account/bookmarks') }}"]:before{.m-faContent(@fa-var-bookmark);}   
                &[href*="{{ link('account/privacy') }}"]:before{.m-faContent(@fa-var-user-secret);}           
                &[href*="{{ link('account/security') }}"]:before{.m-faContent(@fa-var-shield-check);}   
                &[href*="{{ link('account/preferences') }}"]:before{.m-faContent(@fa-var-sliders-v-square);}       
                &[href*="{{ link('account/signature') }}"]:before{.m-faContent(@fa-var-signature);}
                &[href*="{{ link('account/applications') }}"]:before{.m-faContent(@fa-var-grip-horizontal);}
                &[href*="{{ link('account/connected-accounts') }}"]:before{.m-faContent(@fa-var-users-class);}   
                &[href*="{{ link('account/following') }}"]:before{.m-faContent(@fa-var-eye);}
                &[href*="{{ link('account/ignored') }}"]:before{.m-faContent(@fa-var-user-minus);}   
                &[href*="{{ link('/logout') }}"]:before{.m-faContent(@fa-var-sign-out);}
                //-- TC Sistema
                &[href*="{{ link('account/tc-confirmation') }}"]:before{.m-faContent(@fa-var-id-card);}   
                //-- SMS Sistema
                &[href*="{{ link('account/sms-confirmation') }}"]:before{.m-faContent(@fa-var-sms);}           
            }   
        }
    
        //---- [XGT] Usuários, página de estatísticas
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink::before,
        [data-template="member_notable"] h3.block-textHeader a::before
        {
            padding-right: 8px;
            .m-faContent(@fa-var-ellipsis-h-alt);
        }   
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="members/"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="members/"]:before
        {
            .m-faContent(@fa-var-users);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=most_messages"]::before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=most_messages"]::before
        {
            .m-faContent(@fa-var-comments);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=highest_reaction_score"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=highest_reaction_score"]:before
        {
            .m-faContent(@fa-var-thumbs-up);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=most_points"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=most_points"]:before
        {
            .m-faContent(@fa-var-dot-circle);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=todays_birthdays"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=todays_birthdays"]:before
        {
            .m-faContent(@fa-var-gift);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=staff_members"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=staff_members"]:before
        {
            .m-faContent(@fa-var-users-crown);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=xfrm_most_resources"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=xfrm_most_resources"]:before
        {
            .m-faContent(@fa-var-user-plus);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=xfmg_most_media_items"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=xfmg_most_media_items"]:before
        {
            .m-faContent(@fa-var-images);
        }
        [data-template="member_notable"] .p-body-sideNavContent a.blockLink[href*="key=xfmg_most_albums"]:before,
        [data-template="member_notable"] h3.block-textHeader a[href*="key=xfmg_most_albums"]:before
        {
            .m-faContent(@fa-var-image);
        }
    
        //---- [XGT] Menu do usuário
        .menu-content.js-visitorMenuBody a
        {
            &:before{padding-right: 5px;}
            &[href*="{{ link('account/upgrades') }}"]:before { .m-faContent(@fa-var-user-clock);}
            &[href*="{{ link('whats-new/news-feed') }}"]:before { .m-faContent(@fa-var-rss);}
            &[href*="{{ link('account/alerts') }}"]:before { .m-faContent(@fa-var-bell);}
            &[href*="{{ link('account/account-details') }}"]:before { .m-faContent(@fa-var-user-cog);}
            &[href*="{{ link('account/security') }}"]:before { .m-faContent(@fa-var-shield-check);}
            &[href*="{{ link('account/privacy') }}"]:before { .m-faContent(@fa-var-user-secret);}
            &[href*="{{ link('account/preferences') }}"]:before { .m-faContent(@fa-var-sliders-v-square);}
            &[href*="{{ link('account/signature') }}"]:before { .m-faContent(@fa-var-signature);}
            &[href*="{{ link('account/connected-accounts') }}"]:before { .m-faContent(@fa-var-users-class);}
            &[href*="{{ link('account/following') }}"]:before { .m-faContent(@fa-var-eye);}
            &[href*="{{ link('account/ignored') }}"]:before { .m-faContent(@fa-var-user-minus);}   
            &[href*="{{ link('logout') }}"]:before { .m-faContent(@fa-var-sign-out);}
            &[href*="{{ link('ozel-konusmalar') }}"]:before { .m-faContent(@fa-var-ellipsis-v);}
            &.menu-linkRow[href*="{{ link('search/member') }}"]:before { .m-faContent(@fa-var-comments);}
            &.menu-linkRow[href*="{{ link('account/reactions') }}"]:before { .m-faContent(@fa-var-thumbs-up);}
            //-- TC Sistema
            &[href*="{{ link('account/tc-confirmation') }}"]::before { .m-faContent(@fa-var-id-card);}           
            //-- SMS Sistema
            &[href*="{{ link('account/sms-confirmation') }}"]::before {.m-faContent(@fa-var-sms);}
        }
    
        //---- [XGT] Ícones dos botões da barra de navegação inferior
        .p-navEl .p-navEl-link:before,
        {
            .m-faContent(@fa-var-ellipsis-v);
        }
        .p-navEl a,
        .menu-linkRow,
        .offCanvasMenu--nav .js-offCanvasNavTarget a
        {
            &:before
            {
                margin-right: 6px;
            }
             //---- [XGT] Ícones de navegação inferiores
             &[data-nav-id='newPosts']:before {.m-faContent(@fa-var-search-plus);}
             &[data-nav-id='findThreads']:before {.m-faContent(@fa-var-search);}
             //---- [XGT] Encontre os ícones de navegação inferiores do TÓPICO
             &[data-nav-id='yourThreads']:before {.m-faContent(@fa-var-search); margin-right: 15px;}
             &[data-nav-id='contributedThreads']:before {.m-faContent(@fa-var-search); margin-right: 15px;}
             &[data-nav-id='unansweredThreads']:before {.m-faContent(@fa-var-search); margin-right: 15px;}
             &[data-nav-id='searchForums']:before {.m-faContent(@fa-var-search);}
             &[data-nav-id='watched']:before {.m-faContent(@fa-var-eye);}
             //---- [XGT] SEGUINDO ícones de navegação inferior
             &[data-nav-id='watchedThreads']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='watchedForums']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='markForumsRead']:before {.m-faContent(@fa-var-eye-slash);}
             //---- [XGT] NOVOS ícones de navegação inferior
            &[data-nav-id='featured']:before {.m-faContent(@fa-var-award);}
             &[data-nav-id='whatsNewPosts']:before {.m-faContent(@fa-var-pencil);}
             &[data-nav-id='whatsNewProfilePosts']:before {.m-faContent(@fa-var-rss);}
             &[data-nav-id='whatsNewNewsFeed']:before {.m-faContent(@fa-var-star);}
             &[data-nav-id='xfmgWhatsNewNewMedia']:before {.m-faContent(@fa-var-images);}
             &[data-nav-id='xfmgWhatsNewMediaComments']:before {.m-faContent(@fa-var-comments);}
             &[data-nav-id='xfrmNewResources']:before {.m-faContent(@fa-var-download);}
             &[data-nav-id='latestActivity']:before {.m-faContent(@fa-var-trophy);}
             //---- [XGT] Ícones de navegação de rastreamento inferior XFRM
             &[data-nav-id='xfmgWatchedMedia']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='xfmgWatchedAlbums']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='xfmgWatchedCategories']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='xfmgSearchMedia']:before {.m-faContent(@fa-var-search);}
             &[data-nav-id='xfmgMarkViewed']:before {.m-faContent(@fa-var-eye-slash);}
             &[data-nav-id='xfmgNewMedia']:before {.m-faContent(@fa-var-images);}
             &[data-nav-id='xfmgNewComments']:before {.m-faContent(@fa-var-comments);}
             &[data-nav-id='xfmgAddMedia']:before {.m-faContent(@fa-var-plus-square);}
             &[data-nav-id='xfmgYourContent']:before {.m-faContent(@fa-var-user);}
             &[data-nav-id='xfmgYourMedia']:before {.m-faContent(@fa-var-user); margin-right: 15px;}
             &[data-nav-id='xfmgYourAlbums']:before {.m-faContent(@fa-var-user); margin-right: 15px;}
             &[data-nav-id='xfmgWatchedContent']:before {.m-faContent(@fa-var-eye);}
             //---- [XGT] RM segue ícones de navegação inferiores
             &[data-nav-id='xfrmWatchedResources']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='xfrmWatchedCategories']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
             &[data-nav-id='xfrmLatestReviews']:before {.m-faContent(@fa-var-balance-scale);}
             &[data-nav-id='xfrmYourResources']:before {.m-faContent(@fa-var-user);}
             &[data-nav-id='xfrmWatched']:before {.m-faContent(@fa-var-eye);}
             &[data-nav-id='xfrmSearchResources']:before {.m-faContent(@fa-var-search);}
             //---- Ícones de subnavegação do usuário
             &[data-nav-id='currentVisitors']:before {.m-faContent(@fa-var-user-plus);}
             &[data-nav-id='newProfilePosts']:before {.m-faContent(@fa-var-pencil);}
             &[data-nav-id='searchProfilePosts']:before {.m-faContent(@fa-var-user-secret);}
            //----- Ícone do botão Lista de fãs do TC
            &[data-nav-id='xgtDogrulanmisKimlik']:before {.m-faContent(@fa-var-id-card);}
            //----- Ícone do botão Lista de Fax SMS
            &[data-nav-id='xgtSmsOnaylilar']:before {.m-faContent(@fa-var-sms);}
        }
    
     //---- Icons da Barra do Admin
        .p-staffBar-link
        {
            &:before
            {   
                display: inline-block;
                padding-right: 5px;   
            }
        }
        a[href*="admin.php"].p-staffBar-link::before
        {   
            .m-faContent(@fa-var-user-shield);
        }
        .p-staffBar-link
        {
            &.menuTrigger:before {.m-faContent(@fa-var-user-cog);}
            &.badgeContainer--highlighted:before {.m-faContent(@fa-var-bug);}
        }
    
        //---- Ícones do botão TAB da barra de navegação
        .p-navEl a,
        .menu-linkRow,
        .offCanvasMenu--nav .js-offCanvasNavTarget a,
        .offCanvasMenu--nav .p-offCanvasRegisterLink .offCanvasMenu-linkHolder .offCanvasMenu-link
        {   
            &:before { margin-right: 6px;}
        }
        .p-nav-list .p-navEl-link:before
        {
            .m-faContent(@fa-var-light-plus);
        }
        .offCanvasMenu--nav .p-offCanvasRegisterLink
        {
            [href*="{{ link('login') }}"]:before { .m-faContent(@fa-var-light-sign-in);}
            [href*="{{ link('register') }}"]:before { .m-faContent(@fa-var-light-user-plus);}
        }
        .p-navEl a[data-nav-id="home"]:before,
        .offCanvasMenu-linkHolder a[data-nav-id="home"]:before
        {
            .m-faContent(@fa-var-house);
        }
        .p-navEl a[data-nav-id="forums"]:before,
        .offCanvasMenu-linkHolder a[data-nav-id="forums"]:before
        {
            .m-faContent(@fa-var-comment);
        }
        .p-navEl a[data-nav-id="whatsNew"]:before,
        .offCanvasMenu-linkHolder a[data-nav-id="whatsNew"]:before
        {
            .m-faContent(@fa-var-newspaper);
        }
        .p-navEl a[data-nav-id="members"]:before,
        .offCanvasMenu-linkHolder a[data-nav-id="members"]:before
        {
            .m-faContent(@fa-var-users);
        }
        .p-navEl a[data-nav-id="xfrm"]:before,
        .offCanvasMenu-linkHolder a[data-nav-id="xfrm"]:before
        {
            .m-faContent(@fa-var-download);
        }
        .p-navEl a[data-nav-id="xfmg"]:before,
        .offCanvasMenu-linkHolder a[data-nav-id="xfmg"]:before
        {
            .m-faContent(@fa-var-image);
        }
        //-- Botão da barra de navegação do dbtechEcommerce
        .offCanvasMenu--nav .js-offCanvasNavTarget a,
        .p-navEl-link
        {
            &[data-nav-id="dbtechEcommerce"]:before
            {
                .m-faContent(@fa-var-store);
            }
        }
    
        //---- Widget Icons
        .block[data-widget-definition]
        {
            .block-minorHeader::before
            {
                display: inline-block;
                padding-right: 5px;
                opacity: 0.7;
                .m-faContent(@fa-var-ellipsis-v);
            }   
        }
        .block-minorHeader::before
        {
            .block[data-widget-definition="xfrm_new_resources"] &{ .m-faContent(@fa-var-hdd);}
            .block[data-widget-definition="xfrm_top_resources"] &{ .m-faContent(@fa-var-trophy-alt);}
            .block[data-widget-definition="xfrm_latest_reviews"] &{ .m-faContent(@fa-var-comment-dots);}
            .block[data-widget-definition="xfmg_media_slider"] &{ .m-faContent(@fa-var-presentation);}
            .block[data-widget-definition="html"] &{ .m-faContent(@fa-var-code);}   
            .block[data-widget-definition="thread_poll"] &{ .m-faContent(@fa-var-poll);}
            .block[data-widget-definition="jum_whv"] &{.m-faContent(@fa-var-user-check);}           
            .block[data-widget-definition="find_member"] &{ .m-faContent(@fa-var-search);}
            .block[data-widget-definition="newest_members"] &{ .m-faContent(@fa-var-user-check);}
            .block[data-widget-definition="members_online"] &{ .m-faContent(@fa-var-users);}
            .block[data-widget-definition="member_stat"] &{ .m-faContent(@fa-var-user-chart);}
            .block[data-widget-definition="new_profile_posts"] &{ .m-faContent(@fa-var-comment-alt-smile);}
            .block[data-widget-definition="forum_statistics"] &{ .m-faContent(@fa-var-chart-bar);}
            .block[data-widget-definition="share_page"] &{ .m-faContent(@fa-var-share-alt);}
            .block[data-widget-definition="new_posts"] &{ .m-faContent(@fa-var-comments);}
            .block[data-widget-definition="new_threads"] &{ .m-faContent(@fa-var-comment-lines);}
            .block[data-widget-section="staffMembers"] &{ .m-faContent(@fa-var-users-crown);}
            .block[data-widget-definition="trending_content"] &{ .m-faContent(@fa-var-analytics);}   
            .block[data-widget-definition="featured_content"] &{ .m-faContent(@fa-var-award);}   
            .block[data-widget-definition="xfrm_resource_statistics"] &{ .m-faContent(@fa-var-analytics);}   
        }
 
Back
Top Bottom