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 10body.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 30body.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 40body.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 98body.platform-mac .help-close-button { 99 float: left; 100 margin-right: 10px; 101 font-size: 12px; 102} 103 104body: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 133body:not(.platform-mac) .help-key { 134 font-weight: bold; 135 text-shadow: black 1px 1px 7px; 136} 137 138body.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