Fossil SCM
Classic styling for the tooltip (grey shadow, also works with dark backgrounds) and the hyperlink (blue and underlined, to indicate it can be clicked).
Commit
cdb85ba9c96ab6cbd1309b99110b1386daba91f820c1c90cafda00a317147f25
Parent
bd803b06267b1a7…
1 file changed
+12
-5
+12
-5
| --- src/default_css.txt | ||
| +++ src/default_css.txt | ||
| @@ -196,22 +196,29 @@ | ||
| 196 | 196 | border-left-width: 2px; |
| 197 | 197 | border-left-style: dotted; |
| 198 | 198 | background: rgba(255,255,255,0); |
| 199 | 199 | } |
| 200 | 200 | .tl-tooltip { |
| 201 | - background-color: #fecd4b; | |
| 201 | + font-size: .9em; | |
| 202 | + background-color: #ffffe2; | |
| 202 | 203 | color: black; |
| 203 | 204 | text-align: center; |
| 204 | - padding: 5px 1em; | |
| 205 | + padding: 5px; | |
| 205 | 206 | border: 1px solid black; |
| 206 | - border-radius: 6px; | |
| 207 | + box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.67); | |
| 207 | 208 | position: absolute; |
| 208 | 209 | z-index: 100; |
| 209 | 210 | } |
| 210 | 211 | .tl-tooltip a { |
| 211 | - background-color: #fecd4b; | |
| 212 | - color: black; | |
| 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; | |
| 213 | 220 | } |
| 214 | 221 | |
| 215 | 222 | span.tagDsp { |
| 216 | 223 | font-weight: bold; |
| 217 | 224 | } |
| 218 | 225 |
| --- src/default_css.txt | |
| +++ src/default_css.txt | |
| @@ -196,22 +196,29 @@ | |
| 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: black; |
| 213 | } |
| 214 | |
| 215 | span.tagDsp { |
| 216 | font-weight: bold; |
| 217 | } |
| 218 |
| --- src/default_css.txt | |
| +++ src/default_css.txt | |
| @@ -196,22 +196,29 @@ | |
| 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 |