[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-header-view-css
   3   */
   4  
   5  .phui-header-shell {
   6    background-color: #e0e3ec;
   7    border-width: 1px 0;
   8    border-style: solid;
   9    border-color: {$hovergrey};
  10    overflow: hidden;
  11  }
  12  
  13  body .phui-header-shell.phui-header-no-backgound {
  14    background-color: transparent;
  15    border: none;
  16  }
  17  
  18  body .phui-header-shell.phui-bleed-header {
  19    background-color: #fff;
  20    border-bottom: 1px solid {$thinblueborder};
  21    width: auto;
  22    margin: 16px;
  23  }
  24  
  25  body .phui-header-shell.phui-bleed-header
  26    .phui-header-view {
  27    padding: 8px 24px 8px 0;
  28    color: {$bluetext};
  29  }
  30  
  31  .phui-header-shell + .phabricator-form-view {
  32    border-top-width: 0;
  33  }
  34  
  35  .phui-property-list-view + .diviner-document-section {
  36    margin-top: -1px;
  37  }
  38  
  39  .phui-header-view {
  40    padding: 16px;
  41    font-size: 15px;
  42    color: {$darkbluetext};
  43    position: relative;
  44  }
  45  
  46  .phui-header-view a,
  47  .phui-header-view a.simple {
  48    color: {$darkbluetext};
  49  }
  50  
  51  .phui-header-view .phui-header-action-links {
  52    position: absolute;
  53    top: 24px;
  54    right: 12px;
  55  }
  56  
  57  .phui-object-box .phui-header-view .phui-header-action-links {
  58    top: 5px;
  59    right: 3px;
  60  }
  61  
  62  .phui-object-box .phui-header-has-image .phui-header-view
  63   .phui-header-action-links {
  64    top: 15px;
  65  }
  66  
  67  .phui-document-view .phui-header-view .phui-header-action-links {
  68    right: 8px;
  69    top: 12px;
  70  }
  71  
  72  .device-phone .phui-header-action-link .phui-button-text {
  73    visibility: hidden;
  74    width: 0;
  75    margin-left: 8px;
  76  }
  77  
  78  .phui-header-divider {
  79    margin: 0 4px;
  80    font-weight: normal;
  81    color: {$lightbluetext};
  82  }
  83  
  84  body.device-phone .phui-header-view {
  85    padding: 12px 8px;
  86  }
  87  
  88  .phui-header-tags {
  89    margin-left: 12px;
  90    font-size: 13px;
  91  }
  92  
  93  .phui-header-tags .phui-tag-view {
  94    margin-left: 4px;
  95  }
  96  
  97  .phui-header-image {
  98    display: inline-block;
  99    background-repeat: no-repeat;
 100    border: 1px solid white;
 101    width: 50px;
 102    height: 50px;
 103    margin: 12px;
 104    float: left;
 105  }
 106  
 107  .phui-header-subheader {
 108    color: {$lightbluetext};
 109    font-weight: normal;
 110    font-size: 13px;
 111    margin-top: 4px;
 112  }
 113  
 114  .phui-header-subheader .phui-icon-view {
 115    display: inline-block;
 116    margin: -2px 4px -2px 0;
 117  }
 118  
 119  .phui-header-subheader {
 120    color: {$bluetext};
 121  }
 122  
 123  .phui-header-subheader .policy-link {
 124    color: {$bluetext};
 125  }
 126  
 127  .phui-header-subheader .phui-header-status-dark {
 128    color: #111;
 129    text-shadow: 0 1px #fff;
 130  }
 131  
 132  .phui-header-subheader .phui-header-status-red {
 133    color: {$red};
 134  }
 135  
 136  .phui-header-subheader .phui-header-status-green {
 137    color: {$green};
 138  }