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