diff --git a/web/css/dogstats.css b/web/css/dogstats.css index da31db9..973a377 100644 --- a/web/css/dogstats.css +++ b/web/css/dogstats.css @@ -1,3 +1,55 @@ -main > .container { - padding: 60px 15px 0; - } \ No newline at end of file +main>.container { + padding: 60px 15px 0; +} + + +.tooltipp { + position: relative; + /* making the .tooltipp span a container for the tooltipp text */ + border-bottom: 1px dashed #000; + /* little indicater to indicate it's hoverable */ +} + +.tooltipp:before { + content: attr(data-text); + /* here's the magic */ + position: absolute; + + /* vertically center */ + top: 50%; + transform: translateY(-50%); + + /* move to right */ + left: 100%; + margin-left: 15px; + /* and add a small left margin */ + + /* basic styles */ + width: 200px; + padding: 10px; + border-radius: 10px; + background: #000; + color: #fff; + text-align: center; + + display: none; + /* hide by default */ + + opacity: 0; + transition: .3s opacity; +} + +.tooltipp:hover:before { + display: block; + opacity: 1; +} + + +.tooltipp:after { + opacity: 0; + transition: .3s; +} + +.tooltipp:hover:after { + opacity: 1; +} \ No newline at end of file diff --git a/web/pages/tournaments/event.html b/web/pages/tournaments/event.html index 7a1202f..fedb4a0 100644 --- a/web/pages/tournaments/event.html +++ b/web/pages/tournaments/event.html @@ -41,13 +41,25 @@
+ 0): ?>
Admins
- <?= escape($admin['name']); ?> + <?= escape($admin['name']); ?> + + + 0): ?>
Mitglieder
+ + <?= escape($member['name']); ?>
-
-
+
+
+

Beschreibungstext

+

+

+

+ +