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

View File

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