81 position: relative; float: left; clear: both; width: 100%; |
81 position: relative; float: left; clear: both; width: 100%; |
82 } |
82 } |
83 |
83 |
84 .Tl-UniversLabels li:before { |
84 .Tl-UniversLabels li:before { |
85 content: "."; position: absolute; height: 1px; text-indent: -9999px; |
85 content: "."; position: absolute; height: 1px; text-indent: -9999px; |
86 width: 100%; top: 0; background: #DEDEDE; |
86 width: 200px; top: 0; background: #DEDEDE; z-index: 5; |
|
87 background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
|
88 background: -webkit-linear-gradient(to right, rgba(220,220,220,1) 80%, rgba(220,220,220,.1) 140px ); |
87 } |
89 } |
88 |
90 |
89 .Tl-UniversLabels li:after { |
91 .Tl-UniversLabels li:after { |
90 content: "."; position: absolute; height: 0; text-indent: -9999px; |
92 content: "."; position: absolute; height: 0; text-indent: -9999px; |
91 width: 0; right: -8px; top: 50%; margin-top: -6px; |
93 width: 0; right: -8px; top: 50%; margin-top: -6px; |
92 border-top: 6px solid transparent; |
94 border-top: 6px solid transparent; |
93 border-bottom: 6px solid transparent; |
95 border-bottom: 6px solid transparent; |
94 border-left: 8px solid #ffffff; |
96 border-left: 8px solid #ffffff; z-index: 5; |
95 } |
97 } |
96 |
98 |
97 .Tl-UniversText { |
99 .Tl-UniversText { |
98 margin-right: 2px; |
100 margin-right: 2px; |
99 } |
101 } |
100 |
102 |
101 .Tl-Grid { |
103 .Tl-Grid { |
102 position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; |
104 position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; |
103 background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ) |
105 background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); |
|
106 background: -webkit-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); |
104 } |
107 } |
105 |
108 |
106 .Tl-Grid-Column { |
109 .Tl-Grid-Column { |
107 position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999; |
110 position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999; |
108 } |
111 } |
126 .Tl-Occurrence img { |
129 .Tl-Occurrence img { |
127 max-width: 100%; max-height: 100%; opacity: .6; |
130 max-width: 100%; max-height: 100%; opacity: .6; |
128 } |
131 } |
129 |
132 |
130 .Tl-Editing { |
133 .Tl-Editing { |
131 border-color: #c00000; z-index: 200; |
134 border-color: #c00000; z-index: 3; |
132 } |
135 } |
133 |
136 |
134 .Tl-OccOnGrid, .Tl-Cluster { |
137 .Tl-OccOnGrid, .Tl-Cluster { |
135 position: absolute; margin-left: -2px; margin-top: 4px; background: rgba(0,0,0,.9); |
138 position: absolute; margin-left: -2px; margin-top: 4px; background: rgba(0,0,0,.9); |
136 } |
139 } |
209 } |
212 } |
210 |
213 |
211 .Tl-AddOccurrence { |
214 .Tl-AddOccurrence { |
212 float: right; margin: -3px; |
215 float: right; margin: -3px; |
213 } |
216 } |
|
217 |
|
218 /**************/ |
|
219 |
|
220 .Tl-Detail { |
|
221 border: 1px solid #cccccc; margin: 10px 0 0 80px; padding: 10px; text-align: left; min-height: 135px; font-size: 12px; |
|
222 } |
|
223 |
|
224 .Tl-Detail-Image { |
|
225 float: left; |
|
226 } |
|
227 |
|
228 .Tl-Detail-Title { |
|
229 font-size: 18px; font-weight: bold; margin-left: 145px; |
|
230 } |
|
231 |
|
232 .Tl-Detail-Description { |
|
233 margin: 5px 0 5px 145px; |
|
234 } |
|
235 |
|
236 .Tl-Detail-Bottom { |
|
237 margin-left: 145px; text-align: right; |
|
238 } |
|
239 |
|
240 .Tl-Detail-Date { |
|
241 float: left; color: #666666; |
|
242 } |
|
243 |
|
244 .Tl-Detail-Read { |
|
245 text-decoration: none; color: #000000; |
|
246 } |
|
247 |
|
248 .Tl-Detail-Read:hover { |
|
249 text-decoration: underline; |
|
250 } |