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 } 187 188 .event-summary-box:hover > .event-summary-popup { 189 display: block; 190 } 191 192 /* Day spacers. */ 193 194 .event-day-spacer { 195 min-height: 0.5em; 196 border-top: 0; 197 border-bottom: 0; 198 border-left: 1px solid #dddddd; 199 border-right: 1px solid #dddddd; 200 } 201 202 /* List/summary view. */ 203 204 .event-listings { 205 list-style: none; 206 } 207 208 .event-listings-month-heading { 209 border-bottom: 1px solid #999999; 210 text-align: center; 211 } 212 213 .event-listings-month-heading .previous-month { 214 float: left; 215 } 216 217 .event-listings-month-heading .next-month { 218 float: right; 219 } 220 221 .event-month-listings { 222 list-style: disc; 223 padding-bottom: 2em; 224 } 225 226 /* vim: tabstop=4 expandtab shiftwidth=4 227 */