hint.min.css (hint.css-2.6.0) | : | hint.min.css (hint.css-2.7.0) | ||
---|---|---|---|---|
/*! Hint.css - v2.6.0 - 2019-04-27 | /*! Hint.css - v2.7.0 - 2021-10-01 | |||
* http://kushagragour.in/lab/hint/ | * https://kushagra.dev/lab/hint/ | |||
* Copyright (c) 2019 Kushagra Gour */ | * Copyright (c) 2021 Kushagra Gour */ | |||
[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[cl ass*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz- transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opac ity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-trans ition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-d elay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:be fore{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-d elay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolut e;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:af ter{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"H elvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;te xt-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][ar ia-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{conten t:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:af ter,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--t op-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:be fore,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838 }.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margi n-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translate X(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:ho ver:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);tr ansform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50 %) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:t ranslateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:10 0%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bo ttom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);tr ansform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY (8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hov er:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:trans lateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--ri ght:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint --right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:10 0%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transfo rm:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hin t--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}. hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right: 100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transfo rm:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}. hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left :before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-t ransform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX (-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translat eY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-l eft:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transf orm:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8 px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--t op-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{ -webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translate X(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:befor e{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:t ranslateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left :50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bott om-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100 %);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{ -webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:trans lateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) tr anslateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:transla teX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{ top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6p x)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:tran slateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:af ter,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-tran sform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium :after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-w ord}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:a fter{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before ,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--botto m-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:b efore{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-col or:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--war ning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning. hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint- -top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hi nt--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border- bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854} .hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{b ackground-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left: before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-to p-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-ri ght:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--in fo.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{bo rder-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shad ow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--to p-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--s uccess.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint-- success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--lef t:before{border-left-color:#458746}.hint--success.hint--right:before{border-righ t-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:vi sible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-tra nsform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after {-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(- 50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always. hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translat eY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-t ransform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) tra nslateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--t op-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY (-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always. hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY( 8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transfor m:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8p x);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:be fore{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform: translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translat eX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);trans form:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.h int--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-tra nsform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after, .hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transfor m:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.h int--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform: translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px }.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s ;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--b ounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-tra nsform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visib ility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opac ity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.h int--no-shadow:after,.hint--no-shadow:before{text-shadow:initial;box-shadow:init ial} | [class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[cl ass*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz- transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opac ity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-trans ition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-d elay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:be fore{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-d elay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolut e;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:af ter{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"H elvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;te xt-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][ar ia-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{conten t:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:af ter,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--t op-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:be fore,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838 }.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margi n-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translate X(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:ho ver:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);tr ansform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50 %) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:t ranslateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:10 0%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bo ttom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);tr ansform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY (8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hov er:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:trans lateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--ri ght:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint --right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:10 0%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transfo rm:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hin t--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}. hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right: 100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transfo rm:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}. hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left :before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-t ransform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX (-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translat eY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-l eft:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transf orm:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8 px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--t op-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{ -webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translate X(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:befor e{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:t ranslateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left :50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bott om-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100 %);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{ -webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:trans lateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) tr anslateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:transla teX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{ top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6p x)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:tran slateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:af ter,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-tran sform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium :after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-w ord}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:a fter{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before ,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--botto m-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:b efore{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-col or:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--war ning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning. hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint- -top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hi nt--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border- bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854} .hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{b ackground-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left: before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-to p-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-ri ght:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--in fo.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{bo rder-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shad ow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--to p-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--s uccess.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint-- success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--lef t:before{border-left-color:#458746}.hint--success.hint--right:before{border-righ t-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:vi sible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-tra nsform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after {-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(- 50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always. hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translat eY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-t ransform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) tra nslateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--t op-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY (-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always. hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY( 8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transfor m:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8p x);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:be fore{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform: translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translat eX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);trans form:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.h int--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-tra nsform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after, .hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transfor m:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.h int--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform: translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px }.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s ;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--b ounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-tra nsform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visib ility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opac ity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.h int--no-shadow:after,.hint--no-shadow:before{text-shadow:initial;box-shadow:init ial}.hint--no-arrow:before{display:none} | |||
End of changes. 2 change blocks. | ||||
3 lines changed or deleted | 3 lines changed or added |