| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- /*! qTip2 - Pretty powerful tooltips - v2.0.0 - 2012-12-21
- * http://craigsworks.com/projects/qtip2/
- * Copyright (c) 2012 Craig Michael Thompson; Licensed MIT, GPL */
- /* Core qTip styles */
- .qtip, .qtip{
- position: absolute;
- left: -28000px;
- top: -28000px;
- display: none;
- max-width: 280px;
- min-width: 50px;
- font-size: 10.5px;
- line-height: 12px;
- direction: ltr;
- }
- .qtip-content{
- position: relative;
- padding: 5px 9px;
- overflow: hidden;
- text-align: left;
- word-wrap: break-word;
- }
- .qtip-titlebar{
- position: relative;
- padding: 5px 35px 5px 10px;
- overflow: hidden;
- border-width: 0 0 1px;
- font-weight: bold;
- }
- .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
- /* Default close button class */
- .qtip-close{
- position: absolute;
- right: -9px; top: -9px;
- cursor: pointer;
- outline: medium none;
- border-width: 1px;
- border-style: solid;
- border-color: transparent;
- }
- .qtip-titlebar .qtip-close{
- right: 4px; top: 50%;
- margin-top: -9px;
- }
- * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
- .qtip-titlebar .ui-icon,
- .qtip-icon .ui-icon{
- display: block;
- text-indent: -1000em;
- direction: ltr;
- vertical-align: middle;
- }
- .qtip-icon, .qtip-icon .ui-icon{
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- text-decoration: none;
- }
- .qtip-icon .ui-icon{
- width: 18px;
- height: 14px;
- text-align: center;
- text-indent: 0;
- font: normal bold 10px/13px Tahoma,sans-serif;
- color: inherit;
- background: transparent none no-repeat -100em -100em;
- }
- /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
- .qtip-focus{}
- /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
- .qtip-hover{}
- /* Default tooltip style */
- .qtip-default{
- border-width: 1px;
- border-style: solid;
- border-color: #F1D031;
- background-color: #FFFFA3;
- color: #555;
- }
- .qtip-default .qtip-titlebar{
- background-color: #FFEF93;
- }
- .qtip-default .qtip-icon{
- border-color: #CCC;
- background: #F1F1F1;
- color: #777;
- }
- .qtip-default .qtip-titlebar .qtip-close{
- border-color: #AAA;
- color: #111;
- }
- /*! Light tooltip style */
- .qtip-light{
- background-color: white;
- border-color: #E2E2E2;
- color: #454545;
- }
- .qtip-light .qtip-titlebar{
- background-color: #f1f1f1;
- }
- /*! Dark tooltip style */
- .qtip-dark{
- background-color: #505050;
- border-color: #303030;
- color: #f3f3f3;
- }
- .qtip-dark .qtip-titlebar{
- background-color: #404040;
- }
- .qtip-dark .qtip-icon{
- border-color: #444;
- }
- .qtip-dark .qtip-titlebar .ui-state-hover{
- border-color: #303030;
- }
- /*! Cream tooltip style */
- .qtip-cream{
- background-color: #FBF7AA;
- border-color: #F9E98E;
- color: #A27D35;
- }
- .qtip-cream .qtip-titlebar{
- background-color: #F0DE7D;
- }
- .qtip-cream .qtip-close .qtip-icon{
- background-position: -82px 0;
- }
- /*! Red tooltip style */
- .qtip-red{
- background-color: #F78B83;
- border-color: #D95252;
- color: #912323;
- }
- .qtip-red .qtip-titlebar{
- background-color: #F06D65;
- }
- .qtip-red .qtip-close .qtip-icon{
- background-position: -102px 0;
- }
- .qtip-red .qtip-icon{
- border-color: #D95252;
- }
- .qtip-red .qtip-titlebar .ui-state-hover{
- border-color: #D95252;
- }
- /*! Green tooltip style */
- .qtip-green{
- background-color: #CAED9E;
- border-color: #90D93F;
- color: #3F6219;
- }
- .qtip-green .qtip-titlebar{
- background-color: #B0DE78;
- }
- .qtip-green .qtip-close .qtip-icon{
- background-position: -42px 0;
- }
- /*! Blue tooltip style */
- .qtip-blue{
- background-color: #E5F6FE;
- border-color: #ADD9ED;
- color: #5E99BD;
- }
- .qtip-blue .qtip-titlebar{
- background-color: #D0E9F5;
- }
- .qtip-blue .qtip-close .qtip-icon{
- background-position: -2px 0;
- }
|