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