Rumperuu/footnotes
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

- Bugfix: New styling of the mouse-over box to stay in screen (thanks to Jori, France and Manuel345, undisclosed location)

Browse source 
git-svn-id: https://plugins.svn.wordpress.org/footnotes/trunk@939570 b8457f37-d9ea-0310-8a92-e5e31aec5664
This commit is contained in:
Aricura 2014-06-27 10:40:26 +00:00
parent 62d5d5129e
commit d67032c3e4
7 changed files with 74 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

63
css/footnote.css
View file

@ -102,59 +102,18 @@
}
/* tooltip */
.footnote_plugin_tooltip, .footnote_plugin_tooltip a {
/*outline: none !important;*/
/*color: #4777ff !important;*/
text-decoration: none !important;
cursor: pointer !important;
}
.footnote_plugin_tooltip strong {
line-height: 30px !important;
}
.footnote_plugin_tooltip:hover {
.footnote_plugin_tooltip_text {
text-decoration: none !important;
}
.footnote_plugin_tooltip span {
z-index: 10 !important;
display: none !important;
padding: 14px 20px !important;
margin-top: -30px !important;
/*margin-left: 28px !important;*/
/*width: 240px;*/
line-height: 16px !important;
cursor: default;
}
/*
* added width and white-space styling in version 1.0.6
*/
.footnote_plugin_tooltip:hover span, .footnote_plugin_tooltip span:hover {
display: inline !important;
position: absolute !important;
color: #474747 !important;
border: 1px solid #ddccaa !important;
background: #fffaf0 !important;
width: auto;
white-space: nowrap;
}
.callout {
z-index: 20 !important;
position: absolute !important;
top: 30px !important;
border: 0 !important;
left: -12px !important;
}
/*CSS3 extras*/
.footnote_plugin_tooltip span {
border-radius: 4px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-box-shadow: 5px 5px 8px #cccccc !important;
-webkit-box-shadow: 5px 5px 8px #cccccc !important;
box-shadow: 5px 5px 8px #cccccc !important;
/* tooltip styling */
.tooltip {
display: none;
background-color: #fff7a7;
border: 1px solid #cccc99;
border-radius: 3px;
padding: 12px;
font-size: 13px;
-moz-box-shadow: 2px 2px 11px #666;
-webkit-box-shadow: 2px 2px 11px #666;
}