Better jTips with CSS3

This commit is contained in:
Eike Foken
2011-09-28 16:35:25 +02:00
parent dae59f0047
commit 1094b1e3a6
2 changed files with 51 additions and 45 deletions

View File

@@ -841,36 +841,62 @@ div.progress_bar strong {
padding: 4px 8px;
}
#jt_arrow_left {
background: url(../images/arrow-left.gif) left top no-repeat;
position: absolute;
z-index: 101;
left: -11px;
height: 23px;
width: 10px;
top: -3px;
}
#jt_arrow_right {
background: url(../images/arrow-right.gif) left top no-repeat;
position: absolute;
z-index: 101;
height: 23px;
width: 11px;
top: -2px;
}
#jt {
position: absolute;
z-index: 100;
border: 1px solid #ccc;
background-color: #fff;
margin-top: 5px;
font-size: 10px;
}
#jt.jt_left {
margin-right: 10px;
}
#jt.jt_right {
margin-left: 6px;
}
#jt:before {
content: "";
position: absolute;
top: 10px;
left: -16px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: transparent #ccc;
width: 0;
display: block;
}
#jt:after {
content: "";
position: absolute;
top: 11px;
left: -14px;
border-width: 0 14px 14px 0;
border-style: solid;
border-color: transparent #fff;
width: 0;
display: block;
}
#jt.jt_left:before {
left: auto;
right: -16px;
border-width: 15px 15px 0 0;
border-color: #ccc transparent;
}
#jt.jt_left:after {
left: auto;
right: -14px;
border-width: 14px 14px 0 0;
border-color: #fff transparent;
}
#jt_copy {
padding: 5px;
padding: 10px;
color: #666;
}
@@ -880,26 +906,6 @@ div.progress_bar strong {
height: 12px;
}
#jt_close_left {
background-color: #ccc;
text-align: left;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 1px;
font-weight: bold;
color: #000;
}
#jt_close_right {
background-color: #ccc;
text-align: left;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 1px;
font-weight: bold;
color: #000;
}
#jt_copy p {
margin: 0;
line-height: 12px;