/* * Include SCSS Imports */ @import "general/import"; .tooltip-outer-container { width: 260px; background-color: transparent; position: absolute; z-index: 30000; display: none; } .tooltip-container{ width: 260px; background: transparent url(../img/bg-tooltip-btm.png) 0 100% no-repeat; padding-bottom: 18px; } .tooltip-bottom .tooltip-container/*, .tooltip-bottom .tooltip-container.inverted*/ { /* .wmTooltipBottom (flyout style) */ background: url(../img/bg-tooltip-flyout-btm.png) 0 100% no-repeat; } .tooltip-container.inverted { background-image: url(../img/bg-tooltip-btm-inverted.png); } .tooltip-inner { background: transparent url(../img/bg-tooltip.png) 0 0 no-repeat; padding: 10px 10px 5px; color: $color-grey-1; } .tooltip-bottom .tooltip-inner { /* .wmTooltipBottom (flyout style) */ background: url(../img/bg-tooltip-flyout.png) 0 0 no-repeat; } .tooltip-inner p, .tooltip-inner .article p { color: $color-grey-1; font-size: 10px; } /* just there to overwrite default white p color */ #content-area .btn.wmTooltip, .btn.wmTooltip { width: auto; height: auto; } #content-area .wmTooltip, .wmTooltip { // color: inherit; font-size: inherit; font-weight: inherit; background-image: none!important; padding-left: 0!important; display: inline; clear: none!important; } .draggable-content .wmTooltip { color: #4F5357; } //#content-area .wmTooltip:hover, //.wmTooltip:hover { // text-decoration: none!important; //} #content-area .form-default .wmTooltip { color: inherit; font-size: inherit; font-weight: inherit; background-image: none!important; padding-left: 0!important; display: inline; clear: none!important; } #content-area .wmTooltip:after { content: ""; clear: none; /*Deprecated*/ //display: none; } .tooltip-inner .article h1, .tooltip-inner .article .headline1, .tooltip-inner .article h1 *, .tooltip-inner .article .headline1 *, .tooltip-inner .article h2, .tooltip-inner .article .headline2, .tooltip-inner .article h2 *, .tooltip-inner .article .headline2 *, .tooltip-inner .article h3, .tooltip-inner .article .headline3, .tooltip-inner .article h3 *, .tooltip-inner .article .headline3 *, .tooltip-inner h1, .tooltip-inner h1 sub, .tooltip-inner h2, .tooltip-inner h2 sub, .tooltip-inner h3 .tooltip-inner h3 sub { color: $color-blue-17; } .tooltip-inner .article ul li, .tooltip-inner .article ol li { color: $color-grey-1; font-size: 10px; } //.tooltip-inner .article ul li { // background-image: url(../img/ico-bullet-404040.gif); //} .tooltip-inner .article ul.related-links li { font-size: 12px; padding-left: 0; background: transparent none; } .tooltip-inner .article ol li { margin: 3px 0; } #content-area .wmTooltip.wmInfoIcon, #content-area .lnk.wmInfoIcon, .wmTooltip.wmInfoIcon, .lnk.wmInfoIcon { position: relative; overflow: visible; z-index: 10; } #content-area .wmTooltip.wmInfoIcon:after, #content-area a.lnk.wmInfoIcon:after, .wmInfoIcon:after, .wmTooltip.wmInfoIcon:after, a.lnk.wmInfoIcon:after, a.lnk-inline.wmTooltip:after{ content:""; display: block; position: absolute; right: -18px; visibility: visible!important; top: 1px; width: 15px; height: 15px; background: transparent url(../img/ico-info-3.png) 50% 0 no-repeat!important; } span.wmInfoIcon:after, a.wmInfoIcon:after, a.lnk-inline.wmTooltip:after{ display: inline-block!important; margin-left: 4px!important; position: relative!important; top: 3px!important; right: 0!important; //testomat: testomat; } //.tooltip-inner a.lnk { //changed from mathias // background: transparent url(../img/lnk-arrow-default.png) 2px 5px no-repeat; // width: auto; // overflow: hidden; // text-align: left; // color: $color-blue-1; // line-height: 16px; // padding: 0 0 1px 10px; // clear: both; // position: relative; // display: inline-block; //} //.tooltip-inner a.lnk:hover { // text-decoration: underline; //} //.tooltip-inner a.lnk sub, //.tooltip-inner a.lnk span { // color: inherit; //} /* .wmTooltipBottom (flyout style) */ .tooltip-bottom .tooltip-container:before { content: url("../img/bg-tooltip-flyout-nose.png"); background-position: center bottom; top: -17px; display: block; height: 18px; left: 77px; position: absolute; } /*.tooltip-bottom .tooltip-container.inverted:before { content: url("../img/bg-tooltip-flyout-nose-bottom.png"); background-position: center top; top: auto; bottom: -11px; }*/ /*.tooltip-bottom .tooltip-container.inverted:before { content: none; } .tooltip-bottom .tooltip-container.inverted:after { content: url("../img/bg-tooltip-flyout-nose-bottom.png"); background-position: center top; display: block; height: 18px; position: absolute; bottom: -11px; left: 77px; }*/ .tooltip-bottom h3.article-headline2 span, .tooltip-bottom h3.article-headline2 sub { color: $color-grey-9; } .tooltip-bottom h3.article-headline2 span { font-size: 16px; font-weight: normal; }