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