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