From 0b9805ebfe1fa518835c66c288dff251ce9962ac Mon Sep 17 00:00:00 2001 From: Carsten Schoenert Date: Sun, 24 Mar 2019 21:26:43 +0100 Subject: download.css: adding hover styles instructions Some basic sytle instruction for using hover elements by CSS. --- english/download/download.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/english/download/download.css b/english/download/download.css index af1c70d57dc..8e7bb4c67ec 100644 --- a/english/download/download.css +++ b/english/download/download.css @@ -52,3 +52,29 @@ h3 { margin-bottom : 6px; } +.tooltip { + position: relative; + display: inline-block; + /*border-bottom: 1px dotted black;*/ +} + +.tooltip .tooltiptext { + visibility: hidden; + width: 120px; + bottom: 100%; + left: 50%; + margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */ + background-color: black; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px; + + /* Position the tooltip */ + position: absolute; + z-index: 1; +} + +.tooltip:hover .tooltiptext { + visibility: visible; +} -- cgit v1.2.3