download.css: adding hover styles instructions

Some basic sytle instruction for using hover elements by CSS.

1 files changed, 26 insertions, 0 deletions

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;
+}