Skip to content

Instantly share code, notes, and snippets.

@jakesylvestre
Created July 1, 2014 02:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jakesylvestre/2746b551f422c3557cac to your computer and use it in GitHub Desktop.
Save jakesylvestre/2746b551f422c3557cac to your computer and use it in GitHub Desktop.
/*
* Part of Tipped - The jQuery Tooltip
* http://projects.nickstakenburg.com/tipped
*
* Documentation:
* http://projects.nickstakenburg.com/tipped/documentation/skins
*
* IMPORTANT!:
* It's recommended to add CSS for custom skins in a separate file,
* that way this file can be updated without losing your own skins.
*/
/* Font styling for all skins */
.t_ContentContainer {
color: #333;
font-size: 11px;
line-height: 17px;
padding: 0px;
}
/* Skins with a different font color */
.t_Content_black,
.t_Content_dark,
.t_Content_gray {
color: #efefef;
}
/* Styling links so they are visible no matter is defined on the page behind */
.t_ContentContainer a,
.t_ContentContainer a:hover {
color: #8e8e8e;
text-decoration: none;
background: none;
border: 0;
}
.t_ContentContainer a:hover {
text-decoration: underline;
}
/* Some skins need different link colors for visibility */
.t_Content_dark a, .t_Content_dark a:hover,
.t_Content_black a, .t_Content_black a:hover {
color: #ccc;
}
.t_Content_gray a, .t_Content_gray a:hover { color: #232323; }
/* RGB */
.t_Content_red,
.t_Content_green,
.t_Content_blue {
color: #efefef;
font-size: 11px;
line-height: 17px;
padding: 10px;
}
.t_Content_red a,
.t_Content_red a:hover,
.t_Content_green a,
.t_Content_green a:hover,
.t_Content_blue a,
.t_Content_blue a:hover {
text-decoration: none;
background: none;
border: 0;
color: #ccc;
}
.t_Content_red a:hover,
.t_Content_green a:hover,
.t_Content_blue a:hover {
text-decoration: underline;
}
/* tiny */
.t_Content_tiny {
color: #efefef;
font-size: 11px;
line-height: 16px;
padding: 6px 9px;
}
.t_Content_tiny a,
.t_Content_tiny a:hover {
color: #b3b3b3;
text-decoration: none;
background: none;
border: 0;
}
/*
* Layout (DON'T MODIFY BELOW!)
*/
.t_Tooltip {
margin: 0;
padding: 0;
position: absolute;
overflow: hidden;
background-color: transparent;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.t_Tooltip.t_hidden { opacity: 0; }
.t_Tooltip.t_visible { opacity: 1; }
.t_Skin {
position: absolute;
top: 0;
left: 0;
}
.t_Skin * { zoom: 1; } /* IE7 */
.t_Bubble {
position: relative;
}
.t_Background,
.t_Stem { position: absolute; }
.t_Close {
position: absolute;
cursor: pointer;
top: 0;
}
.t_CloseButtonShift {
position: relative;
overflow: hidden;
float: left;
}
.t_CloseState {
position: absolute;
margin: 0;
padding: 0;
left: 0;
}
.t_Content {
position: absolute;
top: 0;
left: 0;
}
.t_iframeShim {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
/*
* Shadow
*/
.t_Shadow {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.t_Shadow .t_ShadowInnerWrapper{
position: relative;
float: left;
margin: 0;
padding: 0;
}
.t_ShadowBubble {
position: relative;
padding: 0;
margin: 0;
float: left;
}
.t_ShadowBackground,
.t_ShadowStem { position: absolute; }
.t_ShadowBackground *, .t_ShadowStem * { float: left; }
.t_CloseButtonShadow {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.t_UpdateQueue {
position: absolute;
top: -15000px;
left: -15000px;
width: 5000px;
height: 5000px;
visibility: hidden;
}
.t_UpdateQueue .t_Tooltip,
.t_UpdateQueue .t_Content {
position: relative;
overflow: visible;
float: left;
top: auto;
left: auto;
width: 100%;
}
.t_Tooltip .t_ContentContainer {
float: left;
clear: both;
position: relative;
}
.t_UpdateQueue .t_ContentContainer {
position: absolute;
top: 0;
left: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment