/* Cleaned CSS: */
/* Cleaned CSS for new ControlStrip */
/* User info */
/* Summary */

/* user css */


<div
    lj-discovery-times
    class="b-discoverytimes-wrapper discoverytimes-noiframe"
    >
        
            <div
                class="
                    b-discoverytimes
                    
                        b-discoverytimes-state-branding
                    
                    
                    "
                ng-class="{
                    'b-discoverytimes-state-recommend':   times.showRecommend,
                    'b-discoverytimes-state-recommended': times.isRecommend,
                    'b-discoverytimes-state-random':      times.showRandom
                }"
                >

                

                <!-- items -->
                <div class="b-discoverytimes-container">
                    <div
                        class="b-discoverytimes-items-container"
                        ng-mouseenter="times.onContainerMouseEnter()"
                        ng-mouseleave="times.onContainerMouseLeave()"
                    >
                        <ul class="b-discoverytimes-items">
                            <li ng-repeat="item in times.items"
                                ng-class="{
                                    'b-discoverytimes-item-active': times.active[item.itemid]
                                }"
                                class="b-discoverytimes-item"
                                >
                                <div class="b-discoverytimes-items-grant-label" ng-if="item.isGrant">
                                    <span>🎁</span>
                                    <div class="basepopup basepopup--arrow-left-center">Blog grant promo</div>
                                </div>
                                <h3 class="b-discoverytimes-item-head">
                                    <span class="b-discoverytimes-item-author" ng-bind-html="item.author" ng-if="item.author"></span>
                                    <span ng-if="item.user && !item.author"
                                        lj-user-dynamic="item.user.username"
                                        lj-user-dynamic-options="{ target: '_blank', noctxpopup: true }"
                                        ></span>
                                </h3>
                                <p class="b-discoverytimes-item-body">
                                    <a
                                        ng-href="{{item.url}}"
                                        lj-html="item.subject"
                                        target="_blank"
                                        ng-click="item.isGrant && times.onGrantPromoClick(item)"
                                    ></a>
                                </p>
                            </li>
                        </ul>

                        
                            <!-- aside -->
                            <p class="b-discoverytimes-aside">

                                <!-- recommend entry -->
                                <a
                                    href="javascript:void(0);"
                                    class="b-discoverytimes-aside-recommend"
                                    ng-click="times.recommend()"
                                    ><!--
                                    -->Recommend this entry<!--
                                --></a>

                                <!-- recommended entry -->
                                <span
                                    class="b-discoverytimes-aside-recommended"
                                    ><!--
                                    -->Has been recommended<!--
                                --></span>
                                <a
                                    medius-recommended
                                    data-lj-times-mode=true
                                    href="#"
                                    class="b-discoverytimes-aside-random"
                                    ><!--
                                    -->Send news<!--
                                --></a>

                            </p><!-- /aside -->
                        
                    </div>
                </div>
            </div><!-- /discoverytimes -->
        
 </div>
