[Summary view] [Print] [Text view]

   1  /**
   2   * @provides aphront-panel-view-css
   3   */
   4  
   5  
   6  .aphront-panel-view {
   7    background: {$lightgreybackground};
   8    border: 1px solid #c0c0c0;
   9    border-width: 1px 0 0;
  10    padding: 8px 16px;
  11    margin: 20px 16px 32px 16px;
  12  }
  13  
  14  .device-phone .aphront-panel-view {
  15    margin: 20px 8px 40px 8px;
  16  }
  17  
  18  .aphront-unpadded-panel-view {
  19    padding: 0;
  20  }
  21  
  22  .aphront-panel-view.aphront-panel-plain {
  23    padding: 0;
  24    border: none;
  25    background: transparent;
  26  }
  27  
  28  .aphront-panel-view .aphront-panel-header {
  29    margin: 0 0 8px 0;
  30  }
  31  
  32  .aphront-panel-view h1 {
  33    font-size: 16px;
  34    font-weight: bold;
  35    color: {$darkbluetext};
  36    text-shadow: 0 1px 1px #fff;
  37    padding: 4px 0 0 0;
  38  }
  39  
  40  .aphront-panel-view h1 a {
  41    color: {$darkbluetext};
  42    text-decoration: none;
  43  }
  44  
  45  .aphront-panel-view h1 a:hover {
  46    text-decoration: underline;
  47  }
  48  
  49  .aphront-panel-plain h1 {
  50    padding: 0;
  51  }
  52  
  53  .aphront-panel-view-caption {
  54    font-size: 11px;
  55    color: {$greytext};
  56    margin-top: 4px;
  57    margin-bottom: 4px;
  58  }
  59  
  60  .aphront-panel-view-buttons {
  61    float: right;
  62  }
  63  
  64  .device-desktop .aphront-panel-width-form {
  65    width: 720px;
  66    margin-right: auto;
  67    margin-left: auto;
  68  }
  69  
  70  .device-desktop .aphront-panel-width-wide {
  71    width: 1080px;
  72    margin-right: auto;
  73    margin-left: auto;
  74  }
  75  
  76  .aphront-panel-accent {
  77    background: #f1f1f1;
  78    border: 1px solid #ddd;
  79    border-radius: 3px;
  80  }
  81  
  82  .aphront-panel-accent .phui-form-view {
  83    background: {$lightgreybackground};
  84    border: 1px solid #c4c4c0;
  85    border-radius: 3px;
  86  }
  87  
  88  .aphront-panel-preview {
  89    padding: 16px;
  90  }
  91  
  92  .device-phone .aphront-panel-preview {
  93    display: none;
  94  }
  95  
  96  .aphront-panel-preview-wide {
  97    width: 1080px;
  98    margin-left: auto;
  99    margin-right: auto;
 100    padding-left: 2em;
 101    padding-right: 2em;
 102  }
 103  
 104  .aphront-panel-preview-loading-text {
 105    color: {$greytext};
 106  }
 107  
 108  .aphront-panel-flush {
 109    margin: 0;
 110  }
 111  
 112  .aphront-panel-view-drag-and-drop {
 113    background: #99ff99;
 114    border-color: #669966;
 115  }
 116  
 117  .aphront-panel-view-drag-and-drop .phui-form-view {
 118    background: #ccffcc;
 119    border-color: #669966;
 120  }
 121  
 122  .aphront-mini-panel-view {
 123    background: #fff;
 124    padding: 10px;
 125    margin: 4px 16px;
 126    border: 1px solid {$lightgreyborder};
 127    border-bottom: 1px solid {$greyborder};
 128  }
 129  
 130  .aphront-mini-panel-view p {
 131    font-size: 12px;
 132    color: {$greytext};
 133  }