Chuyển CSS sang responsive

Thảo luận trong 'Style & Template Questions' bắt đầu bởi tranthang2000, 6/10/15.

  1. tranthang2000

    tranthang2000 New Member

    Bài viết:
    32
    Likes :
    2
    Bác nào chuyển giùm em cái file CSS này sang responsive với ạ. em cảm ơn
    PHP:
    .recentNews .subHeading margin: -10px -10px 10px; }
    .
    recentNews .subHeading a color: @subHeading.color; }
    .
    recentNews .subHeading h2 font-size1.2emwhite-spacenowrapoverflowhiddentext-overflowellipsis; }
    .
    recentNews .messageUserBlock floatrightmargin-left10px; }

    .
    recentNews .newsDate floatleftmargin0px 10px 10px 0pxpadding0px 10px 5pxwidth35pxfont-weightboldtext-aligncenter; }
    .
    recentNews .newsDate .newsMonth padding10px 0px 5px !importantmargin0px -10px 5px !importanttext-transformuppercase; }
    .
    recentNews .newsDate .newsDay font-size26px; }

    .
    recentNews .leftDate .newsDate margin-left: -45px; }
    .
    recentNews .leftDate .newsText margin-left25px; }

    .
    recentNews .messageContent font-size13px; }
    .
    recentNews .messageContent .postedBy margin-bottom10pxpadding-bottom5pxborder-bottom1px dashed @primaryLighterStill; }
    .
    recentNews .messageContent .username font-weightbold; }
    .
    recentNews .messageContent .comments floatrightfont-weightbold; }
    .
    recentNews .messageContent .clearFix clearright; }

    .
    recentNews .iconKey div
    {
        
    backgroundtransparent url('@imagePath/xenforo/xenforo-ui-sprite.png'no-repeat 10000px 0;
        
    width16px;
        
    height16px;
        
    floatleft;
        
    margin-right4px;
    }
    .
    recentNews .iconKey .sticky    background-position:   0px -16px; }
    .
    recentNews .iconKey .redirect  background-position: -48px -16px; }
    .
    recentNews .iconKey .new       { background-position: -64px -16px; }

    .
    recentNews .sectionFooter margin10px -10px -10pxtext-alignrightpositionrelative; }
    .
    recentNews .sectionFooter .continue { padding-top5pxfont-size12px; }
    .
    recentNews .sectionFooter .continue .redirect margin3px 4px 0px 0px; }

    .
    recentNews .sectionFooter .categories padding-top5pxfloatleft; }
    .
    recentNews .sectionFooter .categories li displayinline; }

    .
    recentNews .sectionFooter .sharePage positionabsolute; }
    .
    recentNews .sectionFooter .shareControl margin-top6px !important; }
     
    Đang tải...
comments powered by Disqus

Chia sẻ trang này

Đang tải...