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