[Summary view] [Print] [Text view]

   1  /**
   2   * @provides aphront-dark-console-css
   3   */
   4  
   5  .dark-console {
   6    background:     #444444;
   7    color:          #eeeeee;
   8    width:          100%;
   9    font-family:    "Verdana";
  10    font-size:      11px;
  11    position:       relative;
  12  }
  13  
  14  .dark-console a {
  15    color: #cccccc;
  16  }
  17  
  18  .dark-console-requests,
  19  .dark-console-tabs {
  20    position: absolute;
  21    overflow-y: auto;
  22    top: 0;
  23    left: 0;
  24    bottom: 0;
  25    width: 15%;
  26    padding: 8px 0;
  27  }
  28  
  29  .dark-console-requests,
  30  .dark-console-tabs,
  31  .dark-console-panel,
  32  .dark-console-load {
  33    border-left: 1px solid #111111;
  34    box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.25);
  35  }
  36  
  37  .dark-console-requests {
  38    background: #222222;
  39  }
  40  
  41  .dark-console-tabs {
  42    background: #333333;
  43    left: 15%;
  44  }
  45  
  46  .dark-console-panel,
  47  .dark-console-load {
  48    position: relative;
  49    min-height: 320px;
  50  }
  51  
  52  .dark-console-panel {
  53    margin-left: 30%;
  54    background: #444444;
  55  }
  56  
  57  .dark-console-requests a.dark-console-request,
  58  .dark-console-tabs a.dark-console-tab {
  59    display: block;
  60    padding: 6px;
  61    overflow: hidden;
  62    background: #444444;
  63    margin: 3px 0;
  64    border-color: {$greytext};
  65    border-width: 1px 0;
  66    border-style: solid;
  67  }
  68  
  69  .dark-console-requests a.dark-selected,
  70  .dark-console-tabs a.dark-selected {
  71    background: #0066aa;
  72  }
  73  
  74  .dark-console-requests a.dark-console-request:hover,
  75  .dark-console-tabs a.dark-console-tab:hover {
  76    background: #1188cc;
  77  }
  78  
  79  .dark-console-tabs a.dark-console-tab {
  80    text-align: right;
  81  }
  82  
  83  .dark-console-load {
  84    background-image: url(/rsrc/image/darkload.gif);
  85    background-position: center center;
  86    background-repeat: no-repeat;
  87    background-color: #000;
  88    margin-left: 15%;
  89  }
  90  
  91  .dark-console .aphront-table-view {
  92    font-size: 11px;
  93    background: {$lightgreytext};
  94    color: #eeeeee;
  95    width: 100%;
  96    border-color: #333333;
  97    margin: 8px 0;
  98  }
  99  
 100  .dark-console .aphront-table-view th {
 101    text-shadow: none;
 102    font-family: "Verdana";
 103    font-size: 11px;
 104    background: #333333;
 105    color: #ffffff;
 106  }
 107  
 108  .dark-console .aphront-table-view td {
 109    font-size: 11px;
 110  }
 111  
 112  .dark-console .aphront-table-view td.header {
 113    background: #444444;
 114    color: #ffffff;
 115    min-width: 200px;
 116  }
 117  
 118  .dark-console .aphront-table-view tr.alt {
 119    background: {$greytext};
 120  }
 121  
 122  .dark-console .aphront-table-view tr.highlight {
 123    background: #001A66;
 124  }
 125  
 126  .dark-console .aphront-table-view tr.no-data td {
 127    color: #dddddd;
 128  }
 129  
 130  .dark-console-panel-core {
 131    padding: 12px;
 132  }
 133  
 134  .explain-sev-1 {
 135    color: #33ff33;
 136  }
 137  
 138  .explain-sev-2 {
 139    color: #99ff33;
 140  }
 141  
 142  .explain-sev-3 {
 143    color: #ccff33;
 144  }
 145  
 146  .explain-sev-4 {
 147    color: #ffff33;
 148  }
 149  
 150  .explain-sev-5 {
 151    color: #ffcc33;
 152  }
 153  
 154  .explain-sev-6 {
 155    color: #ffffff;
 156    font-weight: bold;
 157    background: #aa0000;
 158    padding: 0 1em;
 159    border: 2px solid #ffff00;
 160  }
 161  
 162  .explain-sev-7 {
 163    color: #aaaaaa;
 164  }
 165  
 166  .dark-console-panel-header {
 167    padding: 8px 4px 0;
 168  }
 169  
 170  .dark-console-panel-header h1 {
 171    font-size: 15px;
 172  }
 173  
 174  .dark-console-panel-header .button {
 175    margin-top: .5em;
 176    float: right;
 177  }
 178  
 179  .dark-console-panel a.bright-link {
 180    color: #00cfff;
 181    font-weight: bold;
 182  }
 183  
 184  .dark-console iframe {
 185    width: 98%;
 186    margin: .5em 1%;
 187    height: 450px;
 188    border: 0;
 189  }
 190  
 191  .dark-console-no-content {
 192    padding: 1.5em 2em;
 193    font-style: italic;
 194  }
 195  
 196  .dark-console-request-log {
 197    border-bottom:  2px solid #000000;
 198  }
 199  
 200  .dark-console-panel-RequestLog {
 201    max-height: 10em;
 202    overflow: auto;
 203  }
 204  
 205  .dark-console-panel-request-log-separator {
 206      background-color: #e8e8e8;
 207      border-bottom: 1px solid #b7b7b7;
 208      border-top: 1px solid #b7b7b7;
 209      height: 2px;
 210  }
 211  
 212  .dark-console-panel-ErrorLog {
 213    max-height:       500px;
 214    overflow:         auto;
 215  }
 216  
 217  .dark-console-panel-error-details {
 218    display: none;
 219  }