Fossil

Check-in [cdb85ba9c9]
Login

Check-in [cdb85ba9c9]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Classic styling for the tooltip (grey shadow, also works with dark backgrounds) and the hyperlink (blue and underlined, to indicate it can be clicked).
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | tooltip-experiments
Files: files | file ages | folders
SHA3-256: cdb85ba9c96ab6cbd1309b99110b1386daba91f820c1c90cafda00a317147f25
User & Date: florian 2019-05-20 08:21:00.000
Context
2019-05-20
08:32
Experimental change to have the tooltip appear automatically after a "dwell timeout", in addition to mouse clicks. See the wiki page linked to this branch for more information. ... (check-in: bba5337010 user: florian tags: tooltip-experiments)
08:21
Classic styling for the tooltip (grey shadow, also works with dark backgrounds) and the hyperlink (blue and underlined, to indicate it can be clicked). ... (check-in: cdb85ba9c9 user: florian tags: tooltip-experiments)
08:19
Hide the tooltip if the mouse is outside the current timeline table, and outside the tooltip itself. ... (check-in: bd803b0626 user: florian tags: tooltip-experiments)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/default_css.txt.
︙︙
194
195
196
197
198
199
200

201
202
203
204
205
206

207
208
209
210
211
212






213
214
215
216
217
218
219

.tl-line.dotted.v {
  width: 0px;
  border-left-width: 2px;
  border-left-style: dotted;
  background: rgba(255,255,255,0);
}
.tl-tooltip {

  background-color: #fecd4b;
  color: black;
  text-align: center;
  padding: 5px 1em;
  border: 1px solid black;
  border-radius: 6px;

  position: absolute;
  z-index: 100;
}
.tl-tooltip a {
  background-color: #fecd4b;
  color: black;






}

span.tagDsp {
  font-weight: bold;
}
span.wikiError {
  font-weight: bold;








>
|


|

<
>




|
|
>
>
>
>
>
>








194
195
196
197
198
199
200
201
202
203
204
205
206

207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226

.tl-line.dotted.v {
  width: 0px;
  border-left-width: 2px;
  border-left-style: dotted;
  background: rgba(255,255,255,0);
}
.tl-tooltip {
  font-size: .9em;
  background-color: #ffffe2;
  color: black;
  text-align: center;
  padding: 5px;
  border: 1px solid black;

  box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.67);
  position: absolute;
  z-index: 100;
}
.tl-tooltip a {
  background-color: #ffffe2;
  color: #0000ee;
}
.tl-tooltip a:link, .tl-tooltip a:active, .tl-tooltip a:visited {
  text-decoration: underline;
}
.tl-tooltip a:hover {
  text-decoration: none;
}

span.tagDsp {
  font-weight: bold;
}
span.wikiError {
  font-weight: bold;
︙︙