[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-list-view-css
   3   */
   4  
   5  .phui-list-item-header,
   6  .phui-list-item-header a {
   7    color: {$bluetext};
   8    font-weight: bold;
   9    -webkit-font-smoothing: antialiased;
  10  }
  11  
  12  /* - Sidenav and Actions -------------------------------------------------------
  13  
  14    Sidebar and Action Menus
  15  
  16  */
  17  
  18  .phui-list-sidenav {
  19    padding: 4px 0;
  20  }
  21  
  22  .phui-list-sidenav .phui-list-item-type-label .phui-list-item-name {
  23    font-weight: bold;
  24    color: {$bluetext};
  25    padding: 4px 8px 6px 8px;
  26    display: block;
  27    -webkit-font-smoothing: antialiased;
  28  }
  29  
  30  .phui-list-sidenav .phui-list-item-type-divider {
  31    margin: 8px 8px 12px 8px;
  32    border-bottom: 1px solid #e7e7e7;
  33  }
  34  
  35  .phui-list-sidenav .phui-list-item-icon {
  36    height: 14px;
  37    width: 14px;
  38    display: inline-block;
  39    position: absolute;
  40    top: 4px;
  41  }
  42  
  43  .phui-list-sidenav .phui-list-item-icon + .phui-list-item-name {
  44    padding-left: 20px;
  45  }
  46  
  47  .phui-list-sidenav .phui-list-item-has-icon {
  48    margin: 0;
  49    position: relative;
  50  }
  51  
  52  .phui-list-sidenav .phui-list-item-view {
  53    overflow: hidden;
  54  }
  55  
  56  .phui-list-sidenav .phui-list-item-href {
  57    display: block;
  58    padding: 4px 16px;
  59    clear: both;
  60    color: {$darkgreytext};
  61    line-height: 18px;
  62  }
  63  
  64  .phui-list-sidenav .phui-list-item-has-icon .phui-list-item-href {
  65    padding: 2px 10px;
  66  }
  67  
  68  .device-desktop .phui-list-sidenav .phui-list-item-href:hover {
  69    background: {$sky};
  70    color: white;
  71    cursor: pointer;
  72    text-decoration: none;
  73  }
  74  
  75  .device-desktop .phui-list-sidenav .phui-list-item-href:hover .phui-icon-view {
  76    color: #fff;
  77  }
  78  
  79  /* - Top, Full Width Navigations -----------------------------------------------
  80  
  81    Sets a page or box with a top navbar
  82  
  83  */
  84  
  85  .phui-list-view.phui-list-navbar {
  86    list-style: none;
  87    overflow: hidden;
  88    border-bottom: 1px solid #e7e7e7;
  89    background: {$lightgreybackground};
  90  }
  91  
  92  .phui-list-view.phui-list-navbar > li {
  93    list-style: none;
  94    float: left;
  95    display: block;
  96    border-right: 1px solid #e7e7e7;
  97  }
  98  
  99  .phui-list-view.phui-list-navbar > li > * {
 100    display: block;
 101  }
 102  
 103  .phui-list-navbar .phui-list-item-href {
 104   color: {$lightbluetext};
 105   padding: 8px 16px;
 106   font-size: 12px;
 107   letter-spacing: 0.5px;
 108  }
 109  
 110  .phui-list-navbar .phui-list-item-selected .phui-list-item-href {
 111    background: {$greybackground};
 112    color: {$darkbluetext};
 113  }
 114  
 115  .phui-list-navbar .phui-list-item-href:hover {
 116    background: #DEE0E4;
 117    color: {$darkgreytext};
 118    text-decoration: none;
 119  }
 120  
 121  .phui-list-navbar .phui-list-item-icon {
 122    height: 14px;
 123    width: 14px;
 124    display: block;
 125    font-size: 14px;
 126  }
 127  
 128  .device-phone .phui-list-view.phui-list-navbar > li {
 129    float: none;
 130    border: none;
 131  }
 132  
 133  /* - Status Colors -------------------------------------------------------------
 134  
 135    Colors for navbars
 136  
 137  */
 138  
 139  .phui-list-item-warn .phui-list-item-href {
 140    color: #bc7837;
 141  }
 142  
 143  .phui-list-item-fail .phui-list-item-href {
 144    color: {$red};
 145  }
 146  
 147  .phui-list-item-warn.phui-list-item-selected .phui-list-item-href,
 148  .phui-list-item-warn .phui-list-item-href:hover {
 149    background: {$lightyellow};
 150    color: #bc7837;
 151  }
 152  
 153  .phui-list-item-fail.phui-list-item-selected .phui-list-item-href,
 154  .phui-list-item-fail .phui-list-item-href:hover {
 155    background: {$lightred};
 156    color: {$red};
 157  }
 158  
 159  .phui-list-item-warn.phui-list-item-selected .phui-list-item-href:hover {
 160    background: #fcf0bd;
 161  }
 162  
 163  .phui-list-item-fail.phui-list-item-selected .phui-list-item-href:hover {
 164    background: #f5d3d0;
 165  }
 166  
 167  /* - Dashboards ------------------------------------------------------------ */
 168  
 169  .dashboard-panel .phui-list-view.phui-list-navbar {
 170    border-left: 1px solid {$lightblueborder};
 171    border-right: 1px solid {$lightblueborder};
 172    border-bottom: 1px solid {$thinblueborder};
 173  }