Initial Commit

This commit is contained in:
2013-02-08 20:18:32 +00:00
commit eaaf97ef7e
61 changed files with 3375 additions and 0 deletions

View File

@@ -0,0 +1,21 @@
/* Copy and paste this into your tooltipster.css file. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.tooltipster-chocolate') */
.tooltipster-chocolate {
background-color: #7f5d3c;
border: 2px solid #5c3d1f;
color: #fafaeb;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 12px;
position: absolute;
padding: 10px;
border-radius: 4px;
text-align: center;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-chocolate .tooltip-arrow {
text-shadow: 0px 2px 0px #654728, 1px 1px 0px #654728, -1px 1px 0px #654728;
}

View File

@@ -0,0 +1,22 @@
/* Copy and paste this into your tooltipster.css file. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.tooltipster-clean-cut') */
.tooltipster-clean-cut {
background-color: #f9f9f9;
border: 1px solid #dadada;
box-shadow: inset 0px 1px 0px #fff;
color: #595959;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 12px;
position: absolute;
padding: 10px;
border-radius: 4px;
text-align: center;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-clean-cut .tooltip-arrow {
text-shadow: 0px 2px 0px #dadada, 0px 1px 0px #dadada;
}

View File

@@ -0,0 +1,29 @@
/*
“Smoke” - cause Im a Tony Stewart (#14) fan!
By Kevin Traas <kevin@tra.as> - Sep 13, 2012
Copy and paste this into your tooltipster.css file. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.tooltipster-chocolate')
*/
.tooltipster-smoke {
background-color: #111;
border: 2px solid black;
border-radius: 6px;
box-shadow: 5px 5px 7px #444;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
color: white;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 12px;
position: absolute;
padding: 10px;
text-align: center;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-smoke .tooltip-arrow {
text-shadow: 5px 5px 7px #444;
}

View File

@@ -0,0 +1,96 @@
/* This is the default styling for all Tooltipsters: */
.tooltip-message {
background: #000; /* <- for IE */
background: rgba(0,0,0,0.9);
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 12px;
position: absolute;
padding: 10px;
border-radius: 2px;
text-align: center;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
/* When you want to create a second class for your Tooltipster messages, copy (or modify) this template and add your style to it. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.my-custom-theme') */
.my-custom-theme {
position: absolute;
text-align: center;
z-index: 9999999;
pointer-events: none;
width: auto;
/* Start styling here... */
}
/* Add a slight border radius to all images inside the Tooltipsters */
.tooltip-message img {
border-radius: 2px;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. If you need to change the color of the arrow to match a custom Tooltipster theme, set it in your Tooltipster settings (arrowColor: '#yourcolor') */
.tooltip-arrow {
display: block;
text-align: center;
font-size: 12px;
line-height: 12px;
width: 100%;
height: 5px;
position: absolute;
left: 0px;
z-index: -1;
}
.tooltip-arrow-top {
bottom: -3px;
margin: 0 auto;
text-align: center;
}
.tooltip-arrow-top-right {
bottom: -3px;
margin-left: -10px;
text-align: right;
}
.tooltip-arrow-top-left {
bottom: -3px;
margin-left: 10px;
text-align: left;
}
.tooltip-arrow-bottom {
top: -10px;
margin: 0 auto;
text-align: center;
}
.tooltip-arrow-bottom-right {
top: -10px;
margin-left: -10px;
text-align: right;
}
.tooltip-arrow-bottom-left {
top: -10px;
margin-left: 10px;
text-align: left;
}
.tooltip-arrow-left {
top: 0px;
right: -18px;
margin: 0 auto;
text-align: right;
}
.tooltip-arrow-right {
top: 0px;
left: -8px;
margin: 0 auto;
text-align: left;
}
/* Some styling to enable the slide animation */
.tooltip-slide {
height: 0px;
position: absolute;
width: auto;
z-index: 9999999;
overflow: hidden;
}