[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-pinboard-view-css
   3   */
   4  
   5  .phui-pinboard-view {
   6    padding: 8px 0 16px 16px;
   7    overflow: hidden;
   8    margin: 12px 0;
   9  }
  10  
  11  .device-phone .phui-pinboard-view {
  12    padding: 0;
  13  }
  14  
  15  .phui-pinboard-item-view {
  16    margin: 0 12px 16px 0;
  17    background: #ffffff;
  18    border-radius: 3px;
  19    border: 1px solid {$lightblueborder};
  20    border-bottom: 1px solid {$blueborder};
  21    text-align: left;
  22    width: 288px;
  23  }
  24  
  25  .phui-pinboard-view .phui-pinboard-item-view {
  26    float: left;
  27  }
  28  
  29  .device-desktop .phui-pinboard-item-view:hover {
  30    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.30);
  31  }
  32  
  33  /* On phones, show a single column of items. */
  34  .device-phone .phui-pinboard-item-view {
  35    float: none;
  36    margin: 0 auto 16px;
  37  }
  38  
  39  .phui-pinboard-item-header {
  40    padding: 6px 8px;
  41    display: block;
  42    font-weight: bold;
  43    border-top-left-radius: 3px;
  44    border-top-right-radius: 3px;
  45    border-bottom: 1px solid {$lightblueborder};
  46    white-space: nowrap;
  47    overflow: hidden;
  48  }
  49  
  50  .phui-pinboard-item-header a {
  51    color: {$bluetext};
  52  }
  53  
  54  .phui-pinboard-item-image-link {
  55    padding: 8px 4px;
  56    display: block;
  57  }
  58  
  59  .phui-pinboard-item-content {
  60    padding: 8px;
  61    overflow: hidden;
  62    color: {$bluetext};
  63    font-size: 12px;
  64  }
  65  
  66  .phui-pinboard-item-content + .phui-pinboard-icons,
  67  .phui-pinboard-item-image-link + .phui-pinboard-icons {
  68    border-top: 1px solid {$thinblueborder};
  69  }
  70  
  71  .phui-pinboard-item-count {
  72    float: left;
  73    margin-left: 8px;
  74  }
  75  
  76  .phui-pinboard-icons {
  77    padding: 4px 8px 4px 0;
  78    color: {$darkbluetext};
  79    overflow: hidden;
  80  }
  81  
  82  .phui-pinboard-icon {
  83    margin-right: 4px;
  84  }
  85  
  86  .phui-pinboard-item-disabled .phui-pinboard-item-image-link img {
  87    opacity: 0.25;
  88  }
  89  
  90  .phui-pinboard-item-disabled .phui-pinboard-item-header a {
  91    color: {$greytext};
  92    text-decoration: line-through;
  93  }
  94  
  95  .dashboard-panel .phui-pinboard-view {
  96    margin: 0;
  97    padding: 16px 12px 0 12px;
  98    background: #fff;
  99    border-left: 1px solid {$lightblueborder};
 100    border-right: 1px solid {$lightblueborder};
 101    border-bottom: 1px solid {$blueborder};
 102  }