1 /* event-aggregator.css - some additional styles for the EventAggregator macro 2 which can be included in screen.css and print.css 3 using... 4 5 @import "event-aggregator.css"; 6 7 ...before any rules. 8 9 Copyright (c) 2009, 2010, 2011, 2012, 2013 by Paul Boddie 10 Licensed under the GNU GPL (v2 or later), see COPYING.txt for details. 11 */ 12 13 /* Controls. */ 14 15 .event-controls { 16 display: block; 17 } 18 19 .event-view-controls, 20 .event-download-controls { 21 text-align: center; 22 } 23 24 .event-view, 25 .event-download { 26 margin-left: 1em; 27 margin-right: 1em; 28 text-align: left; 29 } 30 31 .event-view a { 32 font-size: smaller; 33 display: inline-block; 34 } 35 36 .event-download { 37 position: relative; 38 font-size: smaller; 39 padding-bottom: 0.5em; 40 } 41 42 .event-download-popup { 43 display: none; 44 font-size: larger; 45 } 46 47 .event-download:hover .event-download-popup, 48 .event-day-box:hover .event-day-number-popup { 49 display: block; 50 position: absolute; 51 left: 0; 52 z-index: 3; 53 background-color: #fff; 54 color: #000; 55 border: 1px solid #000; 56 } 57 58 .event-download:hover .event-download-popup { 59 top: 1em; /* negligible top padding + 1em, leaving 0.5em bottom padding */ 60 padding: 0.5em 0.5em 0 0.5em; 61 } 62 63 .event-day-box:hover .event-day-number-popup { 64 top: 1.25em; /* 0.25em top padding + 1em, leaving 0.25em bottom padding */ 65 padding: 0.5em; 66 } 67 68 .event-download-item { 69 padding-top: 0.5em; 70 margin-bottom: 0.5em; 71 border-top: 1px solid #ddd; 72 border-bottom: 1px solid #ddd; 73 white-space: nowrap; 74 } 75 76 .event-download-webcal a { 77 background-color: #99d; 78 } 79 80 .event-download-http a { 81 background-color: #d99; 82 } 83 84 .event-download-webcal a:hover, 85 .event-download-webcal a:active { 86 background-color: #00d; 87 } 88 89 .event-download-http a:hover, 90 .event-download-http a:active { 91 background-color: #d00; 92 } 93 94 .event-download-webcal a, 95 .event-download-webcal a:link, 96 .event-download-webcal a:hover, 97 .event-download-webcal a:active, 98 .event-download-webcal a:visited, 99 .event-download-http a, 100 .event-download-http a:link, 101 .event-download-http a:hover, 102 .event-download-http a:active, 103 .event-download-http a:visited { 104 font-size: inherit; 105 font-weight: bold; 106 color: #fff !important; 107 text-decoration: none !important; 108 padding: 0.25em; 109 margin-right: 0.25em; 110 } 111 112 .event-download-link, 113 .event-download-period { 114 display: block; 115 text-align: right; 116 } 117 118 .event-download-link { 119 margin: 0; 120 padding-bottom: 0.5em; 121 } 122 123 .event-download-period { 124 margin-top: 0.5em; 125 } 126 127 .event-download-period-raw { 128 display: block; 129 font-size: smaller; 130 text-align: right; 131 } 132 133 /* Calendar view. */ 134 135 .event-month { 136 width: 98%; 137 border-bottom: 1px solid #dddddd; 138 table-layout: fixed; 139 } 140 141 .event-map-heading, 142 .event-month-heading, 143 .event-full-day-heading { 144 background-color: #777777; 145 color: #ffffff; 146 text-align: center; 147 font-weight: bold; 148 border: 0; 149 } 150 151 .event-map-heading a:link, 152 .event-map-heading a:hover, 153 .event-map-heading a:visited, 154 .event-month-heading a:link, 155 .event-month-heading a:hover, 156 .event-month-heading a:visited, 157 .event-full-day-heading a:link, 158 .event-full-day-heading a:hover, 159 .event-full-day-heading a:visited { 160 color: inherit !important; 161 } 162 163 .event-map-heading .previous, 164 .event-month-heading .previous, 165 .event-full-day-heading .previous, 166 .event-listings-heading .previous { 167 float: left; 168 } 169 170 .event-map-heading .next, 171 .event-month-heading .next, 172 .event-full-day-heading .next, 173 .event-listings-heading .next { 174 float: right; 175 } 176 177 .event-weekday-heading { 178 background-color: #999999; 179 color: #ffffff; 180 text-align: center; 181 border: 1px solid #dddddd; 182 } 183 184 /* Day types: days with content (busy), unused days (excluded or empty), 185 current (today). */ 186 187 .event-day-current.event-day-busy, 188 .event-day-current.event-day-empty { 189 background-color: #ffdddd; 190 } 191 192 .event-day-busy, 193 .event-timespan-busy { 194 background-color: #ffffff; 195 } 196 197 .event-day-excluded { 198 background-color: #dddddd; 199 border-left: 1px solid #dddddd; 200 border-right: 1px solid #dddddd; 201 } 202 203 .event-day-empty, 204 .event-timespan-empty { 205 background-color: #ffffff; 206 border-left: 1px solid #dddddd; 207 border-right: 1px solid #dddddd; 208 } 209 210 .event-day-content.event-day-empty { 211 padding-bottom: 2em; 212 } 213 214 /* Day headings and numbers. */ 215 216 .event-day-current.event-day-heading { 217 background-color: #ffdddd; 218 } 219 220 .event-day-excluded.event-day-heading { 221 background-color: #dddddd; 222 } 223 224 .event-day-heading { 225 width: 14%; 226 vertical-align: top; 227 padding-top: 0; 228 padding-left: 0; 229 padding-bottom: 0.5em; 230 border-top: 1px solid #dddddd; 231 border-bottom: 0; 232 border-left: 1px solid #dddddd; 233 border-right: 1px solid #dddddd; 234 background-color: #ffffff; 235 } 236 237 .event-day-box { 238 position: relative; /* see event-day-number-popup */ 239 } 240 241 .event-day-empty span.event-day-number { 242 color: #000000; 243 } 244 245 .event-day-busy span.event-day-number { 246 background-color: #555555; 247 color: #ffffff; 248 } 249 250 .event-day-number { 251 padding: 0.25em; 252 } 253 254 .event-day-number a:link, 255 .event-day-number a:hover, 256 .event-day-number a:visited { 257 color: inherit !important; 258 } 259 260 .event-day-number-link { 261 display: block; 262 } 263 264 /* Day content. */ 265 266 .event-day-content { 267 width: 14%; 268 vertical-align: top; 269 padding: 0; 270 border-top: 0; 271 border-bottom: 0; 272 } 273 274 .event-day-starting { 275 border-left: 0; 276 border-right: 1px solid #dddddd; 277 } 278 279 .event-day-ending { 280 border-left: 1px solid #dddddd; 281 border-right: 0; 282 } 283 284 .event-day-full, 285 .event-day-single, 286 .event-day-multiple { 287 border-left: 1px solid #dddddd; 288 border-right: 1px solid #dddddd; 289 } 290 291 .event-day-current.event-day-start-gap, 292 .event-day-current.event-day-end-gap { 293 background-color: #ffdddd; 294 } 295 296 .event-day-start-gap { 297 width: 2%; 298 border-top: 0; 299 border-bottom: 0; 300 border-left: 1px solid #dddddd; 301 border-right: 0; 302 background-color: #ffffff; 303 } 304 305 .event-day-end-gap { 306 width: 2%; 307 border-top: 0; 308 border-bottom: 0; 309 border-left: 0; 310 border-right: 1px solid #dddddd; 311 background-color: #ffffff; 312 } 313 314 /* Event details. */ 315 316 .event-summary-box { 317 position: relative; 318 } 319 320 .event-day-content a:link, 321 .event-day-content a:hover, 322 .event-day-content a:visited { 323 color: inherit !important; 324 } 325 326 .event-summary { 327 padding: 0.75em; 328 margin-left: 0; 329 margin-right: 0; 330 overflow: hidden; 331 } 332 333 .event-day-single .event-summary { 334 padding: 0.75em 0.25em 0.75em 0.25em; 335 margin-left: 0.5em; 336 margin-right: 0.5em; 337 } 338 339 .event-summary-popup, 340 .event-day-number-popup { 341 display: none; 342 overflow: show; 343 position: absolute; 344 left: 0.5em; 345 top: 0; 346 z-index: 2; 347 padding: 0.75em 0.25em 0.75em 0.25em; 348 margin-right: 0.5em; 349 } 350 351 .event-summary-box:hover > .event-summary-popup { 352 display: block; 353 } 354 355 .event-summary-box:hover > .event-summary a { 356 visibility: hidden; 357 } 358 359 /* Day spacers. */ 360 361 .event-day-current.event-day-spacer { 362 background-color: #ffdddd; 363 } 364 365 .event-day-spacer { 366 min-height: 0.5em; 367 border-top: 0; 368 border-bottom: 0; 369 border-left: 1px solid #dddddd; 370 border-right: 1px solid #dddddd; 371 } 372 373 /* Day view, showing days from a calendar. */ 374 375 .event-calendar-day { 376 width: 98%; 377 border-bottom: 1px solid #dddddd; 378 } 379 380 .event-scale-heading, 381 .event-timespan-content, 382 .event-timespan-spacer { 383 border-top: 1px solid #dddddd; 384 border-bottom: 1px solid #dddddd; 385 border-left: 0; 386 border-right: 0; 387 } 388 389 .event-location-heading, 390 .event-location-spacer { 391 border: 0; 392 } 393 394 .event-location-heading, 395 .event-location-spacer, 396 .event-timespan-spacer, 397 .event-full-day-spacer { 398 background-color: #ffffff; 399 } 400 401 .event-location-heading { 402 text-align: center; 403 border: 0; 404 border-left: 1px dotted #ddd; 405 border-right: 1px dotted #ddd; 406 background-color: #ffffff; 407 } 408 409 .event-scale-heading { 410 padding-bottom: 2em; 411 } 412 413 .event-scale-heading, 414 .event-timespan-content { 415 vertical-align: top; 416 } 417 418 .event-timespan-content a:link, 419 .event-timespan-content a:hover, 420 .event-timespan-content a:visited { 421 color: inherit !important; 422 } 423 424 .event-timespan-spacer { 425 width: 2%; 426 } 427 428 /* List/summary view. */ 429 430 .event-listings { 431 list-style: none; 432 } 433 434 .event-listings-heading { 435 border-bottom: 1px solid #999999; 436 text-align: center; 437 } 438 439 .event-period-listings { 440 list-style: disc; 441 padding-bottom: 2em; 442 } 443 444 /* Table view */ 445 446 .event-table { 447 width: 98%; 448 } 449 450 .event-table-heading { 451 font-weight: bold; 452 } 453 454 .event-table-details a:link, 455 .event-table-details a:hover, 456 .event-table-details a:visited { 457 color: inherit !important; 458 } 459 460 .event-table-category-conference { 461 background-color: #ff9999; 462 color: #000000; 463 } 464 465 .event-table-category-training { 466 background-color: #99ff99; 467 color: #000000; 468 } 469 470 .event-table-category-special { 471 background-color: #ffff99; 472 color: #000000; 473 } 474 475 /* Map view. */ 476 477 .event-map { 478 text-align: center; 479 } 480 481 .event-map table { 482 display: inline-block; 483 } 484 485 .event-map-container { 486 position: relative; 487 margin: 0; 488 padding: 0; 489 text-align: left; 490 } 491 492 .event-map-container > img { 493 margin: 0; 494 padding: 0; 495 border: 0; 496 /* image and dimensions specified in the HTML */ 497 } 498 499 .event-map-container > ol { 500 margin: 0; 501 padding: 0; 502 list-style-type: none; 503 } 504 505 /* Label element and pop-up effects. */ 506 507 div.event-map-label-only { 508 display: none; 509 } 510 511 div.event-map-label { 512 position: absolute; 513 /* position and dimensions specified in the HTML */ 514 border: 2px solid #d00; 515 } 516 517 div.event-map-label .event-map-details { 518 display: none; 519 position: absolute; 520 top: 0; 521 left: 0; 522 z-index: 2; 523 min-width: 10em; 524 } 525 526 div.event-map-label:hover .event-map-details { 527 display: block; 528 } 529 530 /* Details elements. */ 531 532 .event-map-shadow { 533 background-color: #555; 534 } 535 536 .event-map-shadow .event-map-location { 537 position: relative; 538 top: -8px; 539 left: -8px; 540 padding: 0.25em; 541 background-color: #fff; 542 } 543 544 .event-map-unpositioned h2, 545 .event-map-location h2 { 546 font-size: inherit !important; 547 text-align: center; 548 } 549 550 .event-map-unpositioned:not(:target) h2, 551 .event-map-unpositioned:target .event-map-show-control, 552 .event-map-unpositioned:not(:target) .event-map-hide-control, 553 .event-map-unpositioned:not(:target) ul.event-map-location-events { 554 display: none; 555 } 556 557 .event-map-unpositioned:target h2, 558 .event-map-unpositioned:not(:target) .event-map-show-control, 559 .event-map-unpositioned:target .event-map-hide-control, 560 .event-map-unpositioned:target ul.event-map-location-events { 561 display: block; 562 } 563 564 ul.event-map-location-events { 565 list-style-type: none; 566 padding: 0.25em; 567 } 568 569 ul.event-map-location-events li { 570 text-align: left; 571 padding: 0.25em 0 0.25em 0; 572 } 573 574 .event-map-period { 575 display: block; 576 font-size: smaller; 577 } 578 579 /* New event form. */ 580 581 td.event-time-selection, 582 td.event-zone-selection, 583 td.event-regime-selection.event-end-time { 584 vertical-align: bottom; 585 } 586 587 td.event-time-selection.label, 588 td.event-regime-selection { 589 vertical-align: top; 590 } 591 592 /* vim: tabstop=4 expandtab shiftwidth=4 593 */