No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
. | .PostUrl_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: #ff0; | ||
} | } | ||
.PostUrl_tooltip:hover { | |||
color: #0c96ff!important; | |||
color: # | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.PostUrl_tooltip a{ | |||
. | |||
position: absolute; | position: absolute; | ||
display: block; | display: block; | ||
Line 53: | Line 26: | ||
border: 1px solid #514d4d; | border: 1px solid #514d4d; | ||
} | } | ||
.PostUrl_tooltip a img { | |||
. | |||
display: block; | display: block; | ||
border: 1px solid #444; | border: 1px solid #444; | ||
Line 60: | Line 32: | ||
height: auto; | height: auto; | ||
} | } | ||
.PostUrl_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; | ||
} | } | ||
.PostUrl_tooltip:hover a{ | |||
. | |||
visibility: visible; | visibility: visible; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
.PostUrl_tooltip b:before { | |||
. | |||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
Line 93: | Line 62: | ||
transition: all 0.3s ease-in-out 0s; | transition: all 0.3s ease-in-out 0s; | ||
} | } | ||
.PostUrl_tooltip b:hover:before { | |||
. | |||
visibility: visible; | visibility: visible; | ||
background-color: #0c96ff!important; | background-color: #0c96ff!important; | ||
Line 100: | Line 68: | ||
transform: scaleX(1); | transform: scaleX(1); | ||
} | } | ||
}} | }} |