Иконки Font Awesome во вкладках менеджера ресурсов

Иконки Font Awesome во вкладках менеджера ресурсов

  1. Next
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Иконки Font Awesome во вкладках менеджера ресурсов

    Код:
    .resourceTabDescription a:before {
        font-family: 'FontAwesome';
        content: "\f06e";
        text-shadow: 0 0 0 transparent, 1px 1px 1px #176093;
        padding-right: 3px;
    }
    .resourceTabUpdates a:before {
        font-family: 'FontAwesome';
        content: "\f021";
        text-shadow: 0 0 0 transparent, 1px 1px 1px #176093;
        padding-right: 3px;
    }
    .resourceTabHistory a:before {
        font-family: 'FontAwesome';
        content: "\f161";
        text-shadow: 0 0 0 transparent, 1px 1px 1px #176093;
        padding-right: 3px;
    }
    .resourceTabDiscussion a:before {
        font-family: 'FontAwesome';
        content: "\f044";
        text-shadow: 0 0 0 transparent, 1px 1px 1px #176093;
        padding-right: 3px;
    }
    .resourceTabDescription a:hover:before, .resourceTabUpdates a:hover:before, .resourceTabHistory a:hover:before, .resourceTabDiscussion a:hover:before {
        color: Darkorange;
        transition: 2s;
    }
    Для вкладок
    Код:
    .resourceHeaders .tabs li a[href*="resources/"]:before {
        font-family: 'FontAwesome';
        content: "\f021";
        padding-right: 4px;
        color: #176093;
    }
    .resourceHeaders .tabs li a[href*="?order=resource_date"]:before {
        font-family: 'FontAwesome';
        content: "\f073";
        padding-right: 4px;
        color: #176093;
    }
    .resourceHeaders .tabs li a[href*="?order=rating_weighted"]:before {
        font-family: 'FontAwesome';
        content: "\f123";
        padding-right: 4px;
        color: #176093;
    }
    .resourceHeaders .tabs li a[href*="?order=download_count"]:before {
        font-family: 'FontAwesome';
        content: "\f019";
        padding-right: 4px;
        color: #176093;
    }
    .resourceHeaders .tabs li a[href*="?order=title"]:before {
        font-family: 'FontAwesome';
        content: "\f278";
        padding-right: 4px;
        color: #176093;
    }
    .resourceHeaders .tabs li a[href*="resources/"]:hover:before, .resourceHeaders .tabs li a[href*="?order=resource_date"]:hover:before, .resourceHeaders .tabs li a[href*="?order=rating_weighted"]:hover:before, .resourceHeaders .tabs li a[href*="?order=download_count"]:hover:before, .resourceHeaders .tabs li a[href*="?order=title"]:hover:before {
        color: Darkorange;
        transition: 2s;
    }
Поделиться этой страницей в