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