diff options
| author | Lizzy Fleckenstein <eliasfleckenstein@web.de> | 2023-07-25 04:55:44 +0200 |
|---|---|---|
| committer | Lizzy Fleckenstein <eliasfleckenstein@web.de> | 2023-07-25 04:55:44 +0200 |
| commit | 2bb5558ada6a72689b2dd96b02f80e5fa0994ce7 (patch) | |
| tree | bca96e8253108a686b176d5aa74b525458c7adfc /index.html | |
| parent | fa2788feba85268d816301b1f67d3ebf30812e4f (diff) | |
| download | aschaffenburg.fun-2bb5558ada6a72689b2dd96b02f80e5fa0994ce7.tar.xz | |
Finish work on timeline
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 42 |
1 files changed, 33 insertions, 9 deletions
@@ -34,14 +34,6 @@ right: 0px; } - button:hover { - background-image: linear-gradient(rgb(255 255 255/10%) 0 0); - } - - button:active { - background-image: linear-gradient(rgb(255 255 255/30%) 0 0); - } - .actions { position: fixed; bottom: 0px; @@ -69,9 +61,41 @@ filter: invert(55%) sepia(98%) saturate(322%) hue-rotate(43deg) brightness(97%) contrast(90%); } + @keyframes blink { + 0% { + opacity: 100%; + } + 70% { + opacity: 0%; + } + 100% { + opacity: 100%; + } + } + * { font-family: exo; } + + .ui-button { + /*background-color: #bbeb82; + border-color: #7fb82e; + border-style: solid;*/ + background-color: #7fb82e; + border-style: none; + font-size: 1em; + border-radius: 10px; + height: 2em; + cursor: pointer; + } + + .ui-button:hover { + background-image: linear-gradient(rgb(255 255 255/10%) 0 0); + } + + .ui-button:active { + background-image: linear-gradient(rgb(255 255 255/30%) 0 0); + } </style> </head> <body> @@ -80,7 +104,7 @@ <div class="action" id="action-info" style="position: relative;"> <img class="colorize" src="info.svg" width="85%" style="position: absolute; left: 7%; top: 7%;"> </div> - <div class="action" id="action-marker"> + <div class="action" id="action-timeline"> <img class="colorize" src="marker.svg"> </div> </div> |