s4
diff examples/common/default/default.css @ 893:c1a5d137740d
Display momentary information of frozen state change
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Sat, 26 Dec 2020 15:17:56 +0900 |
parents | 45771085d097 |
children | 411ce55c0dae |
line diff
1.1 --- a/examples/common/default/default.css Sat Dec 26 10:10:37 2020 +0900 1.2 +++ b/examples/common/default/default.css Sat Dec 26 15:17:56 2020 +0900 1.3 @@ -382,10 +382,19 @@ 1.4 background: linear-gradient(#d8e2ea, #83bbea); 1.5 } 1.6 .凍結 button.toggle-frozen::before { 1.7 - content: "凍"; color: blue; 1.8 + content: attr(frozen-marker); color: blue; 1.9 } 1.10 .toggle-frozen::before { 1.11 - content: "動"; 1.12 + content: attr(running-marker); 1.13 +} 1.14 +.info-tooltip { 1.15 + position: absolute; padding: 1ex; 1.16 + background: ivory; 1.17 + border-radius: 1em; border: double 5px blue; 1.18 + min-width: 10em; right: 0; bottom: 0; 1.19 +} 1.20 +.dissolving { 1.21 + opacity: 0; transition: 3.0s; 1.22 } 1.23 1.24 /*