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