Difference between revisions of "Template:Wageningen UR/header"
| Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
| + | <style> .tooltip { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | border-bottom: 1px dotted black; | ||
| + | } | ||
| + | |||
| + | .tooltip .tooltiptext { | ||
| + | visibility: hidden; | ||
| + | width: 150px; | ||
| + | background-color: black; | ||
| + | color: #fff; | ||
| + | text-align: center; | ||
| + | border-radius: 6px; | ||
| + | padding: 5px 0; | ||
| + | font-size: 0.75em; | ||
| + | |||
| + | /* Position the tooltip */ | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | bottom: 100%; | ||
| + | left: 50%; | ||
| + | margin-left: -75px; | ||
| + | } | ||
| + | |||
| + | .tooltip:hover .tooltiptext { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | </style> | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
Revision as of 15:06, 5 October 2016
