From f3d1b68e3919345c67be06cbd7e7bb61f67ffcbd Mon Sep 17 00:00:00 2001 From: timb Date: Thu, 1 Apr 2010 00:48:45 -0700 Subject: organize some images, move css to static/css/, clean up templates, remove junk --- static/css/ChatBubble-simple.css | 142 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 static/css/ChatBubble-simple.css (limited to 'static/css/ChatBubble-simple.css') 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 -- cgit v1.2.3-70-g09d2