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