Initial Commit
This commit is contained in:
21
Media/tooltipster-1.2/css/themes/tooltipster-chocolate.css
Normal file
21
Media/tooltipster-1.2/css/themes/tooltipster-chocolate.css
Normal 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;
|
||||
}
|
||||
22
Media/tooltipster-1.2/css/themes/tooltipster-clean-cut.css
Normal file
22
Media/tooltipster-1.2/css/themes/tooltipster-clean-cut.css
Normal 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;
|
||||
}
|
||||
29
Media/tooltipster-1.2/css/themes/tooltipster-smoke.css
Normal file
29
Media/tooltipster-1.2/css/themes/tooltipster-smoke.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/*
|
||||
“Smoke” - ‘cause I’m 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;
|
||||
}
|
||||
96
Media/tooltipster-1.2/css/tooltipster.css
Normal file
96
Media/tooltipster-1.2/css/tooltipster.css
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user