Template:BIT-China/css/Tooltip

.tooltip { 

 text-decoration: none;
 border-bottom: 1px dotted #36c;
 color: #36c;
 outline: none;

}

/*For tooltip box*/

  1. mcTooltip {
 line-height: 20px;
 border-width: 2px;
 color: #DDDDDD;
 border-color: #195972;
 padding: 20px;
 font-size: 12px;
 border-radius: 3px;
 background-color: #E6E6E6;

 word-wrap: break-word;
 word-break: keep-all;
 text-align: justify;
 text-justify: inter-ideograph;

}

  1. mcTooltip,
  2. mcttCo b {
 box-shadow: 0 1px 4px rgba(0,0,0,0.5);

}

  1. mcTooltip a {
 color: #131313;

}

  1. mcttCloseButton {
 width: 18px;
 height: 18px;
 margin-right: 4px;
 margin-top: 4px;
 /*background:black;*/

} /*Close button X symbol*/

  1. mcttCloseButton:after {
 font: normal 38px/18px arial, sans-serif;
 color: #999;
 top: 0;
 left: -2px;

}

/*Give the close button a bigger size on smaller devices*/ @media only screen and (max-width: 736px) { 

 #mcttCloseButton {
   width: 28px;
   height: 28px;
 }

 #mcttCloseButton:after {
   font-size: 48px;
   line-height: 28px;
 }

}

/* Useful when overlay has been set to true or 1 in JS */

  1. mcOverlay {
 background-color: rgba(0, 0, 0, 0.308);
 display: none;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: visible;
 z-index: 4;

}

/*The settings below should remain unchanged*/

  1. mcTooltipWrapper {
 position: absolute;
 visibility: hidden;
 /* overflow: visible; */
 overflow: auto;
 z-index: 9999999999;
 top: -2000px;

}

  1. mcTooltip {
 float: left;
 border-style: solid;
 position: relative;
 overflow: auto;

}

.mcTooltipInner { 

 float: left;
 position: relative;
 width: auto;
 height: auto;

}

  1. mcttCo,
  2. mcttCo b {
 position: absolute;
 overflow: hidden;

}

/*compatible with bootstrap*/

  1. mcTooltip,
  2. mcTooltip div {
 box-sizing: content-box;

}