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