author | veltr |
Fri, 06 Jul 2012 18:57:20 +0200 | |
changeset 74 | e107c77600e8 |
parent 73 | 642ef9139fad |
child 75 | ef3377d7a4f7 |
permissions | -rw-r--r-- |
74 | 1 |
p, h2, h3 { |
2 |
margin: 2px 0; padding: 0; |
|
3 |
} |
|
4 |
||
5 |
/************************************************/ |
|
6 |
||
65 | 7 |
.Tl-Main { |
71 | 8 |
overflow: hidden; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; |
65 | 9 |
} |
10 |
||
11 |
.Tl-TopBar { |
|
12 |
height: 25px; border-style: solid none; border-color: #ccc; border-width: 1px; |
|
13 |
background: url(../img/barbgd.png); |
|
14 |
} |
|
15 |
||
16 |
.Tl-TopBar-Button { |
|
17 |
float: left; background: url(../img/barbgd.png); cursor: pointer; |
|
18 |
} |
|
19 |
||
20 |
.Tl-TopBar-TextBtn { |
|
21 |
font-size: 12px; height: 15px; padding: 5px; |
|
22 |
} |
|
23 |
||
24 |
.Tl-TopBar-Button.active, .Tl-TopBar-Button:hover { |
|
25 |
background-position: 0 -25px; |
|
26 |
} |
|
27 |
||
28 |
.Tl-Border-Right { |
|
29 |
border-right: 1px solid #ccc; |
|
30 |
} |
|
31 |
||
32 |
.Tl-Border-Left { |
|
33 |
border-left: 1px solid #ccc; |
|
34 |
} |
|
35 |
||
36 |
.Tl-TopBar-Spacer { |
|
37 |
float: left; height: 25px; width: 25px; |
|
38 |
} |
|
39 |
||
40 |
.Tl-TopBar-AddButton { |
|
41 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -50px 0; |
|
42 |
} |
|
43 |
||
44 |
.Tl-TopBar-AddButton.active, .Tl-TopBar-AddButton:hover { |
|
45 |
background-position: -50px -25px; |
|
46 |
} |
|
47 |
||
48 |
.Tl-TopBar-PreviousButton { |
|
49 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -100px 0; |
|
50 |
} |
|
51 |
||
52 |
.Tl-TopBar-PreviousButton.active, .Tl-TopBar-PreviousButton:hover { |
|
53 |
background-position: -100px -25px; |
|
54 |
} |
|
55 |
||
56 |
.Tl-TopBar-NextButton { |
|
57 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -75px 0; |
|
58 |
} |
|
59 |
||
60 |
.Tl-TopBar-NextButton.active, .Tl-TopBar-NextButton:hover { |
|
61 |
background-position: -75px -25px; |
|
62 |
} |
|
63 |
||
64 |
.Tl-TopBar-SyncButton { |
|
65 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: 0 0; |
|
66 |
} |
|
67 |
||
68 |
.Tl-TopBar-SyncButton.active, .Tl-TopBar-SyncButton:hover { |
|
69 |
background-position: 0 -25px; |
|
70 |
} |
|
71 |
||
72 |
.Tl-TopBar-TimeSpan { |
|
73 |
float: left; width: 120px; text-align: center; |
|
74 |
} |
|
75 |
||
76 |
.Tl-BottomPart { |
|
77 |
position: relative; |
|
78 |
} |
|
79 |
||
80 |
.Tl-MainPart { |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
81 |
position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; right: 0; top: 0; bottom: 0; |
65 | 82 |
} |
83 |
||
84 |
.Tl-UniversLabels { |
|
85 |
list-style: none; margin: 0; padding: 0; border: none; |
|
86 |
} |
|
87 |
||
74 | 88 |
.Tl-UniversText { |
89 |
font-size: 13px; margin: 2px 0; |
|
90 |
} |
|
91 |
||
65 | 92 |
.Tl-Line-Even { |
93 |
background: #e0e0e0; |
|
94 |
} |
|
95 |
||
66 | 96 |
.Tl-Layer { |
67 | 97 |
position: absolute; top: 0; left: 0; height: 100%; |
65 | 98 |
} |
99 |
||
100 |
.Tl-Grid-Column { |
|
101 |
position: absolute; top: 0; height: 100%; border-left: 1px solid #999; |
|
102 |
} |
|
103 |
/* |
|
104 |
.Tl-Grid-Major { |
|
105 |
z-index: 3; border-left: 1px solid #999; |
|
106 |
} |
|
107 |
*/ |
|
108 |
.Tl-Grid-Label { |
|
109 |
position: absolute; height: 12px; bottom: 0; left: 1px; font-size: 10px; z-index: 4; width: 80px; |
|
110 |
} |
|
111 |
||
112 |
.Tl-Grid-Now { |
|
113 |
position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
|
114 |
} |
|
66 | 115 |
|
71 | 116 |
.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence { |
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
117 |
width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
118 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
119 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
120 |
.Tl-OccOnGrid, .Tl-Cluster { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
121 |
position: absolute; margin-left: -9px; margin-top: -1px; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
122 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
123 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
124 |
.Tl-OccInCluster { |
70 | 125 |
float: left; position: relative; |
126 |
} |
|
127 |
||
128 |
.Tl-Locked { |
|
129 |
position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sprites.png); background-position: -57px -50px; |
|
66 | 130 |
} |
131 |
||
132 |
.Tl-Occnarrative { |
|
133 |
background-position: 0 -50px; |
|
134 |
} |
|
135 |
||
73
642ef9139fad
Replaced "Production" by "Publication". Added beautiful arrows
veltr
parents:
71
diff
changeset
|
136 |
.Tl-Occpublication { |
66 | 137 |
background-position: -19px -50px; |
138 |
} |
|
139 |
||
67 | 140 |
.Tl-Occnarrative.Tl-Editing { |
141 |
background-position: 0 -72px; |
|
142 |
} |
|
143 |
||
73
642ef9139fad
Replaced "Production" by "Publication". Added beautiful arrows
veltr
parents:
71
diff
changeset
|
144 |
.Tl-Occpublication.Tl-Editing { |
67 | 145 |
background-position: -19px -72px; |
146 |
} |
|
147 |
||
66 | 148 |
.Tl-Occboth { |
149 |
background-position: -38px -50px; |
|
150 |
} |
|
151 |
||
70 | 152 |
.Tl-Link { |
153 |
position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -38px -83px; display: none; |
|
154 |
} |
|
155 |
||
66 | 156 |
.Tl-ClusterCount { |
157 |
position: absolute; right: 0; top: 0; border: 1px solid #999999; background: #333333; |
|
158 |
padding: 1px 2px; font-size: 9px; color: #ffffff; border-radius: 5px; |
|
159 |
} |
|
160 |
||
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
161 |
.Tl-ClusterOverlay { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
162 |
position: absolute; margin-top: -20px; height: 30px; background: url(../img/cluster-overlay.png) center; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
163 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
164 |
|
66 | 165 |
.Tl-Overlay-Container { |
166 |
position: absolute; top: 0; |
|
167 |
} |
|
168 |
||
169 |
.Tl-Overlay-Box { |
|
170 |
position: absolute; width: 0; height: 0; display: none; |
|
171 |
} |
|
172 |
||
173 |
.Tl-Overlay { |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
174 |
position: absolute; left: -105px; width: 210px; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
175 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
176 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
177 |
.Tl-Overlay-Up .Tl-Overlay { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
178 |
bottom: 0; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
179 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
180 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
181 |
.Tl-Overlay-Down .Tl-Overlay { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
182 |
top: 22px; |
66 | 183 |
} |
184 |
||
185 |
.Tl-Overlay-Main { |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
186 |
width: 190px; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
187 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
188 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
189 |
.Tl-Overlay-Up .Tl-Overlay-Main { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
190 |
background: url(../img/tooltip.png) top; padding: 10px 10px 0; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
191 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
192 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
193 |
.Tl-Overlay-Down .Tl-Overlay-Main { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
194 |
background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px; |
66 | 195 |
} |
196 |
||
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
197 |
.Tl-Overlay-Up .Tl-Overlay-Tip-Bottom { |
66 | 198 |
width: 210px; height: 20px; background: url(../img/tooltip.png) bottom; |
199 |
} |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
200 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
201 |
.Tl-Overlay-Down .Tl-Overlay-Tip-Top { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
202 |
width: 210px; height: 20px; background: url(../img/tooltip-down.png) top; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
203 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
204 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
205 |
.Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
206 |
display: none; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
207 |
} |
70 | 208 |
|
209 |
h3.Tl-Tooltip-Title { |
|
210 |
font-size: 14px; font-weight: bold; color: #000080; margin: 0; |
|
211 |
} |
|
212 |
||
213 |
p.Tl-Tooltip-Date { |
|
214 |
font-size: 11px; margin: 2px 0; color: #000080; border-bottom: 1px dotted; float: left; |
|
215 |
} |
|
216 |
||
217 |
p.Tl-Tooltip-Description, p.Tl-Tooltip-Characters { |
|
218 |
font-size: 12px; margin: 5px 0 0; clear: both; |
|
219 |
} |
|
71 | 220 |
|
221 |
ul.Tl-Adding { |
|
222 |
position: absolute; left: -150px; top: 0; display: none; |
|
223 |
list-style: none; font-size: 12px; padding: 0; margin: 0; width: 150px; border-style: none solid; border-color: #999999; border-width: 1px; |
|
224 |
} |
|
225 |
||
226 |
.Tl-Adding li { |
|
227 |
border-style: none none solid; border-color: #cccccc; border-width: 1px; padding: 4px; background: rgba(255,255,255,.9); |
|
228 |
} |
|
229 |
||
230 |
li.Tl-AddingTitle { |
|
231 |
background: rgba(215,215,215,.9); font-weight: bold; |
|
232 |
} |
|
233 |
||
234 |
.Tl-AddOccurrence { |
|
235 |
float: right; margin: -3px; |
|
236 |
} |
|
74 | 237 |
|
238 |
/**********************************/ |
|
239 |