css indent alignment

Signed-off-by: Roger Szabo <roger.szabo@web.de>
This commit is contained in:
Roger Szabo 2018-04-25 14:47:16 +08:00
parent 571b337a5e
commit cc40917e5e
1 changed files with 87 additions and 70 deletions

View File

@ -20,108 +20,125 @@
}
.tooltip {
position:absolute;
display:block;
font-family:'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
font-style:normal;
font-weight:400;
letter-spacing:normal;
line-break:auto;
line-height:1.6;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
white-space:normal;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
font-size:12px;
opacity:0;
z-index:100000;
filter:drop-shadow(0 1px 10px rgba(77, 77, 77, 0.75));
position:absolute;
display:block;
font-family:'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
font-style:normal;
font-weight:400;
letter-spacing:normal;
line-break:auto;
line-height:1.6;
text-align:left;
text-align:start;
text-decoration:none;
text-shadow:none;
text-transform:none;
white-space:normal;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
font-size:12px;
opacity:0;
z-index:100000;
filter:drop-shadow(0 1px 10px rgba(77, 77, 77, 0.75));
}
.tooltip.in {
opacity:1
opacity:1
}
.tooltip.top {
margin-top:-3px;
padding:10px 0
margin-top:-3px;
padding:10px 0
}
.tooltip.bottom {
margin-top:3px;
padding:10px 0
margin-top:3px;
padding:10px 0
}
.tooltip.right {
margin-left:3px;
padding:0 10px
margin-left:3px;
padding:0 10px
}
.tooltip.right .tooltip-arrow {
top:50%;
left:0;
margin-top:-10px;
border-width:10px 10px 10px 0;
border-right-color:#fff
top:50%;
left:0;
margin-top:-10px;
border-width:10px 10px 10px 0;
border-right-color:#fff
}
.tooltip.left {
margin-left:-3px;
padding:0 5px
margin-left:-3px;
padding:0 5px
}
.tooltip.left .tooltip-arrow {
top:50%;
right:0;
margin-top:-10px;
border-width:10px 0 10px 10px;
border-left-color:#fff
top:50%;
right:0;
margin-top:-10px;
border-width:10px 0 10px 10px;
border-left-color:#fff
}
.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
bottom:0;
border-width:10px 10px 0;
border-top-color:#fff
bottom:0;
border-width:10px 10px 0;
border-top-color:#fff
}
.tooltip.top .tooltip-arrow {
left:50%;
margin-left:-10px
left:50%;
margin-left:-10px
}
.tooltip.top-left .tooltip-arrow {
right:10px;
margin-bottom:-10px
right:10px;
margin-bottom:-10px
}
.tooltip.top-right .tooltip-arrow {
left:10px;
margin-bottom:-10px
left:10px;
margin-bottom:-10px
}
.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
top:0;
border-width:0 10px 10px;
border-bottom-color:#fff
top:0;
border-width:0 10px 10px;
border-bottom-color:#fff
}
.tooltip.bottom .tooltip-arrow {
left:50%;
margin-left:-10px
left:50%;
margin-left:-10px
}
.tooltip.bottom-left .tooltip-arrow {
right:10px;
margin-top:-10px
right:10px;
margin-top:-10px
}
.tooltip.bottom-right .tooltip-arrow {
left:10px;
margin-top:-10px
left:10px;
margin-top:-10px
}
.tooltip-inner {
max-width:350px;
padding:5px 8px !important;
background-color:#fff;
color:#000 !important;
text-align:center !important;
font-weight:normal !important;
border-radius:3px
max-width:350px;
padding:5px 8px !important;
background-color:#fff;
color:#000 !important;
text-align:center !important;
font-weight:normal !important;
border-radius:3px
}
.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
}