/* ShareTooltip Gadget - CSS styling. Shows a Tooltip with multiple ways to share the current page / headline See detailed documentation in Dev/mediawiki */ .share-tooltip { position: relative; display: inline-block; vertical-align: middle; font-size: inherit !important; height: 1em; } .share-tooltip .button { width: 1em; height: .95em; display: inline-block; background-image: url(/w/images/thumb/1/16/Share-nodes-icon.png/180px-Share-nodes-icon.png); background-position: 50% 0; background-repeat: no-repeat; background-size: contain; border-radius: 100px; line-height: 1em; padding: 0 1em; vertical-align: top; filter: brightness(1.6); position: relative; top: -0.02em; } .share-tooltip:hover .button { filter: brightness(.5); transform: scale(1.2); } .share-tooltip .button:hover + .menu-wrapper, .share-tooltip .menu-wrapper:hover { display: block; } .share-tooltip .menu-wrapper { display: none; position: absolute; top: 1.35em; z-index: 10; } .share-tooltip .hover-connector { position: absolute; width: 2.2em; height: 2em; top: -1.5em; display: block; } .share-tooltip .menu { width: 315px; padding: 10px; text-align: center; background: white; border-radius: 10px; border: 1px solid #eee; box-shadow: 1px 1px 3px rgb( 0 0 0 / 20% ); font-weight: normal !important; font-size: 13px !important; display: block; } .share-tooltip .menu > span.headline { color: #333 !important; font-size: 20px !important; font-weight: bold; margin: 8px 0 12px; display: block; } .share-tooltip .menu > span.social { padding: 7px 8px !important; display: inline-block; margin: 0 !important; } .share-tooltip .menu > span.social img { transition: transform .2s; margin: 2px 0px; width: 40px; } .share-tooltip .menu > span.social:hover img { transform: scale(1.2); border-radius: 100px; box-shadow: 2px 1px 7px rgb(0 0 0 / 20%); } .share-tooltip .menu > span.headline-clipboard { color: #777 !important; font-size: 13px !important; margin: 14px 0 15px; display: block; border-bottom: 1px solid #ccc; padding-bottom: 6px; } .share-tooltip .menu > span.code-select { width: 40px; margin-right: 15px; } .share-tooltip .menu > span.code-select .cbutton:not(:hover) { filter: brightness(1.4); } .share-tooltip .menu > span.code-select[data-social=copy-phpbb] { margin-right: 0; } .share-tooltip .menu > span.info-selfhosted { display: block; color: #888; margin: 29px 0 11px; cursor: pointer; line-height: 1.4; } .share-tooltip .menu > span.info-selfhosted > .preview { font-size: 13px !important; display: inline-block; margin-bottom: 5px; } .share-tooltip .menu > span.info-selfhosted > .preview:hover { color: #007bff; } .share-tooltip .menu > span.info-selfhosted > .preview i:first-child { margin-right: 2px; } .share-tooltip .menu > span.info-selfhosted > .policy { font-size: 11px !important; margin-top: 7px; text-align: justify; width: 89%; display: none; } .share-tooltip .menu > span.info-selfhosted.full-text > .policy { display: inline-block; } .share-tooltip .menu > span.info-selfhosted > .policy a { color: #007bff !important; } /* [[Category:MultiWiki]] */