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 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 185 .event-day-busy, 186 .event-timespan-busy { 187 background-color: #ffffff; 188 } 189 190 .event-day-excluded { 191 background-color: #dddddd; 192 border-left: 1px solid #dddddd; 193 border-right: 1px solid #dddddd; 194 } 195 196 .event-day-empty, 197 .event-timespan-empty { 198 background-color: #ffffff; 199 border-left: 1px solid #dddddd; 200 border-right: 1px solid #dddddd; 201 } 202 203 .event-day-content.event-day-empty { 204 padding-bottom: 2em; 205 } 206 207 /* Day headings and numbers. */ 208 209 .event-day-heading { 210 width: 14%; 211 vertical-align: top; 212 padding-top: 0; 213 padding-left: 0; 214 padding-bottom: 0.5em; 215 border-top: 1px solid #dddddd; 216 border-bottom: 0; 217 border-left: 1px solid #dddddd; 218 border-right: 1px solid #dddddd; 219 } 220 221 .event-day-box { 222 position: relative; /* see event-day-number-popup */ 223 } 224 225 .event-day-empty span.event-day-number { 226 color: #000000; 227 } 228 229 .event-day-busy span.event-day-number { 230 background-color: #555555; 231 color: #ffffff; 232 } 233 234 .event-day-number { 235 padding: 0.25em; 236 } 237 238 .event-day-number a:link, 239 .event-day-number a:hover, 240 .event-day-number a:visited { 241 color: inherit !important; 242 } 243 244 .event-day-number-link { 245 display: block; 246 } 247 248 /* Day content. */ 249 250 .event-day-content { 251 width: 14%; 252 vertical-align: top; 253 padding: 0; 254 border-top: 0; 255 border-bottom: 0; 256 } 257 258 .event-day-starting { 259 border-left: 0; 260 border-right: 1px solid #dddddd; 261 } 262 263 .event-day-ending { 264 border-left: 1px solid #dddddd; 265 border-right: 0; 266 } 267 268 .event-day-full, 269 .event-day-single, 270 .event-day-multiple { 271 border-left: 1px solid #dddddd; 272 border-right: 1px solid #dddddd; 273 } 274 275 .event-day-start-gap { 276 width: 2%; 277 border-top: 0; 278 border-bottom: 0; 279 border-left: 1px solid #dddddd; 280 border-right: 0; 281 } 282 283 .event-day-end-gap { 284 width: 2%; 285 border-top: 0; 286 border-bottom: 0; 287 border-left: 0; 288 border-right: 1px solid #dddddd; 289 } 290 291 /* Event details. */ 292 293 .event-summary-box { 294 position: relative; 295 } 296 297 .event-day-content a:link, 298 .event-day-content a:hover, 299 .event-day-content a:visited { 300 color: inherit !important; 301 } 302 303 .event-summary { 304 padding: 0.75em; 305 margin-left: 0; 306 margin-right: 0; 307 overflow: hidden; 308 } 309 310 .event-day-single .event-summary { 311 padding: 0.75em 0.25em 0.75em 0.25em; 312 margin-left: 0.5em; 313 margin-right: 0.5em; 314 } 315 316 .event-summary-popup, 317 .event-day-number-popup { 318 display: none; 319 overflow: show; 320 position: absolute; 321 left: 0.5em; 322 top: 0; 323 z-index: 2; 324 padding: 0.75em 0.25em 0.75em 0.25em; 325 margin-right: 0.5em; 326 } 327 328 .event-summary-box:hover > .event-summary-popup { 329 display: block; 330 } 331 332 .event-summary-box:hover > .event-summary a { 333 visibility: hidden; 334 } 335 336 /* Day spacers. */ 337 338 .event-day-spacer { 339 min-height: 0.5em; 340 border-top: 0; 341 border-bottom: 0; 342 border-left: 1px solid #dddddd; 343 border-right: 1px solid #dddddd; 344 } 345 346 /* Day view, showing days from a calendar. */ 347 348 .event-calendar-day { 349 width: 98%; 350 border-bottom: 1px solid #dddddd; 351 } 352 353 .event-scale-heading, 354 .event-timespan-content, 355 .event-timespan-spacer { 356 border-top: 1px solid #dddddd; 357 border-bottom: 1px solid #dddddd; 358 border-left: 0; 359 border-right: 0; 360 } 361 362 .event-location-heading, 363 .event-location-spacer { 364 border: 0; 365 } 366 367 .event-location-heading, 368 .event-location-spacer, 369 .event-timespan-spacer, 370 .event-full-day-spacer { 371 background-color: #ffffff; 372 } 373 374 .event-location-heading { 375 text-align: center; 376 border: 0; 377 border-left: 1px dotted #ddd; 378 border-right: 1px dotted #ddd; 379 background-color: #ffffff; 380 } 381 382 .event-scale-heading { 383 padding-bottom: 2em; 384 } 385 386 .event-scale-heading, 387 .event-timespan-content { 388 vertical-align: top; 389 } 390 391 .event-timespan-content a:link, 392 .event-timespan-content a:hover, 393 .event-timespan-content a:visited { 394 color: inherit !important; 395 } 396 397 .event-timespan-spacer { 398 width: 2%; 399 } 400 401 /* List/summary view. */ 402 403 .event-listings { 404 list-style: none; 405 } 406 407 .event-listings-heading { 408 border-bottom: 1px solid #999999; 409 text-align: center; 410 } 411 412 .event-period-listings { 413 list-style: disc; 414 padding-bottom: 2em; 415 } 416 417 /* Table view */ 418 419 .event-table { 420 width: 98%; 421 } 422 423 .event-table-heading { 424 font-weight: bold; 425 } 426 427 .event-table-details a:link, 428 .event-table-details a:hover, 429 .event-table-details a:visited { 430 color: inherit !important; 431 } 432 433 .event-table-category-conference { 434 background-color: #ff9999; 435 color: #000000; 436 } 437 438 .event-table-category-training { 439 background-color: #99ff99; 440 color: #000000; 441 } 442 443 .event-table-category-special { 444 background-color: #ffff99; 445 color: #000000; 446 } 447 448 /* Map view. */ 449 450 .event-map { 451 text-align: center; 452 } 453 454 .event-map table { 455 display: inline-block; 456 } 457 458 .event-map-container { 459 position: relative; 460 margin: 0; 461 padding: 0; 462 text-align: left; 463 } 464 465 .event-map-container > img { 466 margin: 0; 467 padding: 0; 468 border: 0; 469 /* image and dimensions specified in the HTML */ 470 } 471 472 .event-map-container > ol { 473 margin: 0; 474 padding: 0; 475 list-style-type: none; 476 } 477 478 /* Label element and pop-up effects. */ 479 480 div.event-map-label-only { 481 display: none; 482 } 483 484 div.event-map-label { 485 position: absolute; 486 /* position and dimensions specified in the HTML */ 487 border: 2px solid #d00; 488 } 489 490 div.event-map-label .event-map-details { 491 display: none; 492 position: absolute; 493 top: 0; 494 left: 0; 495 z-index: 2; 496 min-width: 10em; 497 } 498 499 div.event-map-label:hover .event-map-details { 500 display: block; 501 } 502 503 /* Details elements. */ 504 505 .event-map-shadow { 506 background-color: #555; 507 } 508 509 .event-map-shadow .event-map-location { 510 position: relative; 511 top: -8px; 512 left: -8px; 513 padding: 0.25em; 514 background-color: #fff; 515 } 516 517 .event-map-unpositioned h2, 518 .event-map-location h2 { 519 font-size: inherit !important; 520 text-align: center; 521 } 522 523 .event-map-unpositioned:not(:target) h2, 524 .event-map-unpositioned:target .event-map-show-control, 525 .event-map-unpositioned:not(:target) .event-map-hide-control, 526 .event-map-unpositioned:not(:target) ul.event-map-location-events { 527 display: none; 528 } 529 530 .event-map-unpositioned:target h2, 531 .event-map-unpositioned:not(:target) .event-map-show-control, 532 .event-map-unpositioned:target .event-map-hide-control, 533 .event-map-unpositioned:target ul.event-map-location-events { 534 display: block; 535 } 536 537 ul.event-map-location-events { 538 list-style-type: none; 539 padding: 0.25em; 540 } 541 542 ul.event-map-location-events li { 543 text-align: left; 544 padding: 0.25em 0 0.25em 0; 545 } 546 547 .event-map-period { 548 display: block; 549 font-size: smaller; 550 } 551 552 /* vim: tabstop=4 expandtab shiftwidth=4 553 */