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