[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-action-header-view-css
   3   */
   4  
   5  .phui-action-header {
   6    padding: 0 5px 0 8px;
   7    overflow: hidden;
   8  }
   9  
  10  .phui-action-header-title {
  11    color: {$darkgreytext};
  12    float: left;
  13    font-size: 14px;
  14    font-weight: bold;
  15    line-height: 15px;
  16    padding: 8px 0;
  17    white-space: nowrap;
  18    -webkit-font-smoothing: antialiased;
  19  }
  20  
  21  .gradient-lightblue-header .phui-action-header-title {
  22    color: {$darkbluetext};
  23  }
  24  
  25  .phui-action-header-icon-list {
  26    float: right;
  27    padding-top: 4px;
  28  }
  29  
  30  .phui-action-header-icon-item {
  31    float: right;
  32    padding-left: 4px;
  33  }
  34  
  35  .phui-action-header-icon-item .phui-icon-view {
  36    display: inline-block;
  37    font-size: 18px;
  38    margin: 4px 0;
  39    height: 18px;
  40    width: 18px;
  41  }
  42  
  43  .phui-action-header-icon-item .phui-tag-view {
  44    margin: 4px 2px 0;
  45    display: inline-block;
  46  }
  47  
  48  .phui-action-header-link {
  49    color: {$darkgreytext};
  50  }
  51  
  52  .phui-action-header.gradient-white-header {
  53    background: #fff;
  54  }
  55  
  56  .phui-action-header.gradient-white-header .phui-action-header-title {
  57    color: {$darkbluetext};
  58    padding: 12px 0 12px 4px;
  59  }
  60  
  61  .phui-action-header.gradient-white-header
  62   .phui-action-header-icon-list .phui-icon-view {
  63    color: {$lightbluetext};
  64  }
  65  
  66  .phui-action-header.gradient-white-header
  67   .phui-action-header-icon-list .phui-icon-view:hover {
  68    color: {$darkbluetext};
  69  }
  70  
  71  .phui-action-header-icon-list .phui-tag-view {
  72    font-weight: normal;
  73  }
  74  
  75  .phui-action-header-title .phui-icon-view {
  76    float: left;
  77    height: 16px;
  78    width: 16px;
  79    margin-right: 4px;
  80  }
  81  
  82  .phui-action-header-title .phui-action-header-subtitle {
  83    margin-left: 4px;
  84    font-weight: normal;
  85    color: {$lightgreytext};
  86  }
  87  
  88  /* - Dashboards ------------------------------------------------------------ */
  89  
  90  .dashboard-panel .phui-action-header.gradient-grey-header,
  91  .dashboard-panel .phui-action-header.gradient-lightblue-header {
  92    border: 1px solid {$lightblueborder};
  93    border-bottom: 1px solid {$thinblueborder};
  94  }
  95  
  96  .dashboard-panel .phui-action-header.gradient-white-header {
  97    border: 1px solid {$lightblueborder};
  98    border-bottom: 1px solid {$thinblueborder};
  99    border-top-right-radius: 3px;
 100    border-top-left-radius: 3px;
 101  }
 102  
 103  .dashboard-panel .phui-action-header.gradient-white-header
 104   .phui-action-header-icon-list {
 105    padding-top: 6px;
 106    padding-right: 6px;
 107  }