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 /* Day content. */ 105 106 .event-day-content { 107 width: 14%; 108 vertical-align: top; 109 padding: 0; 110 border-top: 0; 111 border-bottom: 0; 112 } 113 114 .event-day-starting { 115 border-left: 0; 116 border-right: 1px solid #dddddd; 117 } 118 119 .event-day-ending { 120 border-left: 1px solid #dddddd; 121 border-right: 0; 122 } 123 124 .event-day-full, 125 .event-day-single, 126 .event-day-multiple { 127 border-left: 1px solid #dddddd; 128 border-right: 1px solid #dddddd; 129 } 130 131 .event-day-start-gap { 132 width: 2%; 133 border-top: 0; 134 border-bottom: 0; 135 border-left: 1px solid #dddddd; 136 border-right: 0; 137 } 138 139 .event-day-end-gap { 140 width: 2%; 141 border-top: 0; 142 border-bottom: 0; 143 border-left: 0; 144 border-right: 1px solid #dddddd; 145 } 146 147 /* Event details. */ 148 149 .event-summary-box { 150 position: relative; 151 } 152 153 .event-day-content a:link, 154 .event-day-content a:hover, 155 .event-day-content a:visited { 156 color: inherit !important; 157 } 158 159 .event-summary { 160 padding: 0.75em; 161 margin-left: 0; 162 margin-right: 0; 163 overflow: hidden; 164 } 165 166 .event-day-single .event-summary { 167 padding: 0.75em 0.25em 0.75em 0.25em; 168 margin-left: 0.5em; 169 margin-right: 0.5em; 170 } 171 172 .event-summary-popup { 173 display: none; 174 overflow: show; 175 position: absolute; 176 left: 0.5em; 177 top: 0; 178 z-index: 2; 179 padding: 0.75em 0.25em 0.75em 0.25em; 180 } 181 182 .event-summary-box:hover > .event-summary-popup { 183 display: block; 184 } 185 186 /* Day spacers. */ 187 188 .event-day-spacer { 189 min-height: 0.5em; 190 border-top: 0; 191 border-bottom: 0; 192 border-left: 1px solid #dddddd; 193 border-right: 1px solid #dddddd; 194 } 195 196 /* List/summary view. */ 197 198 .event-listings { 199 list-style: none; 200 } 201 202 .event-listings-month-heading { 203 border-bottom: 1px solid #999999; 204 text-align: center; 205 } 206 207 .event-listings-month-heading .previous-month { 208 float: left; 209 } 210 211 .event-listings-month-heading .next-month { 212 float: right; 213 } 214 215 .event-month-listings { 216 list-style: disc; 217 padding-bottom: 2em; 218 } 219 220 /* vim: tabstop=4 expandtab shiftwidth=4 221 */