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  /*