38 } |
38 } |
39 |
39 |
40 .Tl-UniversLabels li:before { |
40 .Tl-UniversLabels li:before { |
41 content: "."; position: absolute; height: 1px; text-indent: -9999px; |
41 content: "."; position: absolute; height: 1px; text-indent: -9999px; |
42 width: 760px; top: 0; background: #DEDEDE; z-index: 5; |
42 width: 760px; top: 0; background: #DEDEDE; z-index: 5; |
|
43 background: linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
43 background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
44 background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
44 background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
45 background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
45 } |
46 } |
46 |
47 |
47 .Tl-UniversLabels li:after { |
48 .Tl-UniversLabels li:after { |
56 margin-right: 2px; |
57 margin-right: 2px; |
57 } |
58 } |
58 |
59 |
59 .Tl-Grid { |
60 .Tl-Grid { |
60 position: absolute; top: 0; bottom: 0; overflow: hidden; |
61 position: absolute; top: 0; bottom: 0; overflow: hidden; |
|
62 background: linear-gradient(to right, #cccccc 0, #f8f8f8 10%, #ffffff 20%, #ffffff 80%, #f8f8f8 90%, #cccccc 100% ); |
61 background: -moz-linear-gradient(to right, #cccccc 0, #f8f8f8 10%, #ffffff 20%, #ffffff 80%, #f8f8f8 90%, #cccccc 100% ); |
63 background: -moz-linear-gradient(to right, #cccccc 0, #f8f8f8 10%, #ffffff 20%, #ffffff 80%, #f8f8f8 90%, #cccccc 100% ); |
62 background: -webkit-linear-gradient(left, #cccccc 0, #f8f8f8 10%, #ffffff 20%, #ffffff 80%, #f8f8f8 90%, #cccccc 100% ); |
64 background: -webkit-linear-gradient(left, #cccccc 0, #f8f8f8 10%, #ffffff 20%, #ffffff 80%, #f8f8f8 90%, #cccccc 100% ); |
63 } |
65 } |
64 |
66 |
65 .Tl-Grid-Column { |
67 .Tl-Grid-Column { |
99 border-color: #c00000; z-index: 3; |
101 border-color: #c00000; z-index: 3; |
100 } |
102 } |
101 |
103 |
102 .Tl-OccOnGrid { |
104 .Tl-OccOnGrid { |
103 position: absolute; margin-left: -2px; margin-top: 8px; background: rgba(0,0,0,.9); |
105 position: absolute; margin-left: -2px; margin-top: 8px; background: rgba(0,0,0,.9); |
|
106 } |
|
107 |
|
108 .Tl-Occurrence-Favorite { |
|
109 position: absolute; bottom: -8px; right: -8px; width: 16px; height: 16px; background: url(../img/favstar-small.png); |
|
110 } |
|
111 |
|
112 .Tl-Occurrence-Participation { |
|
113 position: absolute; top: -8px; right: -8px; text-align: right; line-height: 14px; font-size: 10px; color: #ffffff; background: #009e1e; |
|
114 padding: 0 4px; border-radius: 8px; border: 1px solid #ffffff; font-weight: bold; |
104 } |
115 } |
105 |
116 |
106 .Tl-Overlay-Container { |
117 .Tl-Overlay-Container { |
107 position: absolute; top: 0; |
118 position: absolute; top: 0; |
108 } |
119 } |
142 .Tl-Detail { |
153 .Tl-Detail { |
143 border: 1px solid #cccccc; margin: 15px 36px 0 54px; padding: 10px; text-align: left; |
154 border: 1px solid #cccccc; margin: 15px 36px 0 54px; padding: 10px; text-align: left; |
144 min-height: 135px; font-size: 12px; position: relative; |
155 min-height: 135px; font-size: 12px; position: relative; |
145 } |
156 } |
146 |
157 |
147 .Tl-Detail-Image { |
158 .Tl-Detail-Image-Wrapper { |
148 float: left; |
159 float: left; position: relative; width: 135px; height: 135px; background: #e0e0e0; |
|
160 } |
|
161 |
|
162 .Tl-Detail-Favorite { |
|
163 float: right; width: 20px; height: 20px; background-image: url(../img/favstars-large.png); |
|
164 } |
|
165 |
|
166 .Tl-Detail-Favorite:hover, .Tl-Detail-isFavorite { |
|
167 background-position: -20px 0; |
|
168 } |
|
169 |
|
170 .Tl-Detail-isFavorite:hover { |
|
171 background-position: 0 0; |
|
172 } |
|
173 |
|
174 .Tl-Detail-Participation { |
|
175 position: absolute; bottom: 0; right: 0; padding: 10px; background: rgba(0,0,0,.5); color: #ffffff; font-size: 12px; |
|
176 } |
|
177 |
|
178 .Tl-Participation-Icon { |
|
179 width: 13px; height: 13px; display: inline-block; margin: 0 0 -2px 5px; background: url(../img/participation-icon.png); |
149 } |
180 } |
150 |
181 |
151 .Tl-Detail-Title { |
182 .Tl-Detail-Title { |
152 font-size: 18px; font-weight: bold; margin-left: 145px; font-family: 'goudy_old_styleregular'; |
183 font-size: 18px; font-weight: bold; margin-left: 145px; font-family: 'goudy_old_styleregular'; |
153 } |
184 } |