No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
. | .tooltip { | ||
position: relative; | position: relative; | ||
-webkit-transition: all 0.3s ease-in-out 0s; | -webkit-transition: all 0.3s ease-in-out 0s; | ||
transition: all 0.3s ease-in-out 0s; | transition: all 0.3s ease-in-out 0s; | ||
display: inline-block; | display: inline-block; | ||
color: # | color: #0c96ff; | ||
} | } | ||
. | .tooltip:hover { | ||
color: # | color: #fff!important; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
. | .tooltip a{ | ||
position: absolute; | position: absolute; | ||
display: block; | display: block; | ||
| Line 26: | Line 26: | ||
border: 1px solid #514d4d; | border: 1px solid #514d4d; | ||
} | } | ||
. | .tooltip a img { | ||
display: block; | display: block; | ||
border: 1px solid #444; | border: 1px solid #444; | ||
| Line 32: | Line 32: | ||
height: auto; | height: auto; | ||
} | } | ||
. | .tooltip a:after { | ||
content: " "; | |||
border-style: solid; | |||
border-width: 7px 7px 0px 7px; | |||
border-color: rgba(55, 64, 70, 0.5) transparent transparent transparent; | |||
transition-duration: 0s; | |||
transform-origin: top; | |||
transform: translateX(-50%) scaleY(1); | |||
position: absolute; | position: absolute; | ||
left: 5%; | left: 5%; | ||
bottom: -7px; | bottom: -7px; | ||
} | } | ||
. | .tooltip:hover a{ | ||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
. | .tooltip b:before { | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
| Line 62: | Line 62: | ||
transition: all 0.3s ease-in-out 0s; | transition: all 0.3s ease-in-out 0s; | ||
} | } | ||
. | .tooltip b:hover:before { | ||
visibility: visible; | visibility: visible; | ||
background-color: #0c96ff!important; | background-color: #0c96ff!important; | ||
| Line 68: | Line 68: | ||
transform: scaleX(1); | transform: scaleX(1); | ||
} | } | ||
}} | }} | ||
632Articles