summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat (limited to 'resources/themes/Default/Variants')
-rw-r--r--resources/themes/Default/Variants/Blue on Green Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Blue on Green No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Green No Names.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Green.css90
-rw-r--r--resources/themes/Default/Variants/Blue on Red Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Blue on Red No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Red No Names.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Red.css89
-rw-r--r--resources/themes/Default/Variants/Blue on Steel Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Blue on Steel No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Steel No Names.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Steel.css91
-rw-r--r--resources/themes/Default/Variants/Blue on Yellow Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Blue on Yellow No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Yellow No Names.css2
-rw-r--r--resources/themes/Default/Variants/Blue on Yellow.css91
-rw-r--r--resources/themes/Default/Variants/Green on Blue Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Green on Blue No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Green on Blue No Names.css2
-rw-r--r--resources/themes/Default/Variants/Green on Blue.css91
-rw-r--r--resources/themes/Default/Variants/Green on Red Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Green on Red No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Green on Red No Names.css2
-rw-r--r--resources/themes/Default/Variants/Green on Red.css91
-rw-r--r--resources/themes/Default/Variants/Green on Steel Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Green on Steel No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Green on Steel No Names.css2
-rw-r--r--resources/themes/Default/Variants/Green on Steel.css91
-rw-r--r--resources/themes/Default/Variants/Green on Yellow Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Green on Yellow No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Green on Yellow No Names.css2
-rw-r--r--resources/themes/Default/Variants/Green on Yellow.css91
-rw-r--r--resources/themes/Default/Variants/Red on Blue Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Red on Blue No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Red on Blue No Names.css2
-rw-r--r--resources/themes/Default/Variants/Red on Blue.css90
-rw-r--r--resources/themes/Default/Variants/Red on Green Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Red on Green No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Red on Green No Names.css2
-rw-r--r--resources/themes/Default/Variants/Red on Green.css95
-rw-r--r--resources/themes/Default/Variants/Red on Steel Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Red on Steel No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Red on Steel No Names.css2
-rw-r--r--resources/themes/Default/Variants/Red on Steel.css93
-rw-r--r--resources/themes/Default/Variants/Red on Yellow Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Red on Yellow No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Red on Yellow No Names.css2
-rw-r--r--resources/themes/Default/Variants/Red on Yellow.css91
-rw-r--r--resources/themes/Default/Variants/Steel on Blue Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Steel on Blue No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Blue No Names.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Blue.css92
-rw-r--r--resources/themes/Default/Variants/Steel on Green Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Steel on Green No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Green No Names.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Green.css97
-rw-r--r--resources/themes/Default/Variants/Steel on Red Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Steel on Red No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Red No Names.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Red.css89
-rw-r--r--resources/themes/Default/Variants/Steel on Yellow Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Steel on Yellow No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Yellow No Names.css2
-rw-r--r--resources/themes/Default/Variants/Steel on Yellow.css92
-rw-r--r--resources/themes/Default/Variants/Yellow on Blue Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Yellow on Blue No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Blue No Names.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Blue.css91
-rw-r--r--resources/themes/Default/Variants/Yellow on Green Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Yellow on Green No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Green No Names.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Green.css96
-rw-r--r--resources/themes/Default/Variants/Yellow on Red Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Yellow on Red No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Red No Names.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Red.css91
-rw-r--r--resources/themes/Default/Variants/Yellow on Steel Alternating.css7
-rw-r--r--resources/themes/Default/Variants/Yellow on Steel No Names Alt.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Steel No Names.css2
-rw-r--r--resources/themes/Default/Variants/Yellow on Steel.css91
80 files changed, 2053 insertions, 0 deletions
diff --git a/resources/themes/Default/Variants/Blue on Green Alternating.css b/resources/themes/Default/Variants/Blue on Green Alternating.css
new file mode 100644
index 0000000..5b910eb
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Green Alternating.css
@@ -0,0 +1,7 @@
+@import url("Blue on Green.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Blue on Green No Names Alt.css b/resources/themes/Default/Variants/Blue on Green No Names Alt.css
new file mode 100644
index 0000000..ebad314
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Green No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Blue on Green Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Green No Names.css b/resources/themes/Default/Variants/Blue on Green No Names.css
new file mode 100644
index 0000000..2a0902c
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Green No Names.css
@@ -0,0 +1,2 @@
+@import url("Blue on Green.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Green.css b/resources/themes/Default/Variants/Blue on Green.css
new file mode 100644
index 0000000..361c8c6
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Green.css
@@ -0,0 +1,90 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+/*incoming */
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Blue on Red Alternating.css b/resources/themes/Default/Variants/Blue on Red Alternating.css
new file mode 100644
index 0000000..5481c10
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Red Alternating.css
@@ -0,0 +1,7 @@
+@import url("Blue on Red.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Blue on Red No Names Alt.css b/resources/themes/Default/Variants/Blue on Red No Names Alt.css
new file mode 100644
index 0000000..9818a6c
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Red No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Blue on Red Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Red No Names.css b/resources/themes/Default/Variants/Blue on Red No Names.css
new file mode 100644
index 0000000..3ac8c9a
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Red No Names.css
@@ -0,0 +1,2 @@
+@import url("Blue on Red.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Red.css b/resources/themes/Default/Variants/Blue on Red.css
new file mode 100644
index 0000000..0717920
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Red.css
@@ -0,0 +1,89 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
diff --git a/resources/themes/Default/Variants/Blue on Steel Alternating.css b/resources/themes/Default/Variants/Blue on Steel Alternating.css
new file mode 100644
index 0000000..8473d1f
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Steel Alternating.css
@@ -0,0 +1,7 @@
+@import url("Blue on Steel.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Blue on Steel No Names Alt.css b/resources/themes/Default/Variants/Blue on Steel No Names Alt.css
new file mode 100644
index 0000000..1925d5c
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Steel No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Blue on Steel Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Steel No Names.css b/resources/themes/Default/Variants/Blue on Steel No Names.css
new file mode 100644
index 0000000..573aa58
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Steel No Names.css
@@ -0,0 +1,2 @@
+@import url("Blue on Steel.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Steel.css b/resources/themes/Default/Variants/Blue on Steel.css
new file mode 100644
index 0000000..48ab03d
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Steel.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Blue on Yellow Alternating.css b/resources/themes/Default/Variants/Blue on Yellow Alternating.css
new file mode 100644
index 0000000..d7927fc
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Yellow Alternating.css
@@ -0,0 +1,7 @@
+@import url("Blue on Yellow.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Blue on Yellow No Names Alt.css b/resources/themes/Default/Variants/Blue on Yellow No Names Alt.css
new file mode 100644
index 0000000..38d374d
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Yellow No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Blue on Yellow Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Yellow No Names.css b/resources/themes/Default/Variants/Blue on Yellow No Names.css
new file mode 100644
index 0000000..3fdc8cd
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Yellow No Names.css
@@ -0,0 +1,2 @@
+@import url("Blue on Yellow.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Blue on Yellow.css b/resources/themes/Default/Variants/Blue on Yellow.css
new file mode 100644
index 0000000..b019b0b
--- /dev/null
+++ b/resources/themes/Default/Variants/Blue on Yellow.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#bdb410;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Green on Blue Alternating.css b/resources/themes/Default/Variants/Green on Blue Alternating.css
new file mode 100644
index 0000000..272c0d0
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Blue Alternating.css
@@ -0,0 +1,7 @@
+@import url("Green on Blue.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Green on Blue No Names Alt.css b/resources/themes/Default/Variants/Green on Blue No Names Alt.css
new file mode 100644
index 0000000..973f91a
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Blue No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Green on Blue Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Blue No Names.css b/resources/themes/Default/Variants/Green on Blue No Names.css
new file mode 100644
index 0000000..0d92eb0
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Blue No Names.css
@@ -0,0 +1,2 @@
+@import url("Green on Blue.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Blue.css b/resources/themes/Default/Variants/Green on Blue.css
new file mode 100644
index 0000000..7185f4f
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Blue.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Green on Red Alternating.css b/resources/themes/Default/Variants/Green on Red Alternating.css
new file mode 100644
index 0000000..e656dc0
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Red Alternating.css
@@ -0,0 +1,7 @@
+@import url("Green on Red.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Green on Red No Names Alt.css b/resources/themes/Default/Variants/Green on Red No Names Alt.css
new file mode 100644
index 0000000..5fd2482
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Red No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Green on Red Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Red No Names.css b/resources/themes/Default/Variants/Green on Red No Names.css
new file mode 100644
index 0000000..23dae81
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Red No Names.css
@@ -0,0 +1,2 @@
+@import url("Green on Red.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Red.css b/resources/themes/Default/Variants/Green on Red.css
new file mode 100644
index 0000000..cdf38b3
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Red.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Green on Steel Alternating.css b/resources/themes/Default/Variants/Green on Steel Alternating.css
new file mode 100644
index 0000000..3c14f7f
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Steel Alternating.css
@@ -0,0 +1,7 @@
+@import url("Green on Steel.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Green on Steel No Names Alt.css b/resources/themes/Default/Variants/Green on Steel No Names Alt.css
new file mode 100644
index 0000000..cfd6bb9
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Steel No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Green on Steel Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Steel No Names.css b/resources/themes/Default/Variants/Green on Steel No Names.css
new file mode 100644
index 0000000..41bc9de
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Steel No Names.css
@@ -0,0 +1,2 @@
+@import url("Green on Steel.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Steel.css b/resources/themes/Default/Variants/Green on Steel.css
new file mode 100644
index 0000000..30a78a0
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Steel.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Green on Yellow Alternating.css b/resources/themes/Default/Variants/Green on Yellow Alternating.css
new file mode 100644
index 0000000..d0553e8
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Yellow Alternating.css
@@ -0,0 +1,7 @@
+@import url("Green on Yellow.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Green on Yellow No Names Alt.css b/resources/themes/Default/Variants/Green on Yellow No Names Alt.css
new file mode 100644
index 0000000..27adc33
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Yellow No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Green on Yellow Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Yellow No Names.css b/resources/themes/Default/Variants/Green on Yellow No Names.css
new file mode 100644
index 0000000..8c8cb28
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Yellow No Names.css
@@ -0,0 +1,2 @@
+@import url("Green on Yellow.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Green on Yellow.css b/resources/themes/Default/Variants/Green on Yellow.css
new file mode 100644
index 0000000..d7f64d3
--- /dev/null
+++ b/resources/themes/Default/Variants/Green on Yellow.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#bdb410;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Red on Blue Alternating.css b/resources/themes/Default/Variants/Red on Blue Alternating.css
new file mode 100644
index 0000000..5d241fb
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Blue Alternating.css
@@ -0,0 +1,7 @@
+@import url("Red on Blue.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Red on Blue No Names Alt.css b/resources/themes/Default/Variants/Red on Blue No Names Alt.css
new file mode 100644
index 0000000..2e80935
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Blue No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Red on Blue Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Blue No Names.css b/resources/themes/Default/Variants/Red on Blue No Names.css
new file mode 100644
index 0000000..da98b5c
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Blue No Names.css
@@ -0,0 +1,2 @@
+@import url("Red on Blue.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Blue.css b/resources/themes/Default/Variants/Red on Blue.css
new file mode 100644
index 0000000..f6e646c
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Blue.css
@@ -0,0 +1,90 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
+
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
diff --git a/resources/themes/Default/Variants/Red on Green Alternating.css b/resources/themes/Default/Variants/Red on Green Alternating.css
new file mode 100644
index 0000000..db8effa
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Green Alternating.css
@@ -0,0 +1,7 @@
+@import url("Red on Green.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Red on Green No Names Alt.css b/resources/themes/Default/Variants/Red on Green No Names Alt.css
new file mode 100644
index 0000000..9a230f2
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Green No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Red on Green Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Green No Names.css b/resources/themes/Default/Variants/Red on Green No Names.css
new file mode 100644
index 0000000..1bbc2a5
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Green No Names.css
@@ -0,0 +1,2 @@
+@import url("Red on Green.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Green.css b/resources/themes/Default/Variants/Red on Green.css
new file mode 100644
index 0000000..0e7c12b
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Green.css
@@ -0,0 +1,95 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Red on Steel Alternating.css b/resources/themes/Default/Variants/Red on Steel Alternating.css
new file mode 100644
index 0000000..ad7eb15
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Steel Alternating.css
@@ -0,0 +1,7 @@
+@import url("Red on Steel.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Red on Steel No Names Alt.css b/resources/themes/Default/Variants/Red on Steel No Names Alt.css
new file mode 100644
index 0000000..9c6ab55
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Steel No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Red on Steel Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Steel No Names.css b/resources/themes/Default/Variants/Red on Steel No Names.css
new file mode 100644
index 0000000..aa2b60a
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Steel No Names.css
@@ -0,0 +1,2 @@
+@import url("Red on Steel.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Steel.css b/resources/themes/Default/Variants/Red on Steel.css
new file mode 100644
index 0000000..8a39df2
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Steel.css
@@ -0,0 +1,93 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
+
+
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Red on Yellow Alternating.css b/resources/themes/Default/Variants/Red on Yellow Alternating.css
new file mode 100644
index 0000000..b264d7d
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Yellow Alternating.css
@@ -0,0 +1,7 @@
+@import url("Red on Yellow.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Red on Yellow No Names Alt.css b/resources/themes/Default/Variants/Red on Yellow No Names Alt.css
new file mode 100644
index 0000000..dc4394e
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Yellow No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Red on Yellow Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Yellow No Names.css b/resources/themes/Default/Variants/Red on Yellow No Names.css
new file mode 100644
index 0000000..9ca44ec
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Yellow No Names.css
@@ -0,0 +1,2 @@
+@import url("Red on Yellow.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Red on Yellow.css b/resources/themes/Default/Variants/Red on Yellow.css
new file mode 100644
index 0000000..f2dc5a0
--- /dev/null
+++ b/resources/themes/Default/Variants/Red on Yellow.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
+
+
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#bdb410;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
diff --git a/resources/themes/Default/Variants/Steel on Blue Alternating.css b/resources/themes/Default/Variants/Steel on Blue Alternating.css
new file mode 100644
index 0000000..8c15ec2
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Blue Alternating.css
@@ -0,0 +1,7 @@
+@import url("Steel on Blue.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Steel on Blue No Names Alt.css b/resources/themes/Default/Variants/Steel on Blue No Names Alt.css
new file mode 100644
index 0000000..7edfcb1
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Blue No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Steel on Blue Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Blue No Names.css b/resources/themes/Default/Variants/Steel on Blue No Names.css
new file mode 100644
index 0000000..f7058b9
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Blue No Names.css
@@ -0,0 +1,2 @@
+@import url("Steel on Blue.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Blue.css b/resources/themes/Default/Variants/Steel on Blue.css
new file mode 100644
index 0000000..6203dc2
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Blue.css
@@ -0,0 +1,92 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Steel on Green Alternating.css b/resources/themes/Default/Variants/Steel on Green Alternating.css
new file mode 100644
index 0000000..69474f0
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Green Alternating.css
@@ -0,0 +1,7 @@
+@import url("Steel on Green.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Steel on Green No Names Alt.css b/resources/themes/Default/Variants/Steel on Green No Names Alt.css
new file mode 100644
index 0000000..6fc5606
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Green No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Steel on Green Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Green No Names.css b/resources/themes/Default/Variants/Steel on Green No Names.css
new file mode 100644
index 0000000..f07264b
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Green No Names.css
@@ -0,0 +1,2 @@
+@import url("Steel on Green.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Green.css b/resources/themes/Default/Variants/Steel on Green.css
new file mode 100644
index 0000000..800dc6b
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Green.css
@@ -0,0 +1,97 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Steel on Red Alternating.css b/resources/themes/Default/Variants/Steel on Red Alternating.css
new file mode 100644
index 0000000..64a783b
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Red Alternating.css
@@ -0,0 +1,7 @@
+@import url("Steel on Red.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Steel on Red No Names Alt.css b/resources/themes/Default/Variants/Steel on Red No Names Alt.css
new file mode 100644
index 0000000..995f329
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Red No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Steel on Red Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Red No Names.css b/resources/themes/Default/Variants/Steel on Red No Names.css
new file mode 100644
index 0000000..b5e622e
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Red No Names.css
@@ -0,0 +1,2 @@
+@import url("Steel on Red.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Red.css b/resources/themes/Default/Variants/Steel on Red.css
new file mode 100644
index 0000000..922c6ef
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Red.css
@@ -0,0 +1,89 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
diff --git a/resources/themes/Default/Variants/Steel on Yellow Alternating.css b/resources/themes/Default/Variants/Steel on Yellow Alternating.css
new file mode 100644
index 0000000..0249230
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Yellow Alternating.css
@@ -0,0 +1,7 @@
+@import url("Steel on Yellow.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Steel on Yellow No Names Alt.css b/resources/themes/Default/Variants/Steel on Yellow No Names Alt.css
new file mode 100644
index 0000000..9ab928c
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Yellow No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Steel on Yellow Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Yellow No Names.css b/resources/themes/Default/Variants/Steel on Yellow No Names.css
new file mode 100644
index 0000000..ecf7861
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Yellow No Names.css
@@ -0,0 +1,2 @@
+@import url("Steel on Yellow.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Steel on Yellow.css b/resources/themes/Default/Variants/Steel on Yellow.css
new file mode 100644
index 0000000..2d91510
--- /dev/null
+++ b/resources/themes/Default/Variants/Steel on Yellow.css
@@ -0,0 +1,92 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#bdb410;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Yellow on Blue Alternating.css b/resources/themes/Default/Variants/Yellow on Blue Alternating.css
new file mode 100644
index 0000000..361856d
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Blue Alternating.css
@@ -0,0 +1,7 @@
+@import url("Yellow on Blue.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Yellow on Blue No Names Alt.css b/resources/themes/Default/Variants/Yellow on Blue No Names Alt.css
new file mode 100644
index 0000000..2e31a7c
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Blue No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Blue Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Blue No Names.css b/resources/themes/Default/Variants/Yellow on Blue No Names.css
new file mode 100644
index 0000000..808377f
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Blue No Names.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Blue.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Blue.css b/resources/themes/Default/Variants/Yellow on Blue.css
new file mode 100644
index 0000000..7e745e9
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Blue.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#bdb410;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#7fc5f8;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/blueIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/blueCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/blueCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/blueCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/blueBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/blueBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/blueCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/blueCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ddf0fe;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Yellow on Green Alternating.css b/resources/themes/Default/Variants/Yellow on Green Alternating.css
new file mode 100644
index 0000000..cb88dfb
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Green Alternating.css
@@ -0,0 +1,7 @@
+@import url("Yellow on Green.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Yellow on Green No Names Alt.css b/resources/themes/Default/Variants/Yellow on Green No Names Alt.css
new file mode 100644
index 0000000..24fe8ef
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Green No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Green Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Green No Names.css b/resources/themes/Default/Variants/Yellow on Green No Names.css
new file mode 100644
index 0000000..0c7d12b
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Green No Names.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Green.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Green.css b/resources/themes/Default/Variants/Yellow on Green.css
new file mode 100644
index 0000000..de4afc6
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Green.css
@@ -0,0 +1,96 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#bdb410;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/greenIndicator.png") no-repeat top left;
+}
+
+.incomingItem .timeStamp {
+ color:#9ecf35;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/greenCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/greenCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/greenCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/greenBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/greenBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/greenCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/greenCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#e2efc4;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Yellow on Red Alternating.css b/resources/themes/Default/Variants/Yellow on Red Alternating.css
new file mode 100644
index 0000000..592b8c4
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Red Alternating.css
@@ -0,0 +1,7 @@
+@import url("Yellow on Red.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Yellow on Red No Names Alt.css b/resources/themes/Default/Variants/Yellow on Red No Names Alt.css
new file mode 100644
index 0000000..fe464d9
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Red No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Red Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Red No Names.css b/resources/themes/Default/Variants/Yellow on Red No Names.css
new file mode 100644
index 0000000..f35c8a2
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Red No Names.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Red.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Red.css b/resources/themes/Default/Variants/Yellow on Red.css
new file mode 100644
index 0000000..f73f0d0
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Red.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#bdb410;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#f88f8f;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/redIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/redCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/redCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/redCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/redBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/redBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/redCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/redCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ffdada;
+ border-bottom:1px solid #fff;
+}
+
+
diff --git a/resources/themes/Default/Variants/Yellow on Steel Alternating.css b/resources/themes/Default/Variants/Yellow on Steel Alternating.css
new file mode 100644
index 0000000..a019487
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Steel Alternating.css
@@ -0,0 +1,7 @@
+@import url("Yellow on Steel.css");
+@import url("../alternating.css");
+
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator2.png") no-repeat top left;
+}
diff --git a/resources/themes/Default/Variants/Yellow on Steel No Names Alt.css b/resources/themes/Default/Variants/Yellow on Steel No Names Alt.css
new file mode 100644
index 0000000..273bcbb
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Steel No Names Alt.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Steel Alternating.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Steel No Names.css b/resources/themes/Default/Variants/Yellow on Steel No Names.css
new file mode 100644
index 0000000..1f8d314
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Steel No Names.css
@@ -0,0 +1,2 @@
+@import url("Yellow on Steel.css");
+@import url("../noname.css");
diff --git a/resources/themes/Default/Variants/Yellow on Steel.css b/resources/themes/Default/Variants/Yellow on Steel.css
new file mode 100644
index 0000000..680f0c8
--- /dev/null
+++ b/resources/themes/Default/Variants/Yellow on Steel.css
@@ -0,0 +1,91 @@
+@import url("../main.css");
+
+/* outgoing */
+
+
+.outgoingItem .timeStamp {
+ color:#bdb410;
+}
+
+.outgoingItem .myBubble .indicator {
+ background:url("../images/yellowIndicator.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tl {
+ background:url("../images/yellowCurves.png") no-repeat top left;
+}
+
+.outgoingItem .tableBubble .tr {
+ background:url("../images/yellowCurves.png") no-repeat top right;
+}
+
+.outgoingItem .tableBubble .head {
+ background:url("../images/yellowCurves.png") no-repeat -10px 0;
+}
+
+.outgoingItem .tableBubble .message {
+ background:url("../images/yellowBackground.png") repeat-y top left;
+}
+
+.outgoingItem .tableBubble .messageRight {
+ background:url("../images/yellowBackground.png") repeat-y top right;
+}
+
+.outgoingItem .tableBubble .bl {
+ background:url("../images/yellowCurves.png") no-repeat bottom left;
+}
+
+.outgoingItem .tableBubble .br {
+ background:url("../images/yellowCurves.png") no-repeat bottom right;
+}
+
+.outgoingItem .followUp {
+ background-color:#f4f0a7;
+ border-bottom:1px solid #fff;
+}
+
+
+/*incoming */
+
+.incomingItem .timeStamp {
+ color:#a9a9a9;
+}
+
+.incomingItem .myBubble .indicator {
+ background:url("../images/steelIndicator.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tl {
+ background:url("../images/steelCurves.png") no-repeat top left;
+}
+
+.incomingItem .tableBubble .tr {
+ background:url("../images/steelCurves.png") no-repeat top right;
+}
+
+.incomingItem .tableBubble .head {
+ background:url("../images/steelCurves.png") no-repeat -10px 0;
+}
+
+.incomingItem .tableBubble .message {
+ background:url("../images/steelBackground.png") repeat-y top left;
+}
+
+.incomingItem .tableBubble .messageRight {
+ background:url("../images/steelBackground.png") repeat-y top right;
+}
+
+.incomingItem .tableBubble .bl {
+ background:url("../images/steelCurves.png") no-repeat bottom left;
+}
+
+.incomingItem .tableBubble .br {
+ background:url("../images/steelCurves.png") no-repeat bottom right;
+}
+
+.incomingItem .followUp {
+ background-color:#ececec;
+ border-bottom:1px solid #fff;
+}
+
+