diff options
| author | Scott Ostler <sostler@deathmachine.local> | 2010-03-04 08:38:13 -0500 |
|---|---|---|
| committer | Scott Ostler <sostler@deathmachine.local> | 2010-03-04 08:38:13 -0500 |
| commit | 3dd5aee13e4af1a10bde22737ea099410caaebb1 (patch) | |
| tree | 1cab6be024025468021f63e6968926bf1170d719 /static/ChatBubble-simple.css | |
| parent | a613013fb60a8648b87691ebd50db1de081cddda (diff) | |
| parent | 6d26cb3bf2fed44e1fd1c2b245c434851eb5c538 (diff) | |
Merge branch 'master' of ssh://dump.fm/pichat/repo
Diffstat (limited to 'static/ChatBubble-simple.css')
| -rw-r--r-- | static/ChatBubble-simple.css | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/static/ChatBubble-simple.css b/static/ChatBubble-simple.css new file mode 100644 index 0000000..02ec152 --- /dev/null +++ b/static/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 |
