FossilRepo

fossilrepo / assets / admin / css / base.96c479cedf7a.css
Source Blame History 1180 lines
afe42d0… ragelink 1 /*
afe42d0… ragelink 2 DJANGO Admin styles
afe42d0… ragelink 3 */
afe42d0… ragelink 4
afe42d0… ragelink 5 /* VARIABLE DEFINITIONS */
afe42d0… ragelink 6 html[data-theme="light"],
afe42d0… ragelink 7 :root {
afe42d0… ragelink 8 --primary: #79aec8;
afe42d0… ragelink 9 --secondary: #417690;
afe42d0… ragelink 10 --accent: #f5dd5d;
afe42d0… ragelink 11 --primary-fg: #fff;
afe42d0… ragelink 12
afe42d0… ragelink 13 --body-fg: #333;
afe42d0… ragelink 14 --body-bg: #fff;
afe42d0… ragelink 15 --body-quiet-color: #666;
afe42d0… ragelink 16 --body-medium-color: #444;
afe42d0… ragelink 17 --body-loud-color: #000;
afe42d0… ragelink 18
afe42d0… ragelink 19 --header-color: #ffc;
afe42d0… ragelink 20 --header-branding-color: var(--accent);
afe42d0… ragelink 21 --header-bg: var(--secondary);
afe42d0… ragelink 22 --header-link-color: var(--primary-fg);
afe42d0… ragelink 23
afe42d0… ragelink 24 --breadcrumbs-fg: #c4dce8;
afe42d0… ragelink 25 --breadcrumbs-link-fg: var(--body-bg);
afe42d0… ragelink 26 --breadcrumbs-bg: #264b5d;
afe42d0… ragelink 27
afe42d0… ragelink 28 --link-fg: #417893;
afe42d0… ragelink 29 --link-hover-color: #036;
afe42d0… ragelink 30 --link-selected-fg: var(--secondary);
afe42d0… ragelink 31
afe42d0… ragelink 32 --hairline-color: #e8e8e8;
afe42d0… ragelink 33 --border-color: #ccc;
afe42d0… ragelink 34
afe42d0… ragelink 35 --error-fg: #ba2121;
afe42d0… ragelink 36
afe42d0… ragelink 37 --message-success-bg: #dfd;
afe42d0… ragelink 38 --message-warning-bg: #ffc;
afe42d0… ragelink 39 --message-error-bg: #ffefef;
afe42d0… ragelink 40
afe42d0… ragelink 41 --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
afe42d0… ragelink 42 --selected-bg: #e4e4e4; /* E.g. selected table cells */
afe42d0… ragelink 43 --selected-row: #ffc;
afe42d0… ragelink 44
afe42d0… ragelink 45 --button-fg: #fff;
afe42d0… ragelink 46 --button-bg: var(--secondary);
afe42d0… ragelink 47 --button-hover-bg: #205067;
afe42d0… ragelink 48 --default-button-bg: #205067;
afe42d0… ragelink 49 --default-button-hover-bg: var(--secondary);
afe42d0… ragelink 50 --close-button-bg: #747474;
afe42d0… ragelink 51 --close-button-hover-bg: #333;
afe42d0… ragelink 52 --delete-button-bg: #ba2121;
afe42d0… ragelink 53 --delete-button-hover-bg: #a41515;
afe42d0… ragelink 54
afe42d0… ragelink 55 --object-tools-fg: var(--button-fg);
afe42d0… ragelink 56 --object-tools-bg: var(--close-button-bg);
afe42d0… ragelink 57 --object-tools-hover-bg: var(--close-button-hover-bg);
afe42d0… ragelink 58
afe42d0… ragelink 59 --font-family-primary:
afe42d0… ragelink 60 "Segoe UI",
afe42d0… ragelink 61 system-ui,
afe42d0… ragelink 62 Roboto,
afe42d0… ragelink 63 "Helvetica Neue",
afe42d0… ragelink 64 Arial,
afe42d0… ragelink 65 sans-serif,
afe42d0… ragelink 66 "Apple Color Emoji",
afe42d0… ragelink 67 "Segoe UI Emoji",
afe42d0… ragelink 68 "Segoe UI Symbol",
afe42d0… ragelink 69 "Noto Color Emoji";
afe42d0… ragelink 70 --font-family-monospace:
afe42d0… ragelink 71 ui-monospace,
afe42d0… ragelink 72 Menlo,
afe42d0… ragelink 73 Monaco,
afe42d0… ragelink 74 "Cascadia Mono",
afe42d0… ragelink 75 "Segoe UI Mono",
afe42d0… ragelink 76 "Roboto Mono",
afe42d0… ragelink 77 "Oxygen Mono",
afe42d0… ragelink 78 "Ubuntu Monospace",
afe42d0… ragelink 79 "Source Code Pro",
afe42d0… ragelink 80 "Fira Mono",
afe42d0… ragelink 81 "Droid Sans Mono",
afe42d0… ragelink 82 "Courier New",
afe42d0… ragelink 83 monospace,
afe42d0… ragelink 84 "Apple Color Emoji",
afe42d0… ragelink 85 "Segoe UI Emoji",
afe42d0… ragelink 86 "Segoe UI Symbol",
afe42d0… ragelink 87 "Noto Color Emoji";
afe42d0… ragelink 88
afe42d0… ragelink 89 color-scheme: light;
afe42d0… ragelink 90 }
afe42d0… ragelink 91
afe42d0… ragelink 92 html, body {
afe42d0… ragelink 93 height: 100%;
afe42d0… ragelink 94 }
afe42d0… ragelink 95
afe42d0… ragelink 96 body {
afe42d0… ragelink 97 margin: 0;
afe42d0… ragelink 98 padding: 0;
afe42d0… ragelink 99 font-size: 0.875rem;
afe42d0… ragelink 100 font-family: var(--font-family-primary);
afe42d0… ragelink 101 color: var(--body-fg);
afe42d0… ragelink 102 background: var(--body-bg);
afe42d0… ragelink 103 }
afe42d0… ragelink 104
afe42d0… ragelink 105 /* LINKS */
afe42d0… ragelink 106
afe42d0… ragelink 107 a:link, a:visited {
afe42d0… ragelink 108 color: var(--link-fg);
afe42d0… ragelink 109 text-decoration: none;
afe42d0… ragelink 110 transition: color 0.15s, background 0.15s;
afe42d0… ragelink 111 }
afe42d0… ragelink 112
afe42d0… ragelink 113 a:focus, a:hover {
afe42d0… ragelink 114 color: var(--link-hover-color);
afe42d0… ragelink 115 }
afe42d0… ragelink 116
afe42d0… ragelink 117 a:focus {
afe42d0… ragelink 118 text-decoration: underline;
afe42d0… ragelink 119 }
afe42d0… ragelink 120
afe42d0… ragelink 121 a img {
afe42d0… ragelink 122 border: none;
afe42d0… ragelink 123 }
afe42d0… ragelink 124
afe42d0… ragelink 125 a.section:link, a.section:visited {
afe42d0… ragelink 126 color: var(--header-link-color);
afe42d0… ragelink 127 text-decoration: none;
afe42d0… ragelink 128 }
afe42d0… ragelink 129
afe42d0… ragelink 130 a.section:focus, a.section:hover {
afe42d0… ragelink 131 text-decoration: underline;
afe42d0… ragelink 132 }
afe42d0… ragelink 133
afe42d0… ragelink 134 /* GLOBAL DEFAULTS */
afe42d0… ragelink 135
afe42d0… ragelink 136 p, ol, ul, dl {
afe42d0… ragelink 137 margin: .2em 0 .8em 0;
afe42d0… ragelink 138 }
afe42d0… ragelink 139
afe42d0… ragelink 140 p {
afe42d0… ragelink 141 padding: 0;
afe42d0… ragelink 142 line-height: 140%;
afe42d0… ragelink 143 }
afe42d0… ragelink 144
afe42d0… ragelink 145 h1,h2,h3,h4,h5 {
afe42d0… ragelink 146 font-weight: bold;
afe42d0… ragelink 147 }
afe42d0… ragelink 148
afe42d0… ragelink 149 h1 {
afe42d0… ragelink 150 margin: 0 0 20px;
afe42d0… ragelink 151 font-weight: 300;
afe42d0… ragelink 152 font-size: 1.25rem;
afe42d0… ragelink 153 }
afe42d0… ragelink 154
afe42d0… ragelink 155 h2 {
afe42d0… ragelink 156 font-size: 1rem;
afe42d0… ragelink 157 margin: 1em 0 .5em 0;
afe42d0… ragelink 158 }
afe42d0… ragelink 159
afe42d0… ragelink 160 h2.subhead {
afe42d0… ragelink 161 font-weight: normal;
afe42d0… ragelink 162 margin-top: 0;
afe42d0… ragelink 163 }
afe42d0… ragelink 164
afe42d0… ragelink 165 h3 {
afe42d0… ragelink 166 font-size: 0.875rem;
afe42d0… ragelink 167 margin: .8em 0 .3em 0;
afe42d0… ragelink 168 color: var(--body-medium-color);
afe42d0… ragelink 169 font-weight: bold;
afe42d0… ragelink 170 }
afe42d0… ragelink 171
afe42d0… ragelink 172 h4 {
afe42d0… ragelink 173 font-size: 0.75rem;
afe42d0… ragelink 174 margin: 1em 0 .8em 0;
afe42d0… ragelink 175 padding-bottom: 3px;
afe42d0… ragelink 176 color: var(--body-medium-color);
afe42d0… ragelink 177 }
afe42d0… ragelink 178
afe42d0… ragelink 179 h5 {
afe42d0… ragelink 180 font-size: 0.625rem;
afe42d0… ragelink 181 margin: 1.5em 0 .5em 0;
afe42d0… ragelink 182 color: var(--body-quiet-color);
afe42d0… ragelink 183 text-transform: uppercase;
afe42d0… ragelink 184 letter-spacing: 1px;
afe42d0… ragelink 185 }
afe42d0… ragelink 186
afe42d0… ragelink 187 ul > li {
afe42d0… ragelink 188 list-style-type: square;
afe42d0… ragelink 189 padding: 1px 0;
afe42d0… ragelink 190 }
afe42d0… ragelink 191
afe42d0… ragelink 192 li ul {
afe42d0… ragelink 193 margin-bottom: 0;
afe42d0… ragelink 194 }
afe42d0… ragelink 195
afe42d0… ragelink 196 li, dt, dd {
afe42d0… ragelink 197 font-size: 0.8125rem;
afe42d0… ragelink 198 line-height: 1.25rem;
afe42d0… ragelink 199 }
afe42d0… ragelink 200
afe42d0… ragelink 201 dt {
afe42d0… ragelink 202 font-weight: bold;
afe42d0… ragelink 203 margin-top: 4px;
afe42d0… ragelink 204 }
afe42d0… ragelink 205
afe42d0… ragelink 206 dd {
afe42d0… ragelink 207 margin-left: 0;
afe42d0… ragelink 208 }
afe42d0… ragelink 209
afe42d0… ragelink 210 form {
afe42d0… ragelink 211 margin: 0;
afe42d0… ragelink 212 padding: 0;
afe42d0… ragelink 213 }
afe42d0… ragelink 214
afe42d0… ragelink 215 fieldset {
afe42d0… ragelink 216 margin: 0;
afe42d0… ragelink 217 min-width: 0;
afe42d0… ragelink 218 padding: 0;
afe42d0… ragelink 219 border: none;
afe42d0… ragelink 220 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 221 }
afe42d0… ragelink 222
afe42d0… ragelink 223 details summary {
afe42d0… ragelink 224 cursor: pointer;
afe42d0… ragelink 225 }
afe42d0… ragelink 226
afe42d0… ragelink 227 blockquote {
afe42d0… ragelink 228 font-size: 0.6875rem;
afe42d0… ragelink 229 color: #777;
afe42d0… ragelink 230 margin-left: 2px;
afe42d0… ragelink 231 padding-left: 10px;
afe42d0… ragelink 232 border-left: 5px solid #ddd;
afe42d0… ragelink 233 }
afe42d0… ragelink 234
afe42d0… ragelink 235 code, pre {
afe42d0… ragelink 236 font-family: var(--font-family-monospace);
afe42d0… ragelink 237 color: var(--body-quiet-color);
afe42d0… ragelink 238 font-size: 0.75rem;
afe42d0… ragelink 239 overflow-x: auto;
afe42d0… ragelink 240 }
afe42d0… ragelink 241
afe42d0… ragelink 242 pre.literal-block {
afe42d0… ragelink 243 margin: 10px;
afe42d0… ragelink 244 background: var(--darkened-bg);
afe42d0… ragelink 245 padding: 6px 8px;
afe42d0… ragelink 246 }
afe42d0… ragelink 247
afe42d0… ragelink 248 code strong {
afe42d0… ragelink 249 color: #930;
afe42d0… ragelink 250 }
afe42d0… ragelink 251
afe42d0… ragelink 252 hr {
afe42d0… ragelink 253 clear: both;
afe42d0… ragelink 254 color: var(--hairline-color);
afe42d0… ragelink 255 background-color: var(--hairline-color);
afe42d0… ragelink 256 height: 1px;
afe42d0… ragelink 257 border: none;
afe42d0… ragelink 258 margin: 0;
afe42d0… ragelink 259 padding: 0;
afe42d0… ragelink 260 line-height: 1px;
afe42d0… ragelink 261 }
afe42d0… ragelink 262
afe42d0… ragelink 263 /* TEXT STYLES & MODIFIERS */
afe42d0… ragelink 264
afe42d0… ragelink 265 .small {
afe42d0… ragelink 266 font-size: 0.6875rem;
afe42d0… ragelink 267 }
afe42d0… ragelink 268
afe42d0… ragelink 269 .mini {
afe42d0… ragelink 270 font-size: 0.625rem;
afe42d0… ragelink 271 }
afe42d0… ragelink 272
afe42d0… ragelink 273 .help, p.help, form p.help, div.help, form div.help, div.help li {
afe42d0… ragelink 274 font-size: 0.6875rem;
afe42d0… ragelink 275 color: var(--body-quiet-color);
afe42d0… ragelink 276 }
afe42d0… ragelink 277
afe42d0… ragelink 278 div.help ul {
afe42d0… ragelink 279 margin-bottom: 0;
afe42d0… ragelink 280 }
afe42d0… ragelink 281
afe42d0… ragelink 282 .help-tooltip {
afe42d0… ragelink 283 cursor: help;
afe42d0… ragelink 284 }
afe42d0… ragelink 285
afe42d0… ragelink 286 p img, h1 img, h2 img, h3 img, h4 img, td img {
afe42d0… ragelink 287 vertical-align: middle;
afe42d0… ragelink 288 }
afe42d0… ragelink 289
afe42d0… ragelink 290 .quiet, a.quiet:link, a.quiet:visited {
afe42d0… ragelink 291 color: var(--body-quiet-color);
afe42d0… ragelink 292 font-weight: normal;
afe42d0… ragelink 293 }
afe42d0… ragelink 294
afe42d0… ragelink 295 .clear {
afe42d0… ragelink 296 clear: both;
afe42d0… ragelink 297 }
afe42d0… ragelink 298
afe42d0… ragelink 299 .nowrap {
afe42d0… ragelink 300 white-space: nowrap;
afe42d0… ragelink 301 }
afe42d0… ragelink 302
afe42d0… ragelink 303 .hidden {
afe42d0… ragelink 304 display: none !important;
afe42d0… ragelink 305 }
afe42d0… ragelink 306
afe42d0… ragelink 307 /* TABLES */
afe42d0… ragelink 308
afe42d0… ragelink 309 table {
afe42d0… ragelink 310 border-collapse: collapse;
afe42d0… ragelink 311 border-color: var(--border-color);
afe42d0… ragelink 312 }
afe42d0… ragelink 313
afe42d0… ragelink 314 td, th {
afe42d0… ragelink 315 font-size: 0.8125rem;
afe42d0… ragelink 316 line-height: 1rem;
afe42d0… ragelink 317 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 318 vertical-align: top;
afe42d0… ragelink 319 padding: 8px;
afe42d0… ragelink 320 }
afe42d0… ragelink 321
afe42d0… ragelink 322 th {
afe42d0… ragelink 323 font-weight: 500;
afe42d0… ragelink 324 text-align: left;
afe42d0… ragelink 325 }
afe42d0… ragelink 326
afe42d0… ragelink 327 thead th,
afe42d0… ragelink 328 tfoot td {
afe42d0… ragelink 329 color: var(--body-quiet-color);
afe42d0… ragelink 330 padding: 5px 10px;
afe42d0… ragelink 331 font-size: 0.6875rem;
afe42d0… ragelink 332 background: var(--body-bg);
afe42d0… ragelink 333 border: none;
afe42d0… ragelink 334 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 335 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 336 }
afe42d0… ragelink 337
afe42d0… ragelink 338 tfoot td {
afe42d0… ragelink 339 border-bottom: none;
afe42d0… ragelink 340 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 341 }
afe42d0… ragelink 342
afe42d0… ragelink 343 thead th.required {
afe42d0… ragelink 344 font-weight: bold;
afe42d0… ragelink 345 }
afe42d0… ragelink 346
afe42d0… ragelink 347 tr.alt {
afe42d0… ragelink 348 background: var(--darkened-bg);
afe42d0… ragelink 349 }
afe42d0… ragelink 350
afe42d0… ragelink 351 tr:nth-child(odd), .row-form-errors {
afe42d0… ragelink 352 background: var(--body-bg);
afe42d0… ragelink 353 }
afe42d0… ragelink 354
afe42d0… ragelink 355 tr:nth-child(even),
afe42d0… ragelink 356 tr:nth-child(even) .errorlist,
afe42d0… ragelink 357 tr:nth-child(odd) + .row-form-errors,
afe42d0… ragelink 358 tr:nth-child(odd) + .row-form-errors .errorlist {
afe42d0… ragelink 359 background: var(--darkened-bg);
afe42d0… ragelink 360 }
afe42d0… ragelink 361
afe42d0… ragelink 362 /* SORTABLE TABLES */
afe42d0… ragelink 363
afe42d0… ragelink 364 thead th {
afe42d0… ragelink 365 padding: 5px 10px;
afe42d0… ragelink 366 line-height: normal;
afe42d0… ragelink 367 text-transform: uppercase;
afe42d0… ragelink 368 background: var(--darkened-bg);
afe42d0… ragelink 369 }
afe42d0… ragelink 370
afe42d0… ragelink 371 thead th a:link, thead th a:visited {
afe42d0… ragelink 372 color: var(--body-quiet-color);
afe42d0… ragelink 373 }
afe42d0… ragelink 374
afe42d0… ragelink 375 thead th.sorted {
afe42d0… ragelink 376 background: var(--selected-bg);
afe42d0… ragelink 377 }
afe42d0… ragelink 378
afe42d0… ragelink 379 thead th.sorted .text {
afe42d0… ragelink 380 padding-right: 42px;
afe42d0… ragelink 381 }
afe42d0… ragelink 382
afe42d0… ragelink 383 table thead th .text span {
afe42d0… ragelink 384 padding: 8px 10px;
afe42d0… ragelink 385 display: block;
afe42d0… ragelink 386 }
afe42d0… ragelink 387
afe42d0… ragelink 388 table thead th .text a {
afe42d0… ragelink 389 display: block;
afe42d0… ragelink 390 cursor: pointer;
afe42d0… ragelink 391 padding: 8px 10px;
afe42d0… ragelink 392 }
afe42d0… ragelink 393
afe42d0… ragelink 394 table thead th .text a:focus, table thead th .text a:hover {
afe42d0… ragelink 395 background: var(--selected-bg);
afe42d0… ragelink 396 }
afe42d0… ragelink 397
afe42d0… ragelink 398 thead th.sorted a.sortremove {
afe42d0… ragelink 399 visibility: hidden;
afe42d0… ragelink 400 }
afe42d0… ragelink 401
afe42d0… ragelink 402 table thead th.sorted:hover a.sortremove {
afe42d0… ragelink 403 visibility: visible;
afe42d0… ragelink 404 }
afe42d0… ragelink 405
afe42d0… ragelink 406 table thead th.sorted .sortoptions {
afe42d0… ragelink 407 display: block;
afe42d0… ragelink 408 padding: 9px 5px 0 5px;
afe42d0… ragelink 409 float: right;
afe42d0… ragelink 410 text-align: right;
afe42d0… ragelink 411 }
afe42d0… ragelink 412
afe42d0… ragelink 413 table thead th.sorted .sortpriority {
afe42d0… ragelink 414 font-size: .8em;
afe42d0… ragelink 415 min-width: 12px;
afe42d0… ragelink 416 text-align: center;
afe42d0… ragelink 417 vertical-align: 3px;
afe42d0… ragelink 418 margin-left: 2px;
afe42d0… ragelink 419 margin-right: 2px;
afe42d0… ragelink 420 }
afe42d0… ragelink 421
afe42d0… ragelink 422 table thead th.sorted .sortoptions a {
afe42d0… ragelink 423 position: relative;
afe42d0… ragelink 424 width: 14px;
afe42d0… ragelink 425 height: 14px;
afe42d0… ragelink 426 display: inline-block;
afe42d0… ragelink 427 background: url("../img/sorting-icons.3a097b59f104.svg") 0 0 no-repeat;
afe42d0… ragelink 428 background-size: 14px auto;
afe42d0… ragelink 429 }
afe42d0… ragelink 430
afe42d0… ragelink 431 table thead th.sorted .sortoptions a.sortremove {
afe42d0… ragelink 432 background-position: 0 0;
afe42d0… ragelink 433 }
afe42d0… ragelink 434
afe42d0… ragelink 435 table thead th.sorted .sortoptions a.sortremove:after {
afe42d0… ragelink 436 content: '\\';
afe42d0… ragelink 437 position: absolute;
afe42d0… ragelink 438 top: -6px;
afe42d0… ragelink 439 left: 3px;
afe42d0… ragelink 440 font-weight: 200;
afe42d0… ragelink 441 font-size: 1.125rem;
afe42d0… ragelink 442 color: var(--body-quiet-color);
afe42d0… ragelink 443 }
afe42d0… ragelink 444
afe42d0… ragelink 445 table thead th.sorted .sortoptions a.sortremove:focus:after,
afe42d0… ragelink 446 table thead th.sorted .sortoptions a.sortremove:hover:after {
afe42d0… ragelink 447 color: var(--link-fg);
afe42d0… ragelink 448 }
afe42d0… ragelink 449
afe42d0… ragelink 450 table thead th.sorted .sortoptions a.sortremove:focus,
afe42d0… ragelink 451 table thead th.sorted .sortoptions a.sortremove:hover {
afe42d0… ragelink 452 background-position: 0 -14px;
afe42d0… ragelink 453 }
afe42d0… ragelink 454
afe42d0… ragelink 455 table thead th.sorted .sortoptions a.ascending {
afe42d0… ragelink 456 background-position: 0 -28px;
afe42d0… ragelink 457 }
afe42d0… ragelink 458
afe42d0… ragelink 459 table thead th.sorted .sortoptions a.ascending:focus,
afe42d0… ragelink 460 table thead th.sorted .sortoptions a.ascending:hover {
afe42d0… ragelink 461 background-position: 0 -42px;
afe42d0… ragelink 462 }
afe42d0… ragelink 463
afe42d0… ragelink 464 table thead th.sorted .sortoptions a.descending {
afe42d0… ragelink 465 top: 1px;
afe42d0… ragelink 466 background-position: 0 -56px;
afe42d0… ragelink 467 }
afe42d0… ragelink 468
afe42d0… ragelink 469 table thead th.sorted .sortoptions a.descending:focus,
afe42d0… ragelink 470 table thead th.sorted .sortoptions a.descending:hover {
afe42d0… ragelink 471 background-position: 0 -70px;
afe42d0… ragelink 472 }
afe42d0… ragelink 473
afe42d0… ragelink 474 /* FORM DEFAULTS */
afe42d0… ragelink 475
afe42d0… ragelink 476 input, textarea, select, .form-row p, form .button {
afe42d0… ragelink 477 margin: 2px 0;
afe42d0… ragelink 478 padding: 2px 3px;
afe42d0… ragelink 479 vertical-align: middle;
afe42d0… ragelink 480 font-family: var(--font-family-primary);
afe42d0… ragelink 481 font-weight: normal;
afe42d0… ragelink 482 font-size: 0.8125rem;
afe42d0… ragelink 483 }
afe42d0… ragelink 484 .form-row div.help {
afe42d0… ragelink 485 padding: 2px 3px;
afe42d0… ragelink 486 }
afe42d0… ragelink 487
afe42d0… ragelink 488 textarea {
afe42d0… ragelink 489 vertical-align: top;
afe42d0… ragelink 490 }
afe42d0… ragelink 491
afe42d0… ragelink 492 /*
afe42d0… ragelink 493 Minifiers remove the default (text) "type" attribute from "input" HTML tags.
afe42d0… ragelink 494 Add input:not([type]) to make the CSS stylesheet work the same.
afe42d0… ragelink 495 */
afe42d0… ragelink 496 input:not([type]), input[type=text], input[type=password], input[type=email],
afe42d0… ragelink 497 input[type=url], input[type=number], input[type=tel], textarea, select,
afe42d0… ragelink 498 .vTextField {
afe42d0… ragelink 499 border: 1px solid var(--border-color);
afe42d0… ragelink 500 border-radius: 4px;
afe42d0… ragelink 501 padding: 5px 6px;
afe42d0… ragelink 502 margin-top: 0;
afe42d0… ragelink 503 color: var(--body-fg);
afe42d0… ragelink 504 background-color: var(--body-bg);
afe42d0… ragelink 505 }
afe42d0… ragelink 506
afe42d0… ragelink 507 /*
afe42d0… ragelink 508 Minifiers remove the default (text) "type" attribute from "input" HTML tags.
afe42d0… ragelink 509 Add input:not([type]) to make the CSS stylesheet work the same.
afe42d0… ragelink 510 */
afe42d0… ragelink 511 input:not([type]):focus, input[type=text]:focus, input[type=password]:focus,
afe42d0… ragelink 512 input[type=email]:focus, input[type=url]:focus, input[type=number]:focus,
afe42d0… ragelink 513 input[type=tel]:focus, textarea:focus, select:focus, .vTextField:focus {
afe42d0… ragelink 514 border-color: var(--body-quiet-color);
afe42d0… ragelink 515 }
afe42d0… ragelink 516
afe42d0… ragelink 517 select {
afe42d0… ragelink 518 height: 1.875rem;
afe42d0… ragelink 519 }
afe42d0… ragelink 520
afe42d0… ragelink 521 select[multiple] {
afe42d0… ragelink 522 /* Allow HTML size attribute to override the height in the rule above. */
afe42d0… ragelink 523 height: auto;
afe42d0… ragelink 524 min-height: 150px;
afe42d0… ragelink 525 }
afe42d0… ragelink 526
afe42d0… ragelink 527 /* FORM BUTTONS */
afe42d0… ragelink 528
afe42d0… ragelink 529 .button, input[type=submit], input[type=button], .submit-row input, a.button {
afe42d0… ragelink 530 background: var(--button-bg);
afe42d0… ragelink 531 padding: 10px 15px;
afe42d0… ragelink 532 border: none;
afe42d0… ragelink 533 border-radius: 4px;
afe42d0… ragelink 534 color: var(--button-fg);
afe42d0… ragelink 535 cursor: pointer;
afe42d0… ragelink 536 transition: background 0.15s;
afe42d0… ragelink 537 }
afe42d0… ragelink 538
afe42d0… ragelink 539 a.button {
afe42d0… ragelink 540 padding: 4px 5px;
afe42d0… ragelink 541 }
afe42d0… ragelink 542
afe42d0… ragelink 543 .button:active, input[type=submit]:active, input[type=button]:active,
afe42d0… ragelink 544 .button:focus, input[type=submit]:focus, input[type=button]:focus,
afe42d0… ragelink 545 .button:hover, input[type=submit]:hover, input[type=button]:hover {
afe42d0… ragelink 546 background: var(--button-hover-bg);
afe42d0… ragelink 547 }
afe42d0… ragelink 548
afe42d0… ragelink 549 .button[disabled], input[type=submit][disabled], input[type=button][disabled] {
afe42d0… ragelink 550 opacity: 0.4;
afe42d0… ragelink 551 }
afe42d0… ragelink 552
afe42d0… ragelink 553 .button.default, input[type=submit].default, .submit-row input.default {
afe42d0… ragelink 554 border: none;
afe42d0… ragelink 555 font-weight: 400;
afe42d0… ragelink 556 background: var(--default-button-bg);
afe42d0… ragelink 557 }
afe42d0… ragelink 558
afe42d0… ragelink 559 .button.default:active, input[type=submit].default:active,
afe42d0… ragelink 560 .button.default:focus, input[type=submit].default:focus,
afe42d0… ragelink 561 .button.default:hover, input[type=submit].default:hover {
afe42d0… ragelink 562 background: var(--default-button-hover-bg);
afe42d0… ragelink 563 }
afe42d0… ragelink 564
afe42d0… ragelink 565 .button[disabled].default,
afe42d0… ragelink 566 input[type=submit][disabled].default,
afe42d0… ragelink 567 input[type=button][disabled].default {
afe42d0… ragelink 568 opacity: 0.4;
afe42d0… ragelink 569 }
afe42d0… ragelink 570
afe42d0… ragelink 571
afe42d0… ragelink 572 /* MODULES */
afe42d0… ragelink 573
afe42d0… ragelink 574 .module {
afe42d0… ragelink 575 border: none;
afe42d0… ragelink 576 margin-bottom: 30px;
afe42d0… ragelink 577 background: var(--body-bg);
afe42d0… ragelink 578 }
afe42d0… ragelink 579
afe42d0… ragelink 580 .module p, .module ul, .module h3, .module h4, .module dl, .module pre {
afe42d0… ragelink 581 padding-left: 10px;
afe42d0… ragelink 582 padding-right: 10px;
afe42d0… ragelink 583 }
afe42d0… ragelink 584
afe42d0… ragelink 585 .module blockquote {
afe42d0… ragelink 586 margin-left: 12px;
afe42d0… ragelink 587 }
afe42d0… ragelink 588
afe42d0… ragelink 589 .module ul, .module ol {
afe42d0… ragelink 590 margin-left: 1.5em;
afe42d0… ragelink 591 }
afe42d0… ragelink 592
afe42d0… ragelink 593 .module h3 {
afe42d0… ragelink 594 margin-top: .6em;
afe42d0… ragelink 595 }
afe42d0… ragelink 596
afe42d0… ragelink 597 .module h2, .module caption, .inline-group h2 {
afe42d0… ragelink 598 margin: 0;
afe42d0… ragelink 599 padding: 8px;
afe42d0… ragelink 600 font-weight: 400;
afe42d0… ragelink 601 font-size: 0.8125rem;
afe42d0… ragelink 602 text-align: left;
afe42d0… ragelink 603 background: var(--header-bg);
afe42d0… ragelink 604 color: var(--header-link-color);
afe42d0… ragelink 605 }
afe42d0… ragelink 606
afe42d0… ragelink 607 .module caption,
afe42d0… ragelink 608 .inline-group h2 {
afe42d0… ragelink 609 font-size: 0.75rem;
afe42d0… ragelink 610 letter-spacing: 0.5px;
afe42d0… ragelink 611 text-transform: uppercase;
afe42d0… ragelink 612 }
afe42d0… ragelink 613
afe42d0… ragelink 614 .module table {
afe42d0… ragelink 615 border-collapse: collapse;
afe42d0… ragelink 616 }
afe42d0… ragelink 617
afe42d0… ragelink 618 /* MESSAGES & ERRORS */
afe42d0… ragelink 619
afe42d0… ragelink 620 ul.messagelist {
afe42d0… ragelink 621 padding: 0;
afe42d0… ragelink 622 margin: 0;
afe42d0… ragelink 623 }
afe42d0… ragelink 624
afe42d0… ragelink 625 ul.messagelist li {
afe42d0… ragelink 626 display: block;
afe42d0… ragelink 627 font-weight: 400;
afe42d0… ragelink 628 font-size: 0.8125rem;
afe42d0… ragelink 629 padding: 10px 10px 10px 65px;
afe42d0… ragelink 630 margin: 0 0 10px 0;
afe42d0… ragelink 631 background: var(--message-success-bg) url("../img/icon-yes.d2f9f035226a.svg") 40px 12px no-repeat;
afe42d0… ragelink 632 background-size: 16px auto;
afe42d0… ragelink 633 color: var(--body-fg);
afe42d0… ragelink 634 word-break: break-word;
afe42d0… ragelink 635 }
afe42d0… ragelink 636
afe42d0… ragelink 637 ul.messagelist li.warning {
afe42d0… ragelink 638 background: var(--message-warning-bg) url("../img/icon-alert.034cc7d8a67f.svg") 40px 14px no-repeat;
afe42d0… ragelink 639 background-size: 14px auto;
afe42d0… ragelink 640 }
afe42d0… ragelink 641
afe42d0… ragelink 642 ul.messagelist li.error {
afe42d0… ragelink 643 background: var(--message-error-bg) url("../img/icon-no.439e821418cd.svg") 40px 12px no-repeat;
afe42d0… ragelink 644 background-size: 16px auto;
afe42d0… ragelink 645 }
afe42d0… ragelink 646
afe42d0… ragelink 647 .errornote {
afe42d0… ragelink 648 font-size: 0.875rem;
afe42d0… ragelink 649 font-weight: 700;
afe42d0… ragelink 650 display: block;
afe42d0… ragelink 651 padding: 10px 12px;
afe42d0… ragelink 652 margin: 0 0 10px 0;
afe42d0… ragelink 653 color: var(--error-fg);
afe42d0… ragelink 654 border: 1px solid var(--error-fg);
afe42d0… ragelink 655 border-radius: 4px;
afe42d0… ragelink 656 background-color: var(--body-bg);
afe42d0… ragelink 657 background-position: 5px 12px;
afe42d0… ragelink 658 overflow-wrap: break-word;
afe42d0… ragelink 659 }
afe42d0… ragelink 660
afe42d0… ragelink 661 ul.errorlist {
afe42d0… ragelink 662 margin: 0 0 4px;
afe42d0… ragelink 663 padding: 0;
afe42d0… ragelink 664 color: var(--error-fg);
afe42d0… ragelink 665 background: var(--body-bg);
afe42d0… ragelink 666 }
afe42d0… ragelink 667
afe42d0… ragelink 668 ul.errorlist li {
afe42d0… ragelink 669 font-size: 0.8125rem;
afe42d0… ragelink 670 display: block;
afe42d0… ragelink 671 margin-bottom: 4px;
afe42d0… ragelink 672 overflow-wrap: break-word;
afe42d0… ragelink 673 }
afe42d0… ragelink 674
afe42d0… ragelink 675 ul.errorlist li:first-child {
afe42d0… ragelink 676 margin-top: 0;
afe42d0… ragelink 677 }
afe42d0… ragelink 678
afe42d0… ragelink 679 ul.errorlist li a {
afe42d0… ragelink 680 color: inherit;
afe42d0… ragelink 681 text-decoration: underline;
afe42d0… ragelink 682 }
afe42d0… ragelink 683
afe42d0… ragelink 684 td ul.errorlist {
afe42d0… ragelink 685 margin: 0;
afe42d0… ragelink 686 padding: 0;
afe42d0… ragelink 687 }
afe42d0… ragelink 688
afe42d0… ragelink 689 td ul.errorlist li {
afe42d0… ragelink 690 margin: 0;
afe42d0… ragelink 691 }
afe42d0… ragelink 692
afe42d0… ragelink 693 .form-row.errors {
afe42d0… ragelink 694 margin: 0;
afe42d0… ragelink 695 border: none;
afe42d0… ragelink 696 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 697 background: none;
afe42d0… ragelink 698 }
afe42d0… ragelink 699
afe42d0… ragelink 700 .form-row.errors ul.errorlist li {
afe42d0… ragelink 701 padding-left: 0;
afe42d0… ragelink 702 }
afe42d0… ragelink 703
afe42d0… ragelink 704 .errors input, .errors select, .errors textarea,
afe42d0… ragelink 705 td ul.errorlist + input, td ul.errorlist + select, td ul.errorlist + textarea {
afe42d0… ragelink 706 border: 1px solid var(--error-fg);
afe42d0… ragelink 707 }
afe42d0… ragelink 708
afe42d0… ragelink 709 .description {
afe42d0… ragelink 710 font-size: 0.75rem;
afe42d0… ragelink 711 padding: 5px 0 0 12px;
afe42d0… ragelink 712 }
afe42d0… ragelink 713
afe42d0… ragelink 714 /* BREADCRUMBS */
afe42d0… ragelink 715
afe42d0… ragelink 716 div.breadcrumbs {
afe42d0… ragelink 717 background: var(--breadcrumbs-bg);
afe42d0… ragelink 718 padding: 10px 40px;
afe42d0… ragelink 719 border: none;
afe42d0… ragelink 720 color: var(--breadcrumbs-fg);
afe42d0… ragelink 721 text-align: left;
afe42d0… ragelink 722 }
afe42d0… ragelink 723
afe42d0… ragelink 724 div.breadcrumbs a {
afe42d0… ragelink 725 color: var(--breadcrumbs-link-fg);
afe42d0… ragelink 726 }
afe42d0… ragelink 727
afe42d0… ragelink 728 div.breadcrumbs a:focus, div.breadcrumbs a:hover {
afe42d0… ragelink 729 color: var(--breadcrumbs-fg);
afe42d0… ragelink 730 }
afe42d0… ragelink 731
afe42d0… ragelink 732 /* ACTION ICONS */
afe42d0… ragelink 733
afe42d0… ragelink 734 .viewlink, .inlineviewlink {
afe42d0… ragelink 735 padding-left: 16px;
afe42d0… ragelink 736 background: url("../img/icon-viewlink.41eb31f7826e.svg") 0 1px no-repeat;
afe42d0… ragelink 737 }
afe42d0… ragelink 738
afe42d0… ragelink 739 .hidelink {
afe42d0… ragelink 740 padding-left: 16px;
afe42d0… ragelink 741 background: url("../img/icon-hidelink.8d245a995e18.svg") 0 1px no-repeat;
afe42d0… ragelink 742 }
afe42d0… ragelink 743
afe42d0… ragelink 744 .addlink {
afe42d0… ragelink 745 padding-left: 16px;
afe42d0… ragelink 746 background: url("../img/icon-addlink.073aeb1feda7.svg") 0 1px no-repeat;
afe42d0… ragelink 747 }
afe42d0… ragelink 748
afe42d0… ragelink 749 .changelink, .inlinechangelink {
afe42d0… ragelink 750 padding-left: 16px;
afe42d0… ragelink 751 background: url("../img/icon-changelink.7eddb320e61f.svg") 0 1px no-repeat;
afe42d0… ragelink 752 }
afe42d0… ragelink 753
afe42d0… ragelink 754 .deletelink {
afe42d0… ragelink 755 padding-left: 16px;
afe42d0… ragelink 756 background: url("../img/icon-deletelink.564ef9dc3854.svg") 0 1px no-repeat;
afe42d0… ragelink 757 }
afe42d0… ragelink 758
afe42d0… ragelink 759 a.deletelink:link, a.deletelink:visited {
afe42d0… ragelink 760 color: #CC3434; /* XXX Probably unused? */
afe42d0… ragelink 761 }
afe42d0… ragelink 762
afe42d0… ragelink 763 a.deletelink:focus, a.deletelink:hover {
afe42d0… ragelink 764 color: #993333; /* XXX Probably unused? */
afe42d0… ragelink 765 text-decoration: none;
afe42d0… ragelink 766 }
afe42d0… ragelink 767
afe42d0… ragelink 768 /* OBJECT TOOLS */
afe42d0… ragelink 769
afe42d0… ragelink 770 .object-tools {
afe42d0… ragelink 771 font-size: 0.625rem;
afe42d0… ragelink 772 font-weight: bold;
afe42d0… ragelink 773 padding-left: 0;
afe42d0… ragelink 774 float: right;
afe42d0… ragelink 775 position: relative;
afe42d0… ragelink 776 margin-top: -48px;
afe42d0… ragelink 777 }
afe42d0… ragelink 778
afe42d0… ragelink 779 .object-tools li {
afe42d0… ragelink 780 display: block;
afe42d0… ragelink 781 float: left;
afe42d0… ragelink 782 margin-left: 5px;
afe42d0… ragelink 783 height: 1rem;
afe42d0… ragelink 784 }
afe42d0… ragelink 785
afe42d0… ragelink 786 .object-tools a {
afe42d0… ragelink 787 border-radius: 15px;
afe42d0… ragelink 788 }
afe42d0… ragelink 789
afe42d0… ragelink 790 .object-tools a:link, .object-tools a:visited {
afe42d0… ragelink 791 display: block;
afe42d0… ragelink 792 float: left;
afe42d0… ragelink 793 padding: 3px 12px;
afe42d0… ragelink 794 background: var(--object-tools-bg);
afe42d0… ragelink 795 color: var(--object-tools-fg);
afe42d0… ragelink 796 font-weight: 400;
afe42d0… ragelink 797 font-size: 0.6875rem;
afe42d0… ragelink 798 text-transform: uppercase;
afe42d0… ragelink 799 letter-spacing: 0.5px;
afe42d0… ragelink 800 }
afe42d0… ragelink 801
afe42d0… ragelink 802 .object-tools a:focus, .object-tools a:hover {
afe42d0… ragelink 803 background-color: var(--object-tools-hover-bg);
afe42d0… ragelink 804 }
afe42d0… ragelink 805
afe42d0… ragelink 806 .object-tools a:focus{
afe42d0… ragelink 807 text-decoration: none;
afe42d0… ragelink 808 }
afe42d0… ragelink 809
afe42d0… ragelink 810 .object-tools a.viewsitelink, .object-tools a.addlink {
afe42d0… ragelink 811 background-repeat: no-repeat;
afe42d0… ragelink 812 background-position: right 7px center;
afe42d0… ragelink 813 padding-right: 26px;
afe42d0… ragelink 814 }
afe42d0… ragelink 815
afe42d0… ragelink 816 .object-tools a.viewsitelink {
afe42d0… ragelink 817 background-image: url("../img/tooltag-arrowright.bbfb788a849e.svg");
afe42d0… ragelink 818 }
afe42d0… ragelink 819
afe42d0… ragelink 820 .object-tools a.addlink {
afe42d0… ragelink 821 background-image: url("../img/tooltag-add.e59d620a9742.svg");
afe42d0… ragelink 822 }
afe42d0… ragelink 823
afe42d0… ragelink 824 /* OBJECT HISTORY */
afe42d0… ragelink 825
afe42d0… ragelink 826 #change-history table {
afe42d0… ragelink 827 width: 100%;
afe42d0… ragelink 828 }
afe42d0… ragelink 829
afe42d0… ragelink 830 #change-history table tbody th {
afe42d0… ragelink 831 width: 16em;
afe42d0… ragelink 832 }
afe42d0… ragelink 833
afe42d0… ragelink 834 #change-history .paginator {
afe42d0… ragelink 835 color: var(--body-quiet-color);
afe42d0… ragelink 836 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 837 background: var(--body-bg);
afe42d0… ragelink 838 overflow: hidden;
afe42d0… ragelink 839 }
afe42d0… ragelink 840
afe42d0… ragelink 841 /* PAGE STRUCTURE */
afe42d0… ragelink 842
afe42d0… ragelink 843 #container {
afe42d0… ragelink 844 position: relative;
afe42d0… ragelink 845 width: 100%;
afe42d0… ragelink 846 min-width: 980px;
afe42d0… ragelink 847 padding: 0;
afe42d0… ragelink 848 display: flex;
afe42d0… ragelink 849 flex-direction: column;
afe42d0… ragelink 850 height: 100%;
afe42d0… ragelink 851 }
afe42d0… ragelink 852
afe42d0… ragelink 853 #container > .main {
afe42d0… ragelink 854 display: flex;
afe42d0… ragelink 855 flex: 1 0 auto;
afe42d0… ragelink 856 }
afe42d0… ragelink 857
afe42d0… ragelink 858 .main > .content {
afe42d0… ragelink 859 flex: 1 0;
afe42d0… ragelink 860 max-width: 100%;
afe42d0… ragelink 861 }
afe42d0… ragelink 862
afe42d0… ragelink 863 .skip-to-content-link {
afe42d0… ragelink 864 position: absolute;
afe42d0… ragelink 865 top: -999px;
afe42d0… ragelink 866 margin: 5px;
afe42d0… ragelink 867 padding: 5px;
afe42d0… ragelink 868 background: var(--body-bg);
afe42d0… ragelink 869 z-index: 1;
afe42d0… ragelink 870 }
afe42d0… ragelink 871
afe42d0… ragelink 872 .skip-to-content-link:focus {
afe42d0… ragelink 873 left: 0px;
afe42d0… ragelink 874 top: 0px;
afe42d0… ragelink 875 }
afe42d0… ragelink 876
afe42d0… ragelink 877 #content {
afe42d0… ragelink 878 padding: 20px 40px;
afe42d0… ragelink 879 }
afe42d0… ragelink 880
afe42d0… ragelink 881 .dashboard #content {
afe42d0… ragelink 882 width: 600px;
afe42d0… ragelink 883 }
afe42d0… ragelink 884
afe42d0… ragelink 885 #content-main {
afe42d0… ragelink 886 float: left;
afe42d0… ragelink 887 width: 100%;
afe42d0… ragelink 888 }
afe42d0… ragelink 889
afe42d0… ragelink 890 #content-related {
afe42d0… ragelink 891 float: right;
afe42d0… ragelink 892 width: 260px;
afe42d0… ragelink 893 position: relative;
afe42d0… ragelink 894 margin-right: -300px;
afe42d0… ragelink 895 }
afe42d0… ragelink 896
afe42d0… ragelink 897 @media (forced-colors: active) {
afe42d0… ragelink 898 #content-related {
afe42d0… ragelink 899 border: 1px solid;
afe42d0… ragelink 900 }
afe42d0… ragelink 901 }
afe42d0… ragelink 902
afe42d0… ragelink 903 /* COLUMN TYPES */
afe42d0… ragelink 904
afe42d0… ragelink 905 .colMS {
afe42d0… ragelink 906 margin-right: 300px;
afe42d0… ragelink 907 }
afe42d0… ragelink 908
afe42d0… ragelink 909 .colSM {
afe42d0… ragelink 910 margin-left: 300px;
afe42d0… ragelink 911 }
afe42d0… ragelink 912
afe42d0… ragelink 913 .colSM #content-related {
afe42d0… ragelink 914 float: left;
afe42d0… ragelink 915 margin-right: 0;
afe42d0… ragelink 916 margin-left: -300px;
afe42d0… ragelink 917 }
afe42d0… ragelink 918
afe42d0… ragelink 919 .colSM #content-main {
afe42d0… ragelink 920 float: right;
afe42d0… ragelink 921 }
afe42d0… ragelink 922
afe42d0… ragelink 923 .popup .colM {
afe42d0… ragelink 924 width: auto;
afe42d0… ragelink 925 }
afe42d0… ragelink 926
afe42d0… ragelink 927 /* HEADER */
afe42d0… ragelink 928
afe42d0… ragelink 929 #header {
afe42d0… ragelink 930 width: auto;
afe42d0… ragelink 931 height: auto;
afe42d0… ragelink 932 display: flex;
afe42d0… ragelink 933 justify-content: space-between;
afe42d0… ragelink 934 align-items: center;
afe42d0… ragelink 935 padding: 10px 40px;
afe42d0… ragelink 936 background: var(--header-bg);
afe42d0… ragelink 937 color: var(--header-color);
afe42d0… ragelink 938 }
afe42d0… ragelink 939
afe42d0… ragelink 940 #header a:link, #header a:visited, #logout-form button {
afe42d0… ragelink 941 color: var(--header-link-color);
afe42d0… ragelink 942 }
afe42d0… ragelink 943
afe42d0… ragelink 944 #header a:focus , #header a:hover {
afe42d0… ragelink 945 text-decoration: underline;
afe42d0… ragelink 946 }
afe42d0… ragelink 947
afe42d0… ragelink 948 @media (forced-colors: active) {
afe42d0… ragelink 949 #header {
afe42d0… ragelink 950 border-bottom: 1px solid;
afe42d0… ragelink 951 }
afe42d0… ragelink 952 }
afe42d0… ragelink 953
afe42d0… ragelink 954 #branding {
afe42d0… ragelink 955 display: flex;
afe42d0… ragelink 956 }
afe42d0… ragelink 957
afe42d0… ragelink 958 #site-name {
afe42d0… ragelink 959 padding: 0;
afe42d0… ragelink 960 margin: 0;
afe42d0… ragelink 961 margin-inline-end: 20px;
afe42d0… ragelink 962 font-weight: 300;
afe42d0… ragelink 963 font-size: 1.5rem;
afe42d0… ragelink 964 color: var(--header-branding-color);
afe42d0… ragelink 965 }
afe42d0… ragelink 966
afe42d0… ragelink 967 #site-name a:link, #site-name a:visited {
afe42d0… ragelink 968 color: var(--accent);
afe42d0… ragelink 969 }
afe42d0… ragelink 970
afe42d0… ragelink 971 #branding h2 {
afe42d0… ragelink 972 padding: 0 10px;
afe42d0… ragelink 973 font-size: 0.875rem;
afe42d0… ragelink 974 margin: -8px 0 8px 0;
afe42d0… ragelink 975 font-weight: normal;
afe42d0… ragelink 976 color: var(--header-color);
afe42d0… ragelink 977 }
afe42d0… ragelink 978
afe42d0… ragelink 979 #branding a:hover {
afe42d0… ragelink 980 text-decoration: none;
afe42d0… ragelink 981 }
afe42d0… ragelink 982
afe42d0… ragelink 983 #logout-form {
afe42d0… ragelink 984 display: inline;
afe42d0… ragelink 985 }
afe42d0… ragelink 986
afe42d0… ragelink 987 #logout-form button {
afe42d0… ragelink 988 background: none;
afe42d0… ragelink 989 border: 0;
afe42d0… ragelink 990 cursor: pointer;
afe42d0… ragelink 991 font-family: var(--font-family-primary);
afe42d0… ragelink 992 }
afe42d0… ragelink 993
afe42d0… ragelink 994 #user-tools {
afe42d0… ragelink 995 float: right;
afe42d0… ragelink 996 margin: 0 0 0 20px;
afe42d0… ragelink 997 text-align: right;
afe42d0… ragelink 998 }
afe42d0… ragelink 999
afe42d0… ragelink 1000 #user-tools, #logout-form button{
afe42d0… ragelink 1001 padding: 0;
afe42d0… ragelink 1002 font-weight: 300;
afe42d0… ragelink 1003 font-size: 0.6875rem;
afe42d0… ragelink 1004 letter-spacing: 0.5px;
afe42d0… ragelink 1005 text-transform: uppercase;
afe42d0… ragelink 1006 }
afe42d0… ragelink 1007
afe42d0… ragelink 1008 #user-tools a, #logout-form button {
afe42d0… ragelink 1009 border-bottom: 1px solid rgba(255, 255, 255, 0.25);
afe42d0… ragelink 1010 }
afe42d0… ragelink 1011
afe42d0… ragelink 1012 #user-tools a:focus, #user-tools a:hover,
afe42d0… ragelink 1013 #logout-form button:active, #logout-form button:hover {
afe42d0… ragelink 1014 text-decoration: none;
afe42d0… ragelink 1015 border-bottom: 0;
afe42d0… ragelink 1016 }
afe42d0… ragelink 1017
afe42d0… ragelink 1018 #logout-form button:active, #logout-form button:hover {
afe42d0… ragelink 1019 margin-bottom: 1px;
afe42d0… ragelink 1020 }
afe42d0… ragelink 1021
afe42d0… ragelink 1022 /* SIDEBAR */
afe42d0… ragelink 1023
afe42d0… ragelink 1024 #content-related {
afe42d0… ragelink 1025 background: var(--darkened-bg);
afe42d0… ragelink 1026 }
afe42d0… ragelink 1027
afe42d0… ragelink 1028 #content-related .module {
afe42d0… ragelink 1029 background: none;
afe42d0… ragelink 1030 }
afe42d0… ragelink 1031
afe42d0… ragelink 1032 #content-related h3 {
afe42d0… ragelink 1033 color: var(--body-quiet-color);
afe42d0… ragelink 1034 padding: 0 16px;
afe42d0… ragelink 1035 margin: 0 0 16px;
afe42d0… ragelink 1036 }
afe42d0… ragelink 1037
afe42d0… ragelink 1038 #content-related h4 {
afe42d0… ragelink 1039 font-size: 0.8125rem;
afe42d0… ragelink 1040 }
afe42d0… ragelink 1041
afe42d0… ragelink 1042 #content-related p {
afe42d0… ragelink 1043 padding-left: 16px;
afe42d0… ragelink 1044 padding-right: 16px;
afe42d0… ragelink 1045 }
afe42d0… ragelink 1046
afe42d0… ragelink 1047 #content-related .actionlist {
afe42d0… ragelink 1048 padding: 0;
afe42d0… ragelink 1049 margin: 16px;
afe42d0… ragelink 1050 }
afe42d0… ragelink 1051
afe42d0… ragelink 1052 #content-related .actionlist li {
afe42d0… ragelink 1053 line-height: 1.2;
afe42d0… ragelink 1054 margin-bottom: 10px;
afe42d0… ragelink 1055 padding-left: 18px;
afe42d0… ragelink 1056 }
afe42d0… ragelink 1057
afe42d0… ragelink 1058 #content-related .module h2 {
afe42d0… ragelink 1059 background: none;
afe42d0… ragelink 1060 padding: 16px;
afe42d0… ragelink 1061 margin-bottom: 16px;
afe42d0… ragelink 1062 border-bottom: 1px solid var(--hairline-color);
afe42d0… ragelink 1063 font-size: 1.125rem;
afe42d0… ragelink 1064 color: var(--body-fg);
afe42d0… ragelink 1065 }
afe42d0… ragelink 1066
afe42d0… ragelink 1067 .delete-confirmation form input[type="submit"] {
afe42d0… ragelink 1068 background: var(--delete-button-bg);
afe42d0… ragelink 1069 border-radius: 4px;
afe42d0… ragelink 1070 padding: 10px 15px;
afe42d0… ragelink 1071 color: var(--button-fg);
afe42d0… ragelink 1072 }
afe42d0… ragelink 1073
afe42d0… ragelink 1074 .delete-confirmation form input[type="submit"]:active,
afe42d0… ragelink 1075 .delete-confirmation form input[type="submit"]:focus,
afe42d0… ragelink 1076 .delete-confirmation form input[type="submit"]:hover {
afe42d0… ragelink 1077 background: var(--delete-button-hover-bg);
afe42d0… ragelink 1078 }
afe42d0… ragelink 1079
afe42d0… ragelink 1080 .delete-confirmation form .cancel-link {
afe42d0… ragelink 1081 display: inline-block;
afe42d0… ragelink 1082 vertical-align: middle;
afe42d0… ragelink 1083 height: 0.9375rem;
afe42d0… ragelink 1084 line-height: 0.9375rem;
afe42d0… ragelink 1085 border-radius: 4px;
afe42d0… ragelink 1086 padding: 10px 15px;
afe42d0… ragelink 1087 color: var(--button-fg);
afe42d0… ragelink 1088 background: var(--close-button-bg);
afe42d0… ragelink 1089 margin: 0 0 0 10px;
afe42d0… ragelink 1090 }
afe42d0… ragelink 1091
afe42d0… ragelink 1092 .delete-confirmation form .cancel-link:active,
afe42d0… ragelink 1093 .delete-confirmation form .cancel-link:focus,
afe42d0… ragelink 1094 .delete-confirmation form .cancel-link:hover {
afe42d0… ragelink 1095 background: var(--close-button-hover-bg);
afe42d0… ragelink 1096 }
afe42d0… ragelink 1097
afe42d0… ragelink 1098 /* POPUP */
afe42d0… ragelink 1099 .popup #content {
afe42d0… ragelink 1100 padding: 20px;
afe42d0… ragelink 1101 }
afe42d0… ragelink 1102
afe42d0… ragelink 1103 .popup #container {
afe42d0… ragelink 1104 min-width: 0;
afe42d0… ragelink 1105 }
afe42d0… ragelink 1106
afe42d0… ragelink 1107 .popup #header {
afe42d0… ragelink 1108 padding: 10px 20px;
afe42d0… ragelink 1109 }
afe42d0… ragelink 1110
afe42d0… ragelink 1111 /* PAGINATOR */
afe42d0… ragelink 1112
afe42d0… ragelink 1113 .paginator {
afe42d0… ragelink 1114 display: flex;
afe42d0… ragelink 1115 align-items: center;
afe42d0… ragelink 1116 gap: 4px;
afe42d0… ragelink 1117 font-size: 0.8125rem;
afe42d0… ragelink 1118 padding-top: 10px;
afe42d0… ragelink 1119 padding-bottom: 10px;
afe42d0… ragelink 1120 line-height: 22px;
afe42d0… ragelink 1121 margin: 0;
afe42d0… ragelink 1122 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 1123 width: 100%;
afe42d0… ragelink 1124 box-sizing: border-box;
afe42d0… ragelink 1125 }
afe42d0… ragelink 1126
afe42d0… ragelink 1127 .paginator a:link, .paginator a:visited {
afe42d0… ragelink 1128 padding: 2px 6px;
afe42d0… ragelink 1129 background: var(--button-bg);
afe42d0… ragelink 1130 text-decoration: none;
afe42d0… ragelink 1131 color: var(--button-fg);
afe42d0… ragelink 1132 }
afe42d0… ragelink 1133
afe42d0… ragelink 1134 .paginator a.showall {
afe42d0… ragelink 1135 border: none;
afe42d0… ragelink 1136 background: none;
afe42d0… ragelink 1137 color: var(--link-fg);
afe42d0… ragelink 1138 }
afe42d0… ragelink 1139
afe42d0… ragelink 1140 .paginator a.showall:focus, .paginator a.showall:hover {
afe42d0… ragelink 1141 background: none;
afe42d0… ragelink 1142 color: var(--link-hover-color);
afe42d0… ragelink 1143 }
afe42d0… ragelink 1144
afe42d0… ragelink 1145 .paginator .end {
afe42d0… ragelink 1146 margin-right: 6px;
afe42d0… ragelink 1147 }
afe42d0… ragelink 1148
afe42d0… ragelink 1149 .paginator .this-page {
afe42d0… ragelink 1150 padding: 2px 6px;
afe42d0… ragelink 1151 font-weight: bold;
afe42d0… ragelink 1152 font-size: 0.8125rem;
afe42d0… ragelink 1153 vertical-align: top;
afe42d0… ragelink 1154 }
afe42d0… ragelink 1155
afe42d0… ragelink 1156 .paginator a:focus, .paginator a:hover {
afe42d0… ragelink 1157 color: white;
afe42d0… ragelink 1158 background: var(--link-hover-color);
afe42d0… ragelink 1159 }
afe42d0… ragelink 1160
afe42d0… ragelink 1161 .paginator input {
afe42d0… ragelink 1162 margin-left: auto;
afe42d0… ragelink 1163 }
afe42d0… ragelink 1164
afe42d0… ragelink 1165 .base-svgs {
afe42d0… ragelink 1166 display: none;
afe42d0… ragelink 1167 }
afe42d0… ragelink 1168
afe42d0… ragelink 1169 .visually-hidden {
afe42d0… ragelink 1170 position: absolute;
afe42d0… ragelink 1171 width: 1px;
afe42d0… ragelink 1172 height: 1px;
afe42d0… ragelink 1173 padding: 0;
afe42d0… ragelink 1174 overflow: hidden;
afe42d0… ragelink 1175 clip: rect(0,0,0,0);
afe42d0… ragelink 1176 white-space: nowrap;
afe42d0… ragelink 1177 border: 0;
afe42d0… ragelink 1178 color: var(--body-fg);
afe42d0… ragelink 1179 background-color: var(--body-bg);
afe42d0… ragelink 1180 }

Keyboard Shortcuts

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