| author | veltr |
| Mon, 23 Sep 2013 12:42:30 +0200 | |
| changeset 98 | abead2de6332 |
| parent 97 | 0444ad28e6ba |
| child 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; |
| 94 | 43 |
background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
| 95 | 44 |
background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
| 89 | 45 |
} |
46 |
||
47 |
.Tl-UniversLabels li:after { |
|
48 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
49 |
width: 0; right: -8px; top: 50%; margin-top: -6px; |
|
50 |
border-top: 6px solid transparent; |
|
51 |
border-bottom: 6px solid transparent; |
|
| 94 | 52 |
border-left: 8px solid #ffffff; z-index: 5; |
| 65 | 53 |
} |
54 |
||
| 74 | 55 |
.Tl-UniversText { |
| 89 | 56 |
margin-right: 2px; |
| 65 | 57 |
} |
58 |
||
| 77 | 59 |
.Tl-Grid { |
| 97 | 60 |
position: absolute; top: 0; bottom: 0; overflow: hidden; |
61 |
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% ); |
|
| 77 | 63 |
} |
64 |
||
| 65 | 65 |
.Tl-Grid-Column { |
| 97 | 66 |
position: absolute; top: 20px; bottom: 0; border-left: 1px solid #ccc; |
| 65 | 67 |
} |
| 97 | 68 |
|
| 65 | 69 |
.Tl-Grid-Major { |
| 97 | 70 |
top: 10px; border-left: 1px solid #999; |
| 65 | 71 |
} |
| 97 | 72 |
|
| 65 | 73 |
.Tl-Grid-Label { |
| 97 | 74 |
position: absolute; height: 12px; line-height: 12px; top: -15px; left: 0; font-size: 11px; |
75 |
z-index: 4; width: 80px; color: #666666; |
|
76 |
} |
|
77 |
||
78 |
.Tl-Grid-Major .Tl-Grid-Label { |
|
79 |
font-weight: bold; color: #000000; top: -5px; left: -5px; background: url(../img/croix.png) left center no-repeat; padding-left: 10px; |
|
| 65 | 80 |
} |
81 |
||
82 |
.Tl-Grid-Now { |
|
83 |
position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
|
84 |
} |
|
| 66 | 85 |
|
| 97 | 86 |
.Tl-Grid-Editing { |
| 98 | 87 |
position: absolute; top: 0; bottom: -20px; margin-left: -2px; width: 2px; background: #c00000; |
| 97 | 88 |
} |
89 |
||
| 91 | 90 |
.Tl-Occurrence { |
| 96 | 91 |
width: 32px; height: 32px; cursor: pointer; border: 2px solid rgba(255,255,255,.9); |
| 91 | 92 |
} |
93 |
||
94 |
.Tl-Occurrence img { |
|
| 95 | 95 |
max-width: 100%; max-height: 100%; |
| 91 | 96 |
} |
97 |
||
98 |
.Tl-Editing { |
|
| 94 | 99 |
border-color: #c00000; z-index: 3; |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
100 |
} |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
101 |
|
| 97 | 102 |
.Tl-OccOnGrid { |
103 |
position: absolute; margin-left: -2px; margin-top: 8px; background: rgba(0,0,0,.9); |
|
| 75 | 104 |
} |
105 |
||
| 66 | 106 |
.Tl-Overlay-Container { |
107 |
position: absolute; top: 0; |
|
108 |
} |
|
109 |
||
110 |
.Tl-Overlay-Box { |
|
111 |
position: absolute; width: 0; height: 0; display: none; |
|
112 |
} |
|
113 |
||
114 |
.Tl-Overlay { |
|
| 97 | 115 |
position: absolute; z-index: 6; top: 8px; |
| 66 | 116 |
} |
117 |
||
118 |
.Tl-Overlay-Main { |
|
| 97 | 119 |
width: 75px; padding: 2px 2px 2px 4px; background: #ffffff; |
120 |
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
|
121 |
} |
| 97 | 122 |
.Tl-Overlay-Main:before { |
123 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
124 |
width: 0; left: -8px; top: 25%; |
|
125 |
border-top: 6px solid transparent; |
|
126 |
border-bottom: 6px solid transparent; |
|
127 |
border-right: 8px solid #cccccc; z-index: 7; |
|
| 70 | 128 |
} |
| 97 | 129 |
.Tl-Overlay-Main:after { |
130 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
131 |
width: 0; left: -7px; top: 25%; |
|
132 |
border-top: 6px solid transparent; |
|
133 |
border-bottom: 6px solid transparent; |
|
134 |
border-right: 8px solid #ffffff; z-index: 8; |
|
| 71 | 135 |
} |
| 97 | 136 |
.Tl-Tooltip-Title { |
137 |
font-size: 11px; font-weight: bold; color: #000000; line-height: 12px; |
|
| 94 | 138 |
} |
139 |
||
140 |
/**************/ |
|
141 |
||
142 |
.Tl-Detail { |
|
| 98 | 143 |
border: 1px solid #cccccc; margin: 15px 36px 0 54px; padding: 10px; text-align: left; |
144 |
min-height: 135px; font-size: 12px; position: relative; |
|
| 94 | 145 |
} |
146 |
||
147 |
.Tl-Detail-Image { |
|
148 |
float: left; |
|
149 |
} |
|
150 |
||
151 |
.Tl-Detail-Title { |
|
| 98 | 152 |
font-size: 18px; font-weight: bold; margin-left: 145px; font-family: 'goudy_old_styleregular'; |
| 94 | 153 |
} |
154 |
||
155 |
.Tl-Detail-Description { |
|
| 98 | 156 |
margin: 5px 0 20px 145px; |
| 94 | 157 |
} |
158 |
||
159 |
.Tl-Detail-Bottom { |
|
| 98 | 160 |
position: absolute; left: 155px; right: 10px; bottom: 10px; text-align: right; |
| 94 | 161 |
} |
162 |
||
163 |
.Tl-Detail-Date { |
|
164 |
float: left; color: #666666; |
|
165 |
} |
|
166 |
||
167 |
.Tl-Detail-Read { |
|
168 |
text-decoration: none; color: #000000; |
|
169 |
} |
|
170 |
||
171 |
.Tl-Detail-Read:hover { |
|
172 |
text-decoration: underline; |
|
173 |
} |
|
| 97 | 174 |
|
| 98 | 175 |
.Tl-Detail-X { |
176 |
position: absolute; top: -20px; color: #f00; margin-left: -8px; |
|
177 |
width: 11px; height: 25px; background: url(../img/detail-cross.png) bottom; |
|
178 |
} |
|
179 |
||
| 97 | 180 |
.Tl-Slider-Container { |
181 |
width: 36px; float: left; height: 100%; |
|
182 |
} |
|
183 |
||
184 |
.Tl-Slider-Zoom-In, .Tl-Slider-Zoom-Out { |
|
185 |
display: block; width: 20px; height: 20px; margin: 0 8px; background: url(../img/plus-minus.png); |
|
186 |
} |
|
187 |
||
188 |
.Tl-Slider-Zoom-In:hover { |
|
189 |
background-position: -20px 0; |
|
190 |
} |
|
191 |
||
192 |
.Tl-Slider-Zoom-Out { |
|
193 |
background-position: 0 -20px; |
|
194 |
} |
|
195 |
||
196 |
.Tl-Slider-Zoom-Out:hover { |
|
197 |
background-position: -20px -20px; |
|
198 |
} |
|
199 |
||
200 |
.Tl-Slider { |
|
201 |
height: 152px; background: url(../img/slider-bg.png); width: 6px; margin: 6px 15px; border-radius: 0; border: none; |
|
202 |
} |
|
203 |
||
204 |
.Tl-Slider .ui-slider-handle { |
|
205 |
background: #000000; border-radius: 0; margin-bottom: -4px; width: 8px; height: 8px; left: -1px; |
|
206 |
border: none; |
|
207 |
} |