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