Source/WebCore/inspector/front-end/helpScreen.css

   1 .help-window-outer {
   2     position: absolute;
   3     top: 60px;
   4     left: 5%;
   5     width: 90%;
   6     bottom: 40px;
   7     z-index: 2000;
   8 }
   9
  10 body.attached .help-window-outer {
  11     top: 32px;
  12     left: 0;
  13     width: 100%;
  14     bottom: 23px;
  15 }
  16
  17 .help-window-main {
  18     max-height: 100%;
  19     color: white;
  20     background-color: rgba(0, 0, 0, 0.85);
  21     display: -webkit-box;
  22     -webkit-box-orient: vertical;
  23     border-top-width: 0;
  24     border-radius: 15px;
  25     -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40);
  26 }
  27
  28 body.attached .help-window-main {
  29     height: 100%;
  30     padding: 10px;
  31 }
  32
  33 body.attached .help-window-main {
  34     border-radius: 0;
  35     -webkit-box-shadow: 0 0 0;
  36 }
  37
  38 .help-window-caption {
  39     margin: 8px 8px 0 8px;
  40 }
  41
  42 body.attached .help-window-caption {
  43     margin: 0;
  44 }
  45
  46 .help-window-title {
  47     border-bottom: solid 1px lightGrey;
  48     font-size: 18px;
  49     padding-bottom: 6px;
  50 }
  51
  52 .help-content {
  53     overflow-y: auto;
  54     overflow-x: hidden;
  55     scrollbar-width: 11px;
  56     -webkit-box-flex: 1;
  57     margin: 10px;
  58     font-size: 13px;
  59 }
  60
  61 .help-content::-webkit-scrollbar {
  62     width: 11px;
  63 }
  64
  65 .help-content::-webkit-scrollbar-corner,
  66 .help-content::-webkit-resizer {
  67     display: none;
  68 }
  69
  70 .help-content::-webkit-scrollbar-thumb:vertical {
  71     background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96)));
  72     border-radius: 5px;
  73     min-height: 20px;
  74 }
  75
  76 .help-content::-webkit-scrollbar-thumb:vertical:hover,
  77 .help-content::-webkit-scrollbar-thumb:vertical:active {
  78     background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144)));
  79 }
  80
  81 .help-content::-webkit-scrollbar-track:vertical {
  82     background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32)));
  83     border-radius: 5px;
  84 }
  85
  86 .help-close-button {
  87     border: 0;
  88     padding: 0;
  89     font-size: 14px;
  90     color: rgb(222, 222, 222);
  91     background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 128, 128)), to(rgb(80, 80, 80)));
  92     border-radius: 8px;
  93     height: 16px;
  94     width: 16px;
  95 }
  96
  97 body.attached .help-close-button {
  98     margin: 0;
  99 }
 100
 101 body.attached .help-content {
 102     margin: 8px 0 0 8px;
 103 }
 104
 105 .help-close-button:hover {
 106     color: white;
 107 }
 108
 109 body.platform-mac .help-close-button {
 110     float: left;
 111     margin-right: 10px;
 112     font-size: 12px;
 113 }
 114
 115 body:not(.platform-mac) .help-close-button {
 116     float: right;
 117 }
 118
 119 .help-table {
 120     width: 100%;
 121     -webkit-user-select: auto;
 122 }
 123
 124 .help-table th {
 125     padding-top: 6px;
 126     text-align: left;
 127     color: yellow;
 128 }
 129
 130 .help-table td {
 131     white-space: nowrap;
 132     vertical-align: top;
 133     width: 50%;
 134 }
 135
 136 .help-key-cell {
 137     text-align: right;
 138 }
 139
 140 .help-key {
 141     color: yellow;
 142 }
 143
 144 body:not(.platform-mac) .help-key {
 145     text-shadow: black 1px 1px 7px;
 146 }
 147
 148 body.platform-mac .help-key {
 149     font-family: Lucida Grande, sans-serif;
 150 }
 151
 152 .help-combine-keys {
 153     color: white;
 154     margin: 0 0.3em;
 155     font-size: 12px;
 156 }
 157
 158 .help-key-delimiter {
 159     color: white;
 160     margin: 0 0.5em;
 161 }
 162
 163 .help-content p {
 164     margin: 5px 0 5px 0;
 165 }
 166
 167 .help-content fieldset {
 168     border: none;
 169     margin-left: 9px;
 170 }
 171
 172 .help-content fieldset p {
 173     border-left: 1px solid rgb(128,128,128);
 174     margin: 0 0 0 6px;
 175     padding-left: 3px;
 176 }
 177
 178
 179 .help-content fieldset label {
 180     padding-right: 4px;
 181 }
 182
 183 .help-content p.help-section {
 184     margin-bottom: 15px;
 185 }
 186
 187 .help-section-title {
 188     color: yellow;
 189 }
 190
 191 .help-content input[type=checkbox] {
 192     height: 13px;
 193     width: 13px;
 194     margin-right: 0;
 195     margin-right: 4px;
 196 }
 197
 198 .help-content select {
 199     background-color: rgb(64, 64, 64);
 200     color: white;
 201     border-color: black;
 202     padding: 0px 4px;
 203 }
 204
 205 .help-content select:disabled {
 206     background-color: rgb(32, 32, 32);
 207     color: graytext;
 208 }
 209
 210 .help-content option {
 211     background-color: black;
 212     color: white;
 213 }