This repository has been archived by the owner on Jun 14, 2020. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
2,061 additions
and
8 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,232 @@ | ||
/*! | ||
* qTip2 - Pretty powerful tooltips - v2.0.1-3-g | ||
* http://qtip2.com | ||
* | ||
* Copyright (c) 2013 Craig Michael Thompson | ||
* Released under the MIT, GPL licenses | ||
* http://jquery.org/license | ||
* | ||
* Date: Fri Jan 4 2013 03:59 GMT+0000 | ||
* Plugins: svg ajax tips modal viewport imagemap ie6 | ||
* Styles: basic css3 | ||
*/ | ||
|
||
/* 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; | ||
} | ||
|
Oops, something went wrong.