Fossil SCM

CSS changes to the look of the tooltip.

drh 2019-05-22 16:47 UTC tooltip-experiments
Commit b5cfa435f816834ab076e99e6460ceb442f52e2b9dc14d1e8e8e9852eadc0eb3
1 file changed +5 -12
--- src/default_css.txt
+++ src/default_css.txt
@@ -196,29 +196,22 @@
196196
border-left-width: 2px;
197197
border-left-style: dotted;
198198
background: rgba(255,255,255,0);
199199
}
200200
.tl-tooltip {
201
- font-size: .9em;
202
- background-color: #ffffe2;
201
+ background-color: #fecd4b;
203202
color: black;
204203
text-align: center;
205
- padding: 5px;
204
+ padding: 5px 1em;
206205
border: 1px solid black;
207
- box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.67);
206
+ border-radius: 6px;
208207
position: absolute;
209208
z-index: 100;
210209
}
211210
.tl-tooltip a {
212
- background-color: #ffffe2;
213
- color: #0000ee;
214
-}
215
-.tl-tooltip a:link, .tl-tooltip a:active, .tl-tooltip a:visited {
216
- text-decoration: underline;
217
-}
218
-.tl-tooltip a:hover {
219
- text-decoration: none;
211
+ background-color: #fecd4b;
212
+ color: #004080;
220213
}
221214
222215
span.tagDsp {
223216
font-weight: bold;
224217
}
225218
--- src/default_css.txt
+++ src/default_css.txt
@@ -196,29 +196,22 @@
196 border-left-width: 2px;
197 border-left-style: dotted;
198 background: rgba(255,255,255,0);
199 }
200 .tl-tooltip {
201 font-size: .9em;
202 background-color: #ffffe2;
203 color: black;
204 text-align: center;
205 padding: 5px;
206 border: 1px solid black;
207 box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.67);
208 position: absolute;
209 z-index: 100;
210 }
211 .tl-tooltip a {
212 background-color: #ffffe2;
213 color: #0000ee;
214 }
215 .tl-tooltip a:link, .tl-tooltip a:active, .tl-tooltip a:visited {
216 text-decoration: underline;
217 }
218 .tl-tooltip a:hover {
219 text-decoration: none;
220 }
221
222 span.tagDsp {
223 font-weight: bold;
224 }
225
--- src/default_css.txt
+++ src/default_css.txt
@@ -196,29 +196,22 @@
196 border-left-width: 2px;
197 border-left-style: dotted;
198 background: rgba(255,255,255,0);
199 }
200 .tl-tooltip {
201 background-color: #fecd4b;
 
202 color: black;
203 text-align: center;
204 padding: 5px 1em;
205 border: 1px solid black;
206 border-radius: 6px;
207 position: absolute;
208 z-index: 100;
209 }
210 .tl-tooltip a {
211 background-color: #fecd4b;
212 color: #004080;
 
 
 
 
 
 
213 }
214
215 span.tagDsp {
216 font-weight: bold;
217 }
218

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button