FossilRepo

fossilrepo / assets / admin / css / responsive.css
Source Blame History 904 lines
afe42d0… ragelink 1 /* Tablets */
afe42d0… ragelink 2
afe42d0… ragelink 3 input[type="submit"], button {
afe42d0… ragelink 4 -webkit-appearance: none;
afe42d0… ragelink 5 appearance: none;
afe42d0… ragelink 6 }
afe42d0… ragelink 7
afe42d0… ragelink 8 @media (max-width: 1024px) {
afe42d0… ragelink 9 /* Basic */
afe42d0… ragelink 10
afe42d0… ragelink 11 html {
afe42d0… ragelink 12 -webkit-text-size-adjust: 100%;
afe42d0… ragelink 13 }
afe42d0… ragelink 14
afe42d0… ragelink 15 td, th {
afe42d0… ragelink 16 padding: 10px;
afe42d0… ragelink 17 font-size: 0.875rem;
afe42d0… ragelink 18 }
afe42d0… ragelink 19
afe42d0… ragelink 20 .small {
afe42d0… ragelink 21 font-size: 0.75rem;
afe42d0… ragelink 22 }
afe42d0… ragelink 23
afe42d0… ragelink 24 /* Layout */
afe42d0… ragelink 25
afe42d0… ragelink 26 #container {
afe42d0… ragelink 27 min-width: 0;
afe42d0… ragelink 28 }
afe42d0… ragelink 29
afe42d0… ragelink 30 #content {
afe42d0… ragelink 31 padding: 15px 20px 20px;
afe42d0… ragelink 32 }
afe42d0… ragelink 33
afe42d0… ragelink 34 div.breadcrumbs {
afe42d0… ragelink 35 padding: 10px 30px;
afe42d0… ragelink 36 }
afe42d0… ragelink 37
afe42d0… ragelink 38 /* Header */
afe42d0… ragelink 39
afe42d0… ragelink 40 #header {
afe42d0… ragelink 41 flex-direction: column;
afe42d0… ragelink 42 padding: 15px 30px;
afe42d0… ragelink 43 justify-content: flex-start;
afe42d0… ragelink 44 }
afe42d0… ragelink 45
afe42d0… ragelink 46 #site-name {
afe42d0… ragelink 47 margin: 0 0 8px;
afe42d0… ragelink 48 line-height: 1.2;
afe42d0… ragelink 49 }
afe42d0… ragelink 50
afe42d0… ragelink 51 #user-tools {
afe42d0… ragelink 52 margin: 0;
afe42d0… ragelink 53 font-weight: 400;
afe42d0… ragelink 54 line-height: 1.85;
afe42d0… ragelink 55 text-align: left;
afe42d0… ragelink 56 }
afe42d0… ragelink 57
afe42d0… ragelink 58 #user-tools a {
afe42d0… ragelink 59 display: inline-block;
afe42d0… ragelink 60 line-height: 1.4;
afe42d0… ragelink 61 }
afe42d0… ragelink 62
afe42d0… ragelink 63 /* Dashboard */
afe42d0… ragelink 64
afe42d0… ragelink 65 .dashboard #content {
afe42d0… ragelink 66 width: auto;
afe42d0… ragelink 67 }
afe42d0… ragelink 68
afe42d0… ragelink 69 #content-related {
afe42d0… ragelink 70 margin-right: -290px;
afe42d0… ragelink 71 }
afe42d0… ragelink 72
afe42d0… ragelink 73 .colSM #content-related {
afe42d0… ragelink 74 margin-left: -290px;
afe42d0… ragelink 75 }
afe42d0… ragelink 76
afe42d0… ragelink 77 .colMS {
afe42d0… ragelink 78 margin-right: 290px;
afe42d0… ragelink 79 }
afe42d0… ragelink 80
afe42d0… ragelink 81 .colSM {
afe42d0… ragelink 82 margin-left: 290px;
afe42d0… ragelink 83 }
afe42d0… ragelink 84
afe42d0… ragelink 85 .dashboard .module table td a {
afe42d0… ragelink 86 padding-right: 0;
afe42d0… ragelink 87 }
afe42d0… ragelink 88
afe42d0… ragelink 89 td .changelink, td .addlink {
afe42d0… ragelink 90 font-size: 0.8125rem;
afe42d0… ragelink 91 }
afe42d0… ragelink 92
afe42d0… ragelink 93 /* Changelist */
afe42d0… ragelink 94
afe42d0… ragelink 95 #toolbar {
afe42d0… ragelink 96 border: none;
afe42d0… ragelink 97 padding: 15px;
afe42d0… ragelink 98 }
afe42d0… ragelink 99
afe42d0… ragelink 100 #changelist-search > div {
afe42d0… ragelink 101 display: flex;
afe42d0… ragelink 102 flex-wrap: nowrap;
afe42d0… ragelink 103 max-width: 480px;
afe42d0… ragelink 104 }
afe42d0… ragelink 105
afe42d0… ragelink 106 #changelist-search label {
afe42d0… ragelink 107 line-height: 1.375rem;
afe42d0… ragelink 108 }
afe42d0… ragelink 109
afe42d0… ragelink 110 #toolbar form #searchbar {
afe42d0… ragelink 111 flex: 1 0 auto;
afe42d0… ragelink 112 width: 0;
afe42d0… ragelink 113 height: 1.375rem;
afe42d0… ragelink 114 margin: 0 10px 0 6px;
afe42d0… ragelink 115 }
afe42d0… ragelink 116
afe42d0… ragelink 117 #toolbar form input[type=submit] {
afe42d0… ragelink 118 flex: 0 1 auto;
afe42d0… ragelink 119 }
afe42d0… ragelink 120
afe42d0… ragelink 121 #changelist-search .quiet {
afe42d0… ragelink 122 width: 0;
afe42d0… ragelink 123 flex: 1 0 auto;
afe42d0… ragelink 124 margin: 5px 0 0 25px;
afe42d0… ragelink 125 }
afe42d0… ragelink 126
afe42d0… ragelink 127 #changelist .actions {
afe42d0… ragelink 128 display: flex;
afe42d0… ragelink 129 flex-wrap: wrap;
afe42d0… ragelink 130 padding: 15px 0;
afe42d0… ragelink 131 }
afe42d0… ragelink 132
afe42d0… ragelink 133 #changelist .actions label {
afe42d0… ragelink 134 display: flex;
afe42d0… ragelink 135 }
afe42d0… ragelink 136
afe42d0… ragelink 137 #changelist .actions select {
afe42d0… ragelink 138 background: var(--body-bg);
afe42d0… ragelink 139 }
afe42d0… ragelink 140
afe42d0… ragelink 141 #changelist .actions .button {
afe42d0… ragelink 142 min-width: 48px;
afe42d0… ragelink 143 margin: 0 10px;
afe42d0… ragelink 144 }
afe42d0… ragelink 145
afe42d0… ragelink 146 #changelist .actions span.all,
afe42d0… ragelink 147 #changelist .actions span.clear,
afe42d0… ragelink 148 #changelist .actions span.question,
afe42d0… ragelink 149 #changelist .actions span.action-counter {
afe42d0… ragelink 150 font-size: 0.6875rem;
afe42d0… ragelink 151 margin: 0 10px 0 0;
afe42d0… ragelink 152 }
afe42d0… ragelink 153
afe42d0… ragelink 154 #changelist-filter {
afe42d0… ragelink 155 flex-basis: 200px;
afe42d0… ragelink 156 }
afe42d0… ragelink 157
afe42d0… ragelink 158 .change-list .filtered .results,
afe42d0… ragelink 159 .change-list .filtered .paginator,
afe42d0… ragelink 160 .filtered #toolbar,
afe42d0… ragelink 161 .filtered .actions,
afe42d0… ragelink 162
afe42d0… ragelink 163 #changelist .paginator {
afe42d0… ragelink 164 border-top-color: var(--hairline-color); /* XXX Is this used at all? */
afe42d0… ragelink 165 }
afe42d0… ragelink 166
afe42d0… ragelink 167 #changelist .results + .paginator {
afe42d0… ragelink 168 border-top: none;
afe42d0… ragelink 169 }
afe42d0… ragelink 170
afe42d0… ragelink 171 /* Forms */
afe42d0… ragelink 172
afe42d0… ragelink 173 label {
afe42d0… ragelink 174 font-size: 1rem;
afe42d0… ragelink 175 }
afe42d0… ragelink 176
afe42d0… ragelink 177 /*
afe42d0… ragelink 178 Minifiers remove the default (text) "type" attribute from "input" HTML
afe42d0… ragelink 179 tags. Add input:not([type]) to make the CSS stylesheet work the same.
afe42d0… ragelink 180 */
afe42d0… ragelink 181 .form-row input:not([type]),
afe42d0… ragelink 182 .form-row input[type=text],
afe42d0… ragelink 183 .form-row input[type=password],
afe42d0… ragelink 184 .form-row input[type=email],
afe42d0… ragelink 185 .form-row input[type=url],
afe42d0… ragelink 186 .form-row input[type=tel],
afe42d0… ragelink 187 .form-row input[type=number],
afe42d0… ragelink 188 .form-row textarea,
afe42d0… ragelink 189 .form-row select,
afe42d0… ragelink 190 .form-row .vTextField {
afe42d0… ragelink 191 box-sizing: border-box;
afe42d0… ragelink 192 margin: 0;
afe42d0… ragelink 193 padding: 6px 8px;
afe42d0… ragelink 194 min-height: 2.25rem;
afe42d0… ragelink 195 font-size: 1rem;
afe42d0… ragelink 196 }
afe42d0… ragelink 197
afe42d0… ragelink 198 .form-row select {
afe42d0… ragelink 199 height: 2.25rem;
afe42d0… ragelink 200 }
afe42d0… ragelink 201
afe42d0… ragelink 202 .form-row select[multiple] {
afe42d0… ragelink 203 height: auto;
afe42d0… ragelink 204 min-height: 0;
afe42d0… ragelink 205 }
afe42d0… ragelink 206
afe42d0… ragelink 207 fieldset .fieldBox + .fieldBox {
afe42d0… ragelink 208 margin-top: 10px;
afe42d0… ragelink 209 padding-top: 10px;
afe42d0… ragelink 210 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 211 }
afe42d0… ragelink 212
afe42d0… ragelink 213 textarea {
afe42d0… ragelink 214 max-width: 100%;
afe42d0… ragelink 215 max-height: 120px;
afe42d0… ragelink 216 }
afe42d0… ragelink 217
afe42d0… ragelink 218 .aligned label {
afe42d0… ragelink 219 padding-top: 6px;
afe42d0… ragelink 220 }
afe42d0… ragelink 221
afe42d0… ragelink 222 .aligned .related-lookup,
afe42d0… ragelink 223 .aligned .datetimeshortcuts,
afe42d0… ragelink 224 .aligned .related-lookup + strong {
afe42d0… ragelink 225 align-self: center;
afe42d0… ragelink 226 margin-left: 15px;
afe42d0… ragelink 227 }
afe42d0… ragelink 228
afe42d0… ragelink 229 form .aligned div.radiolist {
afe42d0… ragelink 230 margin-left: 2px;
afe42d0… ragelink 231 }
afe42d0… ragelink 232
afe42d0… ragelink 233 .submit-row {
afe42d0… ragelink 234 padding: 8px;
afe42d0… ragelink 235 }
afe42d0… ragelink 236
afe42d0… ragelink 237 .submit-row a.deletelink {
afe42d0… ragelink 238 padding: 10px 7px;
afe42d0… ragelink 239 }
afe42d0… ragelink 240
afe42d0… ragelink 241 .button, input[type=submit], input[type=button], .submit-row input, a.button {
afe42d0… ragelink 242 padding: 7px;
afe42d0… ragelink 243 }
afe42d0… ragelink 244
afe42d0… ragelink 245 /* Selector */
afe42d0… ragelink 246
afe42d0… ragelink 247 .selector {
afe42d0… ragelink 248 display: flex;
afe42d0… ragelink 249 width: 100%;
afe42d0… ragelink 250 }
afe42d0… ragelink 251
afe42d0… ragelink 252 .selector .selector-filter {
afe42d0… ragelink 253 display: flex;
afe42d0… ragelink 254 align-items: center;
afe42d0… ragelink 255 }
afe42d0… ragelink 256
afe42d0… ragelink 257 .selector .selector-filter input {
afe42d0… ragelink 258 width: 100%;
afe42d0… ragelink 259 min-height: 0;
afe42d0… ragelink 260 flex: 1 1;
afe42d0… ragelink 261 }
afe42d0… ragelink 262
afe42d0… ragelink 263 .selector-available, .selector-chosen {
afe42d0… ragelink 264 width: auto;
afe42d0… ragelink 265 flex: 1 1;
afe42d0… ragelink 266 display: flex;
afe42d0… ragelink 267 flex-direction: column;
afe42d0… ragelink 268 }
afe42d0… ragelink 269
afe42d0… ragelink 270 .selector select {
afe42d0… ragelink 271 width: 100%;
afe42d0… ragelink 272 flex: 1 0 auto;
afe42d0… ragelink 273 margin-bottom: 5px;
afe42d0… ragelink 274 }
afe42d0… ragelink 275
afe42d0… ragelink 276 .selector-chooseall, .selector-clearall {
afe42d0… ragelink 277 align-self: center;
afe42d0… ragelink 278 }
afe42d0… ragelink 279
afe42d0… ragelink 280 .stacked {
afe42d0… ragelink 281 flex-direction: column;
afe42d0… ragelink 282 max-width: 480px;
afe42d0… ragelink 283 }
afe42d0… ragelink 284
afe42d0… ragelink 285 .stacked > * {
afe42d0… ragelink 286 flex: 0 1 auto;
afe42d0… ragelink 287 }
afe42d0… ragelink 288
afe42d0… ragelink 289 .stacked select {
afe42d0… ragelink 290 margin-bottom: 0;
afe42d0… ragelink 291 }
afe42d0… ragelink 292
afe42d0… ragelink 293 .stacked .selector-available, .stacked .selector-chosen {
afe42d0… ragelink 294 width: auto;
afe42d0… ragelink 295 }
afe42d0… ragelink 296
afe42d0… ragelink 297 .stacked ul.selector-chooser {
afe42d0… ragelink 298 padding: 0 2px;
afe42d0… ragelink 299 transform: none;
afe42d0… ragelink 300 }
afe42d0… ragelink 301
afe42d0… ragelink 302 .stacked .selector-chooser li {
afe42d0… ragelink 303 padding: 3px;
afe42d0… ragelink 304 }
afe42d0… ragelink 305
afe42d0… ragelink 306 .help-tooltip, .selector .help-icon {
afe42d0… ragelink 307 display: none;
afe42d0… ragelink 308 }
afe42d0… ragelink 309
afe42d0… ragelink 310 .datetime input {
afe42d0… ragelink 311 width: 50%;
afe42d0… ragelink 312 max-width: 120px;
afe42d0… ragelink 313 }
afe42d0… ragelink 314
afe42d0… ragelink 315 .datetime span {
afe42d0… ragelink 316 font-size: 0.8125rem;
afe42d0… ragelink 317 }
afe42d0… ragelink 318
afe42d0… ragelink 319 .datetime .timezonewarning {
afe42d0… ragelink 320 display: block;
afe42d0… ragelink 321 font-size: 0.6875rem;
afe42d0… ragelink 322 color: var(--body-quiet-color);
afe42d0… ragelink 323 }
afe42d0… ragelink 324
afe42d0… ragelink 325 .datetimeshortcuts {
afe42d0… ragelink 326 color: var(--border-color); /* XXX Redundant, .datetime span also sets #ccc */
afe42d0… ragelink 327 }
afe42d0… ragelink 328
afe42d0… ragelink 329 .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField {
afe42d0… ragelink 330 width: 75%;
afe42d0… ragelink 331 }
afe42d0… ragelink 332
afe42d0… ragelink 333 .inline-group {
afe42d0… ragelink 334 overflow: auto;
afe42d0… ragelink 335 }
afe42d0… ragelink 336
afe42d0… ragelink 337 /* Messages */
afe42d0… ragelink 338
afe42d0… ragelink 339 ul.messagelist li {
afe42d0… ragelink 340 padding-left: 55px;
afe42d0… ragelink 341 background-position: 30px 12px;
afe42d0… ragelink 342 }
afe42d0… ragelink 343
afe42d0… ragelink 344 ul.messagelist li.error {
afe42d0… ragelink 345 background-position: 30px 12px;
afe42d0… ragelink 346 }
afe42d0… ragelink 347
afe42d0… ragelink 348 ul.messagelist li.warning {
afe42d0… ragelink 349 background-position: 30px 14px;
afe42d0… ragelink 350 }
afe42d0… ragelink 351
afe42d0… ragelink 352 /* Login */
afe42d0… ragelink 353
afe42d0… ragelink 354 .login #header {
afe42d0… ragelink 355 padding: 15px 20px;
afe42d0… ragelink 356 }
afe42d0… ragelink 357
afe42d0… ragelink 358 .login #site-name {
afe42d0… ragelink 359 margin: 0;
afe42d0… ragelink 360 }
afe42d0… ragelink 361
afe42d0… ragelink 362 /* GIS */
afe42d0… ragelink 363
afe42d0… ragelink 364 div.olMap {
afe42d0… ragelink 365 max-width: calc(100vw - 30px);
afe42d0… ragelink 366 max-height: 300px;
afe42d0… ragelink 367 }
afe42d0… ragelink 368
afe42d0… ragelink 369 .olMap + .clear_features {
afe42d0… ragelink 370 display: block;
afe42d0… ragelink 371 margin-top: 10px;
afe42d0… ragelink 372 }
afe42d0… ragelink 373
afe42d0… ragelink 374 /* Docs */
afe42d0… ragelink 375
afe42d0… ragelink 376 .module table.xfull {
afe42d0… ragelink 377 width: 100%;
afe42d0… ragelink 378 }
afe42d0… ragelink 379
afe42d0… ragelink 380 pre.literal-block {
afe42d0… ragelink 381 overflow: auto;
afe42d0… ragelink 382 }
afe42d0… ragelink 383 }
afe42d0… ragelink 384
afe42d0… ragelink 385 /* Mobile */
afe42d0… ragelink 386
afe42d0… ragelink 387 @media (max-width: 767px) {
afe42d0… ragelink 388 /* Layout */
afe42d0… ragelink 389
afe42d0… ragelink 390 #header, #content {
afe42d0… ragelink 391 padding: 15px;
afe42d0… ragelink 392 }
afe42d0… ragelink 393
afe42d0… ragelink 394 div.breadcrumbs {
afe42d0… ragelink 395 padding: 10px 15px;
afe42d0… ragelink 396 }
afe42d0… ragelink 397
afe42d0… ragelink 398 /* Dashboard */
afe42d0… ragelink 399
afe42d0… ragelink 400 .colMS, .colSM {
afe42d0… ragelink 401 margin: 0;
afe42d0… ragelink 402 }
afe42d0… ragelink 403
afe42d0… ragelink 404 #content-related, .colSM #content-related {
afe42d0… ragelink 405 width: 100%;
afe42d0… ragelink 406 margin: 0;
afe42d0… ragelink 407 }
afe42d0… ragelink 408
afe42d0… ragelink 409 #content-related .module {
afe42d0… ragelink 410 margin-bottom: 0;
afe42d0… ragelink 411 }
afe42d0… ragelink 412
afe42d0… ragelink 413 #content-related .module h2 {
afe42d0… ragelink 414 padding: 10px 15px;
afe42d0… ragelink 415 font-size: 1rem;
afe42d0… ragelink 416 }
afe42d0… ragelink 417
afe42d0… ragelink 418 /* Changelist */
afe42d0… ragelink 419
afe42d0… ragelink 420 #changelist {
afe42d0… ragelink 421 align-items: stretch;
afe42d0… ragelink 422 flex-direction: column;
afe42d0… ragelink 423 }
afe42d0… ragelink 424
afe42d0… ragelink 425 #toolbar {
afe42d0… ragelink 426 padding: 10px;
afe42d0… ragelink 427 }
afe42d0… ragelink 428
afe42d0… ragelink 429 #changelist-filter {
afe42d0… ragelink 430 margin-left: 0;
afe42d0… ragelink 431 }
afe42d0… ragelink 432
afe42d0… ragelink 433 #changelist .actions label {
afe42d0… ragelink 434 flex: 1 1;
afe42d0… ragelink 435 }
afe42d0… ragelink 436
afe42d0… ragelink 437 #changelist .actions select {
afe42d0… ragelink 438 flex: 1 0;
afe42d0… ragelink 439 width: 100%;
afe42d0… ragelink 440 }
afe42d0… ragelink 441
afe42d0… ragelink 442 #changelist .actions span {
afe42d0… ragelink 443 flex: 1 0 100%;
afe42d0… ragelink 444 }
afe42d0… ragelink 445
afe42d0… ragelink 446 #changelist-filter {
afe42d0… ragelink 447 position: static;
afe42d0… ragelink 448 width: auto;
afe42d0… ragelink 449 margin-top: 30px;
afe42d0… ragelink 450 }
afe42d0… ragelink 451
afe42d0… ragelink 452 .object-tools {
afe42d0… ragelink 453 float: none;
afe42d0… ragelink 454 margin: 0 0 15px;
afe42d0… ragelink 455 padding: 0;
afe42d0… ragelink 456 overflow: hidden;
afe42d0… ragelink 457 }
afe42d0… ragelink 458
afe42d0… ragelink 459 .object-tools li {
afe42d0… ragelink 460 height: auto;
afe42d0… ragelink 461 margin-left: 0;
afe42d0… ragelink 462 }
afe42d0… ragelink 463
afe42d0… ragelink 464 .object-tools li + li {
afe42d0… ragelink 465 margin-left: 15px;
afe42d0… ragelink 466 }
afe42d0… ragelink 467
afe42d0… ragelink 468 /* Forms */
afe42d0… ragelink 469
afe42d0… ragelink 470 .form-row {
afe42d0… ragelink 471 padding: 15px 0;
afe42d0… ragelink 472 }
afe42d0… ragelink 473
afe42d0… ragelink 474 .aligned .form-row,
afe42d0… ragelink 475 .aligned .form-row > div {
afe42d0… ragelink 476 max-width: 100vw;
afe42d0… ragelink 477 }
afe42d0… ragelink 478
afe42d0… ragelink 479 .aligned .form-row > div {
afe42d0… ragelink 480 width: calc(100vw - 30px);
afe42d0… ragelink 481 }
afe42d0… ragelink 482
afe42d0… ragelink 483 .flex-container {
afe42d0… ragelink 484 flex-flow: column;
afe42d0… ragelink 485 }
afe42d0… ragelink 486
afe42d0… ragelink 487 .flex-container.checkbox-row {
afe42d0… ragelink 488 flex-flow: row;
afe42d0… ragelink 489 }
afe42d0… ragelink 490
afe42d0… ragelink 491 textarea {
afe42d0… ragelink 492 max-width: none;
afe42d0… ragelink 493 }
afe42d0… ragelink 494
afe42d0… ragelink 495 .vURLField {
afe42d0… ragelink 496 width: auto;
afe42d0… ragelink 497 }
afe42d0… ragelink 498
afe42d0… ragelink 499 fieldset .fieldBox + .fieldBox {
afe42d0… ragelink 500 margin-top: 15px;
afe42d0… ragelink 501 padding-top: 15px;
afe42d0… ragelink 502 }
afe42d0… ragelink 503
afe42d0… ragelink 504 .aligned label {
afe42d0… ragelink 505 width: 100%;
afe42d0… ragelink 506 min-width: auto;
afe42d0… ragelink 507 padding: 0 0 10px;
afe42d0… ragelink 508 }
afe42d0… ragelink 509
afe42d0… ragelink 510 .aligned label:after {
afe42d0… ragelink 511 max-height: 0;
afe42d0… ragelink 512 }
afe42d0… ragelink 513
afe42d0… ragelink 514 .aligned .form-row input,
afe42d0… ragelink 515 .aligned .form-row select,
afe42d0… ragelink 516 .aligned .form-row textarea {
afe42d0… ragelink 517 flex: 1 1 auto;
afe42d0… ragelink 518 max-width: 100%;
afe42d0… ragelink 519 }
afe42d0… ragelink 520
afe42d0… ragelink 521 .aligned .checkbox-row input {
afe42d0… ragelink 522 flex: 0 1 auto;
afe42d0… ragelink 523 margin: 0;
afe42d0… ragelink 524 }
afe42d0… ragelink 525
afe42d0… ragelink 526 .aligned .vCheckboxLabel {
afe42d0… ragelink 527 flex: 1 0;
afe42d0… ragelink 528 padding: 1px 0 0 5px;
afe42d0… ragelink 529 }
afe42d0… ragelink 530
afe42d0… ragelink 531 .aligned label + p,
afe42d0… ragelink 532 .aligned label + div.help,
afe42d0… ragelink 533 .aligned label + div.readonly {
afe42d0… ragelink 534 padding: 0;
afe42d0… ragelink 535 margin-left: 0;
afe42d0… ragelink 536 }
afe42d0… ragelink 537
afe42d0… ragelink 538 .aligned p.file-upload {
afe42d0… ragelink 539 font-size: 0.8125rem;
afe42d0… ragelink 540 }
afe42d0… ragelink 541
afe42d0… ragelink 542 span.clearable-file-input {
afe42d0… ragelink 543 margin-left: 15px;
afe42d0… ragelink 544 }
afe42d0… ragelink 545
afe42d0… ragelink 546 span.clearable-file-input label {
afe42d0… ragelink 547 font-size: 0.8125rem;
afe42d0… ragelink 548 padding-bottom: 0;
afe42d0… ragelink 549 }
afe42d0… ragelink 550
afe42d0… ragelink 551 .aligned .timezonewarning {
afe42d0… ragelink 552 flex: 1 0 100%;
afe42d0… ragelink 553 margin-top: 5px;
afe42d0… ragelink 554 }
afe42d0… ragelink 555
afe42d0… ragelink 556 form .aligned .form-row div.help {
afe42d0… ragelink 557 width: 100%;
afe42d0… ragelink 558 margin: 5px 0 0;
afe42d0… ragelink 559 padding: 0;
afe42d0… ragelink 560 }
afe42d0… ragelink 561
afe42d0… ragelink 562 form .aligned ul,
afe42d0… ragelink 563 form .aligned ul.errorlist {
afe42d0… ragelink 564 margin-left: 0;
afe42d0… ragelink 565 padding-left: 0;
afe42d0… ragelink 566 }
afe42d0… ragelink 567
afe42d0… ragelink 568 form .aligned div.radiolist {
afe42d0… ragelink 569 margin-top: 5px;
afe42d0… ragelink 570 margin-right: 15px;
afe42d0… ragelink 571 margin-bottom: -3px;
afe42d0… ragelink 572 }
afe42d0… ragelink 573
afe42d0… ragelink 574 form .aligned div.radiolist:not(.inline) div + div {
afe42d0… ragelink 575 margin-top: 5px;
afe42d0… ragelink 576 }
afe42d0… ragelink 577
afe42d0… ragelink 578 /* Related widget */
afe42d0… ragelink 579
afe42d0… ragelink 580 .related-widget-wrapper {
afe42d0… ragelink 581 width: 100%;
afe42d0… ragelink 582 display: flex;
afe42d0… ragelink 583 align-items: flex-start;
afe42d0… ragelink 584 }
afe42d0… ragelink 585
afe42d0… ragelink 586 .related-widget-wrapper .selector {
afe42d0… ragelink 587 order: 1;
afe42d0… ragelink 588 flex: 1 0 auto;
afe42d0… ragelink 589 }
afe42d0… ragelink 590
afe42d0… ragelink 591 .related-widget-wrapper > a {
afe42d0… ragelink 592 order: 2;
afe42d0… ragelink 593 }
afe42d0… ragelink 594
afe42d0… ragelink 595 .related-widget-wrapper .radiolist ~ a {
afe42d0… ragelink 596 align-self: flex-end;
afe42d0… ragelink 597 }
afe42d0… ragelink 598
afe42d0… ragelink 599 .related-widget-wrapper > select ~ a {
afe42d0… ragelink 600 align-self: center;
afe42d0… ragelink 601 }
afe42d0… ragelink 602
afe42d0… ragelink 603 /* Selector */
afe42d0… ragelink 604
afe42d0… ragelink 605 .selector {
afe42d0… ragelink 606 flex-direction: column;
afe42d0… ragelink 607 gap: 10px 0;
afe42d0… ragelink 608 }
afe42d0… ragelink 609
afe42d0… ragelink 610 .selector-available, .selector-chosen {
afe42d0… ragelink 611 flex: 1 1 auto;
afe42d0… ragelink 612 }
afe42d0… ragelink 613
afe42d0… ragelink 614 .selector select {
afe42d0… ragelink 615 max-height: 96px;
afe42d0… ragelink 616 }
afe42d0… ragelink 617
afe42d0… ragelink 618 .selector ul.selector-chooser {
afe42d0… ragelink 619 display: flex;
afe42d0… ragelink 620 width: 60px;
afe42d0… ragelink 621 height: 30px;
afe42d0… ragelink 622 padding: 0 2px;
afe42d0… ragelink 623 transform: none;
afe42d0… ragelink 624 }
afe42d0… ragelink 625
afe42d0… ragelink 626 .selector ul.selector-chooser li {
afe42d0… ragelink 627 float: left;
afe42d0… ragelink 628 }
afe42d0… ragelink 629
afe42d0… ragelink 630 .selector-remove {
afe42d0… ragelink 631 background-position: 0 0;
afe42d0… ragelink 632 }
afe42d0… ragelink 633
afe42d0… ragelink 634 :enabled.selector-remove:focus, :enabled.selector-remove:hover {
afe42d0… ragelink 635 background-position: 0 -24px;
afe42d0… ragelink 636 }
afe42d0… ragelink 637
afe42d0… ragelink 638 .selector-add {
afe42d0… ragelink 639 background-position: 0 -48px;
afe42d0… ragelink 640 }
afe42d0… ragelink 641
afe42d0… ragelink 642 :enabled.selector-add:focus, :enabled.selector-add:hover {
afe42d0… ragelink 643 background-position: 0 -72px;
afe42d0… ragelink 644 }
afe42d0… ragelink 645
afe42d0… ragelink 646 /* Inlines */
afe42d0… ragelink 647
afe42d0… ragelink 648 .inline-group[data-inline-type="stacked"] .inline-related {
afe42d0… ragelink 649 border: 1px solid var(--hairline-color);
afe42d0… ragelink 650 border-radius: 4px;
afe42d0… ragelink 651 margin-top: 15px;
afe42d0… ragelink 652 overflow: auto;
afe42d0… ragelink 653 }
afe42d0… ragelink 654
afe42d0… ragelink 655 .inline-group[data-inline-type="stacked"] .inline-related > * {
afe42d0… ragelink 656 box-sizing: border-box;
afe42d0… ragelink 657 }
afe42d0… ragelink 658
afe42d0… ragelink 659 .inline-group[data-inline-type="stacked"] .inline-related .module {
afe42d0… ragelink 660 padding: 0 10px;
afe42d0… ragelink 661 }
afe42d0… ragelink 662
afe42d0… ragelink 663 .inline-group[data-inline-type="stacked"] .inline-related .module .form-row {
afe42d0… ragelink 664 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 665 border-bottom: none;
afe42d0… ragelink 666 }
afe42d0… ragelink 667
afe42d0… ragelink 668 .inline-group[data-inline-type="stacked"] .inline-related .module .form-row:first-child {
afe42d0… ragelink 669 border-top: none;
afe42d0… ragelink 670 }
afe42d0… ragelink 671
afe42d0… ragelink 672 .inline-group[data-inline-type="stacked"] .inline-related h3 {
afe42d0… ragelink 673 padding: 10px;
afe42d0… ragelink 674 border-top-width: 0;
afe42d0… ragelink 675 border-bottom-width: 2px;
afe42d0… ragelink 676 display: flex;
afe42d0… ragelink 677 flex-wrap: wrap;
afe42d0… ragelink 678 align-items: center;
afe42d0… ragelink 679 }
afe42d0… ragelink 680
afe42d0… ragelink 681 .inline-group[data-inline-type="stacked"] .inline-related h3 .inline_label {
afe42d0… ragelink 682 margin-right: auto;
afe42d0… ragelink 683 }
afe42d0… ragelink 684
afe42d0… ragelink 685 .inline-group[data-inline-type="stacked"] .inline-related h3 span.delete {
afe42d0… ragelink 686 float: none;
afe42d0… ragelink 687 flex: 1 1 100%;
afe42d0… ragelink 688 margin-top: 5px;
afe42d0… ragelink 689 }
afe42d0… ragelink 690
afe42d0… ragelink 691 .inline-group[data-inline-type="stacked"] .aligned .form-row > div:not([class]) {
afe42d0… ragelink 692 width: 100%;
afe42d0… ragelink 693 }
afe42d0… ragelink 694
afe42d0… ragelink 695 .inline-group[data-inline-type="stacked"] .aligned label {
afe42d0… ragelink 696 width: 100%;
afe42d0… ragelink 697 }
afe42d0… ragelink 698
afe42d0… ragelink 699 .inline-group[data-inline-type="stacked"] div.add-row {
afe42d0… ragelink 700 margin-top: 15px;
afe42d0… ragelink 701 border: 1px solid var(--hairline-color);
afe42d0… ragelink 702 border-radius: 4px;
afe42d0… ragelink 703 }
afe42d0… ragelink 704
afe42d0… ragelink 705 .inline-group div.add-row,
afe42d0… ragelink 706 .inline-group .tabular tr.add-row td {
afe42d0… ragelink 707 padding: 0;
afe42d0… ragelink 708 }
afe42d0… ragelink 709
afe42d0… ragelink 710 .inline-group div.add-row a,
afe42d0… ragelink 711 .inline-group .tabular tr.add-row td a {
afe42d0… ragelink 712 display: block;
afe42d0… ragelink 713 padding: 8px 10px 8px 26px;
afe42d0… ragelink 714 background-position: 8px 9px;
afe42d0… ragelink 715 }
afe42d0… ragelink 716
afe42d0… ragelink 717 /* Submit row */
afe42d0… ragelink 718
afe42d0… ragelink 719 .submit-row {
afe42d0… ragelink 720 padding: 10px;
afe42d0… ragelink 721 margin: 0 0 15px;
afe42d0… ragelink 722 flex-direction: column;
afe42d0… ragelink 723 gap: 8px;
afe42d0… ragelink 724 }
afe42d0… ragelink 725
afe42d0… ragelink 726 .submit-row input, .submit-row input.default, .submit-row a {
afe42d0… ragelink 727 text-align: center;
afe42d0… ragelink 728 }
afe42d0… ragelink 729
afe42d0… ragelink 730 .submit-row a.closelink {
afe42d0… ragelink 731 padding: 10px 0;
afe42d0… ragelink 732 text-align: center;
afe42d0… ragelink 733 }
afe42d0… ragelink 734
afe42d0… ragelink 735 .submit-row a.deletelink {
afe42d0… ragelink 736 margin: 0;
afe42d0… ragelink 737 }
afe42d0… ragelink 738
afe42d0… ragelink 739 /* Messages */
afe42d0… ragelink 740
afe42d0… ragelink 741 ul.messagelist li {
afe42d0… ragelink 742 padding-left: 40px;
afe42d0… ragelink 743 background-position: 15px 12px;
afe42d0… ragelink 744 }
afe42d0… ragelink 745
afe42d0… ragelink 746 ul.messagelist li.error {
afe42d0… ragelink 747 background-position: 15px 12px;
afe42d0… ragelink 748 }
afe42d0… ragelink 749
afe42d0… ragelink 750 ul.messagelist li.warning {
afe42d0… ragelink 751 background-position: 15px 14px;
afe42d0… ragelink 752 }
afe42d0… ragelink 753
afe42d0… ragelink 754 /* Paginator */
afe42d0… ragelink 755
afe42d0… ragelink 756 .paginator .this-page, .paginator a:link, .paginator a:visited {
afe42d0… ragelink 757 padding: 4px 10px;
afe42d0… ragelink 758 }
afe42d0… ragelink 759
afe42d0… ragelink 760 /* Login */
afe42d0… ragelink 761
afe42d0… ragelink 762 body.login {
afe42d0… ragelink 763 padding: 0 15px;
afe42d0… ragelink 764 }
afe42d0… ragelink 765
afe42d0… ragelink 766 .login #container {
afe42d0… ragelink 767 width: auto;
afe42d0… ragelink 768 max-width: 480px;
afe42d0… ragelink 769 margin: 50px auto;
afe42d0… ragelink 770 }
afe42d0… ragelink 771
afe42d0… ragelink 772 .login #header,
afe42d0… ragelink 773 .login #content {
afe42d0… ragelink 774 padding: 15px;
afe42d0… ragelink 775 }
afe42d0… ragelink 776
afe42d0… ragelink 777 .login #content-main {
afe42d0… ragelink 778 float: none;
afe42d0… ragelink 779 }
afe42d0… ragelink 780
afe42d0… ragelink 781 .login .form-row {
afe42d0… ragelink 782 padding: 0;
afe42d0… ragelink 783 }
afe42d0… ragelink 784
afe42d0… ragelink 785 .login .form-row + .form-row {
afe42d0… ragelink 786 margin-top: 15px;
afe42d0… ragelink 787 }
afe42d0… ragelink 788
afe42d0… ragelink 789 .login .form-row label {
afe42d0… ragelink 790 margin: 0 0 5px;
afe42d0… ragelink 791 line-height: 1.2;
afe42d0… ragelink 792 }
afe42d0… ragelink 793
afe42d0… ragelink 794 .login .submit-row {
afe42d0… ragelink 795 padding: 15px 0 0;
afe42d0… ragelink 796 }
afe42d0… ragelink 797
afe42d0… ragelink 798 .login br {
afe42d0… ragelink 799 display: none;
afe42d0… ragelink 800 }
afe42d0… ragelink 801
afe42d0… ragelink 802 .login .submit-row input {
afe42d0… ragelink 803 margin: 0;
afe42d0… ragelink 804 text-transform: uppercase;
afe42d0… ragelink 805 }
afe42d0… ragelink 806
afe42d0… ragelink 807 .errornote {
afe42d0… ragelink 808 margin: 0 0 20px;
afe42d0… ragelink 809 padding: 8px 12px;
afe42d0… ragelink 810 font-size: 0.8125rem;
afe42d0… ragelink 811 }
afe42d0… ragelink 812
afe42d0… ragelink 813 /* Calendar and clock */
afe42d0… ragelink 814
afe42d0… ragelink 815 .calendarbox, .clockbox {
afe42d0… ragelink 816 position: fixed !important;
afe42d0… ragelink 817 top: 50% !important;
afe42d0… ragelink 818 left: 50% !important;
afe42d0… ragelink 819 transform: translate(-50%, -50%);
afe42d0… ragelink 820 margin: 0;
afe42d0… ragelink 821 border: none;
afe42d0… ragelink 822 overflow: visible;
afe42d0… ragelink 823 }
afe42d0… ragelink 824
afe42d0… ragelink 825 .calendarbox:before, .clockbox:before {
afe42d0… ragelink 826 content: '';
afe42d0… ragelink 827 position: fixed;
afe42d0… ragelink 828 top: 50%;
afe42d0… ragelink 829 left: 50%;
afe42d0… ragelink 830 width: 100vw;
afe42d0… ragelink 831 height: 100vh;
afe42d0… ragelink 832 background: rgba(0, 0, 0, 0.75);
afe42d0… ragelink 833 transform: translate(-50%, -50%);
afe42d0… ragelink 834 }
afe42d0… ragelink 835
afe42d0… ragelink 836 .calendarbox > *, .clockbox > * {
afe42d0… ragelink 837 position: relative;
afe42d0… ragelink 838 z-index: 1;
afe42d0… ragelink 839 }
afe42d0… ragelink 840
afe42d0… ragelink 841 .calendarbox > div:first-child {
afe42d0… ragelink 842 z-index: 2;
afe42d0… ragelink 843 }
afe42d0… ragelink 844
afe42d0… ragelink 845 .calendarbox .calendar, .clockbox h2 {
afe42d0… ragelink 846 border-radius: 4px 4px 0 0;
afe42d0… ragelink 847 overflow: hidden;
afe42d0… ragelink 848 }
afe42d0… ragelink 849
afe42d0… ragelink 850 .calendarbox .calendar-cancel, .clockbox .calendar-cancel {
afe42d0… ragelink 851 border-radius: 0 0 4px 4px;
afe42d0… ragelink 852 overflow: hidden;
afe42d0… ragelink 853 }
afe42d0… ragelink 854
afe42d0… ragelink 855 .calendar-shortcuts {
afe42d0… ragelink 856 padding: 10px 0;
afe42d0… ragelink 857 font-size: 0.75rem;
afe42d0… ragelink 858 line-height: 0.75rem;
afe42d0… ragelink 859 }
afe42d0… ragelink 860
afe42d0… ragelink 861 .calendar-shortcuts a {
afe42d0… ragelink 862 margin: 0 4px;
afe42d0… ragelink 863 }
afe42d0… ragelink 864
afe42d0… ragelink 865 .timelist a {
afe42d0… ragelink 866 background: var(--body-bg);
afe42d0… ragelink 867 padding: 4px;
afe42d0… ragelink 868 }
afe42d0… ragelink 869
afe42d0… ragelink 870 .calendar-cancel {
afe42d0… ragelink 871 padding: 8px 10px;
afe42d0… ragelink 872 }
afe42d0… ragelink 873
afe42d0… ragelink 874 .clockbox h2 {
afe42d0… ragelink 875 padding: 8px 15px;
afe42d0… ragelink 876 }
afe42d0… ragelink 877
afe42d0… ragelink 878 .calendar caption {
afe42d0… ragelink 879 padding: 10px;
afe42d0… ragelink 880 }
afe42d0… ragelink 881
afe42d0… ragelink 882 .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
afe42d0… ragelink 883 z-index: 1;
afe42d0… ragelink 884 top: 10px;
afe42d0… ragelink 885 }
afe42d0… ragelink 886
afe42d0… ragelink 887 /* History */
afe42d0… ragelink 888
afe42d0… ragelink 889 table#change-history tbody th, table#change-history tbody td {
afe42d0… ragelink 890 font-size: 0.8125rem;
afe42d0… ragelink 891 word-break: break-word;
afe42d0… ragelink 892 }
afe42d0… ragelink 893
afe42d0… ragelink 894 table#change-history tbody th {
afe42d0… ragelink 895 width: auto;
afe42d0… ragelink 896 }
afe42d0… ragelink 897
afe42d0… ragelink 898 /* Docs */
afe42d0… ragelink 899
afe42d0… ragelink 900 table.model tbody th, table.model tbody td {
afe42d0… ragelink 901 font-size: 0.8125rem;
afe42d0… ragelink 902 word-break: break-word;
afe42d0… ragelink 903 }
afe42d0… ragelink 904 }

Keyboard Shortcuts

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