#tiptip_holder { left: 0px; top: 0px; display: none; position: absolute; z-index: 99999; } .tip_top#tiptip_holder { padding-bottom: 5px; } .tip_bottom#tiptip_holder { padding-top: 5px; } .tip_right#tiptip_holder { padding-left: 5px; } .tip_left#tiptip_holder { padding-right: 5px; } #tiptip_content { padding: 4px 8px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.25); border-image: none; color: rgb(255, 255, 255); font-size: 12px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); background-color: rgba(25, 25, 25, 0.92); -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3); } #tiptip_arrow { border: 6px solid transparent; width: 0px; height: 0px; position: absolute; } #tiptip_arrow_inner { border: 6px solid transparent; width: 0px; height: 0px; position: absolute; } .tip_top#tiptip_holder #tiptip_arrow { border-top-color: rgba(255, 255, 255, 0.35); } .tip_bottom#tiptip_holder #tiptip_arrow { border-bottom-color: rgba(255, 255, 255, 0.35); } .tip_right#tiptip_holder #tiptip_arrow { border-right-color: rgba(255, 255, 255, 0.35); } .tip_left#tiptip_holder #tiptip_arrow { border-left-color: rgba(255, 255, 255, 0.35); } .tip_top#tiptip_holder #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgba(25, 25, 25, 0.92); } .tip_bottom#tiptip_holder #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgba(25, 25, 25, 0.92); } .tip_right#tiptip_holder #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgba(25, 25, 25, 0.92); } .tip_left#tiptip_holder #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgba(25, 25, 25, 0.92); } @media not all { #tiptip_content { padding: 4px 8px 5px; background-color: rgba(45, 45, 45, 0.88); } .tip_bottom#tiptip_holder #tiptip_arrow_inner { border-bottom-color: rgba(45, 45, 45, 0.88); } .tip_top#tiptip_holder #tiptip_arrow_inner { border-top-color: rgba(20, 20, 20, 0.92); } }