Ace giúp đỡ mình chỉnh cái khung của notice với

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

1votes
5/5, 1 vote

  1. tongtulenh

    tongtulenh Member

    Bài viết:
    313
    Likes :
    42
    Như tiêu đề mình đang muốn bỏ cái boder mầu vàng đi, hoặc là vẫn giữ boder nhưng sẽ cho màu trắng cùng với mầu nền. để làm sao cái khung đó ko nhìn thấy nữa.

    demo:
    demo

    Đoạn code đó nằm trong template: panel_scroller.css

    và ngay đoạn đầu tiên luôn:

    Mã:
    .hasJs #Notices.PanelScroller { display: none; }
    
    .PanelScroller .scrollContainer,
    .PanelScrollerOff .panel
    {
        @property "panelScroller";
        background-color: @contentBackground;
        padding: 0px;
        margin-bottom: 10px;
        border: 1px solid @secondaryLight;
        border-radius: 5px;
        font-size: 13pt;
        @property "/panelScroller";
    }
    
    .PanelScroller .PanelContainer
    {
        position: relative;
        clear: both;
        width: 100%;
        overflow: auto;
    }
    
        .hasJs .PanelScroller .Panels
        {
            position: absolute;
        }
    
        .PanelScroller .Panels
        {
            clear: both;
            margin: 0;
            padding: 0;
        }
       
            .PanelScroller .panel,
            .PanelScrollerOff .panel
            {
                overflow: hidden;
                position: relative;
                padding: 0 !important;
    
                @property "panelScrollerPanel";
                background: rgba(252, 252, 255, .5);
                padding: 0px;
                @property "/panelScrollerPanel";
            }
               
            .PanelScroller .panel .noticeContent,
            .PanelScrollerOff .panel .noticeContent
            {
                @property "panelScrollerPanel.padding";
                padding: 0px;
                @property "/panelScrollerPanel.padding";
            }
    
    /** panel scroller nav **/
    
    .PanelScroller .navContainer
    {
        @property "panelScrollerNavContainer";
        margin: -11px 21px 10px;
        overflow: hidden;
        zoom: 1;
        @property "/panelScrollerNavContainer";
    }
    
    .PanelScroller .navControls
    {
        float: right;
    }
    
    {xen:helper clearfix, '.PanelScroller .navControls'}
    
        .PanelScroller .navControls a
        {
            @property "panelScrollerNavControl";
            font-size: 9px;
            color: @contentTextColor;
            background-color: @primaryLightest;
            padding: 3px 6px 2px;
            margin-left: -1px;
            float: left;
            display: block;
            position: relative;
            @property "/panelScrollerNavControl";
           
            @property "panelScroller.border";
            border: 1px solid @secondaryLight;
            border-radius: 5px;
            @property "/panelScroller.border";
            border-radius: 0;
        }
       
            .PanelScroller .navControls > a:first-child
            {
                border-bottom-left-radius: @panelScroller.border-bottom-left-radius;
            }
           
            .PanelScroller .navControls > a:last-child
            {
                border-bottom-right-radius: @panelScroller.border-bottom-right-radius;
            }
           
            .PanelScroller .navControls a:hover
            {
                @property "panelScrollerNavControlHover";
                text-decoration: none;
                background-color: @primaryLightest;
                @property "/panelScrollerNavControlHover";
            }
           
            .PanelScroller .navControls a.current
            {
                @property "panelScrollerNavControlCurrent";
                background-color: @primaryLighterStill;
                @property "/panelScrollerNavControlCurrent";
            }
           
                .PanelScroller .navControls a .arrow
                {
                    display: none;
                }
               
                .PanelScroller .navControls a.current span
                {
                    display: block;
                    line-height: 0px;
                    width: 0px;
                    height: 0px;
                    border-top: 5px solid @primaryLighter;
                    border-right: 5px solid transparent;
                    border-bottom: 1px none black;
                    border-left: 5px solid transparent;
                    -moz-border-bottom-colors: @primaryLighter;
                    position: absolute;
                }
               
                .PanelScroller .navControls a.current .arrow
                {
                    border-top-color: @panelScroller.border-color;
                    top: 0px;
                    left: 50%;
                    margin-left: -5px;
                }
               
                    .PanelScroller .navControls a .arrow span
                    {
                        border-top-color: @panelScroller.background-color;
                        top: -6px;
                        left: -5px;
                    }
                   
    /* notices */
    
    #Notices .panel .noticeContent
    {
        padding-right: 0px;
    }
    Tuy nhiên có 1 điều là: mình vào đó thay đổi, cho boder nó bằng 0px và save nó lại, save báo thành công. nhưng f5 lại thì nó chả thay đổi gì, nó vẫn là 1px.

    Các bạn cho mình hỏi vì sao không thay đổi được, mặc dù mình đã thay như trên.

    Dùng trình duyệt chrom, opera(ctrl + shìft + N) nhưng vẫn không được
     
    Đang tải...
  2. blaysku

    blaysku Member

    Bài viết:
    230
    Likes :
    95
    Xóa lun dòng đó đi hoặc thêm ! important vào
     
  3. tongtulenh

    tongtulenh Member

    Bài viết:
    313
    Likes :
    42
    Cảm ơn bác, em làm được rồi.
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...