author | veltr |
Fri, 04 Oct 2013 16:01:38 +0200 | |
changeset 103 | b9a417017e19 |
parent 102 | 2f1ef2ded30c |
permissions | -rw-r--r-- |
65 | 1 |
.Tl-Main { |
89 | 2 |
font-family: Arial, Helvetica, sans-serif; text-align: left; |
3 |
position: relative; |
|
65 | 4 |
} |
5 |
||
6 |
.Tl-TopBar { |
|
89 | 7 |
height: 20px; width: 100%; |
65 | 8 |
} |
9 |
||
10 |
.Tl-Border-Right { |
|
11 |
border-right: 1px solid #ccc; |
|
12 |
} |
|
13 |
||
14 |
.Tl-Border-Left { |
|
15 |
border-left: 1px solid #ccc; |
|
16 |
} |
|
17 |
||
18 |
.Tl-BottomPart { |
|
89 | 19 |
position: absolute; bottom: 0; left: 0; right: 0; |
65 | 20 |
} |
21 |
||
22 |
.Tl-MainPart { |
|
97 | 23 |
float: left; height: 100%; overflow: hidden; position: relative; |
24 |
} |
|
25 |
||
26 |
.Tl-AnotherGroup { |
|
27 |
float: left; height: 100%; |
|
65 | 28 |
} |
29 |
||
30 |
.Tl-UniversLabels { |
|
31 |
list-style: none; margin: 0; padding: 0; border: none; |
|
98 | 32 |
font-size: 15px; width: 54px; float: left; height: 100%; |
33 |
font-family: 'goudy_old_styleregular'; color: #999999; |
|
89 | 34 |
} |
35 |
||
36 |
.Tl-UniversLabels li { |
|
37 |
position: relative; float: left; clear: both; width: 100%; |
|
38 |
} |
|
39 |
||
40 |
.Tl-UniversLabels li:before { |
|
41 |
content: "."; position: absolute; height: 1px; text-indent: -9999px; |
|
97 | 42 |
width: 760px; top: 0; background: #DEDEDE; z-index: 5; |
102
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
43 |
background: linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
94 | 44 |
background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
95 | 45 |
background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
89 | 46 |
} |
47 |
||
48 |
.Tl-UniversLabels li:after { |
|
49 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
50 |
width: 0; right: -8px; top: 50%; margin-top: -6px; |
|
51 |
border-top: 6px solid transparent; |
|
52 |
border-bottom: 6px solid transparent; |
|
94 | 53 |
border-left: 8px solid #ffffff; z-index: 5; |
65 | 54 |
} |
55 |
||
74 | 56 |
.Tl-UniversText { |
89 | 57 |
margin-right: 2px; |
65 | 58 |
} |
59 |
||
77 | 60 |
.Tl-Grid { |
97 | 61 |
position: absolute; top: 0; bottom: 0; overflow: hidden; |
102
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
62 |
background: linear-gradient(to right, #cccccc 0, #f8f8f8 10%, #ffffff 20%, #ffffff 80%, #f8f8f8 90%, #cccccc 100% ); |
97 | 63 |
background: -moz-linear-gradient(to right, #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% ); |
|
77 | 65 |
} |
66 |
||
65 | 67 |
.Tl-Grid-Column { |
97 | 68 |
position: absolute; top: 20px; bottom: 0; border-left: 1px solid #ccc; |
65 | 69 |
} |
97 | 70 |
|
65 | 71 |
.Tl-Grid-Major { |
97 | 72 |
top: 10px; border-left: 1px solid #999; |
65 | 73 |
} |
97 | 74 |
|
65 | 75 |
.Tl-Grid-Label { |
97 | 76 |
position: absolute; height: 12px; line-height: 12px; top: -15px; left: 0; font-size: 11px; |
77 |
z-index: 4; width: 80px; color: #666666; |
|
78 |
} |
|
79 |
||
80 |
.Tl-Grid-Major .Tl-Grid-Label { |
|
81 |
font-weight: bold; color: #000000; top: -5px; left: -5px; background: url(../img/croix.png) left center no-repeat; padding-left: 10px; |
|
65 | 82 |
} |
83 |
||
84 |
.Tl-Grid-Now { |
|
85 |
position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
|
86 |
} |
|
66 | 87 |
|
97 | 88 |
.Tl-Grid-Editing { |
98 | 89 |
position: absolute; top: 0; bottom: -20px; margin-left: -2px; width: 2px; background: #c00000; |
97 | 90 |
} |
91 |
||
91 | 92 |
.Tl-Occurrence { |
96 | 93 |
width: 32px; height: 32px; cursor: pointer; border: 2px solid rgba(255,255,255,.9); |
91 | 94 |
} |
95 |
||
96 |
.Tl-Occurrence img { |
|
95 | 97 |
max-width: 100%; max-height: 100%; |
91 | 98 |
} |
99 |
||
100 |
.Tl-Editing { |
|
94 | 101 |
border-color: #c00000; z-index: 3; |
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
102 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
103 |
|
97 | 104 |
.Tl-OccOnGrid { |
105 |
position: absolute; margin-left: -2px; margin-top: 8px; background: rgba(0,0,0,.9); |
|
75 | 106 |
} |
107 |
||
102
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
108 |
.Tl-Occurrence-Favorite { |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
109 |
position: absolute; bottom: -8px; right: -8px; width: 16px; height: 16px; background: url(../img/favstar-small.png); |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
110 |
} |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
111 |
|
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
112 |
.Tl-Occurrence-Participation { |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
113 |
position: absolute; top: -8px; right: -8px; text-align: right; line-height: 14px; font-size: 10px; color: #ffffff; background: #009e1e; |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
114 |
padding: 0 4px; border-radius: 8px; border: 1px solid #ffffff; font-weight: bold; |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
115 |
} |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
116 |
|
66 | 117 |
.Tl-Overlay-Container { |
118 |
position: absolute; top: 0; |
|
119 |
} |
|
120 |
||
121 |
.Tl-Overlay-Box { |
|
122 |
position: absolute; width: 0; height: 0; display: none; |
|
123 |
} |
|
124 |
||
125 |
.Tl-Overlay { |
|
97 | 126 |
position: absolute; z-index: 6; top: 8px; |
66 | 127 |
} |
128 |
||
129 |
.Tl-Overlay-Main { |
|
97 | 130 |
width: 75px; padding: 2px 2px 2px 4px; background: #ffffff; |
131 |
border: 1px solid #cccccc; box-shadow: 2px 2px 0 #cccccc; |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
132 |
} |
97 | 133 |
.Tl-Overlay-Main:before { |
134 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
135 |
width: 0; left: -8px; top: 25%; |
|
136 |
border-top: 6px solid transparent; |
|
137 |
border-bottom: 6px solid transparent; |
|
138 |
border-right: 8px solid #cccccc; z-index: 7; |
|
70 | 139 |
} |
97 | 140 |
.Tl-Overlay-Main:after { |
141 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
142 |
width: 0; left: -7px; top: 25%; |
|
143 |
border-top: 6px solid transparent; |
|
144 |
border-bottom: 6px solid transparent; |
|
145 |
border-right: 8px solid #ffffff; z-index: 8; |
|
71 | 146 |
} |
97 | 147 |
.Tl-Tooltip-Title { |
148 |
font-size: 11px; font-weight: bold; color: #000000; line-height: 12px; |
|
94 | 149 |
} |
150 |
||
151 |
/**************/ |
|
152 |
||
153 |
.Tl-Detail { |
|
98 | 154 |
border: 1px solid #cccccc; margin: 15px 36px 0 54px; padding: 10px; text-align: left; |
155 |
min-height: 135px; font-size: 12px; position: relative; |
|
94 | 156 |
} |
157 |
||
102
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
158 |
.Tl-Detail-Image-Wrapper { |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
159 |
float: left; position: relative; width: 135px; height: 135px; background: #e0e0e0; |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
160 |
} |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
161 |
|
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
162 |
.Tl-Detail-Favorite { |
103 | 163 |
float: right; width: 20px; height: 20px; background-image: url(../img/favstars-large.png); cursor: pointer; |
102
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
164 |
} |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
165 |
|
103 | 166 |
.Tl-Detail-isFavorite { |
102
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
167 |
background-position: -20px 0; |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
168 |
} |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
169 |
|
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
170 |
.Tl-Detail-Participation { |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
171 |
position: absolute; bottom: 0; right: 0; padding: 10px; background: rgba(0,0,0,.5); color: #ffffff; font-size: 12px; |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
172 |
} |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
173 |
|
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
174 |
.Tl-Participation-Icon { |
2f1ef2ded30c
Added favorites display and participation count with random data
veltr
parents:
98
diff
changeset
|
175 |
width: 13px; height: 13px; display: inline-block; margin: 0 0 -2px 5px; background: url(../img/participation-icon.png); |
94 | 176 |
} |
177 |
||
178 |
.Tl-Detail-Title { |
|
98 | 179 |
font-size: 18px; font-weight: bold; margin-left: 145px; font-family: 'goudy_old_styleregular'; |
94 | 180 |
} |
181 |
||
182 |
.Tl-Detail-Description { |
|
98 | 183 |
margin: 5px 0 20px 145px; |
94 | 184 |
} |
185 |
||
186 |
.Tl-Detail-Bottom { |
|
98 | 187 |
position: absolute; left: 155px; right: 10px; bottom: 10px; text-align: right; |
94 | 188 |
} |
189 |
||
190 |
.Tl-Detail-Date { |
|
191 |
float: left; color: #666666; |
|
192 |
} |
|
193 |
||
194 |
.Tl-Detail-Read { |
|
195 |
text-decoration: none; color: #000000; |
|
196 |
} |
|
197 |
||
198 |
.Tl-Detail-Read:hover { |
|
199 |
text-decoration: underline; |
|
200 |
} |
|
97 | 201 |
|
98 | 202 |
.Tl-Detail-X { |
203 |
position: absolute; top: -20px; color: #f00; margin-left: -8px; |
|
204 |
width: 11px; height: 25px; background: url(../img/detail-cross.png) bottom; |
|
205 |
} |
|
206 |
||
97 | 207 |
.Tl-Slider-Container { |
208 |
width: 36px; float: left; height: 100%; |
|
209 |
} |
|
210 |
||
211 |
.Tl-Slider-Zoom-In, .Tl-Slider-Zoom-Out { |
|
212 |
display: block; width: 20px; height: 20px; margin: 0 8px; background: url(../img/plus-minus.png); |
|
213 |
} |
|
214 |
||
215 |
.Tl-Slider-Zoom-In:hover { |
|
216 |
background-position: -20px 0; |
|
217 |
} |
|
218 |
||
219 |
.Tl-Slider-Zoom-Out { |
|
220 |
background-position: 0 -20px; |
|
221 |
} |
|
222 |
||
223 |
.Tl-Slider-Zoom-Out:hover { |
|
224 |
background-position: -20px -20px; |
|
225 |
} |
|
226 |
||
227 |
.Tl-Slider { |
|
228 |
height: 152px; background: url(../img/slider-bg.png); width: 6px; margin: 6px 15px; border-radius: 0; border: none; |
|
229 |
} |
|
230 |
||
231 |
.Tl-Slider .ui-slider-handle { |
|
232 |
background: #000000; border-radius: 0; margin-bottom: -4px; width: 8px; height: 8px; left: -1px; |
|
233 |
border: none; |
|
234 |
} |