1.1 --- a/css/event-aggregator.css Sat Apr 04 03:49:02 2009 +0200
1.2 +++ b/css/event-aggregator.css Sat Apr 04 20:49:48 2009 +0200
1.3 @@ -52,12 +52,36 @@
1.4 border: 1px solid #dddddd;
1.5 }
1.6
1.7 +/* Day types: days with content (busy), unused days (excluded or empty). */
1.8 +
1.9 +.event-day-busy {
1.10 + background-color: #ffffff;
1.11 +}
1.12 +
1.13 +.event-day-excluded {
1.14 + background-color: #dddddd;
1.15 + border-left: 1px solid #dddddd;
1.16 + border-right: 1px solid #dddddd;
1.17 +}
1.18 +
1.19 +.event-day-empty {
1.20 + background-color: #ffffff;
1.21 + border-left: 1px solid #dddddd;
1.22 + border-right: 1px solid #dddddd;
1.23 +}
1.24 +
1.25 +.event-day-content.event-day-empty {
1.26 + padding-bottom: 2em;
1.27 +}
1.28 +
1.29 +/* Day headings and numbers. */
1.30 +
1.31 .event-day-heading {
1.32 - background-color: #ffffff;
1.33 width: 14%;
1.34 vertical-align: top;
1.35 padding-top: 0;
1.36 padding-left: 0;
1.37 + padding-bottom: 0.5em;
1.38 border-top: 1px solid #dddddd;
1.39 border-bottom: 0;
1.40 border-left: 1px solid #dddddd;
1.41 @@ -77,61 +101,70 @@
1.42 padding: 0.25em;
1.43 }
1.44
1.45 -.event-day {
1.46 +/* Day content. */
1.47 +
1.48 +.event-day-content {
1.49 width: 14%;
1.50 vertical-align: top;
1.51 - padding-left: 0;
1.52 - padding-right: 0;
1.53 + padding: 0;
1.54 border-top: 0;
1.55 border-bottom: 0;
1.56 +}
1.57 +
1.58 +.event-day-starting {
1.59 + border-left: 0;
1.60 + border-right: 1px solid #dddddd;
1.61 +}
1.62 +
1.63 +.event-day-ending {
1.64 + border-left: 1px solid #dddddd;
1.65 + border-right: 0;
1.66 +}
1.67 +
1.68 +.event-day-full,
1.69 +.event-day-single,
1.70 +.event-day-multiple {
1.71 border-left: 1px solid #dddddd;
1.72 border-right: 1px solid #dddddd;
1.73 }
1.74
1.75 -.event-day-empty {
1.76 - background-color: #ffffff;
1.77 -}
1.78 -
1.79 -.event-day.event-day-empty {
1.80 - padding-bottom: 2em;
1.81 +.event-day-start-gap {
1.82 + width: 2%;
1.83 + border-top: 0;
1.84 + border-bottom: 0;
1.85 + border-left: 1px solid #dddddd;
1.86 + border-right: 0;
1.87 }
1.88
1.89 -.event-day-busy {
1.90 - background-color: #ffffff;
1.91 +.event-day-end-gap {
1.92 + width: 2%;
1.93 + border-top: 0;
1.94 + border-bottom: 0;
1.95 + border-left: 0;
1.96 + border-right: 1px solid #dddddd;
1.97 }
1.98
1.99 -.event-day-excluded {
1.100 - background-color: #dddddd;
1.101 -}
1.102 +/* Event details. */
1.103
1.104 .event-summary-box {
1.105 position: relative;
1.106 }
1.107
1.108 -.event-summary-box a:link,
1.109 -.event-summary-box a:hover,
1.110 -.event-summary-box a:visited {
1.111 +.event-day-content a:link,
1.112 +.event-day-content a:hover,
1.113 +.event-day-content a:visited {
1.114 color: inherit !important;
1.115 }
1.116
1.117 .event-summary {
1.118 - padding: 0.25em 0.75em 0.25em 0.75em;
1.119 - margin-bottom: 0.25em;
1.120 - min-height: 2em;
1.121 + padding: 0.5em;
1.122 margin-left: 0;
1.123 margin-right: 0;
1.124 overflow: hidden;
1.125 }
1.126
1.127 -.event-summary.event-starts {
1.128 - padding-left: 0.25em;
1.129 - padding-right: 0.75em;
1.130 +.event-day-single .event-summary {
1.131 margin-left: 0.5em;
1.132 -}
1.133 -
1.134 -.event-summary.event-ends {
1.135 - padding-left: 0.75em;
1.136 - padding-right: 0.25em;
1.137 margin-right: 0.5em;
1.138 }
1.139
1.140 @@ -142,14 +175,23 @@
1.141 left: 0;
1.142 top: 0;
1.143 z-index: 2;
1.144 - padding: 0.25em 0.75em 0.25em 0.75em;
1.145 - min-height: 2em;
1.146 + padding: 0.5em;
1.147 }
1.148
1.149 .event-summary-box:hover > .event-summary-popup {
1.150 display: block;
1.151 }
1.152
1.153 +/* Day spacers. */
1.154 +
1.155 +.event-day-spacer {
1.156 + min-height: 0.5em;
1.157 + border-top: 0;
1.158 + border-bottom: 0;
1.159 + border-left: 1px solid #dddddd;
1.160 + border-right: 1px solid #dddddd;
1.161 +}
1.162 +
1.163 /* List/summary view. */
1.164
1.165 .event-listings {