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