OLD | NEW |
(Empty) | |
| 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: 24px; |
| 15 } |
| 16 |
| 17 .help-window-main { |
| 18 max-height: 100%; |
| 19 opacity: 0.85; |
| 20 color: white; |
| 21 background-color: black; |
| 22 display: -webkit-box; |
| 23 -webkit-box-orient: vertical; |
| 24 border: 20px black solid; |
| 25 border-top-width: 0; |
| 26 border-radius: 8px; |
| 27 -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40); |
| 28 } |
| 29 |
| 30 body.attached .help-window-main { |
| 31 border-width: 10px; |
| 32 border-radius: 0; |
| 33 -webkit-box-shadow: 0 0 0; |
| 34 } |
| 35 |
| 36 .help-window-caption { |
| 37 margin: 8px; |
| 38 } |
| 39 |
| 40 body.attached .help-window-caption { |
| 41 display: none; |
| 42 } |
| 43 |
| 44 .help-window-title { |
| 45 border-bottom: solid 1px lightGrey; |
| 46 font-size: 18px; |
| 47 padding-bottom: 6px; |
| 48 } |
| 49 |
| 50 .help-content { |
| 51 overflow-y: auto; |
| 52 overflow-x: hidden; |
| 53 scrollbar-width: 11px; |
| 54 -webkit-box-flex: 1; |
| 55 } |
| 56 |
| 57 .help-content::-webkit-scrollbar { |
| 58 width: 11px; |
| 59 } |
| 60 |
| 61 .help-content::-webkit-scrollbar-corner, |
| 62 .help-content::-webkit-resizer { |
| 63 display: none; |
| 64 } |
| 65 |
| 66 .help-content::-webkit-scrollbar-thumb:vertical { |
| 67 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))); |
| 68 border-radius: 5px; |
| 69 min-height: 20px; |
| 70 } |
| 71 |
| 72 .help-content::-webkit-scrollbar-thumb:vertical:hover, |
| 73 .help-content::-webkit-scrollbar-thumb:vertical:active { |
| 74 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))); |
| 75 } |
| 76 |
| 77 .help-content::-webkit-scrollbar-track:vertical { |
| 78 background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 1
0)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32))); |
| 79 border-radius: 5px; |
| 80 } |
| 81 |
| 82 .help-close-button { |
| 83 border: 0; |
| 84 padding: 0; |
| 85 margin: 0px -20px 15px -20px; |
| 86 font-size: 14px; |
| 87 color: rgb(222, 222, 222); |
| 88 background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 1
28, 128)), to(rgb(80, 80, 80))); |
| 89 border-radius: 8px; |
| 90 height: 16px; |
| 91 width: 16px; |
| 92 } |
| 93 |
| 94 .help-close-button:hover { |
| 95 color: white; |
| 96 } |
| 97 |
| 98 body.platform-mac .help-close-button { |
| 99 float: left; |
| 100 margin-right: 10px; |
| 101 font-size: 12px; |
| 102 } |
| 103 |
| 104 body:not(.platform-mac) .help-close-button { |
| 105 float: right; |
| 106 } |
| 107 |
| 108 .help-table { |
| 109 width: 100%; |
| 110 font-size: 13px; |
| 111 -webkit-user-select: auto; |
| 112 } |
| 113 |
| 114 .help-table th { |
| 115 padding-top: 6px; |
| 116 text-align: left; |
| 117 color: yellow; |
| 118 } |
| 119 |
| 120 .help-table td { |
| 121 white-space: nowrap; |
| 122 vertical-align: top; |
| 123 } |
| 124 |
| 125 .help-key-cell { |
| 126 text-align: right; |
| 127 } |
| 128 |
| 129 .help-key { |
| 130 color: yellow; |
| 131 } |
| 132 |
| 133 body:not(.platform-mac) .help-key { |
| 134 font-weight: bold; |
| 135 text-shadow: black 1px 1px 7px; |
| 136 } |
| 137 |
| 138 body.platform-mac .help-key { |
| 139 font-family: Lucida Grande, sans-serif; |
| 140 font-size: 13px; |
| 141 } |
| 142 |
| 143 .help-combine-keys { |
| 144 color: white; |
| 145 font-weight: bold; |
| 146 margin: 0 0.3em; |
| 147 font-size: 12px; |
| 148 } |
| 149 |
| 150 .help-key-delimiter { |
| 151 color: white; |
| 152 margin: 0 0.5em; |
| 153 } |
OLD | NEW |