Files
PQS/css/tooltip.css
2026-07-01 10:59:51 -05:00

118 lines
2.6 KiB
CSS

.ui-tooltip, .qtip{
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 400px;
min-width: 50px;
font-size: 22px;
line-height: 24px;
border-width: 1px;
border-style: solid;
}
.ui-tooltip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word;
overflow: hidden;
}
/*! Default tooltip style */
.ui-tooltip-default{
border: 1px solid #FEAE01;
color: #FFFFFF;
text-shadow: 2px 2px 2px #FEAE01;
background-color: #000000;
text-align: center;
}
/* Modal plugin */
#qtip-overlay{
position: fixed;
left: -10000em;
top: -10000em;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }
/* Change opacity of overlay here */
#qtip-overlay div{
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: black;
opacity: 0.7;
filter:alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
margin: 0 auto;
overflow: hidden;
z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip *{
position: absolute;
line-height: 0.1px !important;
font-size: 0.1px !important;
color: #123456;
background: transparent;
border: 0px dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
.ui-tooltip-pqs{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 0px rgba(254, 174, 1, 2);
-moz-box-shadow: 0px 0px 5px rgba(254, 174, 1, 2);
box-shadow: 0px 0px 5px rgba(254, 174, 1, 2);
color: white;
border: 1px solid #FEAE01;
background: #202020;
background-image: -moz-linear-gradient(top,#202020 0,black 100%);
background-image: -ms-linear-gradient(top,#202020 0,black 100%);
background-image: -o-linear-gradient(top,#202020 0,black 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#202020),color-stop(100%,black));
background-image: -webkit-linear-gradient(top,#202020 0,black 100%);
background-image: linear-gradient(to bottom,#202020 0,black 100%);
}
.ui-tooltip-youtube .ui-tooltip-titlebar{
background-color: #202020;
background-color: rgba(0,0,0,0);
}
.ui-tooltip-youtube .ui-tooltip-content{
padding: .75em;
font: 22px arial,sans-serif;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#202020,EndColorStr=#000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#202020,EndColorStr=#000000);";
}