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