|
|
| Line 160: |
Line 160: |
| left: 50%; | | left: 50%; |
| bottom: -7px; | | bottom: -7px; |
| }
| |
|
| |
| @media screen and (max-width: 850px) {
| |
| .tooltip-short a img, .tooltip a img, .tooltip-long a img {
| |
| height: auto !important;
| |
| max-width: 290px !important;
| |
| }
| |
| } | | } |
|
| |
|
| Line 186: |
Line 179: |
| } | | } |
|
| |
|
| .tooltipvero a::after {
| | |
| content: " ";
| | @media screen and (max-width: 850px) { |
| border-style: solid;
| | .tooltip-short a img, .tooltip a img, .tooltip-long a img { |
| border-width: 7px 7px 0px 7px;
| | height: auto !important; |
| border-color: rgba(55, 64, 70, 0.5) transparent transparent transparent;
| | max-width: 290px !important; |
| transition-duration: 0s;
| |
| transform-origin: top;
| |
| transform: translateX(-50%) scaleY(1);
| |
| position: absolute;
| |
| left: 5%;
| |
| bottom: -7px;
| |
| } | | } |
| .tooltipvero a img {
| |
| display: block;
| |
| border: 1px solid #444;
| |
| max-width: 360px;
| |
| height: auto;
| |
| }
| |
| .tooltiptest:hover .tooltipvero a {
| |
| visibility: visible;
| |
| opacity: 1;
| |
| } | | } |
| }} | | }} |
