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