summaryrefslogtreecommitdiff
path: root/static/css/ChatBubble-simple.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/css/ChatBubble-simple.css')
-rw-r--r--static/css/ChatBubble-simple.css142
1 files changed, 142 insertions, 0 deletions
diff --git a/static/css/ChatBubble-simple.css b/static/css/ChatBubble-simple.css
new file mode 100644
index 0000000..02ec152
--- /dev/null
+++ b/static/css/ChatBubble-simple.css
@@ -0,0 +1,142 @@
+/* Copyright(c)2006 TikiRobot. Software license GPL version 2.
+
+ChatBubble is based on "Even more rounded corners with CSS":
+http://www.schillmania.com/content/projects/even-more-rounded-corners/
+*/
+
+div.CBmsg {
+ display: table;
+ margin-bottom: 0.5em;
+}
+
+
+div.CBmsgR {
+ float: right;
+ text-align: right;
+ }
+
+div.CBmsgL .CBcontent {
+ padding-left: 12px;
+}
+
+.rm { display: none;}
+
+div.CBtxt {
+ display: table-cell;
+ position: relative;
+ margin: 0px auto;
+ min-width: 8em;
+ max-width: 760px;
+ z-index: 1;
+ margin-left: 12px;
+ }
+
+div.CBiconL {
+ display: table-cell;
+ vertical-align: bottom;
+ padding-right: 22px; /* 10+12 */
+
+ }
+
+div.CBiconR {
+ display: table-cell;
+ vertical-align: bottom;
+ padding-left: 10px;
+ }
+
+div.CBiconR > img {
+ padding: 0px;
+ width: 32px;
+ height: 32px;
+ }
+
+div.CBiconL > img {
+ padding: 0px;
+ width: 32px;
+ height: 32px;
+ }
+
+.CBblueL .CBcontent,
+.CBblueL .CBt,
+.CBblueL .CBb,
+.CBblueL .CBb div {
+ background:transparent url(BubbleBlueL800x1600.png) no-repeat top right;
+}
+
+.CBblueR .CBcontent,
+.CBblueR .CBt,
+.CBblueR .CBb,
+.CBblueR .CBb div {
+ background:transparent url(/static/BubbleBlueR800x1600.png) no-repeat top right;
+}
+
+.CBpinkL .CBcontent,
+.CBpinkL .CBt,
+.CBpinkL .CBb,
+.CBpinkL .CBb div {
+ background:transparent url(/static/BubblePinkL800x1600.png) no-repeat top right;
+}
+
+.CBpinkR .CBcontent,
+.CBpinkR .CBt,
+.CBpinkR .CBb,
+.CBpinkR .CBb div {
+ background:transparent url(/static/BubblePinkR800x1600.png) no-repeat top right;
+}
+
+.CBltgreyL .CBcontent,
+.CBltgreyL .CBt,
+.CBltgreyL .CBb,
+.CBltgreyL .CBb div {
+ background:transparent url(/static/BubbleLtGreyL800x1600.png) no-repeat top right;
+}
+
+.CBltgreyR .CBcontent,
+.CBltgreyR .CBt,
+.CBltgreyR .CBb,
+.CBltgreyR .CBb div {
+ background:transparent url(/static/BubbleLtGreyR800x1600.png) no-repeat top right;
+}
+
+.CBtxt .CBcontent {
+ position:relative;
+ zoom:1;
+ _overflow-y:hidden;
+ padding:5px 12px 0px 0px;
+}
+
+
+.CBtxt .CBt {
+ /* top+left vertical slice */
+ position:absolute;
+ left:0px;
+ top:0px;
+ width:12px; /* top slice width */
+ margin-left:-12px;
+ height:100%;
+ _height:1600px; /* arbitrary long height, IE 6 */
+ background-position:top left;
+}
+
+.CBtxt .CBb {
+ /* bottom */
+ position:relative;
+ width:100%;
+}
+
+.CBtxt .CBb,
+.CBtxt .CBb div {
+ height:10px; /* height of bottom cap/shade */
+ font-size:1px;
+}
+
+.CBtxt .CBb {
+ background-position:bottom right;
+}
+
+.CBtxt .CBb div {
+ position:relative;
+ width:12px; /* bottom corner width */
+ margin-left:-12px;
+ background-position:bottom left;
+} \ No newline at end of file