mirror of
https://github.com/jimeh/modern_bubbling.git
synced 2026-02-19 11:56:38 +00:00
80 lines
1.4 KiB
CSS
80 lines
1.4 KiB
CSS
|
|
/* @group outgoing */
|
|
|
|
.outgoing {
|
|
float: left;
|
|
margin: 6px 38px 0px 0px;
|
|
}
|
|
.outgoing .sender {
|
|
left: 0px;
|
|
}
|
|
.outgoing .icon {
|
|
|
|
}
|
|
.outgoing .name {
|
|
left: 0px;
|
|
}
|
|
.outgoing .service {
|
|
left: 0px;
|
|
}
|
|
.outgoing .bubble {
|
|
margin-left: 35px;
|
|
}
|
|
.outgoing .bubble .compact .time {
|
|
right: -58px !important;
|
|
text-align: left !important;
|
|
}
|
|
.outgoing .bubble .b {
|
|
background:
|
|
url("../../images/modern/bottomleft-arrow.png") bottom left no-repeat,
|
|
url("../../images/modern/bottomright.png") bottom right no-repeat;
|
|
}
|
|
.outgoing .bubble .r {
|
|
background:
|
|
url("../../images/modern/ref-bottomleft-arrow.png") bottom left no-repeat,
|
|
url("../../images/modern/ref-bottomright.png") bottom right no-repeat;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
|
|
|
|
/* @group incoming */
|
|
.incoming {
|
|
float: right;
|
|
margin: 6px 0px 0px 38px;
|
|
}
|
|
.incoming .sender {
|
|
right: 0px;
|
|
}
|
|
.incoming .icon {
|
|
|
|
}
|
|
.incoming .name {
|
|
right: 0px;
|
|
}
|
|
.incoming .service {
|
|
right: 0px;
|
|
}
|
|
.incoming .bubble {
|
|
margin-right: 35px;
|
|
}
|
|
.incoming .bubble .compact .time {
|
|
left: -58px !important;
|
|
text-align: right !important;
|
|
}
|
|
.incoming .bubble .b {
|
|
background:
|
|
url("../../images/modern/bottomleft.png") bottom left no-repeat,
|
|
url("../../images/modern/bottomright-arrow.png") bottom right no-repeat;
|
|
}
|
|
.incoming .bubble .r {
|
|
background:
|
|
url("../../images/modern/ref-bottomleft.png") bottom left no-repeat,
|
|
url("../../images/modern/ref-bottomright-arrow.png") bottom right no-repeat;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
|