Created
July 1, 2014 02:15
-
-
Save jakesylvestre/2746b551f422c3557cac to your computer and use it in GitHub Desktop.
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
/* | |
* 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