Template:Popper: Difference between revisions

From WikiMSK

(Created page with "<html> <head> <title>Popper Tutorial</title> <style> #tooltip { background: #333; color: white; font-weight: bold; padding: 4px...")
 
No edit summary
Line 2: Line 2:
   <head>
   <head>
     <title>Popper Tutorial</title>
     <title>Popper Tutorial</title>
    <style>
      #tooltip {
        background: #333;
        color: white;
        font-weight: bold;
        padding: 4px 8px;
        font-size: 13px;
        border-radius: 4px;
        display: none;
      }
      #tooltip[data-show] {
        display: block;
      }
      #arrow,
      #arrow::before {
        position: absolute;
        width: 8px;
        height: 8px;
        background: inherit;
      }
      #arrow {
        visibility: hidden;
      }
      #arrow::before {
        visibility: visible;
        content: '';
        transform: rotate(45deg);
      }
      #tooltip[data-popper-placement^='top'] > #arrow {
        bottom: -4px;
      }
      #tooltip[data-popper-placement^='bottom'] > #arrow {
        top: -4px;
      }
      #tooltip[data-popper-placement^='left'] > #arrow {
        right: -4px;
      }
      #tooltip[data-popper-placement^='right'] > #arrow {
        left: -4px;
      }
    </style>
   </head>
   </head>
   <body>
   <body>
Line 119: Line 70:
   </body>
   </body>
</html>
</html>
<templatestyles src="Popper/styles.css" />

Revision as of 21:15, 19 March 2022

Popper Tutorial

Retrieved from ‘https://wikimsk.org/w/index.php?title=Template:Popper&oldid=14181’