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 background-color: #777777; 79 color: #ffffff; 80 text-align: center; 81 font-weight: bold; 82 border: 0; 83 } 84 85 .event-month-heading a:link, 86 .event-month-heading a:hover, 87 .event-month-heading a:visited { 88 color: inherit !important; 89 } 90 91 .event-month-heading .previous-month { 92 float: left; 93 } 94 95 .event-month-heading .next-month { 96 float: right; 97 } 98 99 .event-weekday-heading { 100 background-color: #999999; 101 color: #ffffff; 102 text-align: center; 103 border: 1px solid #dddddd; 104 } 105 106 /* Day types: days with content (busy), unused days (excluded or empty). */ 107 108 .event-day-busy { 109 background-color: #ffffff; 110 } 111 112 .event-day-excluded { 113 background-color: #dddddd; 114 border-left: 1px solid #dddddd; 115 border-right: 1px solid #dddddd; 116 } 117 118 .event-day-empty { 119 background-color: #ffffff; 120 border-left: 1px solid #dddddd; 121 border-right: 1px solid #dddddd; 122 } 123 124 .event-day-content.event-day-empty { 125 padding-bottom: 2em; 126 } 127 128 /* Day headings and numbers. */ 129 130 .event-day-heading { 131 width: 14%; 132 vertical-align: top; 133 padding-top: 0; 134 padding-left: 0; 135 padding-bottom: 0.5em; 136 border-top: 1px solid #dddddd; 137 border-bottom: 0; 138 border-left: 1px solid #dddddd; 139 border-right: 1px solid #dddddd; 140 } 141 142 .event-day-box { 143 position: relative; /* see event-day-number-popup */ 144 } 145 146 .event-day-empty span.event-day-number { 147 color: #000000; 148 } 149 150 .event-day-busy span.event-day-number { 151 background-color: #555555; 152 color: #ffffff; 153 } 154 155 .event-day-number { 156 padding: 0.25em; 157 } 158 159 .event-day-number a:link, 160 .event-day-number a:hover, 161 .event-day-number a:visited { 162 color: inherit !important; 163 } 164 165 .event-day-number-link { 166 display: block; 167 } 168 169 /* Day content. */ 170 171 .event-day-content { 172 width: 14%; 173 vertical-align: top; 174 padding: 0; 175 border-top: 0; 176 border-bottom: 0; 177 } 178 179 .event-day-starting { 180 border-left: 0; 181 border-right: 1px solid #dddddd; 182 } 183 184 .event-day-ending { 185 border-left: 1px solid #dddddd; 186 border-right: 0; 187 } 188 189 .event-day-full, 190 .event-day-single, 191 .event-day-multiple { 192 border-left: 1px solid #dddddd; 193 border-right: 1px solid #dddddd; 194 } 195 196 .event-day-start-gap { 197 width: 2%; 198 border-top: 0; 199 border-bottom: 0; 200 border-left: 1px solid #dddddd; 201 border-right: 0; 202 } 203 204 .event-day-end-gap { 205 width: 2%; 206 border-top: 0; 207 border-bottom: 0; 208 border-left: 0; 209 border-right: 1px solid #dddddd; 210 } 211 212 /* Event details. */ 213 214 .event-summary-box { 215 position: relative; 216 } 217 218 .event-day-content a:link, 219 .event-day-content a:hover, 220 .event-day-content a:visited { 221 color: inherit !important; 222 } 223 224 .event-summary { 225 padding: 0.75em; 226 margin-left: 0; 227 margin-right: 0; 228 overflow: hidden; 229 } 230 231 .event-day-single .event-summary { 232 padding: 0.75em 0.25em 0.75em 0.25em; 233 margin-left: 0.5em; 234 margin-right: 0.5em; 235 } 236 237 .event-summary-popup, 238 .event-day-number-popup { 239 display: none; 240 overflow: show; 241 position: absolute; 242 left: 0.5em; 243 top: 0; 244 z-index: 2; 245 padding: 0.75em 0.25em 0.75em 0.25em; 246 margin-right: 0.5em; 247 } 248 249 .event-summary-box:hover > .event-summary-popup { 250 display: block; 251 } 252 253 .event-summary-box:hover > .event-summary a { 254 visibility: hidden; 255 } 256 257 /* Day spacers. */ 258 259 .event-day-spacer { 260 min-height: 0.5em; 261 border-top: 0; 262 border-bottom: 0; 263 border-left: 1px solid #dddddd; 264 border-right: 1px solid #dddddd; 265 } 266 267 /* Day view, showing days from a calendar. */ 268 269 .event-calendar-day { 270 width: 98%; 271 border-bottom: 1px solid #dddddd; 272 } 273 274 .event-scale-heading { 275 vertical-align: top; 276 border-top: 1px solid #dddddd; 277 border-bottom: 1px solid #dddddd; 278 border-left: 0; 279 border-right: 0; 280 padding-bottom: 2em; 281 } 282 283 .event-timespan-content { 284 vertical-align: top; 285 border-left: 0; 286 border-right: 0; 287 border-top: 1px solid #dddddd; 288 border-bottom: 1px solid #dddddd; 289 } 290 291 .event-timespan-content a:link, 292 .event-timespan-content a:hover, 293 .event-timespan-content a:visited { 294 color: inherit !important; 295 } 296 297 .event-timespan-spacer { 298 width: 2%; 299 border-left: 0; 300 border-right: 0; 301 border-top: 1px solid #dddddd; 302 border-bottom: 1px solid #dddddd; 303 } 304 305 /* List/summary view. */ 306 307 .event-listings { 308 list-style: none; 309 } 310 311 .event-listings-month-heading { 312 border-bottom: 1px solid #999999; 313 text-align: center; 314 } 315 316 .event-listings-month-heading .previous-month { 317 float: left; 318 } 319 320 .event-listings-month-heading .next-month { 321 float: right; 322 } 323 324 .event-month-listings { 325 list-style: disc; 326 padding-bottom: 2em; 327 } 328 329 /* Table view */ 330 331 .event-table { 332 width: 98%; 333 } 334 335 .event-table-heading { 336 font-weight: bold; 337 } 338 339 .event-table-details a:link, 340 .event-table-details a:hover, 341 .event-table-details a:visited { 342 color: inherit !important; 343 } 344 345 .event-table-category-conference { 346 background-color: #ff9999; 347 color: #000000; 348 } 349 350 .event-table-category-training { 351 background-color: #99ff99; 352 color: #000000; 353 } 354 355 .event-table-category-special { 356 background-color: #ffff99; 357 color: #000000; 358 } 359 360 /* vim: tabstop=4 expandtab shiftwidth=4 361 */