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