mirror of
https://github.com/nottinghamtec/PyRIGS.git
synced 2026-01-17 05:22:16 +00:00
99 lines
1.9 KiB
SCSS
99 lines
1.9 KiB
SCSS
/*!
|
|
* jQuery UI Bootstrap v1.0 Alpha
|
|
*
|
|
* jQuery UI Tooltip 1.10.3
|
|
* http://jqueryui.com/tooltip/
|
|
*
|
|
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
|
|
* Created the LESS version by $dharapvj
|
|
* Released under MIT
|
|
*/
|
|
@import "compass/css3";
|
|
|
|
.ui-tooltip {
|
|
display: block;
|
|
font-size: 11px;
|
|
@include opacity(.80);
|
|
position: absolute;
|
|
visibility: visible;
|
|
z-index: $ui-zindex-tooltip;
|
|
max-width: 200px;
|
|
background: $ui-black;
|
|
border: 1px solid $ui-black;
|
|
color: $ui-white;
|
|
padding: 3px 8px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
@include box-shadow(inset 0 1px 0 $ui-black);
|
|
@include border-radius(4px);
|
|
border-width: 1px;
|
|
|
|
.arrow {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
margin-left: 0;
|
|
height: 20px;
|
|
width: 20px;
|
|
&.bottom {
|
|
top: 100%;
|
|
left: 38%;
|
|
&:after {
|
|
border-top:8px solid $ui-black;
|
|
border-right:8px solid transparent;
|
|
border-bottom:8px solid transparent;
|
|
border-left:8px solid transparent;
|
|
}
|
|
}
|
|
&.top {
|
|
top: -50%;
|
|
bottom: 22px;
|
|
left: 42%;
|
|
&:after {
|
|
border-top:6px solid transparent;
|
|
border-right:6px solid transparent;
|
|
border-bottom:6px solid $ui-black;
|
|
border-left:6px solid transparent;
|
|
}
|
|
}
|
|
&.left {
|
|
top : 25%;
|
|
left: -15%;
|
|
right: 0;
|
|
bottom:-16px;
|
|
&:after{
|
|
width:0;
|
|
border-top: 6px solid transparent;
|
|
border-right: 6px solid $ui-black;
|
|
border-bottom: 6px solid transparent;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
}
|
|
&.right {
|
|
top: 26%;
|
|
left: 100%;
|
|
right: 0;
|
|
bottom:-16px;
|
|
margin-left: 1px;
|
|
&:after{
|
|
width:0;
|
|
border-top: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-left: 6px solid $ui-black;
|
|
}
|
|
}
|
|
&:after {
|
|
content : " " ;
|
|
position : absolute ;
|
|
height : 0 ;
|
|
left:0;
|
|
top: 0;
|
|
width: 0;
|
|
margin-left : 0 ;
|
|
bottom : 12px ;
|
|
box-shadow: 6px 5px 9px -9px $ui-black;
|
|
}
|
|
}
|
|
}
|
|
|