Added new Chat style Bubble, generated by Victor for RetroShare

git-svn-id: http://svn.code.sf.net/p/retroshare/code/trunk@5401 b45a01b8-16f6-495d-af2f-9b41ad6348cc

retroshare-gui/src/gui/qss/chat/Bubble/history/hincoming.htm

@@ -0,0 +1,36 @@
+<style type="text/css">
+%css-style%
+</style>
+
+<table width="100%" ><tr><td align="right">
+
+<table class='bubble-grey' cellspacing='0' cellpadding='0'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TL.png"></td>
+    <td class='bubble-greyTC'></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-greyCL'></td>
+    <td class='bubble-greyCC'>
+      %message%
+    </td>
+    <td  class='bubble-greyCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BL.png"></td>
+    <td class='bubble-greyBC' align='right'><img src="%style-dir%/img/bubble-grey/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='right'>
+  <span width='130' align='right' class='time'>%time% - </span>
+  <span class='name'>%name%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/history/houtgoing.htm

@@ -0,0 +1,37 @@
+<style type="text/css">
+%css-style%
+</style>
+
+
+<table width="100%" ><tr><td align="left">
+
+<table class='bubble-grey' cellspacing='0' cellpadding='0' style='float:left;'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TL.png"></td>
+    <td class='bubble-greyTC'></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-greyCL'></td>
+    <td class='bubble-greyCC'>
+      %message%
+    </td>
+    <td  class='bubble-greyCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BL.png"></td>
+    <td class='bubble-greyBC'><img src="%style-dir%/img/bubble-grey/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='left'>
+  <span class='name'>&nbsp;&nbsp;%name% - </span>
+  <span width='130' align='right' class='time'>%time%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/history/images.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+
+cd 'img/bubble-orange/'
+for file in *.png;
+do
+	convert $file -set option:modulate:colorspace hsb -modulate 100,50,100 -colorspace Gray ../bubble-grey/$file
+	convert $file -set option:modulate:colorspace hsb -modulate 110,80,80 ../bubble-red/$file
+done
+
+
+
+	#echo "hello ${file} - "
+	#convert $file -set option:modulate:colorspace hsb -modulate 100,20,100 ../bubble-grey/$file

retroshare-gui/src/gui/qss/chat/Bubble/history/incoming.htm

@@ -0,0 +1,37 @@
+<style type="text/css">
+%css-style%
+</style>
+
+
+<table width="100%" ><tr><td align="right">
+
+<table class='bubble-blue' cellspacing='0' cellpadding='0'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-blue/bubble_TL.png"></td>
+    <td class='bubble-blueTC'></td>
+    <td><img src="%style-dir%/img/bubble-blue/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-blueCL'></td>
+    <td class='bubble-blueCC'>
+      %message%
+    </td>
+    <td  class='bubble-blueCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-blue/bubble_BL.png"></td>
+    <td class='bubble-blueBC' align='right'><img src="%style-dir%/img/bubble-blue/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-blue/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='right'>
+  <span width='130' align='right' class='time'>%time% - </span>
+  <span class='name'>%name%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/history/info.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE RetroShare_StyleInfo>
+<RetroShare_Style version="1.0">
+<style>
+	<name>Bubble</name>
+	<description></description>
+</style>
+<author>
+	<name>tkp</name>
+	<email></email>
+</author>
+</RetroShare_Style>

retroshare-gui/src/gui/qss/chat/Bubble/history/main.css

@@ -0,0 +1,85 @@
+.name{
+	font-weight: bold;
+color: #FF0000;
+}
+
+.time {
+}
+
+.incomingHeader {
+	background-color:#dfedff;
+	border-color:#fafafa #d1dfef #d1dfef #fafafa;
+	color: #295b07;
+}
+
+.outgoingHeader {
+	background-color:#f5f5f5;
+	border-color:#fafafa #e3e3e3 #e3e3e3 #fafafa;
+	color: #244578;
+}
+
+.hincomingHeader {
+	background-color:#dfedff;
+	border-color:#fafafa #d1dfef #d1dfef #fafafa;
+	color: #88f042;
+}
+
+.houtgoingHeader {
+	background-color:#f5f5f5;
+	border-color:#fafafa #e3e3e3 #e3e3e3 #fafafa;
+	color: #6491d2;
+}
+
+.ooutgoingHeader {
+	background-color:#ffbebe;
+	border-color:#fafafa #e3e3e3 #e3e3e3 #fafafa;
+	color: #244578;
+}
+
+.bubble-orange { float: right; }
+.bubble-orangeTC { background-image: url(%style-dir%/img/bubble-orange/bubble_TC.png); }
+.bubble-orangeCC { background-image: url(%style-dir%/img/bubble-orange/bubble_CC.png); }
+.bubble-orangeCR { background-image: url(%style-dir%/img/bubble-orange/bubble_CR.png); }
+.bubble-orangeCL { background-image: url(%style-dir%/img/bubble-orange/bubble_CL.png); }
+.bubble-orangeBC { background-image: url(%style-dir%/img/bubble-orange/bubble_BC.png); }
+
+.bubble-grey { float: right; color: #666; }
+.bubble-greyTC { background-image: url(%style-dir%/img/bubble-grey/bubble_TC.png); }
+.bubble-greyCC { background-image: url(%style-dir%/img/bubble-grey/bubble_CC.png); }
+.bubble-greyCR { background-image: url(%style-dir%/img/bubble-grey/bubble_CR.png); }
+.bubble-greyCL { background-image: url(%style-dir%/img/bubble-grey/bubble_CL.png); }
+.bubble-greyBC { background-image: url(%style-dir%/img/bubble-grey/bubble_BC.png); }
+
+.bubble-red { float: right; color: #B33; }
+.bubble-redTC { background-image: url(%style-dir%/img/bubble-red/bubble_TC.png); }
+.bubble-redCC { background-image: url(%style-dir%/img/bubble-red/bubble_CC.png); }
+.bubble-redCR { background-image: url(%style-dir%/img/bubble-red/bubble_CR.png); }
+.bubble-redCL { background-image: url(%style-dir%/img/bubble-red/bubble_CL.png); }
+.bubble-redBC { background-image: url(%style-dir%/img/bubble-red/bubble_BC.png); }
+
+.bubble-green { float: right;}
+.bubble-greenTC { background-image: url(%style-dir%/img/bubble-green/bubble_TC.png); }
+.bubble-greenCC { background-image: url(%style-dir%/img/bubble-green/bubble_CC.png); }
+.bubble-greenCR { background-image: url(%style-dir%/img/bubble-green/bubble_CR.png); }
+.bubble-greenCL { background-image: url(%style-dir%/img/bubble-green/bubble_CL.png); }
+.bubble-greenBC { background-image: url(%style-dir%/img/bubble-green/bubble_BC.png); }
+
+.bubble-blue { float: right;}
+.bubble-blueTC { background-image: url(%style-dir%/img/bubble-blue/bubble_TC.png); }
+.bubble-blueCC { background-image: url(%style-dir%/img/bubble-blue/bubble_CC.png); }
+.bubble-blueCR { background-image: url(%style-dir%/img/bubble-blue/bubble_CR.png); }
+.bubble-blueCL { background-image: url(%style-dir%/img/bubble-blue/bubble_CL.png); }
+.bubble-blueBC { background-image: url(%style-dir%/img/bubble-blue/bubble_BC.png); }
+
+.bubbleFooter { background-color: none; width:100%; }
+
+.bubbleFooter .time { color: #AAA; }
+.bubbleFooter .name { color: #666; }
+
+
+
+
+
+
+
+

retroshare-gui/src/gui/qss/chat/Bubble/history/ooutgoing.htm

@@ -0,0 +1,37 @@
+<style type="text/css">
+%css-style%
+</style>
+
+
+<table width="100%" ><tr><td align="left">
+
+<table class='bubble-red' cellspacing='0' cellpadding='0' style='float:left;'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-red/bubble_TL.png"></td>
+    <td class='bubble-redTC'></td>
+    <td><img src="%style-dir%/img/bubble-red/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-redCL'></td>
+    <td class='bubble-redCC'>
+      %message%
+    </td>
+    <td  class='bubble-redCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-red/bubble_BL.png"></td>
+    <td class='bubble-redBC'><img src="%style-dir%/img/bubble-red/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-red/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='left'>
+  <span class='name'>&nbsp;&nbsp;%name% - </span>
+  <span width='130' align='right' class='time'>%time%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/history/outgoing.htm

@@ -0,0 +1,37 @@
+<style type="text/css">
+%css-style%
+</style>
+
+
+<table width="100%" ><tr><td align="left">
+
+<table class='bubble-green' cellspacing='0' cellpadding='0' style='float:left;'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-green/bubble_TL.png"></td>
+    <td class='bubble-greenTC'></td>
+    <td><img src="%style-dir%/img/bubble-green/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-greenCL'></td>
+    <td class='bubble-greenCC'>
+      %message%
+    </td>
+    <td  class='bubble-greenCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-green/bubble_BL.png"></td>
+    <td class='bubble-greenBC'><img src="%style-dir%/img/bubble-green/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-green/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='left'>
+  <span class='name'>&nbsp;&nbsp;%name% - </span>
+  <span width='130' align='right' class='time'>%time%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/history/system.htm

@@ -0,0 +1,23 @@
+<style type="text/css">
+%css-style%
+</style>
+
+
+<table class='bubble-red' width="100%" cellspacing='0' cellpadding='0'>
+  <tr>
+    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TL.png"></td>
+    <td class='bubble-redTC' width="100%"></td>
+    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-redCL' width="1%"></td>
+    <td class='bubble-redCC' width="100%" align="center"> %name% %time% - %message%</td>
+    <td class='bubble-redCR' width="1%"></td>
+  </tr>
+  <tr>
+    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BL.png"></td>
+    <td class='bubble-redBC' width="100%"></td>
+    <td width="1%"><img src="%style-dir%/img/bubble-red/bubble_BR.png"></td>
+  </tr>
+</table>
+

retroshare-gui/src/gui/qss/chat/Bubble/history/variants/standard.css

@@ -0,0 +1,40 @@
+.name{
+	font-weight: bold;
+}
+
+.time {
+}
+
+.incomingHeader {
+	background-color:#dfedff;
+	border-color:#fafafa #d1dfef #d1dfef #fafafa;
+	color: #295b07;
+}
+
+.outgoingHeader {
+	background-color:#f5f5f5;
+	border-color:#fafafa #e3e3e3 #e3e3e3 #fafafa;
+	color: #244578;
+}
+
+.hincomingHeader {
+	background-color:#dfedff;
+	border-color:#fafafa #d1dfef #d1dfef #fafafa;
+	color: #88f042;
+}
+
+.houtgoingHeader {
+	background-color:#f5f5f5;
+	border-color:#fafafa #e3e3e3 #e3e3e3 #fafafa;
+	color: #6491d2;
+}
+
+.ooutgoingHeader {
+	background-color:#ffbebe;
+	border-color:#fafafa #e3e3e3 #e3e3e3 #fafafa;
+	color: #244578;
+}
+
+.messageBubbleCC{
+	background-color:#FF0000;
+}

retroshare-gui/src/gui/qss/chat/Bubble/private/hincoming.htm

@@ -0,0 +1,36 @@
+<style type="text/css">
+%css-style%
+</style>
+
+<table width="100%" ><tr><td align="right">
+
+<table class='bubble-grey' cellspacing='0' cellpadding='0'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TL.png"></td>
+    <td class='bubble-greyTC'></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-greyCL'></td>
+    <td class='bubble-greyCC'>
+      %message%
+    </td>
+    <td  class='bubble-greyCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BL.png"></td>
+    <td class='bubble-greyBC' align='right'><img src="%style-dir%/img/bubble-grey/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='right'>
+  <span width='130' align='right' class='time'>%time% - </span>
+  <span class='name'>%name%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/private/houtgoing.htm

@@ -0,0 +1,37 @@
+<style type="text/css">
+%css-style%
+</style>
+
+
+<table width="100%" ><tr><td align="left">
+
+<table class='bubble-grey' cellspacing='0' cellpadding='0' style='float:left;'>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TL.png"></td>
+    <td class='bubble-greyTC'></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_TR.png"></td>
+  </tr>
+  <tr>
+    <td class='bubble-greyCL'></td>
+    <td class='bubble-greyCC'>
+      %message%
+    </td>
+    <td  class='bubble-greyCR'></td>
+  </tr>
+  <tr>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BL.png"></td>
+    <td class='bubble-greyBC'><img src="%style-dir%/img/bubble-grey/bubble_tick.png"></td>
+    <td><img src="%style-dir%/img/bubble-grey/bubble_BR.png"></td>
+  </tr>
+</table>
+
+<table class='bubbleFooter' width='100%'>
+<tr>
+<td align='left'>
+  <span class='name'>&nbsp;&nbsp;%name% - </span>
+  <span width='130' align='right' class='time'>%time%</span>
+</td>
+</tr>
+</table>
+
+</td></tr></table>

retroshare-gui/src/gui/qss/chat/Bubble/private/images.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+
+cd 'img/bubble-orange/'
+for file in *.png;
+do
+	convert $file -set option:modulate:colorspace hsb -modulate 100,50,100 -colorspace Gray ../bubble-grey/$file
+	convert $file -set option:modulate:colorspace hsb -modulate 110,80,80 ../bubble-red/$file
+done
+
+
+
+	#echo "hello ${file} - "
+	#convert $file -set option:modulate:colorspace hsb -modulate 100,20,100 ../bubble-grey/$file