Fossil

Check-in [cdb85ba9]
Login

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 | SQL 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
Wiki:tooltip-experiments
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: bba53370 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: cdb85ba9 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: bd803b06 user: florian tags: tooltip-experiments
Changes
Hide Diffs Unified Diffs 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;