|
@@ -2336,344 +2336,249 @@ |
|
|
clip: auto; |
|
|
clip: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
button[data-balloon] { |
|
|
|
|
|
|
|
|
:root { |
|
|
|
|
|
--balloon-color: rgba(16, 16, 16, 0.95); |
|
|
|
|
|
--balloon-font-size: 12px; |
|
|
|
|
|
--balloon-move: 4px; } |
|
|
|
|
|
|
|
|
|
|
|
button[aria-label][data-balloon-pos] { |
|
|
overflow: visible; } |
|
|
overflow: visible; } |
|
|
|
|
|
|
|
|
[data-balloon] { |
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos] { |
|
|
position: relative; |
|
|
position: relative; |
|
|
cursor: pointer; } |
|
|
cursor: pointer; } |
|
|
[data-balloon]:after { |
|
|
|
|
|
filter: alpha(opactiy=0); |
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|
|
|
|
|
-moz-opacity: 0; |
|
|
|
|
|
-khtml-opacity: 0; |
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos]:after { |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
|
pointer-events: none; |
|
|
pointer-events: none; |
|
|
-webkit-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
-moz-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
-ms-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
-o-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
font-family: sans-serif !important; |
|
|
|
|
|
font-weight: normal !important; |
|
|
|
|
|
font-style: normal !important; |
|
|
|
|
|
text-shadow: none !important; |
|
|
|
|
|
font-size: 12px !important; |
|
|
|
|
|
background: rgba(17, 17, 17, 0.9); |
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
|
transition: all .18s ease-out .18s; |
|
|
|
|
|
text-indent: 0; |
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; |
|
|
|
|
|
font-weight: normal; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
text-shadow: none; |
|
|
|
|
|
font-size: var(--balloon-font-size); |
|
|
|
|
|
background: var(--balloon-color); |
|
|
|
|
|
border-radius: 2px; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
content: attr(data-balloon); |
|
|
|
|
|
|
|
|
content: attr(aria-label); |
|
|
padding: .5em 1em; |
|
|
padding: .5em 1em; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
white-space: nowrap; |
|
|
white-space: nowrap; |
|
|
z-index: 10; } |
|
|
z-index: 10; } |
|
|
[data-balloon]:before { |
|
|
|
|
|
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); |
|
|
|
|
|
background-size: 100% auto; |
|
|
|
|
|
width: 18px; |
|
|
|
|
|
height: 6px; |
|
|
|
|
|
filter: alpha(opactiy=0); |
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|
|
|
|
|
-moz-opacity: 0; |
|
|
|
|
|
-khtml-opacity: 0; |
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos]:before { |
|
|
|
|
|
width: 0; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
border: 5px solid transparent; |
|
|
|
|
|
border-top-color: var(--balloon-color); |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
|
pointer-events: none; |
|
|
pointer-events: none; |
|
|
-webkit-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
-moz-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
-ms-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
-o-transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
transition: all 0.18s ease-out 0.18s; |
|
|
|
|
|
content: ''; |
|
|
|
|
|
|
|
|
transition: all .18s ease-out .18s; |
|
|
|
|
|
content: ""; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
z-index: 10; } |
|
|
z-index: 10; } |
|
|
[data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after { |
|
|
|
|
|
filter: alpha(opactiy=100); |
|
|
|
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
|
|
|
|
|
-moz-opacity: 1; |
|
|
|
|
|
-khtml-opacity: 1; |
|
|
|
|
|
opacity: 1; |
|
|
|
|
|
pointer-events: auto; } |
|
|
|
|
|
[data-balloon].font-awesome:after { |
|
|
|
|
|
font-family: FontAwesome; } |
|
|
|
|
|
[data-balloon][data-balloon-break]:after { |
|
|
|
|
|
white-space: pre; } |
|
|
|
|
|
[data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after { |
|
|
|
|
|
-webkit-transition: none; |
|
|
|
|
|
-moz-transition: none; |
|
|
|
|
|
-ms-transition: none; |
|
|
|
|
|
-o-transition: none; |
|
|
|
|
|
transition: none; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up"]:after { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-bottom: 11px; |
|
|
|
|
|
-webkit-transform: translate(-50%, 10px); |
|
|
|
|
|
-moz-transform: translate(-50%, 10px); |
|
|
|
|
|
-ms-transform: translate(-50%, 10px); |
|
|
|
|
|
transform: translate(-50%, 10px); |
|
|
|
|
|
-webkit-transform-origin: top; |
|
|
|
|
|
-moz-transform-origin: top; |
|
|
|
|
|
-ms-transform-origin: top; |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up"]:before { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
|
-webkit-transform: translate(-50%, 10px); |
|
|
|
|
|
-moz-transform: translate(-50%, 10px); |
|
|
|
|
|
-ms-transform: translate(-50%, 10px); |
|
|
|
|
|
transform: translate(-50%, 10px); |
|
|
|
|
|
-webkit-transform-origin: top; |
|
|
|
|
|
-moz-transform-origin: top; |
|
|
|
|
|
-ms-transform-origin: top; |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(-50%, 0); |
|
|
|
|
|
-moz-transform: translate(-50%, 0); |
|
|
|
|
|
-ms-transform: translate(-50%, 0); |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(-50%, 0); |
|
|
|
|
|
-moz-transform: translate(-50%, 0); |
|
|
|
|
|
-ms-transform: translate(-50%, 0); |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-left"]:after { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
margin-bottom: 11px; |
|
|
|
|
|
-webkit-transform: translate(0, 10px); |
|
|
|
|
|
-moz-transform: translate(0, 10px); |
|
|
|
|
|
-ms-transform: translate(0, 10px); |
|
|
|
|
|
transform: translate(0, 10px); |
|
|
|
|
|
-webkit-transform-origin: top; |
|
|
|
|
|
-moz-transform-origin: top; |
|
|
|
|
|
-ms-transform-origin: top; |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-left"]:before { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 5px; |
|
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
|
-webkit-transform: translate(0, 10px); |
|
|
|
|
|
-moz-transform: translate(0, 10px); |
|
|
|
|
|
-ms-transform: translate(0, 10px); |
|
|
|
|
|
transform: translate(0, 10px); |
|
|
|
|
|
-webkit-transform-origin: top; |
|
|
|
|
|
-moz-transform-origin: top; |
|
|
|
|
|
-ms-transform-origin: top; |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-right"]:after { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
margin-bottom: 11px; |
|
|
|
|
|
-webkit-transform: translate(0, 10px); |
|
|
|
|
|
-moz-transform: translate(0, 10px); |
|
|
|
|
|
-ms-transform: translate(0, 10px); |
|
|
|
|
|
transform: translate(0, 10px); |
|
|
|
|
|
-webkit-transform-origin: top; |
|
|
|
|
|
-moz-transform-origin: top; |
|
|
|
|
|
-ms-transform-origin: top; |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-right"]:before { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
|
-webkit-transform: translate(0, 10px); |
|
|
|
|
|
-moz-transform: translate(0, 10px); |
|
|
|
|
|
-ms-transform: translate(0, 10px); |
|
|
|
|
|
transform: translate(0, 10px); |
|
|
|
|
|
-webkit-transform-origin: top; |
|
|
|
|
|
-moz-transform-origin: top; |
|
|
|
|
|
-ms-transform-origin: top; |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down']:after { |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-top: 11px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
-webkit-transform: translate(-50%, -10px); |
|
|
|
|
|
-moz-transform: translate(-50%, -10px); |
|
|
|
|
|
-ms-transform: translate(-50%, -10px); |
|
|
|
|
|
transform: translate(-50%, -10px); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down']:before { |
|
|
|
|
|
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); |
|
|
|
|
|
background-size: 100% auto; |
|
|
|
|
|
width: 18px; |
|
|
|
|
|
height: 6px; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-top: 5px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
-webkit-transform: translate(-50%, -10px); |
|
|
|
|
|
-moz-transform: translate(-50%, -10px); |
|
|
|
|
|
-ms-transform: translate(-50%, -10px); |
|
|
|
|
|
transform: translate(-50%, -10px); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(-50%, 0); |
|
|
|
|
|
-moz-transform: translate(-50%, 0); |
|
|
|
|
|
-ms-transform: translate(-50%, 0); |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(-50%, 0); |
|
|
|
|
|
-moz-transform: translate(-50%, 0); |
|
|
|
|
|
-ms-transform: translate(-50%, 0); |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-left']:after { |
|
|
|
|
|
left: 0; |
|
|
|
|
|
margin-top: 11px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
-webkit-transform: translate(0, -10px); |
|
|
|
|
|
-moz-transform: translate(0, -10px); |
|
|
|
|
|
-ms-transform: translate(0, -10px); |
|
|
|
|
|
transform: translate(0, -10px); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-left']:before { |
|
|
|
|
|
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); |
|
|
|
|
|
background-size: 100% auto; |
|
|
|
|
|
width: 18px; |
|
|
|
|
|
height: 6px; |
|
|
|
|
|
left: 5px; |
|
|
|
|
|
margin-top: 5px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
-webkit-transform: translate(0, -10px); |
|
|
|
|
|
-moz-transform: translate(0, -10px); |
|
|
|
|
|
-ms-transform: translate(0, -10px); |
|
|
|
|
|
transform: translate(0, -10px); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-right']:after { |
|
|
|
|
|
right: 0; |
|
|
|
|
|
margin-top: 11px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
-webkit-transform: translate(0, -10px); |
|
|
|
|
|
-moz-transform: translate(0, -10px); |
|
|
|
|
|
-ms-transform: translate(0, -10px); |
|
|
|
|
|
transform: translate(0, -10px); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-right']:before { |
|
|
|
|
|
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); |
|
|
|
|
|
background-size: 100% auto; |
|
|
|
|
|
width: 18px; |
|
|
|
|
|
height: 6px; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
margin-top: 5px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
-webkit-transform: translate(0, -10px); |
|
|
|
|
|
-moz-transform: translate(0, -10px); |
|
|
|
|
|
-ms-transform: translate(0, -10px); |
|
|
|
|
|
transform: translate(0, -10px); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(0, 0); |
|
|
|
|
|
-moz-transform: translate(0, 0); |
|
|
|
|
|
-ms-transform: translate(0, 0); |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='left']:after { |
|
|
|
|
|
margin-right: 11px; |
|
|
|
|
|
right: 100%; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
-webkit-transform: translate(10px, -50%); |
|
|
|
|
|
-moz-transform: translate(10px, -50%); |
|
|
|
|
|
-ms-transform: translate(10px, -50%); |
|
|
|
|
|
transform: translate(10px, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='left']:before { |
|
|
|
|
|
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); |
|
|
|
|
|
background-size: 100% auto; |
|
|
|
|
|
width: 6px; |
|
|
|
|
|
height: 18px; |
|
|
|
|
|
margin-right: 5px; |
|
|
|
|
|
right: 100%; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
-webkit-transform: translate(10px, -50%); |
|
|
|
|
|
-moz-transform: translate(10px, -50%); |
|
|
|
|
|
-ms-transform: translate(10px, -50%); |
|
|
|
|
|
transform: translate(10px, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(0, -50%); |
|
|
|
|
|
-moz-transform: translate(0, -50%); |
|
|
|
|
|
-ms-transform: translate(0, -50%); |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(0, -50%); |
|
|
|
|
|
-moz-transform: translate(0, -50%); |
|
|
|
|
|
-ms-transform: translate(0, -50%); |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='right']:after { |
|
|
|
|
|
left: 100%; |
|
|
|
|
|
margin-left: 11px; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
-webkit-transform: translate(-10px, -50%); |
|
|
|
|
|
-moz-transform: translate(-10px, -50%); |
|
|
|
|
|
-ms-transform: translate(-10px, -50%); |
|
|
|
|
|
transform: translate(-10px, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='right']:before { |
|
|
|
|
|
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); |
|
|
|
|
|
background-size: 100% auto; |
|
|
|
|
|
width: 6px; |
|
|
|
|
|
height: 18px; |
|
|
|
|
|
left: 100%; |
|
|
|
|
|
margin-left: 5px; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
-webkit-transform: translate(-10px, -50%); |
|
|
|
|
|
-moz-transform: translate(-10px, -50%); |
|
|
|
|
|
-ms-transform: translate(-10px, -50%); |
|
|
|
|
|
transform: translate(-10px, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after { |
|
|
|
|
|
-webkit-transform: translate(0, -50%); |
|
|
|
|
|
-moz-transform: translate(0, -50%); |
|
|
|
|
|
-ms-transform: translate(0, -50%); |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before { |
|
|
|
|
|
-webkit-transform: translate(0, -50%); |
|
|
|
|
|
-moz-transform: translate(0, -50%); |
|
|
|
|
|
-ms-transform: translate(0, -50%); |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
[data-balloon][data-balloon-length='small']:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 80px; } |
|
|
|
|
|
[data-balloon][data-balloon-length='medium']:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 150px; } |
|
|
|
|
|
[data-balloon][data-balloon-length='large']:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 260px; } |
|
|
|
|
|
[data-balloon][data-balloon-length='xlarge']:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 380px; } |
|
|
|
|
|
@media screen and (max-width: 768px) { |
|
|
|
|
|
[data-balloon][data-balloon-length='xlarge']:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 90vw; } } |
|
|
|
|
|
[data-balloon][data-balloon-length='fit']:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 100%; } |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[aria-label]:hover:before, [aria-label]:hover:after, [aria-label][data-balloon-visible]:before, [aria-label][data-balloon-visible]:after, [aria-label]:not([data-balloon-nofocus]):focus:before, [aria-label]:not([data-balloon-nofocus]):focus:after { |
|
|
|
|
|
opacity: 1; |
|
|
|
|
|
pointer-events: none; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label].font-awesome:after { |
|
|
|
|
|
font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-break]:after { |
|
|
|
|
|
white-space: pre; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-break][data-balloon-length]:after { |
|
|
|
|
|
white-space: pre-line; |
|
|
|
|
|
word-break: break-word; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-blunt]:before, [aria-label][data-balloon-blunt]:after { |
|
|
|
|
|
transition: none; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up"]:after { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
transform: translate(-50%, var(--balloon-move)); |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up"]:before { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
transform: translate(-50%, var(--balloon-move)); |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos="up"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos="up"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-left"]:after { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
transform: translate(0, var(--balloon-move)); |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-left"]:before { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
left: 5px; |
|
|
|
|
|
transform: translate(0, var(--balloon-move)); |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-left"]:hover:after, [aria-label][data-balloon-pos="up-left"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-left"]:hover:before, [aria-label][data-balloon-pos="up-left"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-right"]:after { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
right: 0; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
transform: translate(0, var(--balloon-move)); |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-right"]:before { |
|
|
|
|
|
bottom: 100%; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
transform: translate(0, var(--balloon-move)); |
|
|
|
|
|
transform-origin: top; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-right"]:hover:after, [aria-label][data-balloon-pos="up-right"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="up-right"]:hover:before, [aria-label][data-balloon-pos="up-right"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down"]:after { |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
transform: translate(-50%, calc(var(--balloon-move) * -1)); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down"]:before { |
|
|
|
|
|
width: 0; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
border: 5px solid transparent; |
|
|
|
|
|
border-bottom-color: var(--balloon-color); |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
transform: translate(-50%, calc(var(--balloon-move) * -1)); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos="down"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos="down"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(-50%, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-left"]:after { |
|
|
|
|
|
left: 0; |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
transform: translate(0, calc(var(--balloon-move) * -1)); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-left"]:before { |
|
|
|
|
|
width: 0; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
border: 5px solid transparent; |
|
|
|
|
|
border-bottom-color: var(--balloon-color); |
|
|
|
|
|
left: 5px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
transform: translate(0, calc(var(--balloon-move) * -1)); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-left"]:hover:after, [aria-label][data-balloon-pos="down-left"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-left"]:hover:before, [aria-label][data-balloon-pos="down-left"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-right"]:after { |
|
|
|
|
|
right: 0; |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
transform: translate(0, calc(var(--balloon-move) * -1)); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-right"]:before { |
|
|
|
|
|
width: 0; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
border: 5px solid transparent; |
|
|
|
|
|
border-bottom-color: var(--balloon-color); |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
top: 100%; |
|
|
|
|
|
transform: translate(0, calc(var(--balloon-move) * -1)); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-right"]:hover:after, [aria-label][data-balloon-pos="down-right"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="down-right"]:hover:before, [aria-label][data-balloon-pos="down-right"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(0, 0); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="left"]:after { |
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
right: 100%; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
transform: translate(var(--balloon-move), -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="left"]:before { |
|
|
|
|
|
width: 0; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
border: 5px solid transparent; |
|
|
|
|
|
border-left-color: var(--balloon-color); |
|
|
|
|
|
right: 100%; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
transform: translate(var(--balloon-move), -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos="left"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos="left"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="right"]:after { |
|
|
|
|
|
left: 100%; |
|
|
|
|
|
margin-left: 10px; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
transform: translate(calc(var(--balloon-move) * -1), -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="right"]:before { |
|
|
|
|
|
width: 0; |
|
|
|
|
|
height: 0; |
|
|
|
|
|
border: 5px solid transparent; |
|
|
|
|
|
border-right-color: var(--balloon-color); |
|
|
|
|
|
left: 100%; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
transform: translate(calc(var(--balloon-move) * -1), -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos="right"][data-balloon-visible]:after { |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos="right"][data-balloon-visible]:before { |
|
|
|
|
|
transform: translate(0, -50%); } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-length="small"]:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 80px; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-length="medium"]:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 150px; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-length="large"]:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 260px; } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-length="xlarge"]:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 380px; } |
|
|
|
|
|
@media screen and (max-width: 768px) { |
|
|
|
|
|
[aria-label][data-balloon-length="xlarge"]:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 90vw; } } |
|
|
|
|
|
|
|
|
|
|
|
[aria-label][data-balloon-length="fit"]:after { |
|
|
|
|
|
white-space: normal; |
|
|
|
|
|
width: 100%; } |
|
|
|
|
|
|
|
|
.awesomplete [hidden] { |
|
|
.awesomplete [hidden] { |
|
|
display: none; |
|
|
display: none; |
|
@@ -2818,7 +2723,7 @@ html { |
|
|
font-family: sans-serif; |
|
|
font-family: sans-serif; |
|
|
line-height: 1.15; |
|
|
line-height: 1.15; |
|
|
-webkit-text-size-adjust: 100%; |
|
|
-webkit-text-size-adjust: 100%; |
|
|
-webkit-tap-highlight-color: transparent; } |
|
|
|
|
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } |
|
|
|
|
|
|
|
|
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { |
|
|
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { |
|
|
display: block; } |
|
|
display: block; } |
|
@@ -7535,7 +7440,7 @@ button.bg-dark:focus { |
|
|
z-index: 1; |
|
|
z-index: 1; |
|
|
pointer-events: auto; |
|
|
pointer-events: auto; |
|
|
content: ""; |
|
|
content: ""; |
|
|
background-color: transparent; } |
|
|
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0); } |
|
|
|
|
|
|
|
|
.m-0 { |
|
|
.m-0 { |
|
|
margin: 0 !important; } |
|
|
margin: 0 !important; } |
|
|