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 vertical-align: top; 279 border-top: 1px solid #dddddd; 280 border-bottom: 1px solid #dddddd; 281 border-left: 0; 282 border-right: 0; 283 padding-bottom: 2em; 284 } 285 286 .event-timespan-content { 287 vertical-align: top; 288 border-left: 0; 289 border-right: 0; 290 border-top: 1px solid #dddddd; 291 border-bottom: 1px solid #dddddd; 292 } 293 294 .event-timespan-content a:link, 295 .event-timespan-content a:hover, 296 .event-timespan-content a:visited { 297 color: inherit !important; 298 } 299 300 .event-timespan-spacer { 301 width: 2%; 302 border-left: 0; 303 border-right: 0; 304 border-top: 1px solid #dddddd; 305 border-bottom: 1px solid #dddddd; 306 background-color: #ffffff; 307 } 308 309 .event-full-day-spacer { 310 border: 0; 311 background-color: #ffffff; 312 } 313 314 /* List/summary view. */ 315 316 .event-listings { 317 list-style: none; 318 } 319 320 .event-listings-month-heading { 321 border-bottom: 1px solid #999999; 322 text-align: center; 323 } 324 325 .event-listings-month-heading .previous-month { 326 float: left; 327 } 328 329 .event-listings-month-heading .next-month { 330 float: right; 331 } 332 333 .event-month-listings { 334 list-style: disc; 335 padding-bottom: 2em; 336 } 337 338 /* Table view */ 339 340 .event-table { 341 width: 98%; 342 } 343 344 .event-table-heading { 345 font-weight: bold; 346 } 347 348 .event-table-details a:link, 349 .event-table-details a:hover, 350 .event-table-details a:visited { 351 color: inherit !important; 352 } 353 354 .event-table-category-conference { 355 background-color: #ff9999; 356 color: #000000; 357 } 358 359 .event-table-category-training { 360 background-color: #99ff99; 361 color: #000000; 362 } 363 364 .event-table-category-special { 365 background-color: #ffff99; 366 color: #000000; 367 } 368 369 /* vim: tabstop=4 expandtab shiftwidth=4 370 */