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, 10)), 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, 128, 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 } 154