FossilRepo

fossilrepo / assets / admin / css / forms.css
Source Blame History 498 lines
afe42d0… ragelink 1 @import url('widgets.css');
afe42d0… ragelink 2
afe42d0… ragelink 3 /* FORM ROWS */
afe42d0… ragelink 4
afe42d0… ragelink 5 .form-row {
afe42d0… ragelink 6 overflow: hidden;
afe42d0… ragelink 7 padding: 10px;
afe42d0… ragelink 8 font-size: 0.8125rem;
afe42d0… ragelink 9 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 10 }
afe42d0… ragelink 11
afe42d0… ragelink 12 .form-row img, .form-row input {
afe42d0… ragelink 13 vertical-align: middle;
afe42d0… ragelink 14 }
afe42d0… ragelink 15
afe42d0… ragelink 16 .form-row label input[type="checkbox"] {
afe42d0… ragelink 17 margin-top: 0;
afe42d0… ragelink 18 vertical-align: 0;
afe42d0… ragelink 19 }
afe42d0… ragelink 20
afe42d0… ragelink 21 form .form-row p {
afe42d0… ragelink 22 padding-left: 0;
afe42d0… ragelink 23 }
afe42d0… ragelink 24
afe42d0… ragelink 25 .flex-container {
afe42d0… ragelink 26 display: flex;
afe42d0… ragelink 27 }
afe42d0… ragelink 28
afe42d0… ragelink 29 .form-multiline {
afe42d0… ragelink 30 flex-wrap: wrap;
afe42d0… ragelink 31 }
afe42d0… ragelink 32
afe42d0… ragelink 33 .form-multiline > div {
afe42d0… ragelink 34 padding-bottom: 10px;
afe42d0… ragelink 35 }
afe42d0… ragelink 36
afe42d0… ragelink 37 /* FORM LABELS */
afe42d0… ragelink 38
afe42d0… ragelink 39 label {
afe42d0… ragelink 40 font-weight: normal;
afe42d0… ragelink 41 color: var(--body-quiet-color);
afe42d0… ragelink 42 font-size: 0.8125rem;
afe42d0… ragelink 43 }
afe42d0… ragelink 44
afe42d0… ragelink 45 .required label, label.required {
afe42d0… ragelink 46 font-weight: bold;
afe42d0… ragelink 47 }
afe42d0… ragelink 48
afe42d0… ragelink 49 /* RADIO BUTTONS */
afe42d0… ragelink 50
afe42d0… ragelink 51 form div.radiolist div {
afe42d0… ragelink 52 padding-right: 7px;
afe42d0… ragelink 53 }
afe42d0… ragelink 54
afe42d0… ragelink 55 form div.radiolist.inline div {
afe42d0… ragelink 56 display: inline-block;
afe42d0… ragelink 57 }
afe42d0… ragelink 58
afe42d0… ragelink 59 form div.radiolist label {
afe42d0… ragelink 60 width: auto;
afe42d0… ragelink 61 }
afe42d0… ragelink 62
afe42d0… ragelink 63 form div.radiolist input[type="radio"] {
afe42d0… ragelink 64 margin: -2px 4px 0 0;
afe42d0… ragelink 65 padding: 0;
afe42d0… ragelink 66 }
afe42d0… ragelink 67
afe42d0… ragelink 68 form ul.inline {
afe42d0… ragelink 69 margin-left: 0;
afe42d0… ragelink 70 padding: 0;
afe42d0… ragelink 71 }
afe42d0… ragelink 72
afe42d0… ragelink 73 form ul.inline li {
afe42d0… ragelink 74 float: left;
afe42d0… ragelink 75 padding-right: 7px;
afe42d0… ragelink 76 }
afe42d0… ragelink 77
afe42d0… ragelink 78 /* FIELDSETS */
afe42d0… ragelink 79
afe42d0… ragelink 80 fieldset .fieldset-heading,
afe42d0… ragelink 81 fieldset .inline-heading,
afe42d0… ragelink 82 :not(.inline-related) .collapse summary {
afe42d0… ragelink 83 border: 1px solid var(--header-bg);
afe42d0… ragelink 84 margin: 0;
afe42d0… ragelink 85 padding: 8px;
afe42d0… ragelink 86 font-weight: 400;
afe42d0… ragelink 87 font-size: 0.8125rem;
afe42d0… ragelink 88 background: var(--header-bg);
afe42d0… ragelink 89 color: var(--header-link-color);
afe42d0… ragelink 90 }
afe42d0… ragelink 91
afe42d0… ragelink 92 /* ALIGNED FIELDSETS */
afe42d0… ragelink 93
afe42d0… ragelink 94 .aligned label {
afe42d0… ragelink 95 display: block;
afe42d0… ragelink 96 padding: 4px 10px 0 0;
afe42d0… ragelink 97 min-width: 160px;
afe42d0… ragelink 98 width: 160px;
afe42d0… ragelink 99 word-wrap: break-word;
afe42d0… ragelink 100 }
afe42d0… ragelink 101
afe42d0… ragelink 102 .aligned label:not(.vCheckboxLabel):after {
afe42d0… ragelink 103 content: '';
afe42d0… ragelink 104 display: inline-block;
afe42d0… ragelink 105 vertical-align: middle;
afe42d0… ragelink 106 }
afe42d0… ragelink 107
afe42d0… ragelink 108 .aligned label + p, .aligned .checkbox-row + div.help, .aligned label + div.readonly {
afe42d0… ragelink 109 padding: 6px 0;
afe42d0… ragelink 110 margin-top: 0;
afe42d0… ragelink 111 margin-bottom: 0;
afe42d0… ragelink 112 margin-left: 0;
afe42d0… ragelink 113 overflow-wrap: break-word;
afe42d0… ragelink 114 }
afe42d0… ragelink 115
afe42d0… ragelink 116 .aligned ul label {
afe42d0… ragelink 117 display: inline;
afe42d0… ragelink 118 float: none;
afe42d0… ragelink 119 width: auto;
afe42d0… ragelink 120 }
afe42d0… ragelink 121
afe42d0… ragelink 122 .aligned .form-row input {
afe42d0… ragelink 123 margin-bottom: 0;
afe42d0… ragelink 124 }
afe42d0… ragelink 125
afe42d0… ragelink 126 .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
afe42d0… ragelink 127 width: 350px;
afe42d0… ragelink 128 }
afe42d0… ragelink 129
afe42d0… ragelink 130 form .aligned ul {
afe42d0… ragelink 131 margin-left: 160px;
afe42d0… ragelink 132 padding-left: 10px;
afe42d0… ragelink 133 }
afe42d0… ragelink 134
afe42d0… ragelink 135 form .aligned div.radiolist {
afe42d0… ragelink 136 display: inline-block;
afe42d0… ragelink 137 margin: 0;
afe42d0… ragelink 138 padding: 0;
afe42d0… ragelink 139 }
afe42d0… ragelink 140
afe42d0… ragelink 141 form .aligned p.help,
afe42d0… ragelink 142 form .aligned div.help {
afe42d0… ragelink 143 margin-top: 0;
afe42d0… ragelink 144 margin-left: 160px;
afe42d0… ragelink 145 padding-left: 10px;
afe42d0… ragelink 146 }
afe42d0… ragelink 147
afe42d0… ragelink 148 form .aligned p.date div.help.timezonewarning,
afe42d0… ragelink 149 form .aligned p.datetime div.help.timezonewarning,
afe42d0… ragelink 150 form .aligned p.time div.help.timezonewarning {
afe42d0… ragelink 151 margin-left: 0;
afe42d0… ragelink 152 padding-left: 0;
afe42d0… ragelink 153 font-weight: normal;
afe42d0… ragelink 154 }
afe42d0… ragelink 155
afe42d0… ragelink 156 form .aligned p.help:last-child,
afe42d0… ragelink 157 form .aligned div.help:last-child {
afe42d0… ragelink 158 margin-bottom: 0;
afe42d0… ragelink 159 padding-bottom: 0;
afe42d0… ragelink 160 }
afe42d0… ragelink 161
afe42d0… ragelink 162 form .aligned input + p.help,
afe42d0… ragelink 163 form .aligned textarea + p.help,
afe42d0… ragelink 164 form .aligned select + p.help,
afe42d0… ragelink 165 form .aligned input + div.help,
afe42d0… ragelink 166 form .aligned textarea + div.help,
afe42d0… ragelink 167 form .aligned select + div.help {
afe42d0… ragelink 168 margin-left: 160px;
afe42d0… ragelink 169 padding-left: 10px;
afe42d0… ragelink 170 }
afe42d0… ragelink 171
afe42d0… ragelink 172 form .aligned select option:checked {
afe42d0… ragelink 173 background-color: var(--selected-row);
afe42d0… ragelink 174 }
afe42d0… ragelink 175
afe42d0… ragelink 176 form .aligned ul li {
afe42d0… ragelink 177 list-style: none;
afe42d0… ragelink 178 }
afe42d0… ragelink 179
afe42d0… ragelink 180 form .aligned table p {
afe42d0… ragelink 181 margin-left: 0;
afe42d0… ragelink 182 padding-left: 0;
afe42d0… ragelink 183 }
afe42d0… ragelink 184
afe42d0… ragelink 185 .aligned .vCheckboxLabel {
afe42d0… ragelink 186 padding: 1px 0 0 5px;
afe42d0… ragelink 187 }
afe42d0… ragelink 188
afe42d0… ragelink 189 .aligned .vCheckboxLabel + p.help,
afe42d0… ragelink 190 .aligned .vCheckboxLabel + div.help {
afe42d0… ragelink 191 margin-top: -4px;
afe42d0… ragelink 192 }
afe42d0… ragelink 193
afe42d0… ragelink 194 .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
afe42d0… ragelink 195 width: 610px;
afe42d0… ragelink 196 }
afe42d0… ragelink 197
afe42d0… ragelink 198 fieldset .fieldBox {
afe42d0… ragelink 199 margin-right: 20px;
afe42d0… ragelink 200 }
afe42d0… ragelink 201
afe42d0… ragelink 202 /* WIDE FIELDSETS */
afe42d0… ragelink 203
afe42d0… ragelink 204 .wide label {
afe42d0… ragelink 205 width: 200px;
afe42d0… ragelink 206 }
afe42d0… ragelink 207
afe42d0… ragelink 208 form .wide p.help,
afe42d0… ragelink 209 form .wide ul.errorlist,
afe42d0… ragelink 210 form .wide div.help {
afe42d0… ragelink 211 padding-left: 50px;
afe42d0… ragelink 212 }
afe42d0… ragelink 213
afe42d0… ragelink 214 form div.help ul {
afe42d0… ragelink 215 padding-left: 0;
afe42d0… ragelink 216 margin-left: 0;
afe42d0… ragelink 217 }
afe42d0… ragelink 218
afe42d0… ragelink 219 .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
afe42d0… ragelink 220 width: 450px;
afe42d0… ragelink 221 }
afe42d0… ragelink 222
afe42d0… ragelink 223 /* COLLAPSIBLE FIELDSETS */
afe42d0… ragelink 224
afe42d0… ragelink 225 .collapse summary .fieldset-heading,
afe42d0… ragelink 226 .collapse summary .inline-heading {
afe42d0… ragelink 227 background: transparent;
afe42d0… ragelink 228 border: none;
afe42d0… ragelink 229 color: currentColor;
afe42d0… ragelink 230 display: inline;
afe42d0… ragelink 231 margin: 0;
afe42d0… ragelink 232 padding: 0;
afe42d0… ragelink 233 }
afe42d0… ragelink 234
afe42d0… ragelink 235 /* MONOSPACE TEXTAREAS */
afe42d0… ragelink 236
afe42d0… ragelink 237 fieldset.monospace textarea {
afe42d0… ragelink 238 font-family: var(--font-family-monospace);
afe42d0… ragelink 239 }
afe42d0… ragelink 240
afe42d0… ragelink 241 /* SUBMIT ROW */
afe42d0… ragelink 242
afe42d0… ragelink 243 .submit-row {
afe42d0… ragelink 244 padding: 12px 14px 12px;
afe42d0… ragelink 245 margin: 0 0 20px;
afe42d0… ragelink 246 background: var(--darkened-bg);
afe42d0… ragelink 247 border: 1px solid var(--hairline-color);
afe42d0… ragelink 248 border-radius: 4px;
afe42d0… ragelink 249 overflow: hidden;
afe42d0… ragelink 250 display: flex;
afe42d0… ragelink 251 gap: 10px;
afe42d0… ragelink 252 flex-wrap: wrap;
afe42d0… ragelink 253 }
afe42d0… ragelink 254
afe42d0… ragelink 255 body.popup .submit-row {
afe42d0… ragelink 256 overflow: auto;
afe42d0… ragelink 257 }
afe42d0… ragelink 258
afe42d0… ragelink 259 .submit-row input {
afe42d0… ragelink 260 height: 2.1875rem;
afe42d0… ragelink 261 line-height: 0.9375rem;
afe42d0… ragelink 262 }
afe42d0… ragelink 263
afe42d0… ragelink 264 .submit-row input, .submit-row a {
afe42d0… ragelink 265 margin: 0;
afe42d0… ragelink 266 }
afe42d0… ragelink 267
afe42d0… ragelink 268 .submit-row input.default {
afe42d0… ragelink 269 text-transform: uppercase;
afe42d0… ragelink 270 }
afe42d0… ragelink 271
afe42d0… ragelink 272 .submit-row a.deletelink {
afe42d0… ragelink 273 margin-left: auto;
afe42d0… ragelink 274 }
afe42d0… ragelink 275
afe42d0… ragelink 276 .submit-row a.deletelink {
afe42d0… ragelink 277 display: block;
afe42d0… ragelink 278 background: var(--delete-button-bg);
afe42d0… ragelink 279 border-radius: 4px;
afe42d0… ragelink 280 padding: 0.625rem 0.9375rem;
afe42d0… ragelink 281 height: 0.9375rem;
afe42d0… ragelink 282 line-height: 0.9375rem;
afe42d0… ragelink 283 color: var(--button-fg);
afe42d0… ragelink 284 }
afe42d0… ragelink 285
afe42d0… ragelink 286 .submit-row a.closelink {
afe42d0… ragelink 287 display: inline-block;
afe42d0… ragelink 288 background: var(--close-button-bg);
afe42d0… ragelink 289 border-radius: 4px;
afe42d0… ragelink 290 padding: 10px 15px;
afe42d0… ragelink 291 height: 0.9375rem;
afe42d0… ragelink 292 line-height: 0.9375rem;
afe42d0… ragelink 293 color: var(--button-fg);
afe42d0… ragelink 294 }
afe42d0… ragelink 295
afe42d0… ragelink 296 .submit-row a.deletelink:focus,
afe42d0… ragelink 297 .submit-row a.deletelink:hover,
afe42d0… ragelink 298 .submit-row a.deletelink:active {
afe42d0… ragelink 299 background: var(--delete-button-hover-bg);
afe42d0… ragelink 300 text-decoration: none;
afe42d0… ragelink 301 }
afe42d0… ragelink 302
afe42d0… ragelink 303 .submit-row a.closelink:focus,
afe42d0… ragelink 304 .submit-row a.closelink:hover,
afe42d0… ragelink 305 .submit-row a.closelink:active {
afe42d0… ragelink 306 background: var(--close-button-hover-bg);
afe42d0… ragelink 307 text-decoration: none;
afe42d0… ragelink 308 }
afe42d0… ragelink 309
afe42d0… ragelink 310 /* CUSTOM FORM FIELDS */
afe42d0… ragelink 311
afe42d0… ragelink 312 .vSelectMultipleField {
afe42d0… ragelink 313 vertical-align: top;
afe42d0… ragelink 314 }
afe42d0… ragelink 315
afe42d0… ragelink 316 .vCheckboxField {
afe42d0… ragelink 317 border: none;
afe42d0… ragelink 318 }
afe42d0… ragelink 319
afe42d0… ragelink 320 .vDateField, .vTimeField {
afe42d0… ragelink 321 margin-right: 2px;
afe42d0… ragelink 322 margin-bottom: 4px;
afe42d0… ragelink 323 }
afe42d0… ragelink 324
afe42d0… ragelink 325 .vDateField {
afe42d0… ragelink 326 min-width: 6.85em;
afe42d0… ragelink 327 }
afe42d0… ragelink 328
afe42d0… ragelink 329 .vTimeField {
afe42d0… ragelink 330 min-width: 4.7em;
afe42d0… ragelink 331 }
afe42d0… ragelink 332
afe42d0… ragelink 333 .vURLField {
afe42d0… ragelink 334 width: 30em;
afe42d0… ragelink 335 }
afe42d0… ragelink 336
afe42d0… ragelink 337 .vLargeTextField, .vXMLLargeTextField {
afe42d0… ragelink 338 width: 48em;
afe42d0… ragelink 339 }
afe42d0… ragelink 340
afe42d0… ragelink 341 .flatpages-flatpage #id_content {
afe42d0… ragelink 342 height: 40.2em;
afe42d0… ragelink 343 }
afe42d0… ragelink 344
afe42d0… ragelink 345 .module table .vPositiveSmallIntegerField {
afe42d0… ragelink 346 width: 2.2em;
afe42d0… ragelink 347 }
afe42d0… ragelink 348
afe42d0… ragelink 349 .vIntegerField {
afe42d0… ragelink 350 width: 5em;
afe42d0… ragelink 351 }
afe42d0… ragelink 352
afe42d0… ragelink 353 .vBigIntegerField {
afe42d0… ragelink 354 width: 10em;
afe42d0… ragelink 355 }
afe42d0… ragelink 356
afe42d0… ragelink 357 .vForeignKeyRawIdAdminField {
afe42d0… ragelink 358 width: 5em;
afe42d0… ragelink 359 }
afe42d0… ragelink 360
afe42d0… ragelink 361 .vTextField, .vUUIDField {
afe42d0… ragelink 362 width: 20em;
afe42d0… ragelink 363 }
afe42d0… ragelink 364
afe42d0… ragelink 365 /* INLINES */
afe42d0… ragelink 366
afe42d0… ragelink 367 .inline-group {
afe42d0… ragelink 368 padding: 0;
afe42d0… ragelink 369 margin: 0 0 30px;
afe42d0… ragelink 370 }
afe42d0… ragelink 371
afe42d0… ragelink 372 .inline-group thead th {
afe42d0… ragelink 373 padding: 8px 10px;
afe42d0… ragelink 374 }
afe42d0… ragelink 375
afe42d0… ragelink 376 .inline-group .aligned label {
afe42d0… ragelink 377 width: 160px;
afe42d0… ragelink 378 }
afe42d0… ragelink 379
afe42d0… ragelink 380 .inline-related {
afe42d0… ragelink 381 position: relative;
afe42d0… ragelink 382 }
afe42d0… ragelink 383
afe42d0… ragelink 384 .inline-related h4,
afe42d0… ragelink 385 .inline-related:not(.tabular) .collapse summary {
afe42d0… ragelink 386 margin: 0;
afe42d0… ragelink 387 color: var(--body-medium-color);
afe42d0… ragelink 388 padding: 5px;
afe42d0… ragelink 389 font-size: 0.8125rem;
afe42d0… ragelink 390 background: var(--darkened-bg);
afe42d0… ragelink 391 border: 1px solid var(--hairline-color);
afe42d0… ragelink 392 border-left-color: var(--darkened-bg);
afe42d0… ragelink 393 border-right-color: var(--darkened-bg);
afe42d0… ragelink 394 }
afe42d0… ragelink 395
afe42d0… ragelink 396 .inline-related h3 span.delete {
afe42d0… ragelink 397 float: right;
afe42d0… ragelink 398 }
afe42d0… ragelink 399
afe42d0… ragelink 400 .inline-related h3 span.delete label {
afe42d0… ragelink 401 margin-left: 2px;
afe42d0… ragelink 402 font-size: 0.6875rem;
afe42d0… ragelink 403 }
afe42d0… ragelink 404
afe42d0… ragelink 405 .inline-related fieldset {
afe42d0… ragelink 406 margin: 0;
afe42d0… ragelink 407 background: var(--body-bg);
afe42d0… ragelink 408 border: none;
afe42d0… ragelink 409 width: 100%;
afe42d0… ragelink 410 }
afe42d0… ragelink 411
afe42d0… ragelink 412 .inline-group .tabular fieldset.module {
afe42d0… ragelink 413 border: none;
afe42d0… ragelink 414 }
afe42d0… ragelink 415
afe42d0… ragelink 416 .inline-related.tabular fieldset.module table {
afe42d0… ragelink 417 width: 100%;
afe42d0… ragelink 418 overflow-x: scroll;
afe42d0… ragelink 419 }
afe42d0… ragelink 420
afe42d0… ragelink 421 .last-related fieldset {
afe42d0… ragelink 422 border: none;
afe42d0… ragelink 423 }
afe42d0… ragelink 424
afe42d0… ragelink 425 .inline-group .tabular tr.has_original td {
afe42d0… ragelink 426 padding-top: 2em;
afe42d0… ragelink 427 }
afe42d0… ragelink 428
afe42d0… ragelink 429 .inline-group .tabular tr td.original {
afe42d0… ragelink 430 padding: 2px 0 0 0;
afe42d0… ragelink 431 width: 0;
afe42d0… ragelink 432 _position: relative;
afe42d0… ragelink 433 }
afe42d0… ragelink 434
afe42d0… ragelink 435 .inline-group .tabular th.original {
afe42d0… ragelink 436 width: 0px;
afe42d0… ragelink 437 padding: 0;
afe42d0… ragelink 438 }
afe42d0… ragelink 439
afe42d0… ragelink 440 .inline-group .tabular td.original p {
afe42d0… ragelink 441 position: absolute;
afe42d0… ragelink 442 left: 0;
afe42d0… ragelink 443 height: 1.1em;
afe42d0… ragelink 444 padding: 2px 9px;
afe42d0… ragelink 445 overflow: hidden;
afe42d0… ragelink 446 font-size: 0.5625rem;
afe42d0… ragelink 447 font-weight: bold;
afe42d0… ragelink 448 color: var(--body-quiet-color);
afe42d0… ragelink 449 _width: 700px;
afe42d0… ragelink 450 }
afe42d0… ragelink 451
afe42d0… ragelink 452 .inline-group div.add-row,
afe42d0… ragelink 453 .inline-group .tabular tr.add-row td {
afe42d0… ragelink 454 color: var(--body-quiet-color);
afe42d0… ragelink 455 background: var(--darkened-bg);
afe42d0… ragelink 456 padding: 8px 10px;
afe42d0… ragelink 457 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 458 }
afe42d0… ragelink 459
afe42d0… ragelink 460 .inline-group .tabular tr.add-row td {
afe42d0… ragelink 461 padding: 8px 10px;
afe42d0… ragelink 462 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 463 }
afe42d0… ragelink 464
afe42d0… ragelink 465 .inline-group div.add-row a,
afe42d0… ragelink 466 .inline-group .tabular tr.add-row td a {
afe42d0… ragelink 467 font-size: 0.75rem;
afe42d0… ragelink 468 }
afe42d0… ragelink 469
afe42d0… ragelink 470 .empty-form {
afe42d0… ragelink 471 display: none;
afe42d0… ragelink 472 }
afe42d0… ragelink 473
afe42d0… ragelink 474 /* RELATED FIELD ADD ONE / LOOKUP */
afe42d0… ragelink 475
afe42d0… ragelink 476 .related-lookup {
afe42d0… ragelink 477 margin-left: 5px;
afe42d0… ragelink 478 display: inline-block;
afe42d0… ragelink 479 vertical-align: middle;
afe42d0… ragelink 480 background-repeat: no-repeat;
afe42d0… ragelink 481 background-size: 14px;
afe42d0… ragelink 482 }
afe42d0… ragelink 483
afe42d0… ragelink 484 .related-lookup {
afe42d0… ragelink 485 width: 1rem;
afe42d0… ragelink 486 height: 1rem;
afe42d0… ragelink 487 background-image: url(../img/search.svg);
afe42d0… ragelink 488 }
afe42d0… ragelink 489
afe42d0… ragelink 490 form .related-widget-wrapper ul {
afe42d0… ragelink 491 display: inline-block;
afe42d0… ragelink 492 margin-left: 0;
afe42d0… ragelink 493 padding-left: 0;
afe42d0… ragelink 494 }
afe42d0… ragelink 495
afe42d0… ragelink 496 .clearable-file-input input {
afe42d0… ragelink 497 margin-top: 0;
afe42d0… ragelink 498 }

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button