cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust tooltip style

Browse source
This commit is contained in:
John Firebaugh 2013-08-07 16:13:55 -07:00 • committed by Tom Hughes
parent 54ded37bf2
commit 3fe95f4a16
1 changed files with 46 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

91
app/assets/stylesheets/common.css.scss
View file

@ -528,84 +528,85 @@ a.donate {
/* Rules for bootstrap tooltips */
.tooltip {
position: absolute;
display: none;
color:#333;
text-align: left;
font-size: 12px;
position: absolute;
display: none;
color: #333;
text-align: left;
font-size: 12px;
max-width: 250px;
}
.tooltip.in {
opacity: 0.8;
z-index: 1030;
height: auto;
display: block;
opacity: 0.8;
z-index: 1030;
height: auto;
display: block;
}
.tooltip.top {
margin-top: -20px;
text-align: center;
margin-top: -10px;
text-align: center;
}
.tooltip.right {
margin-left: 20px;
margin-left: 10px;
}
.tooltip.bottom {
margin-top: 20px;
text-align: center;
margin-top: 10px;
text-align: center;
}
.tooltip.left {
margin-left: -20px;
text-align: right;
margin-left: -10px;
text-align: right;
}
.tooltip-inner {
display: inline-block;
padding: 10px;
font-weight: normal;
background-color: white;
display: inline-block;
padding: 10px;
font-weight: normal;
background-color: white;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: -5px;
left: 50%;
margin-left: -5px;
border-top-color: white;
border-width: 5px 5px 0;
bottom: -5px;
left: 50%;
margin-left: -5px;
border-top-color: white;
border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: -5px;
margin-top: -5px;
border-right-color: white;
border-width: 5px 5px 5px 0;
top: 50%;
left: -5px;
margin-top: -5px;
border-right-color: white;
border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: -5px;
margin-top: -5px;
border-left-color: white;
border-width: 5px 0 5px 5px;
top: 50%;
right: -5px;
margin-top: -5px;
border-left-color: white;
border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
top: -5px;
left: 50%;
margin-left: -5px;
border-bottom-color: white;
border-width: 0 5px 5px;
top: -5px;
left: 50%;
margin-left: -5px;
border-bottom-color: white;
border-width: 0 5px 5px;
}
/* Rules for Leaflet maps */