diff options
| author | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-04-06 21:51:10 -0400 |
|---|---|---|
| committer | dumpfmprod <dumpfmprod@ubuntu.(none)> | 2010-04-06 21:51:10 -0400 |
| commit | ab5e22770ce39adc94f444de18763a4b4674113a (patch) | |
| tree | e6869c0bc051f6c6283bf5e12f47b49e6d830086 /static/css/ChatBubble-simple.css | |
| parent | d4801d299efd4786b05fe2fe31fff6185e4e0dab (diff) | |
Add new css files
Diffstat (limited to 'static/css/ChatBubble-simple.css')
| -rw-r--r-- | static/css/ChatBubble-simple.css | 152 |
1 files changed, 152 insertions, 0 deletions
diff --git a/static/css/ChatBubble-simple.css b/static/css/ChatBubble-simple.css new file mode 100644 index 0000000..0e3c319 --- /dev/null +++ b/static/css/ChatBubble-simple.css @@ -0,0 +1,152 @@ +/* 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/ +*/ + +#questions{ +position:absolute; +padding-left:300; +} + +#table{ +position:fixed; +top:20; +left:20; +} +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/img/BubbleBlueR800x1600.png) no-repeat top right; +} + +.CBpinkL .CBcontent, +.CBpinkL .CBt, +.CBpinkL .CBb, +.CBpinkL .CBb div { + background:transparent url(/static/img/BubblePinkL800x1600.png) no-repeat top right; +} + +.CBpinkR .CBcontent, +.CBpinkR .CBt, +.CBpinkR .CBb, +.CBpinkR .CBb div { + background:transparent url(/static/img/BubblePinkR800x1600.png) no-repeat top right; +} + +.CBltgreyL .CBcontent, +.CBltgreyL .CBt, +.CBltgreyL .CBb, +.CBltgreyL .CBb div { + background:transparent url(/static/img/BubbleLtGreyL800x1600.png) no-repeat top right; +} + +.CBltgreyR .CBcontent, +.CBltgreyR .CBt, +.CBltgreyR .CBb, +.CBltgreyR .CBb div { + background:transparent url(/static/img/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 |
