PATH:
home
/
beestk
/
sdx
/
sdx_mapping
<html> <head> <title>Sans titre-1</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="bootstrap.tooltip.js"></script> <script> $( function() { $('a').tooltip(); } ); </script> <style> a{ display: block; width: 1.65%; border-radius: 100%; background-color: #d91312; position: absolute; border: 4px solid #fff; box-shadow: #fff 0 0 4px 3px; transition : all 0.5s; } a:before{ content: ""; display: block; padding-top: 100%; } <!-- a:after{ --> <!-- content: ""; --> <!-- display: block; --> <!-- width: 0; --> <!-- height: 0; --> <!-- position:absolute; --> <!-- top: 50%; --> <!-- left:50%; --> <!-- background-color: white; --> <!-- border-radius: 100%; --> <!-- transition: all 0.5s; --> <!-- opacity: 0; --> <!-- } --> <!-- a:hover:after{ --> <!-- content: ""; --> <!-- display: block; --> <!-- width: 100%; --> <!-- height: 100%; --> <!-- position:absolute; --> <!-- top: 0; --> <!-- left:0; --> <!-- background-color: #333; --> <!-- border-radius: 100%; --> <!-- opacity: 0.8; --> <!-- } --> a:hover{ background-color: #333; border: 4px solid #fff; box-shadow: #333 0 0 4px 3px; } .tooltip{ position: absolute; } .tooltip-inner{ background-color: rgba(255,255,255,0.95) !important; max-width: 200px; padding: 7px 10px; color: #333; text-align: center; text-decoration: none; background-color: rgba(33,33,33,.97); border-radius: 4px; background-clip: padding-box; font-family: arial; font-size : 12px; font-weight: bold; box-shadow: #333 1px 1px 3px 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top { margin-top: -10px; padding: 5px 0; } .tooltip.top .tooltip-arrow { bottom: -5px; left: 50%; margin-left: -10px; border-width: 10px 10px 0; border-top-color: rgba(33,33,33,.97); } </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div style="margin: 20px auto; width: 100%; max-width: 1100px; position: relative;"> <img src="carte_new.jpg" style="width:100%;"> <a data-original-title="QFIX - Etats-Unis" href="#" style="top: 26.7%; left: 10.52%;"></a> <div> </body> </html>
[+]
..
[-] index.html
[open]
[-] carte_new.jpg
[open]
[-] bootstrap.tooltip.js
[open]