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 /* Day content. */ 111 112 .event-day-content { 113 width: 14%; 114 vertical-align: top; 115 padding: 0; 116 border-top: 0; 117 border-bottom: 0; 118 } 119 120 .event-day-starting { 121 border-left: 0; 122 border-right: 1px solid #dddddd; 123 } 124 125 .event-day-ending { 126 border-left: 1px solid #dddddd; 127 border-right: 0; 128 } 129 130 .event-day-full, 131 .event-day-single, 132 .event-day-multiple { 133 border-left: 1px solid #dddddd; 134 border-right: 1px solid #dddddd; 135 } 136 137 .event-day-start-gap { 138 width: 2%; 139 border-top: 0; 140 border-bottom: 0; 141 border-left: 1px solid #dddddd; 142 border-right: 0; 143 } 144 145 .event-day-end-gap { 146 width: 2%; 147 border-top: 0; 148 border-bottom: 0; 149 border-left: 0; 150 border-right: 1px solid #dddddd; 151 } 152 153 /* Event details. */ 154 155 .event-summary-box { 156 position: relative; 157 } 158 159 .event-day-content a:link, 160 .event-day-content a:hover, 161 .event-day-content a:visited { 162 color: inherit !important; 163 } 164 165 .event-summary { 166 padding: 0.75em; 167 margin-left: 0; 168 margin-right: 0; 169 overflow: hidden; 170 } 171 172 .event-day-single .event-summary { 173 padding: 0.75em 0.25em 0.75em 0.25em; 174 margin-left: 0.5em; 175 margin-right: 0.5em; 176 } 177 178 .event-summary-popup { 179 display: none; 180 overflow: show; 181 position: absolute; 182 left: 0.5em; 183 top: 0; 184 z-index: 2; 185 padding: 0.75em 0.25em 0.75em 0.25em; 186 margin-right: 0.5em; 187 } 188 189 .event-summary-box:hover > .event-summary-popup { 190 display: block; 191 } 192 193 .event-summary-box:hover > .event-summary a { 194 visibility: hidden; 195 } 196 197 /* Day spacers. */ 198 199 .event-day-spacer { 200 min-height: 0.5em; 201 border-top: 0; 202 border-bottom: 0; 203 border-left: 1px solid #dddddd; 204 border-right: 1px solid #dddddd; 205 } 206 207 /* List/summary view. */ 208 209 .event-listings { 210 list-style: none; 211 } 212 213 .event-listings-month-heading { 214 border-bottom: 1px solid #999999; 215 text-align: center; 216 } 217 218 .event-listings-month-heading .previous-month { 219 float: left; 220 } 221 222 .event-listings-month-heading .next-month { 223 float: right; 224 } 225 226 .event-month-listings { 227 list-style: disc; 228 padding-bottom: 2em; 229 } 230 231 /* Table view */ 232 233 .event-table-heading { 234 font-weight: bold; 235 } 236 237 .event-table-details a:link, 238 .event-table-details a:hover, 239 .event-table-details a:visited { 240 color: inherit !important; 241 } 242 243 .event-table-category-conference { 244 background-color: #ff9999; 245 color: #000000; 246 } 247 248 .event-table-category-training { 249 background-color: #99ff99; 250 color: #000000; 251 } 252 253 .event-table-category-special { 254 background-color: #ffff99; 255 color: #000000; 256 } 257 258 /* vim: tabstop=4 expandtab shiftwidth=4 259 */