1273562Smarcel/* 2273562Smarcel * qTip2 - Pretty powerful tooltips - v2.1.1 3273562Smarcel * http://qtip2.com 4273562Smarcel * 5273562Smarcel * Copyright (c) 2013 Craig Michael Thompson 6273562Smarcel * Released under the MIT, GPL licenses 7273562Smarcel * http://jquery.org/license 8273562Smarcel * 9273562Smarcel * Date: Thu Jul 11 2013 02:15 UTC+0000 10273562Smarcel * Plugins: tips viewport 11273562Smarcel * Styles: basic css3 12273562Smarcel */ 13273562Smarcel.qtip{ 14273562Smarcel position: absolute; 15273562Smarcel left: -28000px; 16273562Smarcel top: -28000px; 17273562Smarcel display: none; 18273562Smarcel 19273562Smarcel max-width: 280px; 20273562Smarcel min-width: 50px; 21273562Smarcel 22273562Smarcel font-size: 10.5px; 23273562Smarcel line-height: 12px; 24273562Smarcel 25273562Smarcel direction: ltr; 26273562Smarcel 27273562Smarcel box-shadow: none; 28273562Smarcel padding: 0; 29273562Smarcel} 30273562Smarcel 31273562Smarcel .qtip-content{ 32273562Smarcel position: relative; 33273562Smarcel padding: 5px 9px; 34273562Smarcel overflow: hidden; 35273562Smarcel 36273562Smarcel text-align: left; 37273562Smarcel word-wrap: break-word; 38273562Smarcel } 39273562Smarcel 40273562Smarcel .qtip-titlebar{ 41273562Smarcel position: relative; 42273562Smarcel padding: 5px 35px 5px 10px; 43273562Smarcel overflow: hidden; 44273562Smarcel 45273562Smarcel border-width: 0 0 1px; 46273562Smarcel font-weight: bold; 47273562Smarcel } 48273562Smarcel 49273562Smarcel .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } 50273562Smarcel 51273562Smarcel /* Default close button class */ 52273562Smarcel .qtip-close{ 53273562Smarcel position: absolute; 54273562Smarcel right: -9px; top: -9px; 55273562Smarcel 56273562Smarcel cursor: pointer; 57273562Smarcel outline: medium none; 58273562Smarcel 59273562Smarcel border-width: 1px; 60273562Smarcel border-style: solid; 61273562Smarcel border-color: transparent; 62273562Smarcel } 63273562Smarcel 64273562Smarcel .qtip-titlebar .qtip-close{ 65273562Smarcel right: 4px; top: 50%; 66273562Smarcel margin-top: -9px; 67273562Smarcel } 68273562Smarcel 69273562Smarcel * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */ 70273562Smarcel 71273562Smarcel .qtip-titlebar .ui-icon, 72273562Smarcel .qtip-icon .ui-icon{ 73273562Smarcel display: block; 74273562Smarcel text-indent: -1000em; 75273562Smarcel direction: ltr; 76273562Smarcel } 77273562Smarcel 78273562Smarcel .qtip-icon, .qtip-icon .ui-icon{ 79273562Smarcel -moz-border-radius: 3px; 80273562Smarcel -webkit-border-radius: 3px; 81273562Smarcel border-radius: 3px; 82273562Smarcel text-decoration: none; 83273562Smarcel } 84273562Smarcel 85273562Smarcel .qtip-icon .ui-icon{ 86273562Smarcel width: 18px; 87273562Smarcel height: 14px; 88273562Smarcel 89273562Smarcel line-height: 14px; 90273562Smarcel text-align: center; 91273562Smarcel text-indent: 0; 92273562Smarcel font: normal bold 10px/13px Tahoma,sans-serif; 93273562Smarcel 94273562Smarcel color: inherit; 95273562Smarcel background: transparent none no-repeat -100em -100em; 96273562Smarcel } 97273562Smarcel 98273562Smarcel/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ 99273562Smarcel.qtip-focus{} 100273562Smarcel 101273562Smarcel/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ 102273562Smarcel.qtip-hover{} 103273562Smarcel 104273562Smarcel/* Default tooltip style */ 105273562Smarcel.qtip-default{ 106273562Smarcel border-width: 1px; 107273562Smarcel border-style: solid; 108273562Smarcel border-color: #F1D031; 109273562Smarcel 110273562Smarcel background-color: #FFFFA3; 111273562Smarcel color: #555; 112273562Smarcel} 113273562Smarcel 114273562Smarcel .qtip-default .qtip-titlebar{ 115273562Smarcel background-color: #FFEF93; 116273562Smarcel } 117273562Smarcel 118273562Smarcel .qtip-default .qtip-icon{ 119273562Smarcel border-color: #CCC; 120273562Smarcel background: #F1F1F1; 121273562Smarcel color: #777; 122273562Smarcel } 123273562Smarcel 124273562Smarcel .qtip-default .qtip-titlebar .qtip-close{ 125273562Smarcel border-color: #AAA; 126273562Smarcel color: #111; 127273562Smarcel } 128273562Smarcel 129273562Smarcel 130273562Smarcel 131273562Smarcel/*! Light tooltip style */ 132273562Smarcel.qtip-light{ 133273562Smarcel background-color: white; 134273562Smarcel border-color: #E2E2E2; 135273562Smarcel color: #454545; 136273562Smarcel} 137273562Smarcel 138273562Smarcel .qtip-light .qtip-titlebar{ 139273562Smarcel background-color: #f1f1f1; 140273562Smarcel } 141273562Smarcel 142273562Smarcel 143273562Smarcel/*! Dark tooltip style */ 144273562Smarcel.qtip-dark{ 145273562Smarcel background-color: #505050; 146273562Smarcel border-color: #303030; 147273562Smarcel color: #f3f3f3; 148273562Smarcel} 149273562Smarcel 150273562Smarcel .qtip-dark .qtip-titlebar{ 151273562Smarcel background-color: #404040; 152273562Smarcel } 153273562Smarcel 154273562Smarcel .qtip-dark .qtip-icon{ 155273562Smarcel border-color: #444; 156273562Smarcel } 157273562Smarcel 158273562Smarcel .qtip-dark .qtip-titlebar .ui-state-hover{ 159273562Smarcel border-color: #303030; 160273562Smarcel } 161273562Smarcel 162273562Smarcel 163273562Smarcel/*! Cream tooltip style */ 164273562Smarcel.qtip-cream{ 165273562Smarcel background-color: #FBF7AA; 166273562Smarcel border-color: #F9E98E; 167273562Smarcel color: #A27D35; 168273562Smarcel} 169273562Smarcel 170273562Smarcel .qtip-cream .qtip-titlebar{ 171273562Smarcel background-color: #F0DE7D; 172273562Smarcel } 173273562Smarcel 174273562Smarcel .qtip-cream .qtip-close .qtip-icon{ 175273562Smarcel background-position: -82px 0; 176273562Smarcel } 177273562Smarcel 178273562Smarcel 179273562Smarcel/*! Red tooltip style */ 180273562Smarcel.qtip-red{ 181273562Smarcel background-color: #F78B83; 182273562Smarcel border-color: #D95252; 183273562Smarcel color: #912323; 184273562Smarcel} 185273562Smarcel 186273562Smarcel .qtip-red .qtip-titlebar{ 187273562Smarcel background-color: #F06D65; 188273562Smarcel } 189273562Smarcel 190273562Smarcel .qtip-red .qtip-close .qtip-icon{ 191273562Smarcel background-position: -102px 0; 192273562Smarcel } 193273562Smarcel 194273562Smarcel .qtip-red .qtip-icon{ 195273562Smarcel border-color: #D95252; 196273562Smarcel } 197273562Smarcel 198273562Smarcel .qtip-red .qtip-titlebar .ui-state-hover{ 199273562Smarcel border-color: #D95252; 200273562Smarcel } 201273562Smarcel 202273562Smarcel 203273562Smarcel/*! Green tooltip style */ 204273562Smarcel.qtip-green{ 205273562Smarcel background-color: #CAED9E; 206273562Smarcel border-color: #90D93F; 207273562Smarcel color: #3F6219; 208273562Smarcel} 209273562Smarcel 210273562Smarcel .qtip-green .qtip-titlebar{ 211273562Smarcel background-color: #B0DE78; 212273562Smarcel } 213273562Smarcel 214273562Smarcel .qtip-green .qtip-close .qtip-icon{ 215273562Smarcel background-position: -42px 0; 216273562Smarcel } 217273562Smarcel 218273562Smarcel 219273562Smarcel/*! Blue tooltip style */ 220273562Smarcel.qtip-blue{ 221273562Smarcel background-color: #E5F6FE; 222273562Smarcel border-color: #ADD9ED; 223273562Smarcel color: #5E99BD; 224273562Smarcel} 225273562Smarcel 226273562Smarcel .qtip-blue .qtip-titlebar{ 227273562Smarcel background-color: #D0E9F5; 228273562Smarcel } 229273562Smarcel 230273562Smarcel .qtip-blue .qtip-close .qtip-icon{ 231273562Smarcel background-position: -2px 0; 232273562Smarcel } 233273562Smarcel 234273562Smarcel 235273562Smarcel 236273562Smarcel.qtip-shadow{ 237273562Smarcel -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); 238273562Smarcel -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); 239273562Smarcel box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); 240273562Smarcel} 241273562Smarcel 242273562Smarcel/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ 243273562Smarcel.qtip-rounded, 244273562Smarcel.qtip-tipsy, 245273562Smarcel.qtip-bootstrap{ 246273562Smarcel -moz-border-radius: 5px; 247273562Smarcel -webkit-border-radius: 5px; 248273562Smarcel border-radius: 5px; 249273562Smarcel} 250273562Smarcel 251273562Smarcel.qtip-rounded .qtip-titlebar{ 252273562Smarcel -moz-border-radius: 4px 4px 0 0; 253273562Smarcel -webkit-border-radius: 4px 4px 0 0; 254273562Smarcel border-radius: 4px 4px 0 0; 255273562Smarcel} 256273562Smarcel 257273562Smarcel/* Youtube tooltip style */ 258273562Smarcel.qtip-youtube{ 259273562Smarcel -moz-border-radius: 2px; 260273562Smarcel -webkit-border-radius: 2px; 261273562Smarcel border-radius: 2px; 262273562Smarcel 263273562Smarcel -webkit-box-shadow: 0 0 3px #333; 264273562Smarcel -moz-box-shadow: 0 0 3px #333; 265273562Smarcel box-shadow: 0 0 3px #333; 266273562Smarcel 267273562Smarcel color: white; 268273562Smarcel border-width: 0; 269273562Smarcel 270273562Smarcel background: #4A4A4A; 271273562Smarcel background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black)); 272273562Smarcel background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%); 273273562Smarcel background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%); 274273562Smarcel background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%); 275273562Smarcel background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%); 276273562Smarcel} 277273562Smarcel 278273562Smarcel .qtip-youtube .qtip-titlebar{ 279273562Smarcel background-color: #4A4A4A; 280273562Smarcel background-color: rgba(0,0,0,0); 281273562Smarcel } 282273562Smarcel 283273562Smarcel .qtip-youtube .qtip-content{ 284273562Smarcel padding: .75em; 285273562Smarcel font: 12px arial,sans-serif; 286273562Smarcel 287273562Smarcel filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); 288273562Smarcel -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; 289273562Smarcel } 290273562Smarcel 291273562Smarcel .qtip-youtube .qtip-icon{ 292273562Smarcel border-color: #222; 293273562Smarcel } 294273562Smarcel 295273562Smarcel .qtip-youtube .qtip-titlebar .ui-state-hover{ 296273562Smarcel border-color: #303030; 297273562Smarcel } 298273562Smarcel 299273562Smarcel 300273562Smarcel/* jQuery TOOLS Tooltip style */ 301273562Smarcel.qtip-jtools{ 302273562Smarcel background: #232323; 303273562Smarcel background: rgba(0, 0, 0, 0.7); 304273562Smarcel background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); 305273562Smarcel background-image: -moz-linear-gradient(top, #717171, #232323); 306273562Smarcel background-image: -webkit-linear-gradient(top, #717171, #232323); 307273562Smarcel background-image: -ms-linear-gradient(top, #717171, #232323); 308273562Smarcel background-image: -o-linear-gradient(top, #717171, #232323); 309273562Smarcel 310273562Smarcel border: 2px solid #ddd; 311273562Smarcel border: 2px solid rgba(241,241,241,1); 312273562Smarcel 313273562Smarcel -moz-border-radius: 2px; 314273562Smarcel -webkit-border-radius: 2px; 315273562Smarcel border-radius: 2px; 316273562Smarcel 317273562Smarcel -webkit-box-shadow: 0 0 12px #333; 318273562Smarcel -moz-box-shadow: 0 0 12px #333; 319273562Smarcel box-shadow: 0 0 12px #333; 320273562Smarcel} 321273562Smarcel 322273562Smarcel /* IE Specific */ 323273562Smarcel .qtip-jtools .qtip-titlebar{ 324273562Smarcel background-color: transparent; 325273562Smarcel filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); 326273562Smarcel -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; 327273562Smarcel } 328273562Smarcel .qtip-jtools .qtip-content{ 329273562Smarcel filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); 330273562Smarcel -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; 331273562Smarcel } 332273562Smarcel 333273562Smarcel .qtip-jtools .qtip-titlebar, 334273562Smarcel .qtip-jtools .qtip-content{ 335273562Smarcel background: transparent; 336273562Smarcel color: white; 337273562Smarcel border: 0 dashed transparent; 338273562Smarcel } 339273562Smarcel 340273562Smarcel .qtip-jtools .qtip-icon{ 341273562Smarcel border-color: #555; 342273562Smarcel } 343273562Smarcel 344273562Smarcel .qtip-jtools .qtip-titlebar .ui-state-hover{ 345273562Smarcel border-color: #333; 346273562Smarcel } 347273562Smarcel 348273562Smarcel 349273562Smarcel/* Cluetip style */ 350273562Smarcel.qtip-cluetip{ 351273562Smarcel -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); 352273562Smarcel -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); 353273562Smarcel box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); 354273562Smarcel 355273562Smarcel background-color: #D9D9C2; 356273562Smarcel color: #111; 357273562Smarcel border: 0 dashed transparent; 358273562Smarcel} 359273562Smarcel 360273562Smarcel .qtip-cluetip .qtip-titlebar{ 361273562Smarcel background-color: #87876A; 362273562Smarcel color: white; 363273562Smarcel border: 0 dashed transparent; 364273562Smarcel } 365273562Smarcel 366273562Smarcel .qtip-cluetip .qtip-icon{ 367273562Smarcel border-color: #808064; 368273562Smarcel } 369273562Smarcel 370273562Smarcel .qtip-cluetip .qtip-titlebar .ui-state-hover{ 371273562Smarcel border-color: #696952; 372273562Smarcel color: #696952; 373273562Smarcel } 374273562Smarcel 375273562Smarcel 376273562Smarcel/* Tipsy style */ 377273562Smarcel.qtip-tipsy{ 378273562Smarcel background: black; 379273562Smarcel background: rgba(0, 0, 0, .87); 380273562Smarcel 381273562Smarcel color: white; 382273562Smarcel border: 0 solid transparent; 383273562Smarcel 384273562Smarcel font-size: 11px; 385273562Smarcel font-family: 'Lucida Grande', sans-serif; 386273562Smarcel font-weight: bold; 387273562Smarcel line-height: 16px; 388273562Smarcel text-shadow: 0 1px black; 389273562Smarcel} 390273562Smarcel 391273562Smarcel .qtip-tipsy .qtip-titlebar{ 392273562Smarcel padding: 6px 35px 0 10px; 393273562Smarcel background-color: transparent; 394273562Smarcel } 395273562Smarcel 396273562Smarcel .qtip-tipsy .qtip-content{ 397273562Smarcel padding: 6px 10px; 398273562Smarcel } 399273562Smarcel 400273562Smarcel .qtip-tipsy .qtip-icon{ 401273562Smarcel border-color: #222; 402273562Smarcel text-shadow: none; 403273562Smarcel } 404273562Smarcel 405273562Smarcel .qtip-tipsy .qtip-titlebar .ui-state-hover{ 406273562Smarcel border-color: #303030; 407273562Smarcel } 408273562Smarcel 409273562Smarcel 410273562Smarcel/* Tipped style */ 411273562Smarcel.qtip-tipped{ 412273562Smarcel border: 3px solid #959FA9; 413273562Smarcel 414273562Smarcel -moz-border-radius: 3px; 415273562Smarcel -webkit-border-radius: 3px; 416273562Smarcel border-radius: 3px; 417273562Smarcel 418273562Smarcel background-color: #F9F9F9; 419273562Smarcel color: #454545; 420273562Smarcel 421273562Smarcel font-weight: normal; 422273562Smarcel font-family: serif; 423273562Smarcel 424273562Smarcel font-size: 12px; 425273562Smarcel} 426273562Smarcel 427273562Smarcel .qtip-tipped .qtip-titlebar{ 428273562Smarcel border-bottom-width: 0; 429273562Smarcel 430273562Smarcel color: white; 431273562Smarcel background: #3A79B8; 432273562Smarcel background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); 433273562Smarcel background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); 434273562Smarcel background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); 435273562Smarcel background-image: -ms-linear-gradient(top, #3A79B8, #2E629D); 436273562Smarcel background-image: -o-linear-gradient(top, #3A79B8, #2E629D); 437273562Smarcel filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); 438273562Smarcel -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; 439273562Smarcel 440273562Smarcel font-size: 14px; 441273562Smarcel } 442273562Smarcel 443273562Smarcel .qtip-tipped .qtip-icon{ 444273562Smarcel border: 2px solid #285589; 445273562Smarcel background: #285589; 446273562Smarcel } 447273562Smarcel 448273562Smarcel .qtip-tipped .qtip-icon .ui-icon{ 449273562Smarcel background-color: #FBFBFB; 450273562Smarcel color: #555; 451273562Smarcel } 452273562Smarcel 453273562Smarcel 454273562Smarcel/** 455273562Smarcel * Twitter Bootstrap style. 456273562Smarcel * 457273562Smarcel * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. 458273562Smarcel * Does not work with IE 7. 459273562Smarcel */ 460273562Smarcel.qtip-bootstrap{ 461273562Smarcel /** Taken from Bootstrap body */ 462273562Smarcel font-size: 14px; 463273562Smarcel line-height: 20px; 464273562Smarcel color: #333333; 465273562Smarcel 466273562Smarcel /** Taken from Bootstrap .popover */ 467273562Smarcel padding: 1px; 468273562Smarcel background-color: #ffffff; 469273562Smarcel border: 1px solid #ccc; 470273562Smarcel border: 1px solid rgba(0, 0, 0, 0.2); 471273562Smarcel -webkit-border-radius: 6px; 472273562Smarcel -moz-border-radius: 6px; 473273562Smarcel border-radius: 6px; 474273562Smarcel -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 475273562Smarcel -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 476273562Smarcel box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 477273562Smarcel -webkit-background-clip: padding-box; 478273562Smarcel -moz-background-clip: padding; 479273562Smarcel background-clip: padding-box; 480273562Smarcel} 481273562Smarcel 482273562Smarcel .qtip-bootstrap .qtip-titlebar{ 483273562Smarcel /** Taken from Bootstrap .popover-title */ 484273562Smarcel padding: 8px 14px; 485273562Smarcel margin: 0; 486273562Smarcel font-size: 14px; 487273562Smarcel font-weight: normal; 488273562Smarcel line-height: 18px; 489273562Smarcel background-color: #f7f7f7; 490273562Smarcel border-bottom: 1px solid #ebebeb; 491273562Smarcel -webkit-border-radius: 5px 5px 0 0; 492273562Smarcel -moz-border-radius: 5px 5px 0 0; 493273562Smarcel border-radius: 5px 5px 0 0; 494273562Smarcel } 495273562Smarcel 496273562Smarcel .qtip-bootstrap .qtip-titlebar .qtip-close{ 497273562Smarcel /** 498273562Smarcel * Overrides qTip2: 499273562Smarcel * .qtip-titlebar .qtip-close{ 500273562Smarcel * [...] 501273562Smarcel * right: 4px; 502273562Smarcel * top: 50%; 503273562Smarcel * [...] 504273562Smarcel * border-style: solid; 505273562Smarcel * } 506273562Smarcel */ 507273562Smarcel right: 11px; 508273562Smarcel top: 45%; 509273562Smarcel border-style: none; 510273562Smarcel } 511273562Smarcel 512273562Smarcel .qtip-bootstrap .qtip-content{ 513273562Smarcel /** Taken from Bootstrap .popover-content */ 514273562Smarcel padding: 9px 14px; 515273562Smarcel } 516273562Smarcel 517273562Smarcel .qtip-bootstrap .qtip-icon{ 518273562Smarcel /** 519273562Smarcel * Overrides qTip2: 520273562Smarcel * .qtip-default .qtip-icon { 521273562Smarcel * border-color: #CCC; 522273562Smarcel * background: #F1F1F1; 523273562Smarcel * color: #777; 524273562Smarcel * } 525273562Smarcel */ 526273562Smarcel background: transparent; 527273562Smarcel } 528273562Smarcel 529273562Smarcel .qtip-bootstrap .qtip-icon .ui-icon{ 530273562Smarcel /** 531273562Smarcel * Overrides qTip2: 532273562Smarcel * .qtip-icon .ui-icon{ 533273562Smarcel * width: 18px; 534273562Smarcel * height: 14px; 535273562Smarcel * } 536273562Smarcel */ 537273562Smarcel width: auto; 538273562Smarcel height: auto; 539273562Smarcel 540273562Smarcel /* Taken from Bootstrap .close */ 541273562Smarcel float: right; 542273562Smarcel font-size: 20px; 543273562Smarcel font-weight: bold; 544273562Smarcel line-height: 18px; 545273562Smarcel color: #000000; 546273562Smarcel text-shadow: 0 1px 0 #ffffff; 547273562Smarcel opacity: 0.2; 548273562Smarcel filter: alpha(opacity=20); 549273562Smarcel } 550273562Smarcel 551273562Smarcel .qtip-bootstrap .qtip-icon .ui-icon:hover{ 552273562Smarcel /* Taken from Bootstrap .close:hover */ 553273562Smarcel color: #000000; 554273562Smarcel text-decoration: none; 555273562Smarcel cursor: pointer; 556273562Smarcel opacity: 0.4; 557273562Smarcel filter: alpha(opacity=40); 558273562Smarcel } 559273562Smarcel 560273562Smarcel 561273562Smarcel/* IE9 fix - removes all filters */ 562273562Smarcel.qtip:not(.ie9haxors) div.qtip-content, 563273562Smarcel.qtip:not(.ie9haxors) div.qtip-titlebar{ 564273562Smarcel filter: none; 565273562Smarcel -ms-filter: none; 566273562Smarcel} 567273562Smarcel 568273562Smarcel 569273562Smarcel 570273562Smarcel.qtip .qtip-tip{ 571273562Smarcel margin: 0 auto; 572273562Smarcel overflow: hidden; 573273562Smarcel z-index: 10; 574273562Smarcel 575273562Smarcel} 576273562Smarcel 577273562Smarcel /* Opera bug #357 - Incorrect tip position 578273562Smarcel https://github.com/Craga89/qTip2/issues/367 */ 579273562Smarcel x:-o-prefocus, .qtip .qtip-tip{ 580273562Smarcel visibility: hidden; 581273562Smarcel } 582273562Smarcel 583273562Smarcel .qtip .qtip-tip, 584273562Smarcel .qtip .qtip-tip .qtip-vml, 585273562Smarcel .qtip .qtip-tip canvas{ 586273562Smarcel position: absolute; 587273562Smarcel 588273562Smarcel color: #123456; 589273562Smarcel background: transparent; 590273562Smarcel border: 0 dashed transparent; 591273562Smarcel } 592273562Smarcel 593273562Smarcel .qtip .qtip-tip canvas{ top: 0; left: 0; } 594273562Smarcel 595273562Smarcel .qtip .qtip-tip .qtip-vml{ 596273562Smarcel behavior: url(#default#VML); 597273562Smarcel display: inline-block; 598273562Smarcel visibility: visible; 599273562Smarcel } 600