[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-feed-story-css
   3   */
   4  
   5  .phui-feed-story {
   6    background: 5px 2px no-repeat;
   7    min-height: 44px;
   8    background-color: #fff;
   9  }
  10  
  11  .phui-feed-story-head .phui-feed-story-actor-image {
  12    width: 35px;
  13    height: 35px;
  14    background-size: 35px;
  15    float: left;
  16    margin-right: 8px;
  17  }
  18  
  19  .phui-feed-story-head {
  20   padding: 8px;
  21   overflow: hidden;
  22   color: {$greytext};
  23  }
  24  
  25  .phui-feed-story-head .phui-link-person {
  26   color: {$darkgreytext};
  27   font-weight: bold;
  28  }
  29  
  30  .phui-feed-story-body {
  31    margin: 0 8px 8px;
  32    color: {$darkgreytext};
  33    word-break: break-word;
  34    max-height: 300px;
  35    overflow: hidden;
  36  }
  37  
  38  .phui-feed-story-body.phabricator-remarkup {
  39    line-height: inherit;
  40  }
  41  
  42  .phui-feed-story-foot {
  43    font-size: 11px;
  44    background: {$lightgreybackground};
  45    padding: 8px;
  46    line-height: 14px;
  47  }
  48  
  49  .phui-feed-story-foot,
  50  .phui-feed-story-foot a {
  51    color: {$greytext};
  52  }
  53  
  54  .phui-feed-story-foot .phui-icon-view {
  55    float: left;
  56    display: inline-block;
  57    margin-right: 5px;
  58  }
  59  
  60  .phui-feed-story-bigtext-post {
  61    line-height: 18px;
  62    color: {$darkgreytext};
  63  }
  64  
  65  .phui-feed-story-bigtext-post h3 {
  66    font-size: 18px;
  67    font-weight: 200;
  68    line-height: 18px;
  69    color: {$darkgreytext};
  70    margin: 0 0 5px 0;
  71  }
  72  
  73  .phui-feed-token-bar {
  74    margin-top: 8px;
  75    border-top: 1px solid #e7e7e7;
  76    padding-top: 8px;
  77  }
  78  
  79  .phui-feed-token-bar .phui-icon-view {
  80    margin-right: 2px;
  81    display: inline-block;
  82  }
  83  
  84  .phui-feed-story-action-list {
  85    float: right;
  86    padding-top: 4px;
  87  }
  88  
  89  .phui-feed-story-action-item {
  90    float: right;
  91    padding-left: 2px;
  92    height: 18px;
  93    width: 18px;
  94    font-size: 18px;
  95  }
  96  
  97  .phui-feed-story-action-list .phui-icon-view {
  98    display: block;
  99  }