sandros/laps
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 22 Activity

Switched tooltips implementation to modified Bootstrap script

Browse Source
This commit is contained in:
Andrey Savchenko committed 2013-12-04 22:18:38 +02:00
1 parent d8f354afbc
commit e2a176f8ef
9 files changed
+664 -292
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/laps.css
+104 -6
View File
@@ -32,7 +32,7 @@
font-size: 12px;
color: #fff;
text-align: center;
background-color: #428bca;
background-color: #5bc0de;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
@@ -52,11 +52,109 @@
#wpadminbar .laps-timeline .event-query {
background-color: #5bc0de;
}
#wpadminbar [data-hint]:after {
font-size: 13px;
background-color: #464646;
text-shadow: none;
#wpadminbar .tooltip {
position: absolute;
z-index: 100000;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
#wpadminbar .hint--bottom:before {
#wpadminbar .tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
#wpadminbar .tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
#wpadminbar .tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
#wpadminbar .tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
#wpadminbar .tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
#wpadminbar .tooltip-inner {
max-width: 300px;
padding: 3px 8px;
color: #cccccc;
text-align: center;
text-decoration: none;
background-color: #464646;
border-radius: 4px;
}
#wpadminbar .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
#wpadminbar .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #464646;
}
#wpadminbar .tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #464646;
}
#wpadminbar .tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #464646;
}
#wpadminbar .tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #464646;
}
#wpadminbar .tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #464646;
}
#wpadminbar .tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #464646;
}
#wpadminbar .tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #464646;
}
#wpadminbar .tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #464646;
}
#wpadminbar .tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}
#wpadminbar .tooltip-inner {
line-height: 20px;
text-align: left;
}