FossilRepo

fossilrepo / assets / admin / css / widgets.css
Source Blame History 613 lines
afe42d0… ragelink 1 /* SELECTOR (FILTER INTERFACE) */
afe42d0… ragelink 2
afe42d0… ragelink 3 .selector {
afe42d0… ragelink 4 display: flex;
afe42d0… ragelink 5 flex: 1;
afe42d0… ragelink 6 gap: 0 10px;
afe42d0… ragelink 7 }
afe42d0… ragelink 8
afe42d0… ragelink 9 .selector select {
afe42d0… ragelink 10 height: 17.2em;
afe42d0… ragelink 11 flex: 1 0 auto;
afe42d0… ragelink 12 overflow: scroll;
afe42d0… ragelink 13 width: 100%;
afe42d0… ragelink 14 }
afe42d0… ragelink 15
afe42d0… ragelink 16 .selector-available, .selector-chosen {
afe42d0… ragelink 17 display: flex;
afe42d0… ragelink 18 flex-direction: column;
afe42d0… ragelink 19 flex: 1 1;
afe42d0… ragelink 20 }
afe42d0… ragelink 21
afe42d0… ragelink 22 .selector-available-title, .selector-chosen-title {
afe42d0… ragelink 23 border: 1px solid var(--border-color);
afe42d0… ragelink 24 border-radius: 4px 4px 0 0;
afe42d0… ragelink 25 }
afe42d0… ragelink 26
afe42d0… ragelink 27 .selector .helptext {
afe42d0… ragelink 28 font-size: 0.6875rem;
afe42d0… ragelink 29 }
afe42d0… ragelink 30
afe42d0… ragelink 31 .selector-chosen .list-footer-display {
afe42d0… ragelink 32 border: 1px solid var(--border-color);
afe42d0… ragelink 33 border-top: none;
afe42d0… ragelink 34 border-radius: 0 0 4px 4px;
afe42d0… ragelink 35 margin: 0 0 10px;
afe42d0… ragelink 36 padding: 8px;
afe42d0… ragelink 37 text-align: center;
afe42d0… ragelink 38 background: var(--primary);
afe42d0… ragelink 39 color: var(--header-link-color);
afe42d0… ragelink 40 cursor: pointer;
afe42d0… ragelink 41 }
afe42d0… ragelink 42 .selector-chosen .list-footer-display__clear {
afe42d0… ragelink 43 color: var(--breadcrumbs-fg);
afe42d0… ragelink 44 }
afe42d0… ragelink 45
afe42d0… ragelink 46 .selector-chosen-title {
afe42d0… ragelink 47 background: var(--secondary);
afe42d0… ragelink 48 color: var(--header-link-color);
afe42d0… ragelink 49 padding: 8px;
afe42d0… ragelink 50 }
afe42d0… ragelink 51
afe42d0… ragelink 52 .selector-chosen-title label {
afe42d0… ragelink 53 color: var(--header-link-color);
afe42d0… ragelink 54 width: 100%;
afe42d0… ragelink 55 }
afe42d0… ragelink 56
afe42d0… ragelink 57 .selector-available-title {
afe42d0… ragelink 58 background: var(--darkened-bg);
afe42d0… ragelink 59 color: var(--body-quiet-color);
afe42d0… ragelink 60 padding: 8px;
afe42d0… ragelink 61 }
afe42d0… ragelink 62
afe42d0… ragelink 63 .selector-available-title label {
afe42d0… ragelink 64 width: 100%;
afe42d0… ragelink 65 }
afe42d0… ragelink 66
afe42d0… ragelink 67 .selector .selector-filter {
afe42d0… ragelink 68 border: 1px solid var(--border-color);
afe42d0… ragelink 69 border-width: 0 1px;
afe42d0… ragelink 70 padding: 8px;
afe42d0… ragelink 71 color: var(--body-quiet-color);
afe42d0… ragelink 72 font-size: 0.625rem;
afe42d0… ragelink 73 margin: 0;
afe42d0… ragelink 74 text-align: left;
afe42d0… ragelink 75 display: flex;
afe42d0… ragelink 76 gap: 8px;
afe42d0… ragelink 77 }
afe42d0… ragelink 78
afe42d0… ragelink 79 .selector .selector-filter label,
afe42d0… ragelink 80 .inline-group .aligned .selector .selector-filter label {
afe42d0… ragelink 81 float: left;
afe42d0… ragelink 82 margin: 7px 0 0;
afe42d0… ragelink 83 width: 18px;
afe42d0… ragelink 84 height: 18px;
afe42d0… ragelink 85 padding: 0;
afe42d0… ragelink 86 overflow: hidden;
afe42d0… ragelink 87 line-height: 1;
afe42d0… ragelink 88 min-width: auto;
afe42d0… ragelink 89 }
afe42d0… ragelink 90
afe42d0… ragelink 91 .selector-filter input {
afe42d0… ragelink 92 flex-grow: 1;
afe42d0… ragelink 93 }
afe42d0… ragelink 94
afe42d0… ragelink 95 .selector ul.selector-chooser {
afe42d0… ragelink 96 align-self: center;
afe42d0… ragelink 97 width: 30px;
afe42d0… ragelink 98 background-color: var(--selected-bg);
afe42d0… ragelink 99 border-radius: 10px;
afe42d0… ragelink 100 margin: 0;
afe42d0… ragelink 101 padding: 0;
afe42d0… ragelink 102 transform: translateY(-17px);
afe42d0… ragelink 103 }
afe42d0… ragelink 104
afe42d0… ragelink 105 .selector-chooser li {
afe42d0… ragelink 106 margin: 0;
afe42d0… ragelink 107 padding: 3px;
afe42d0… ragelink 108 list-style-type: none;
afe42d0… ragelink 109 }
afe42d0… ragelink 110
afe42d0… ragelink 111 .selector select {
afe42d0… ragelink 112 padding: 0 10px;
afe42d0… ragelink 113 margin: 0 0 10px;
afe42d0… ragelink 114 border-radius: 0 0 4px 4px;
afe42d0… ragelink 115 }
afe42d0… ragelink 116 .selector .selector-chosen--with-filtered select {
afe42d0… ragelink 117 margin: 0;
afe42d0… ragelink 118 border-radius: 0;
afe42d0… ragelink 119 height: 14em;
afe42d0… ragelink 120 }
afe42d0… ragelink 121
afe42d0… ragelink 122 .selector .selector-chosen:not(.selector-chosen--with-filtered) .list-footer-display {
afe42d0… ragelink 123 display: none;
afe42d0… ragelink 124 }
afe42d0… ragelink 125
afe42d0… ragelink 126 .selector-add, .selector-remove {
afe42d0… ragelink 127 width: 24px;
afe42d0… ragelink 128 height: 24px;
afe42d0… ragelink 129 display: block;
afe42d0… ragelink 130 text-indent: -3000px;
afe42d0… ragelink 131 overflow: hidden;
afe42d0… ragelink 132 cursor: default;
afe42d0… ragelink 133 opacity: 0.55;
afe42d0… ragelink 134 border: none;
afe42d0… ragelink 135 }
afe42d0… ragelink 136
afe42d0… ragelink 137 :enabled.selector-add, :enabled.selector-remove {
afe42d0… ragelink 138 opacity: 1;
afe42d0… ragelink 139 }
afe42d0… ragelink 140
afe42d0… ragelink 141 :enabled.selector-add:hover, :enabled.selector-remove:hover {
afe42d0… ragelink 142 cursor: pointer;
afe42d0… ragelink 143 }
afe42d0… ragelink 144
afe42d0… ragelink 145 .selector-add {
afe42d0… ragelink 146 background: url(../img/selector-icons.svg) 0 -144px no-repeat;
afe42d0… ragelink 147 background-size: 24px auto;
afe42d0… ragelink 148 }
afe42d0… ragelink 149
afe42d0… ragelink 150 :enabled.selector-add:focus, :enabled.selector-add:hover {
afe42d0… ragelink 151 background-position: 0 -168px;
afe42d0… ragelink 152 }
afe42d0… ragelink 153
afe42d0… ragelink 154 .selector-remove {
afe42d0… ragelink 155 background: url(../img/selector-icons.svg) 0 -96px no-repeat;
afe42d0… ragelink 156 background-size: 24px auto;
afe42d0… ragelink 157 }
afe42d0… ragelink 158
afe42d0… ragelink 159 :enabled.selector-remove:focus, :enabled.selector-remove:hover {
afe42d0… ragelink 160 background-position: 0 -120px;
afe42d0… ragelink 161 }
afe42d0… ragelink 162
afe42d0… ragelink 163 .selector-chooseall, .selector-clearall {
afe42d0… ragelink 164 display: inline-block;
afe42d0… ragelink 165 height: 16px;
afe42d0… ragelink 166 text-align: left;
afe42d0… ragelink 167 margin: 0 auto;
afe42d0… ragelink 168 overflow: hidden;
afe42d0… ragelink 169 font-weight: bold;
afe42d0… ragelink 170 line-height: 16px;
afe42d0… ragelink 171 color: var(--body-quiet-color);
afe42d0… ragelink 172 text-decoration: none;
afe42d0… ragelink 173 opacity: 0.55;
afe42d0… ragelink 174 border: none;
afe42d0… ragelink 175 }
afe42d0… ragelink 176
afe42d0… ragelink 177 :enabled.selector-chooseall:focus, :enabled.selector-clearall:focus,
afe42d0… ragelink 178 :enabled.selector-chooseall:hover, :enabled.selector-clearall:hover {
afe42d0… ragelink 179 color: var(--link-fg);
afe42d0… ragelink 180 }
afe42d0… ragelink 181
afe42d0… ragelink 182 :enabled.selector-chooseall, :enabled.selector-clearall {
afe42d0… ragelink 183 opacity: 1;
afe42d0… ragelink 184 }
afe42d0… ragelink 185
afe42d0… ragelink 186 :enabled.selector-chooseall:hover, :enabled.selector-clearall:hover {
afe42d0… ragelink 187 cursor: pointer;
afe42d0… ragelink 188 }
afe42d0… ragelink 189
afe42d0… ragelink 190 .selector-chooseall {
afe42d0… ragelink 191 padding: 0 18px 0 0;
afe42d0… ragelink 192 background: url(../img/selector-icons.svg) right -160px no-repeat;
afe42d0… ragelink 193 cursor: default;
afe42d0… ragelink 194 }
afe42d0… ragelink 195
afe42d0… ragelink 196 :enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover {
afe42d0… ragelink 197 background-position: 100% -176px;
afe42d0… ragelink 198 }
afe42d0… ragelink 199
afe42d0… ragelink 200 .selector-clearall {
afe42d0… ragelink 201 padding: 0 0 0 18px;
afe42d0… ragelink 202 background: url(../img/selector-icons.svg) 0 -128px no-repeat;
afe42d0… ragelink 203 cursor: default;
afe42d0… ragelink 204 }
afe42d0… ragelink 205
afe42d0… ragelink 206 :enabled.selector-clearall:focus, :enabled.selector-clearall:hover {
afe42d0… ragelink 207 background-position: 0 -144px;
afe42d0… ragelink 208 }
afe42d0… ragelink 209
afe42d0… ragelink 210 /* STACKED SELECTORS */
afe42d0… ragelink 211
afe42d0… ragelink 212 .stacked {
afe42d0… ragelink 213 float: left;
afe42d0… ragelink 214 width: 490px;
afe42d0… ragelink 215 display: block;
afe42d0… ragelink 216 }
afe42d0… ragelink 217
afe42d0… ragelink 218 .stacked select {
afe42d0… ragelink 219 width: 480px;
afe42d0… ragelink 220 height: 10.1em;
afe42d0… ragelink 221 }
afe42d0… ragelink 222
afe42d0… ragelink 223 .stacked .selector-available, .stacked .selector-chosen {
afe42d0… ragelink 224 width: 480px;
afe42d0… ragelink 225 }
afe42d0… ragelink 226
afe42d0… ragelink 227 .stacked .selector-available {
afe42d0… ragelink 228 margin-bottom: 0;
afe42d0… ragelink 229 }
afe42d0… ragelink 230
afe42d0… ragelink 231 .stacked .selector-available input {
afe42d0… ragelink 232 width: 422px;
afe42d0… ragelink 233 }
afe42d0… ragelink 234
afe42d0… ragelink 235 .stacked ul.selector-chooser {
afe42d0… ragelink 236 display: flex;
afe42d0… ragelink 237 height: 30px;
afe42d0… ragelink 238 width: 64px;
afe42d0… ragelink 239 margin: 0 0 10px 40%;
afe42d0… ragelink 240 background-color: #eee;
afe42d0… ragelink 241 border-radius: 10px;
afe42d0… ragelink 242 transform: none;
afe42d0… ragelink 243 }
afe42d0… ragelink 244
afe42d0… ragelink 245 .stacked .selector-chooser li {
afe42d0… ragelink 246 float: left;
afe42d0… ragelink 247 padding: 3px 3px 3px 5px;
afe42d0… ragelink 248 }
afe42d0… ragelink 249
afe42d0… ragelink 250 .stacked .selector-chooseall, .stacked .selector-clearall {
afe42d0… ragelink 251 display: none;
afe42d0… ragelink 252 }
afe42d0… ragelink 253
afe42d0… ragelink 254 .stacked .selector-add {
afe42d0… ragelink 255 background: url(../img/selector-icons.svg) 0 -48px no-repeat;
afe42d0… ragelink 256 background-size: 24px auto;
afe42d0… ragelink 257 cursor: default;
afe42d0… ragelink 258 }
afe42d0… ragelink 259
afe42d0… ragelink 260 .stacked :enabled.selector-add {
afe42d0… ragelink 261 background-position: 0 -48px;
afe42d0… ragelink 262 cursor: pointer;
afe42d0… ragelink 263 }
afe42d0… ragelink 264
afe42d0… ragelink 265 .stacked :enabled.selector-add:focus, .stacked :enabled.selector-add:hover {
afe42d0… ragelink 266 background-position: 0 -72px;
afe42d0… ragelink 267 cursor: pointer;
afe42d0… ragelink 268 }
afe42d0… ragelink 269
afe42d0… ragelink 270 .stacked .selector-remove {
afe42d0… ragelink 271 background: url(../img/selector-icons.svg) 0 0 no-repeat;
afe42d0… ragelink 272 background-size: 24px auto;
afe42d0… ragelink 273 cursor: default;
afe42d0… ragelink 274 }
afe42d0… ragelink 275
afe42d0… ragelink 276 .stacked :enabled.selector-remove {
afe42d0… ragelink 277 background-position: 0 0px;
afe42d0… ragelink 278 cursor: pointer;
afe42d0… ragelink 279 }
afe42d0… ragelink 280
afe42d0… ragelink 281 .stacked :enabled.selector-remove:focus, .stacked :enabled.selector-remove:hover {
afe42d0… ragelink 282 background-position: 0 -24px;
afe42d0… ragelink 283 cursor: pointer;
afe42d0… ragelink 284 }
afe42d0… ragelink 285
afe42d0… ragelink 286 .selector .help-icon {
afe42d0… ragelink 287 background: url(../img/icon-unknown.svg) 0 0 no-repeat;
afe42d0… ragelink 288 display: inline-block;
afe42d0… ragelink 289 vertical-align: middle;
afe42d0… ragelink 290 margin: -2px 0 0 2px;
afe42d0… ragelink 291 width: 13px;
afe42d0… ragelink 292 height: 13px;
afe42d0… ragelink 293 }
afe42d0… ragelink 294
afe42d0… ragelink 295 .selector .selector-chosen .help-icon {
afe42d0… ragelink 296 background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat;
afe42d0… ragelink 297 }
afe42d0… ragelink 298
afe42d0… ragelink 299 .selector .search-label-icon {
afe42d0… ragelink 300 background: url(../img/search.svg) 0 0 no-repeat;
afe42d0… ragelink 301 display: inline-block;
afe42d0… ragelink 302 height: 1.125rem;
afe42d0… ragelink 303 width: 1.125rem;
afe42d0… ragelink 304 }
afe42d0… ragelink 305
afe42d0… ragelink 306 /* DATE AND TIME */
afe42d0… ragelink 307
afe42d0… ragelink 308 p.datetime {
afe42d0… ragelink 309 line-height: 20px;
afe42d0… ragelink 310 margin: 0;
afe42d0… ragelink 311 padding: 0;
afe42d0… ragelink 312 color: var(--body-quiet-color);
afe42d0… ragelink 313 font-weight: bold;
afe42d0… ragelink 314 }
afe42d0… ragelink 315
afe42d0… ragelink 316 .datetime span {
afe42d0… ragelink 317 white-space: nowrap;
afe42d0… ragelink 318 font-weight: normal;
afe42d0… ragelink 319 font-size: 0.6875rem;
afe42d0… ragelink 320 color: var(--body-quiet-color);
afe42d0… ragelink 321 }
afe42d0… ragelink 322
afe42d0… ragelink 323 .datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField {
afe42d0… ragelink 324 margin-left: 5px;
afe42d0… ragelink 325 margin-bottom: 4px;
afe42d0… ragelink 326 }
afe42d0… ragelink 327
afe42d0… ragelink 328 table p.datetime {
afe42d0… ragelink 329 font-size: 0.6875rem;
afe42d0… ragelink 330 margin-left: 0;
afe42d0… ragelink 331 padding-left: 0;
afe42d0… ragelink 332 }
afe42d0… ragelink 333
afe42d0… ragelink 334 .datetimeshortcuts .clock-icon, .datetimeshortcuts .date-icon {
afe42d0… ragelink 335 position: relative;
afe42d0… ragelink 336 display: inline-block;
afe42d0… ragelink 337 vertical-align: middle;
afe42d0… ragelink 338 height: 24px;
afe42d0… ragelink 339 width: 24px;
afe42d0… ragelink 340 overflow: hidden;
afe42d0… ragelink 341 }
afe42d0… ragelink 342
afe42d0… ragelink 343 .datetimeshortcuts .clock-icon {
afe42d0… ragelink 344 background: url(../img/icon-clock.svg) 0 0 no-repeat;
afe42d0… ragelink 345 background-size: 24px auto;
afe42d0… ragelink 346 }
afe42d0… ragelink 347
afe42d0… ragelink 348 .datetimeshortcuts a:focus .clock-icon,
afe42d0… ragelink 349 .datetimeshortcuts a:hover .clock-icon {
afe42d0… ragelink 350 background-position: 0 -24px;
afe42d0… ragelink 351 }
afe42d0… ragelink 352
afe42d0… ragelink 353 .datetimeshortcuts .date-icon {
afe42d0… ragelink 354 background: url(../img/icon-calendar.svg) 0 0 no-repeat;
afe42d0… ragelink 355 background-size: 24px auto;
afe42d0… ragelink 356 top: -1px;
afe42d0… ragelink 357 }
afe42d0… ragelink 358
afe42d0… ragelink 359 .datetimeshortcuts a:focus .date-icon,
afe42d0… ragelink 360 .datetimeshortcuts a:hover .date-icon {
afe42d0… ragelink 361 background-position: 0 -24px;
afe42d0… ragelink 362 }
afe42d0… ragelink 363
afe42d0… ragelink 364 .timezonewarning {
afe42d0… ragelink 365 font-size: 0.6875rem;
afe42d0… ragelink 366 color: var(--body-quiet-color);
afe42d0… ragelink 367 }
afe42d0… ragelink 368
afe42d0… ragelink 369 /* URL */
afe42d0… ragelink 370
afe42d0… ragelink 371 p.url {
afe42d0… ragelink 372 line-height: 20px;
afe42d0… ragelink 373 margin: 0;
afe42d0… ragelink 374 padding: 0;
afe42d0… ragelink 375 color: var(--body-quiet-color);
afe42d0… ragelink 376 font-size: 0.6875rem;
afe42d0… ragelink 377 font-weight: bold;
afe42d0… ragelink 378 }
afe42d0… ragelink 379
afe42d0… ragelink 380 .url a {
afe42d0… ragelink 381 font-weight: normal;
afe42d0… ragelink 382 }
afe42d0… ragelink 383
afe42d0… ragelink 384 /* FILE UPLOADS */
afe42d0… ragelink 385
afe42d0… ragelink 386 p.file-upload {
afe42d0… ragelink 387 line-height: 20px;
afe42d0… ragelink 388 margin: 0;
afe42d0… ragelink 389 padding: 0;
afe42d0… ragelink 390 color: var(--body-quiet-color);
afe42d0… ragelink 391 font-size: 0.6875rem;
afe42d0… ragelink 392 font-weight: bold;
afe42d0… ragelink 393 }
afe42d0… ragelink 394
afe42d0… ragelink 395 .file-upload a {
afe42d0… ragelink 396 font-weight: normal;
afe42d0… ragelink 397 }
afe42d0… ragelink 398
afe42d0… ragelink 399 .file-upload .deletelink {
afe42d0… ragelink 400 margin-left: 5px;
afe42d0… ragelink 401 }
afe42d0… ragelink 402
afe42d0… ragelink 403 span.clearable-file-input label {
afe42d0… ragelink 404 color: var(--body-fg);
afe42d0… ragelink 405 font-size: 0.6875rem;
afe42d0… ragelink 406 display: inline;
afe42d0… ragelink 407 float: none;
afe42d0… ragelink 408 }
afe42d0… ragelink 409
afe42d0… ragelink 410 /* CALENDARS & CLOCKS */
afe42d0… ragelink 411
afe42d0… ragelink 412 .calendarbox, .clockbox {
afe42d0… ragelink 413 margin: 5px auto;
afe42d0… ragelink 414 font-size: 0.75rem;
afe42d0… ragelink 415 width: 19em;
afe42d0… ragelink 416 text-align: center;
afe42d0… ragelink 417 background: var(--body-bg);
afe42d0… ragelink 418 color: var(--body-fg);
afe42d0… ragelink 419 border: 1px solid var(--hairline-color);
afe42d0… ragelink 420 border-radius: 4px;
afe42d0… ragelink 421 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
afe42d0… ragelink 422 overflow: hidden;
afe42d0… ragelink 423 position: relative;
afe42d0… ragelink 424 }
afe42d0… ragelink 425
afe42d0… ragelink 426 .clockbox {
afe42d0… ragelink 427 width: auto;
afe42d0… ragelink 428 }
afe42d0… ragelink 429
afe42d0… ragelink 430 .calendar {
afe42d0… ragelink 431 margin: 0;
afe42d0… ragelink 432 padding: 0;
afe42d0… ragelink 433 }
afe42d0… ragelink 434
afe42d0… ragelink 435 .calendar table {
afe42d0… ragelink 436 margin: 0;
afe42d0… ragelink 437 padding: 0;
afe42d0… ragelink 438 border-collapse: collapse;
afe42d0… ragelink 439 background: white;
afe42d0… ragelink 440 width: 100%;
afe42d0… ragelink 441 }
afe42d0… ragelink 442
afe42d0… ragelink 443 .calendar caption, .calendarbox h2 {
afe42d0… ragelink 444 margin: 0;
afe42d0… ragelink 445 text-align: center;
afe42d0… ragelink 446 border-top: none;
afe42d0… ragelink 447 font-weight: 700;
afe42d0… ragelink 448 font-size: 0.75rem;
afe42d0… ragelink 449 color: #333;
afe42d0… ragelink 450 background: var(--accent);
afe42d0… ragelink 451 }
afe42d0… ragelink 452
afe42d0… ragelink 453 .calendar th {
afe42d0… ragelink 454 padding: 8px 5px;
afe42d0… ragelink 455 background: var(--darkened-bg);
afe42d0… ragelink 456 border-bottom: 1px solid var(--border-color);
afe42d0… ragelink 457 font-weight: 400;
afe42d0… ragelink 458 font-size: 0.75rem;
afe42d0… ragelink 459 text-align: center;
afe42d0… ragelink 460 color: var(--body-quiet-color);
afe42d0… ragelink 461 }
afe42d0… ragelink 462
afe42d0… ragelink 463 .calendar td {
afe42d0… ragelink 464 font-weight: 400;
afe42d0… ragelink 465 font-size: 0.75rem;
afe42d0… ragelink 466 text-align: center;
afe42d0… ragelink 467 padding: 0;
afe42d0… ragelink 468 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 469 border-bottom: none;
afe42d0… ragelink 470 }
afe42d0… ragelink 471
afe42d0… ragelink 472 .calendar td.selected a {
afe42d0… ragelink 473 background: var(--secondary);
afe42d0… ragelink 474 color: var(--button-fg);
afe42d0… ragelink 475 }
afe42d0… ragelink 476
afe42d0… ragelink 477 .calendar td.nonday {
afe42d0… ragelink 478 background: var(--darkened-bg);
afe42d0… ragelink 479 }
afe42d0… ragelink 480
afe42d0… ragelink 481 .calendar td.today a {
afe42d0… ragelink 482 font-weight: 700;
afe42d0… ragelink 483 }
afe42d0… ragelink 484
afe42d0… ragelink 485 .calendar td a, .timelist a {
afe42d0… ragelink 486 display: block;
afe42d0… ragelink 487 font-weight: 400;
afe42d0… ragelink 488 padding: 6px;
afe42d0… ragelink 489 text-decoration: none;
afe42d0… ragelink 490 color: var(--body-quiet-color);
afe42d0… ragelink 491 }
afe42d0… ragelink 492
afe42d0… ragelink 493 .calendar td a:focus, .timelist a:focus,
afe42d0… ragelink 494 .calendar td a:hover, .timelist a:hover {
afe42d0… ragelink 495 background: var(--primary);
afe42d0… ragelink 496 color: white;
afe42d0… ragelink 497 }
afe42d0… ragelink 498
afe42d0… ragelink 499 .calendar td a:active, .timelist a:active {
afe42d0… ragelink 500 background: var(--header-bg);
afe42d0… ragelink 501 color: white;
afe42d0… ragelink 502 }
afe42d0… ragelink 503
afe42d0… ragelink 504 .calendarnav {
afe42d0… ragelink 505 font-size: 0.625rem;
afe42d0… ragelink 506 text-align: center;
afe42d0… ragelink 507 color: #ccc;
afe42d0… ragelink 508 margin: 0;
afe42d0… ragelink 509 padding: 1px 3px;
afe42d0… ragelink 510 }
afe42d0… ragelink 511
afe42d0… ragelink 512 .calendarnav a:link, #calendarnav a:visited,
afe42d0… ragelink 513 #calendarnav a:focus, #calendarnav a:hover {
afe42d0… ragelink 514 color: var(--body-quiet-color);
afe42d0… ragelink 515 }
afe42d0… ragelink 516
afe42d0… ragelink 517 .calendar-shortcuts {
afe42d0… ragelink 518 background: var(--body-bg);
afe42d0… ragelink 519 color: var(--body-quiet-color);
afe42d0… ragelink 520 font-size: 0.6875rem;
afe42d0… ragelink 521 line-height: 0.6875rem;
afe42d0… ragelink 522 border-top: 1px solid var(--hairline-color);
afe42d0… ragelink 523 padding: 8px 0;
afe42d0… ragelink 524 }
afe42d0… ragelink 525
afe42d0… ragelink 526 .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
afe42d0… ragelink 527 display: block;
afe42d0… ragelink 528 position: absolute;
afe42d0… ragelink 529 top: 8px;
afe42d0… ragelink 530 width: 15px;
afe42d0… ragelink 531 height: 15px;
afe42d0… ragelink 532 text-indent: -9999px;
afe42d0… ragelink 533 padding: 0;
afe42d0… ragelink 534 }
afe42d0… ragelink 535
afe42d0… ragelink 536 .calendarnav-previous {
afe42d0… ragelink 537 left: 10px;
afe42d0… ragelink 538 background: url(../img/calendar-icons.svg) 0 0 no-repeat;
afe42d0… ragelink 539 }
afe42d0… ragelink 540
afe42d0… ragelink 541 .calendarnav-next {
afe42d0… ragelink 542 right: 10px;
afe42d0… ragelink 543 background: url(../img/calendar-icons.svg) 0 -15px no-repeat;
afe42d0… ragelink 544 }
afe42d0… ragelink 545
afe42d0… ragelink 546 .calendar-cancel {
afe42d0… ragelink 547 margin: 0;
afe42d0… ragelink 548 padding: 4px 0;
afe42d0… ragelink 549 font-size: 0.75rem;
afe42d0… ragelink 550 background: var(--close-button-bg);
afe42d0… ragelink 551 border-top: 1px solid var(--border-color);
afe42d0… ragelink 552 color: var(--button-fg);
afe42d0… ragelink 553 }
afe42d0… ragelink 554
afe42d0… ragelink 555 .calendar-cancel:focus, .calendar-cancel:hover {
afe42d0… ragelink 556 background: var(--close-button-hover-bg);
afe42d0… ragelink 557 }
afe42d0… ragelink 558
afe42d0… ragelink 559 .calendar-cancel a {
afe42d0… ragelink 560 color: var(--button-fg);
afe42d0… ragelink 561 display: block;
afe42d0… ragelink 562 }
afe42d0… ragelink 563
afe42d0… ragelink 564 ul.timelist, .timelist li {
afe42d0… ragelink 565 list-style-type: none;
afe42d0… ragelink 566 margin: 0;
afe42d0… ragelink 567 padding: 0;
afe42d0… ragelink 568 }
afe42d0… ragelink 569
afe42d0… ragelink 570 .timelist a {
afe42d0… ragelink 571 padding: 2px;
afe42d0… ragelink 572 }
afe42d0… ragelink 573
afe42d0… ragelink 574 /* EDIT INLINE */
afe42d0… ragelink 575
afe42d0… ragelink 576 .inline-deletelink {
afe42d0… ragelink 577 float: right;
afe42d0… ragelink 578 text-indent: -9999px;
afe42d0… ragelink 579 background: url(../img/inline-delete.svg) 0 0 no-repeat;
afe42d0… ragelink 580 width: 1.5rem;
afe42d0… ragelink 581 height: 1.5rem;
afe42d0… ragelink 582 border: 0px none;
afe42d0… ragelink 583 margin-bottom: .25rem;
afe42d0… ragelink 584 }
afe42d0… ragelink 585
afe42d0… ragelink 586 .inline-deletelink:focus, .inline-deletelink:hover {
afe42d0… ragelink 587 cursor: pointer;
afe42d0… ragelink 588 }
afe42d0… ragelink 589
afe42d0… ragelink 590 /* RELATED WIDGET WRAPPER */
afe42d0… ragelink 591 .related-widget-wrapper {
afe42d0… ragelink 592 display: flex;
afe42d0… ragelink 593 gap: 0 10px;
afe42d0… ragelink 594 flex-grow: 1;
afe42d0… ragelink 595 flex-wrap: wrap;
afe42d0… ragelink 596 margin-bottom: 5px;
afe42d0… ragelink 597 }
afe42d0… ragelink 598
afe42d0… ragelink 599 .related-widget-wrapper-link {
afe42d0… ragelink 600 opacity: .6;
afe42d0… ragelink 601 filter: grayscale(1);
afe42d0… ragelink 602 }
afe42d0… ragelink 603
afe42d0… ragelink 604 .related-widget-wrapper-link:link {
afe42d0… ragelink 605 opacity: 1;
afe42d0… ragelink 606 filter: grayscale(0);
afe42d0… ragelink 607 }
afe42d0… ragelink 608
afe42d0… ragelink 609 /* GIS MAPS */
afe42d0… ragelink 610 .dj_map {
afe42d0… ragelink 611 width: 600px;
afe42d0… ragelink 612 height: 400px;
afe42d0… ragelink 613 }

Keyboard Shortcuts

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