[Summary view] [Print] [Text view]

   1  /**
   2   * @provides aphront-dialog-view-css
   3   */
   4  
   5  .aphront-dialog-view {
   6    width: 540px;
   7    margin: 32px auto 16px;
   8    border: 1px solid {$lightblueborder};
   9    border-bottom: 1px solid {$blueborder};
  10    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25),
  11                inset 0 1px 0 rgba(255, 255, 255, 0.5);
  12  }
  13  
  14  .device-phone .aphront-dialog-view {
  15    margin: 16px;
  16    width: auto;
  17  }
  18  
  19  .aphront-dialog-view-standalone {
  20    margin: auto;
  21  }
  22  
  23  .aphront-dialog-head .phui-action-header {
  24    border-bottom: 1px solid {$lightblueborder};
  25    padding: 4px 16px;
  26    white-space: nowrap;
  27  }
  28  
  29  .aphront-dialog-head .phui-action-header
  30    .phui-action-header-title {
  31    font-size: 15px;
  32    color: {$bluetext};
  33    text-shadow: 0 1px 2px #fff;
  34  }
  35  
  36  .aphront-dialog-flush .aphront-dialog-body {
  37    padding: 0;
  38  }
  39  
  40  .aphront-dialog-view-width-form {
  41    width: 600px;
  42  }
  43  
  44  .aphront-dialog-view-width-full {
  45    width: 90%;
  46  }
  47  
  48  .aphront-dialog-body {
  49    background: #ffffff;
  50    padding: 16px;
  51    border: none;
  52  }
  53  
  54  .aphront-dialog-tail {
  55    border: none;
  56    background: {$lightgreybackground};
  57    padding: 8px 16px;
  58    border-top: 1px solid #d4dadf;
  59  }
  60  
  61  .aphront-dialog-foot {
  62    padding: 6px 0;
  63    float: left;
  64  }
  65  
  66  .aphront-dialog-tail button,
  67  .aphront-dialog-tail a.button {
  68    float: right;
  69    margin-left: 8px;
  70  }
  71  
  72  .jx-client-dialog {
  73    position:   absolute;
  74    width:      100%;
  75  }
  76  
  77  .jx-mask {
  78    opacity: .75;
  79    background: #fff;
  80    position: fixed;
  81    top: 0;
  82    left: 0;
  83    right: 0;
  84    bottom: 0;
  85  }
  86  
  87  .jx-dark-mask {
  88    background: #000000;
  89    opacity:    0.9;
  90  }
  91  
  92  .aphront-exception-dialog {
  93    width: 95%;
  94  }
  95  
  96  .aphront-exception-dialog .exception-message {
  97    font-size: 14px;
  98    background: #efefef;
  99    padding: 1em;
 100    white-space: pre-wrap;
 101  }
 102  
 103  .aphront-exception-dialog .exception-trace {
 104    margin-top: 15px;
 105  }
 106  
 107  .aphront-exception-dialog .exception-trace-header {
 108    font-size: 11px;
 109    color: {$greytext};
 110    border-bottom: 1px solid #aaaaaa;
 111    padding-bottom: .5em;
 112    margin-bottom: .5em;
 113  }
 114  
 115  .aphront-access-dialog {
 116    width: 50%;
 117  }
 118  
 119  .aphront-dialog-view ul {
 120    margin: 12px 24px;
 121    list-style: circle;
 122  }
 123  
 124  .aphront-policy-rejection {
 125    font-weight: bold;
 126  }
 127  
 128  .aphront-capability-details {
 129    margin: 20px 0 4px;
 130  }
 131  
 132  .aphront-dialog-view-paragraph + .aphront-dialog-view-paragraph {
 133    margin-top: 16px;
 134  }
 135  
 136  .device-desktop .aphront-dialog-flush .phui-object-item-list-view {
 137    margin: 0;
 138    padding: 0;
 139  }
 140  
 141  .aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable
 142   .phui-object-item {
 143    border: 0;
 144  }
 145  
 146  .aphront-dialog-flush .phui-object-item-list-view.phui-object-list-stackable
 147   .phui-object-item-frame {
 148    border: 0;
 149    border-top: 1px solid {$thinblueborder};
 150  }