application/media/js/jquery.qtip.custom/jquery.qtip.css

   1 /*
   2  * qTip2 - Pretty powerful tooltips - v2.2.0
   3  * http://qtip2.com
   4  *
   5  * Copyright (c) 2013 Craig Michael Thompson
   6  * Released under the MIT, GPL licenses
   7  * http://jquery.org/license
   8  *
   9  * Date: Mon Dec 16 2013 04:37 EST-0500
  10  * Plugins: viewport
  11  * Styles: basic
  12  */
  13 .qtip{
  14         position: absolute;
  15         left: -28000px;
  16         top: -28000px;
  17         display: none;
  18
  19         max-width: 280px;
  20         min-width: 50px;
  21
  22         font-size: 10.5px;
  23         line-height: 12px;
  24
  25         direction: ltr;
  26
  27         box-shadow: none;
  28         padding: 0;
  29 }
  30
  31         .qtip-content{
  32                 position: relative;
  33                 padding: 5px 9px;
  34                 overflow: hidden;
  35
  36                 text-align: left;
  37                 word-wrap: break-word;
  38         }
  39
  40         .qtip-titlebar{
  41                 position: relative;
  42                 padding: 5px 35px 5px 10px;
  43                 overflow: hidden;
  44
  45                 border-width: 0 0 1px;
  46                 font-weight: bold;
  47         }
  48
  49         .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
  50
  51         /* Default close button class */
  52         .qtip-close{
  53                 position: absolute;
  54                 right: -9px; top: -9px;
  55
  56                 cursor: pointer;
  57                 outline: medium none;
  58
  59                 border-width: 1px;
  60                 border-style: solid;
  61                 border-color: transparent;
  62         }
  63
  64                 .qtip-titlebar .qtip-close{
  65                         right: 4px; top: 50%;
  66                         margin-top: -9px;
  67                 }
  68
  69                 * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
  70
  71                 .qtip-titlebar .ui-icon,
  72                 .qtip-icon .ui-icon{
  73                         display: block;
  74                         text-indent: -1000em;
  75                         direction: ltr;
  76                 }
  77
  78                 .qtip-icon, .qtip-icon .ui-icon{
  79                         -moz-border-radius: 3px;
  80                         -webkit-border-radius: 3px;
  81                         border-radius: 3px;
  82                         text-decoration: none;
  83                 }
  84
  85                         .qtip-icon .ui-icon{
  86                                 width: 18px;
  87                                 height: 14px;
  88
  89                                 line-height: 14px;
  90                                 text-align: center;
  91                                 text-indent: 0;
  92                                 font: normal bold 10px/13px Tahoma,sans-serif;
  93
  94                                 color: inherit;
  95                                 background: transparent none no-repeat -100em -100em;
  96                         }
  97
  98 /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
  99 .qtip-focus{}
 100
 101 /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
 102 .qtip-hover{}
 103
 104 /* Default tooltip style */
 105 .qtip-default{
 106         border-width: 1px;
 107         border-style: solid;
 108         border-color: #F1D031;
 109
 110         background-color: #FFFFA3;
 111         color: #555;
 112 }
 113
 114         .qtip-default .qtip-titlebar{
 115                 background-color: #FFEF93;
 116         }
 117
 118         .qtip-default .qtip-icon{
 119                 border-color: #CCC;
 120                 background: #F1F1F1;
 121                 color: #777;
 122         }
 123
 124         .qtip-default .qtip-titlebar .qtip-close{
 125                 border-color: #AAA;
 126                 color: #111;
 127         }
 128
 129
 130
 131 /*! Light tooltip style */
 132 .qtip-light{
 133         background-color: white;
 134         border-color: #E2E2E2;
 135         color: #454545;
 136 }
 137
 138         .qtip-light .qtip-titlebar{
 139                 background-color: #f1f1f1;
 140         }
 141
 142
 143 /*! Dark tooltip style */
 144 .qtip-dark{
 145         background-color: #505050;
 146         border-color: #303030;
 147         color: #f3f3f3;
 148 }
 149
 150         .qtip-dark .qtip-titlebar{
 151                 background-color: #404040;
 152         }
 153
 154         .qtip-dark .qtip-icon{
 155                 border-color: #444;
 156         }
 157
 158         .qtip-dark .qtip-titlebar .ui-state-hover{
 159                 border-color: #303030;
 160         }
 161
 162
 163 /*! Cream tooltip style */
 164 .qtip-cream{
 165         background-color: #FBF7AA;
 166         border-color: #F9E98E;
 167         color: #A27D35;
 168 }
 169
 170         .qtip-cream .qtip-titlebar{
 171                 background-color: #F0DE7D;
 172         }
 173
 174         .qtip-cream .qtip-close .qtip-icon{
 175                 background-position: -82px 0;
 176         }
 177
 178
 179 /*! Red tooltip style */
 180 .qtip-red{
 181         background-color: #F78B83;
 182         border-color: #D95252;
 183         color: #912323;
 184 }
 185
 186         .qtip-red .qtip-titlebar{
 187                 background-color: #F06D65;
 188         }
 189
 190         .qtip-red .qtip-close .qtip-icon{
 191                 background-position: -102px 0;
 192         }
 193
 194         .qtip-red .qtip-icon{
 195                 border-color: #D95252;
 196         }
 197
 198         .qtip-red .qtip-titlebar .ui-state-hover{
 199                 border-color: #D95252;
 200         }
 201
 202
 203 /*! Green tooltip style */
 204 .qtip-green{
 205         background-color: #CAED9E;
 206         border-color: #90D93F;
 207         color: #3F6219;
 208 }
 209
 210         .qtip-green .qtip-titlebar{
 211                 background-color: #B0DE78;
 212         }
 213
 214         .qtip-green .qtip-close .qtip-icon{
 215                 background-position: -42px 0;
 216         }
 217
 218
 219 /*! Blue tooltip style */
 220 .qtip-blue{
 221         background-color: #E5F6FE;
 222         border-color: #ADD9ED;
 223         color: #5E99BD;
 224 }
 225
 226         .qtip-blue .qtip-titlebar{
 227                 background-color: #D0E9F5;
 228         }
 229
 230         .qtip-blue .qtip-close .qtip-icon{
 231                 background-position: -2px 0;
 232         }
 233