| author | veltr |
| Thu, 19 Sep 2013 19:34:29 +0200 | |
| changeset 96 | 7d1c2c21d891 |
| parent 95 | 907a53a35a95 |
| child 97 | 0444ad28e6ba |
| 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 { |
|
| 89 | 23 |
position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden; |
| 65 | 24 |
} |
25 |
||
26 |
.Tl-UniversLabels { |
|
27 |
list-style: none; margin: 0; padding: 0; border: none; |
|
| 89 | 28 |
font-size: 13px; |
29 |
} |
|
30 |
||
31 |
.Tl-UniversLabels li { |
|
32 |
position: relative; float: left; clear: both; width: 100%; |
|
33 |
} |
|
34 |
||
35 |
.Tl-UniversLabels li:before { |
|
36 |
content: "."; position: absolute; height: 1px; text-indent: -9999px; |
|
| 94 | 37 |
width: 200px; top: 0; background: #DEDEDE; z-index: 5; |
38 |
background: -moz-linear-gradient(to right, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
|
| 95 | 39 |
background: -webkit-linear-gradient(left, rgba(220,220,220,1) 80px, rgba(220,220,220,.1) 140px ); |
| 89 | 40 |
} |
41 |
||
42 |
.Tl-UniversLabels li:after { |
|
43 |
content: "."; position: absolute; height: 0; text-indent: -9999px; |
|
44 |
width: 0; right: -8px; top: 50%; margin-top: -6px; |
|
45 |
border-top: 6px solid transparent; |
|
46 |
border-bottom: 6px solid transparent; |
|
| 94 | 47 |
border-left: 8px solid #ffffff; z-index: 5; |
| 65 | 48 |
} |
49 |
||
| 74 | 50 |
.Tl-UniversText { |
| 89 | 51 |
margin-right: 2px; |
| 65 | 52 |
} |
53 |
||
| 77 | 54 |
.Tl-Grid { |
| 89 | 55 |
position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; |
| 94 | 56 |
background: -moz-linear-gradient(to right, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); |
| 95 | 57 |
background: -webkit-linear-gradient(left, #cccccc 0, #ffffff 3%, #ffffff 97%, #cccccc 100% ); |
| 77 | 58 |
} |
59 |
||
| 65 | 60 |
.Tl-Grid-Column { |
| 89 | 61 |
position: absolute; top: 10px; bottom: 0; border-left: 1px solid #999; |
| 65 | 62 |
} |
63 |
/* |
|
64 |
.Tl-Grid-Major { |
|
65 |
z-index: 3; border-left: 1px solid #999; |
|
66 |
} |
|
67 |
*/ |
|
68 |
.Tl-Grid-Label { |
|
| 89 | 69 |
position: absolute; height: 12px; top: -10px; left: 2px; font-size: 11px; z-index: 4; width: 80px; |
| 65 | 70 |
} |
71 |
||
72 |
.Tl-Grid-Now { |
|
73 |
position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
|
74 |
} |
|
| 66 | 75 |
|
| 91 | 76 |
.Tl-Occurrence { |
| 96 | 77 |
width: 32px; height: 32px; cursor: pointer; border: 2px solid rgba(255,255,255,.9); |
| 91 | 78 |
} |
79 |
||
80 |
.Tl-Occurrence img { |
|
| 95 | 81 |
max-width: 100%; max-height: 100%; |
| 91 | 82 |
} |
83 |
||
84 |
.Tl-Editing { |
|
| 94 | 85 |
border-color: #c00000; z-index: 3; |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
86 |
} |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
87 |
|
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
88 |
.Tl-OccOnGrid, .Tl-Cluster { |
| 91 | 89 |
position: absolute; margin-left: -2px; margin-top: 4px; background: rgba(0,0,0,.9); |
| 75 | 90 |
} |
91 |
||
92 |
.Tl-Cluster { |
|
93 |
background-position: -114px -50px; |
|
94 |
} |
|
95 |
||
| 66 | 96 |
.Tl-Overlay-Container { |
97 |
position: absolute; top: 0; |
|
98 |
} |
|
99 |
||
100 |
.Tl-Overlay-Box { |
|
101 |
position: absolute; width: 0; height: 0; display: none; |
|
102 |
} |
|
103 |
||
104 |
.Tl-Overlay { |
|
| 95 | 105 |
position: absolute; left: -105px; width: 210px; z-index: 6; top: 22px; |
| 66 | 106 |
} |
107 |
||
108 |
.Tl-Overlay-Main { |
|
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
109 |
width: 190px; |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
110 |
background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px; |
| 66 | 111 |
} |
112 |
||
| 95 | 113 |
.Tl-Overlay-Tip-Top { |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
114 |
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
|
115 |
} |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
116 |
|
| 70 | 117 |
h3.Tl-Tooltip-Title { |
118 |
font-size: 14px; font-weight: bold; color: #000080; margin: 0; |
|
119 |
} |
|
120 |
||
121 |
p.Tl-Tooltip-Date { |
|
122 |
font-size: 11px; margin: 2px 0; color: #000080; border-bottom: 1px dotted; float: left; |
|
123 |
} |
|
124 |
||
125 |
p.Tl-Tooltip-Description, p.Tl-Tooltip-Characters { |
|
126 |
font-size: 12px; margin: 5px 0 0; clear: both; |
|
127 |
} |
|
| 71 | 128 |
|
129 |
ul.Tl-Adding { |
|
130 |
position: absolute; left: -150px; top: 0; display: none; |
|
131 |
list-style: none; font-size: 12px; padding: 0; margin: 0; width: 150px; border-style: none solid; border-color: #999999; border-width: 1px; |
|
132 |
} |
|
133 |
||
134 |
.Tl-Adding li { |
|
135 |
border-style: none none solid; border-color: #cccccc; border-width: 1px; padding: 4px; background: rgba(255,255,255,.9); |
|
136 |
} |
|
137 |
||
138 |
li.Tl-AddingTitle { |
|
139 |
background: rgba(215,215,215,.9); font-weight: bold; |
|
140 |
} |
|
141 |
||
142 |
.Tl-AddOccurrence { |
|
143 |
float: right; margin: -3px; |
|
| 94 | 144 |
} |
145 |
||
146 |
/**************/ |
|
147 |
||
148 |
.Tl-Detail { |
|
149 |
border: 1px solid #cccccc; margin: 10px 0 0 80px; padding: 10px; text-align: left; min-height: 135px; font-size: 12px; |
|
150 |
} |
|
151 |
||
152 |
.Tl-Detail-Image { |
|
153 |
float: left; |
|
154 |
} |
|
155 |
||
156 |
.Tl-Detail-Title { |
|
157 |
font-size: 18px; font-weight: bold; margin-left: 145px; |
|
158 |
} |
|
159 |
||
160 |
.Tl-Detail-Description { |
|
161 |
margin: 5px 0 5px 145px; |
|
162 |
} |
|
163 |
||
164 |
.Tl-Detail-Bottom { |
|
165 |
margin-left: 145px; text-align: right; |
|
166 |
} |
|
167 |
||
168 |
.Tl-Detail-Date { |
|
169 |
float: left; color: #666666; |
|
170 |
} |
|
171 |
||
172 |
.Tl-Detail-Read { |
|
173 |
text-decoration: none; color: #000000; |
|
174 |
} |
|
175 |
||
176 |
.Tl-Detail-Read:hover { |
|
177 |
text-decoration: underline; |
|
178 |
} |