🚀 RELEASE: HESK v3.1.1
Signed-off-by: Luke Tainton <Luke.Tainton@mail.bcu.ac.uk>
This commit is contained in:
committed by
Luke Tainton
parent
d7fc040b1e
commit
e0d6aa511b
81
hesk/css/zebra_tooltips.css
Normal file
81
hesk/css/zebra_tooltips.css
Normal file
@@ -0,0 +1,81 @@
|
||||
.Zebra_Tooltip {
|
||||
background: 0 0;
|
||||
position: absolute;
|
||||
z-index: 8000
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Message {
|
||||
background: #000;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-family: Tahoma,Arial,Helvetica,sans-serif;
|
||||
line-height: 1.4;
|
||||
*margin-right: 0;
|
||||
max-width: 250px;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
_width: expression(document.body.clientWidth > 250px ? '250px': 'auto');
|
||||
border: 0 solid #000
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Message.Zebra_Tooltip_Has_Close {
|
||||
padding-right: 23px
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow {
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 11px;
|
||||
overflow: hidden
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom {
|
||||
bottom: 0
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
|
||||
top: 0;
|
||||
border-color: #000 transparent transparent;
|
||||
_border-bottom-color: pink
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div.Zebra_Tooltip_Arrow_Border {
|
||||
border-color: #000 transparent transparent
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top {
|
||||
top: 0
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div {
|
||||
bottom: 0;
|
||||
border-color: transparent transparent #000;
|
||||
_border-top-color: pink
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div.Zebra_Tooltip_Arrow_Border {
|
||||
border-color: transparent transparent #000
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
left: 0;
|
||||
_border-left-color: pink;
|
||||
_border-right-color: pink;
|
||||
_filter: chroma(color=pink)
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border {
|
||||
border-width: 10px;
|
||||
left: 0
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Close {
|
||||
color: #fff;
|
||||
font-family: Arial,sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
padding: 0 4px;
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
text-decoration: none;
|
||||
top: 2px
|
||||
}
|
||||
.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
|
||||
color: #000;
|
||||
background: #c2d076;
|
||||
border-radius: 5px
|
||||
}
|
||||
Reference in New Issue
Block a user