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