github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/css/app_common.css (about)

     1  html,body {min-height: 100%;}
     2  .fr {float: right;}
     3  .fl {float: left;}
     4  .mt5 {margin-top: 5px;}
     5  .mt10 {margin-top: 10px;}
     6  .mt15 {margin-top: 15px;}
     7  .mt20 {margin-top: 20px;}
     8  .ml5 {margin-left: 0.5em;}
     9  .mr5 {margin-right: 0.5em;}
    10  .hdivider {width: 100%; height: 1px;background-color: #e0e0e0;}
    11  
    12  .row {display: -webkit-box;display: -webkit-flex;}
    13  .col {-webkit-box-flex:1; -webkit-flex:1; flex:1;margin: 0 5px; position: relative;}
    14  
    15  .swiper-container img {width: 100%;}
    16  
    17  /* 标题 */
    18  .sectionTitle {height: 2em; line-height: 2em; font-size: 1.12em;}
    19  .sectionTitle .titleDivider {display: inline-block; height: 1.12em; width: 3px; vertical-align: top; background-color: #D43C33; margin-top: 0.44em; margin-left: 0.7em; margin-right: 0.3em;}
    20  /* */
    21  .col .listcoverbar {position: absolute; top: 0; background-color: rgba(0,0,0,0.4); width: 100%;height: 1.2em;}
    22  .col .listcoverbar span {color: #fff;}
    23  .col .listcoverbar .earphone {width: 1em; margin-top: 0.2em; margin-right: 0.3em;}
    24  .col .listcover {width: 100%;}
    25  .col .listtitle {height: 2.4em; font-size: 1em; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    26  
    27  /* item样式 */
    28  .egret-item {height: 4em;}
    29  .egret-item .egret-item-box-cover-center {display: table; height: inherit;}
    30  .egret-item .egret-item-box-cover-center .egret-item-box-abtc {display: table-cell; vertical-align: middle;}
    31  .egret-item .egret-item-box-cover-center .egret-item-box-abtc img {width: 3em; vertical-align: top;}
    32  /* 右侧箭头样式 */
    33  .egret-item .egret-item-arrow {display: table; height: inherit;}
    34  .egret-item .egret-item-arrow .egret-item-box-abtc {display: table-cell; vertical-align: middle;}
    35  .egret-item .egret-item-arrow .egret-item-box-abtc img {width: 0.8em; vertical-align: top;}
    36  /* 中间shelf  两个条目*/
    37  .egret-item .egret-item-shelf {height: inherit; }
    38  .egret-item .egret-item-shelf .egret-item-shelf-title {font-size: 1.1em; margin-top: 0.6em;}
    39  .egret-item .egret-item-shelf .egret-item-shelf-subtitle {font-size: 0.6em; color: #666; margin-top: 0.6em;}
    40  /* 中间shelf 一个条目 */
    41  .egret-item .egret-item-shelf-single {height: inherit; line-height: 4em;font-size: 1.1em;}
    42  .egret-item .egret-item-shelf-redclassify {color: #E03F40; border:1px solid #E03F40; font-size: inherit;padding: 0.1em;border-radius: 1px;margin-right: 5px;}
    43  
    44  
    45  /* 用flex重写框架 */
    46  .egret-flex-item {display: -webkit-box;-webkit-box-align:center;height: 4em;}
    47  /* 左部logo */
    48  .egret-flex-item-logo {max-width: 50px; min-width: 50px; margin-left: 0.5em; margin-right: 0.2em;-webkit-box-flex: 1; -webkit-box-align: center;}
    49  .egret-flex-item-logo img {height: 3em; width: 3em; -webkit-box-align: center;vertical-align: top;/*否则图片不会居中，底部仍然是会有空白*/}
    50  /* 中间文本信息 */
    51  .egret-flex-item-shelf {overflow: hidden; -webkit-box-flex:2; -webkit-box-align: center;}
    52  .egret-flex-item-shelf div {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    53  .egret-flex-item-shelf .egret-flex-item-shelf01 {font-size: 1.1em;}
    54  .egret-flex-item-shelf .egret-flex-item-shelf02 {font-size: 0.6em; color: #666; margin-top: 0.6em;}
    55  .egret-flex-item-shelf .egret-flex-item-redclassify {color: #E03F40; border: 1px solid #E03F40; font-size: inherit; padding: 0 0.1em; border-radius: 1px; margin-right: 5px;box-sizing: border-box;}
    56  
    57  /* 右部箭头 */
    58  .egret-flex-item-arrow {-webkit-box-flex: 1;max-width: 10px; min-width: 10px; margin-right: 5px;}
    59  .egret-flex-item-arrow img {width: 100%; max-width: 10px;}
    60  
    61  
    62  /* 关注card */
    63  .sharecard {display: -webkit-box;margin-left: 10px;margin-right: 10px;margin-top: 10px;padding: 10px 10px 15px 10px;border: 1px solid #e0e0e0;background-color: #fff;}
    64  .sharecard .userlogo {margin-right: 10px;}
    65  .sharecard .userlogo img {width: 40px;vertical-align: top;border-radius: 20px;}
    66  .sharecard .rightcol {-webkit-box-flex: 1;}
    67  .sharecard .rightcol .usertitle {font-size: 0.9em; color: #666;}
    68  .sharecard .rightcol .usertitle .username{font-size: 1em; color: #507DAF; margin-right: 5px;}
    69  .sharecard .rightcol .usertitle .sharetime{float: right; font-size: 0.6em; color: #999;}
    70  .sharecard .rightcol .sharecontent {font-size: 1em; line-height: 1.3em;padding-top: 5px;}
    71  .sharecard .rightcol .sharemusic{display: -webkit-box;margin-top: 15px;border: 1px solid #e0e0e0;-webkit-box-align: center;}
    72  .sharecard .rightcol .sharemusic .musiclogo {padding: 5px;}
    73  .sharecard .rightcol .sharemusic .musiclogo img {vertical-align: top;width: 60px;}
    74  .sharecard .rightcol .sharemusic .musictitle {}
    75  .sharecard .rightcol .sharemusic .musictitle .title02 {font-size: 0.8em;color: #666;margin-top: 10px;}
    76  .sharetool {display: -webkit-box; height: 30px; line-height: 30px; margin: 0 10px 10px 10px;border: 1px solid #e0e0e0; border-top: 0;background-color: #fff;}
    77  .sharetool .tool {-webkit-box-flex:1;text-align: center;}
    78  .sharetool .tool span {font-size: 0.8em; color: #666;}
    79  .sharetool .tool img {width: 16px;vertical-align: top;padding: 7px;}
    80  
    81  /* 悬浮 */
    82  .fmbtnhover {background: #D8D9DA ;}
    83  .fmbtnhoverinside {background: #D8D9DA ;}
    84