// // Licensed to the Apache Software Foundation (ASF) under one // or more contributor license agreements. See the NOTICE file // distributed with this work for additional information // regarding copyright ownership. The ASF licenses this file // to you under the Apache License, Version 2.0 (the // "License"); you may not use this file except in compliance // with the License. You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, // software distributed under the License is distributed on an // "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY // KIND, either express or implied. See the License for the // specific language governing permissions and limitations // under the License. // POPOVERS // -------- .popover { position: absolute; top: 0; left: 0; z-index: @zindexPopover; display: none; padding: 5px; &.top { margin-top: -5px; } &.right { margin-left: 5px; } &.bottom { margin-top: 5px; } &.left { margin-left: -5px; } &.top .arrow { #popoverArrow > .top(); } &.right .arrow { #popoverArrow > .right(); } &.bottom .arrow { #popoverArrow > .bottom(); } &.left .arrow { #popoverArrow > .left(); } .arrow { position: absolute; width: 0; height: 0; } } .popover-inner { padding: 3px; width: 280px; overflow: hidden; background: @black; // has to be full background declaration for IE fallback background: rgba(0,0,0,.8); .border-radius(6px); .box-shadow(0 3px 7px rgba(0,0,0,0.3)); } .popover-title { padding: 9px 15px; line-height: 1; background-color: #f5f5f5; border-bottom:1px solid #eee; .border-radius(3px 3px 0 0); } .popover-content { padding: 14px; background-color: @white; .border-radius(0 0 3px 3px); .background-clip(padding-box); p, ul, ol { margin-bottom: 0; } }