Fossil SCM
Replaced static pale blue background for selected forum posts with a CSS animation that fades the default.css blue out to white over a second after page load. Also made the left border of the forumSel post's box heavy to serve as an after-animation selection indicator.
Commit
9df0a451a095f7592239ecd10d37f4c6803f3478f92e6c12dd89b4c9345f160c
Parent
ca973301e23f757…
1 file changed
+7
-1
+7
-1
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -162,11 +162,17 @@ | ||
| 162 | 162 | .forum a:visited { |
| 163 | 163 | color: #6A7F94; |
| 164 | 164 | } |
| 165 | 165 | |
| 166 | 166 | div.forumSel { |
| 167 | - background-color: #ebf5ff; | |
| 167 | + animation: 1s linear 0s sel-fade; | |
| 168 | + background-color: white; /* animation end state */ | |
| 169 | + border-left: 4px solid black; /* after-animation selection indicator */ | |
| 170 | +} | |
| 171 | +@keyframes sel-fade { | |
| 172 | + from { background-color: #cef; } | |
| 173 | + to { background-color: white; } | |
| 168 | 174 | } |
| 169 | 175 | |
| 170 | 176 | textarea.wikiedit { |
| 171 | 177 | font-size: 1em; /* monospace fonts tend to be smaller; compensate */ |
| 172 | 178 | } |
| 173 | 179 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -162,11 +162,17 @@ | |
| 162 | .forum a:visited { |
| 163 | color: #6A7F94; |
| 164 | } |
| 165 | |
| 166 | div.forumSel { |
| 167 | background-color: #ebf5ff; |
| 168 | } |
| 169 | |
| 170 | textarea.wikiedit { |
| 171 | font-size: 1em; /* monospace fonts tend to be smaller; compensate */ |
| 172 | } |
| 173 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -162,11 +162,17 @@ | |
| 162 | .forum a:visited { |
| 163 | color: #6A7F94; |
| 164 | } |
| 165 | |
| 166 | div.forumSel { |
| 167 | animation: 1s linear 0s sel-fade; |
| 168 | background-color: white; /* animation end state */ |
| 169 | border-left: 4px solid black; /* after-animation selection indicator */ |
| 170 | } |
| 171 | @keyframes sel-fade { |
| 172 | from { background-color: #cef; } |
| 173 | to { background-color: white; } |
| 174 | } |
| 175 | |
| 176 | textarea.wikiedit { |
| 177 | font-size: 1em; /* monospace fonts tend to be smaller; compensate */ |
| 178 | } |
| 179 |