Tweak alignment, add custom.css capability

18 files changed, 58 insertions, 5 deletions

diff --git a/chat/css/Cobalt.css b/chat/css/Cobalt.css
index 08c4e36..5a87c01 100644
--- a/chat/css/Cobalt.css
+++ b/chat/css/Cobalt.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/Core.css b/chat/css/Core.css
index 104fb1b..d6f751b 100644
--- a/chat/css/Core.css
+++ b/chat/css/Core.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/Lithium.css b/chat/css/Lithium.css
index 8776158..a9d5ed8 100644
--- a/chat/css/Lithium.css
+++ b/chat/css/Lithium.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/Mercury.css b/chat/css/Mercury.css
index f7e12d5..38dff16 100644
--- a/chat/css/Mercury.css
+++ b/chat/css/Mercury.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/MyBB.css b/chat/css/MyBB.css
index 9daa19d..8220875 100644
--- a/chat/css/MyBB.css
+++ b/chat/css/MyBB.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 	
diff --git a/chat/css/Oxygen.css b/chat/css/Oxygen.css
index 9163174..b64a869 100644
--- a/chat/css/Oxygen.css
+++ b/chat/css/Oxygen.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/Plum.css b/chat/css/Plum.css
index a1aec9f..2b8c304 100644
--- a/chat/css/Plum.css
+++ b/chat/css/Plum.css
@@ -9,6 +9,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/Sulfur.css b/chat/css/Sulfur.css
index f7d721c..384141a 100644
--- a/chat/css/Sulfur.css
+++ b/chat/css/Sulfur.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/Uranium.css b/chat/css/Uranium.css
index 7ff9b64..062c970 100644
--- a/chat/css/Uranium.css
+++ b/chat/css/Uranium.css
@@ -10,6 +10,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/beige.css b/chat/css/beige.css
index 7c30bbe..19f4771 100644
--- a/chat/css/beige.css
+++ b/chat/css/beige.css
@@ -10,6 +10,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/black.css b/chat/css/black.css
index 292b5d1..7a9d12d 100644
--- a/chat/css/black.css
+++ b/chat/css/black.css
@@ -10,6 +10,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/custom.css b/chat/css/custom.css
new file mode 100644
index 0000000..ab4a1db
--- /dev/null
+++ b/chat/css/custom.css
@@ -0,0 +1,36 @@
+/*
+ * @package AJAX_Chat
+ * @author Sebastian Tschan
+ * @author Philip Nicolcev
+ * @copyright (c) Sebastian Tschan
+ * @license Modified MIT License
+ * @link https://blueimp.net/ajax/
+ */
+
+/* Custom CSS - enter css overrides for all styles below */
+/* e.g. suppose you want to hide the logout button and the channel / style / language selectors
+#content #logoutChannelContainer {
+	display:none;
+}
+#content #chatList {
+	top:66px;
+}
+#content #onlineListContainer {
+	top:66px;
+}
+#content #copyright {
+	right:50px;
+	top:18px;
+}
+#content #statusIconContainer {
+	right:12px;
+	top:12px;
+}
+#content #helpContainer {
+	top:66px;
+}
+#content #settingsContainer {
+	top:66px;
+}
+
+ */
diff --git a/chat/css/global.css b/chat/css/global.css
index eff916f..dbfa02d 100644
--- a/chat/css/global.css
+++ b/chat/css/global.css
@@ -36,7 +36,7 @@
 #content #copyright {
 	position:absolute;
 	right:20px;
-	top:20px;
+	top:18px;
 }
 #content #headlineContainer {
 	position:absolute;
@@ -71,13 +71,13 @@
 	position:absolute;
 	left:20px;
 	right:20px;
-	bottom:95px;
+	bottom:90px;
 	padding-right:4px;
 }
 #content #submitButtonContainer {
 	position:absolute;
 	right:20px;
-	bottom:60px;
+	bottom:54px;
 }
 #content #onlineListContainer {
 	position:absolute;
@@ -105,6 +105,7 @@
 	left:20px;
 	bottom:20px;
 	padding:3px;
+	padding-left: 0px;
 }
 #content #colorCodesContainer {
 	position:absolute;
@@ -122,7 +123,7 @@
 #content #optionsContainer {
 	position:absolute;
 	right:20px;
-	bottom:20px;
+	bottom:24px;
 	padding:3px;
 	padding-right:0px;
 }
@@ -259,7 +260,7 @@
 #content img {
 	border:none;
 }
-#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer, 
+#content #chatList, #content #onlineListContainer, #content #helpContainer, #content #settingsContainer, #content #colorCodesContainer,
 #content #colorCodesContainer a, #content textarea {
 	border-width:1px;
 	border-style:solid;
diff --git a/chat/css/grey.css b/chat/css/grey.css
index 36d55d6..7d58380 100644
--- a/chat/css/grey.css
+++ b/chat/css/grey.css
@@ -11,6 +11,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/prosilver.css b/chat/css/prosilver.css
index 867c30d..76ba6dd 100644
--- a/chat/css/prosilver.css
+++ b/chat/css/prosilver.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/subSilver.css b/chat/css/subSilver.css
index 80f8b75..f105b41 100644
--- a/chat/css/subSilver.css
+++ b/chat/css/subSilver.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 
diff --git a/chat/css/subblack2.css b/chat/css/subblack2.css
index 3043754..c1cb0db 100644
--- a/chat/css/subblack2.css
+++ b/chat/css/subblack2.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {
 	
diff --git a/chat/css/vBulletin.css b/chat/css/vBulletin.css
index 91a7e1a..b8816c2 100644
--- a/chat/css/vBulletin.css
+++ b/chat/css/vBulletin.css
@@ -13,6 +13,7 @@
 @import url('global.css');
 @import url('fonts.css');
 @import url('print.css');
+@import url('custom.css');
 
 @media screen,projection,handheld {