Move styles out into their own stylesheet now

Mon, 22 Mar 2010 11:38:27 +0000

author
Matthew Wild <mwild1@gmail.com>
date
Mon, 22 Mar 2010 11:38:27 +0000
changeset 29
f8c700c601f9
parent 28
85fb6653b6e0
child 30
46b5a79cfc4b

Move styles out into their own stylesheet now

css/supportchat.css file | annotate | diff | comparison | revisions
index.html file | annotate | diff | comparison | revisions
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/css/supportchat.css	Mon Mar 22 11:38:27 2010 +0000
@@ -0,0 +1,61 @@
+#support-chat
+	{
+		display:none;
+		padding-right:27px;
+	}
+#support-converse, #support-question,
+#support-converse-input, #support-question-type,
+#support-question-text
+	{
+		width:100%;
+	}
+#support-send-button, #support-question-submit
+	{
+		float:right;
+	}
+#support-wait, #support-converse
+	{
+		display:none;
+	}
+#support-converse
+	{
+		height:100%;
+		width:100%;
+	}
+#support-log
+	{
+		/* border:solid #eeeeee 1px; */
+		overflow: auto;
+		height:60%;
+		width:100%;
+		padding:5px;
+	}
+#support-input-container
+	{
+		padding:5px;
+		padding-bottom:2px;
+		margin-top:5px;
+		border:solid #aaaaaa 1px;
+		height:17%;
+		width:100%;
+	}
+#support-input
+	{
+		border-style:none;
+		width:100%;
+		height:100%;
+		display:block;
+	}
+#support-send-button
+	{
+		border:solid #aaaaaa 3px;
+		background-color:white;
+		float:right;
+		margin-top:2px;
+		margin-right:-12px;
+	}
+
+#support-chat h2
+	{
+		font-size:11pt;
+	}
--- a/index.html	Thu Mar 18 18:35:50 2010 +0000
+++ b/index.html	Mon Mar 22 11:38:27 2010 +0000
@@ -6,41 +6,13 @@
 	
 	<script type="text/javascript" src="js/xmpp_muc.js"></script>
 	<script type="text/javascript" src="js/supportchat.js"></script>
+	<link rel="stylesheet" href="css/supportchat.css" />
 	
 	<style type="text/css">
-		#support-chat
-		{
-			display:none;
-		}
-		#support-converse, #support-question,
-		#support-converse-input, #support-question-type,
-		#support-question-text
-		{
-			width:100%;
-		}
-		#support-send-button, #support-question-submit
-		{
-			float:right;
-		}
-		#support-wait, #support-converse
+		body
 		{
-			display:none;
+			font-family:Verdana !important;
 		}
-		#support-log
-		{
-			position:relative;
-			top:0px;
-			overflow: auto;
-			height:90%;
-			padding:5px;
-		}
-		#support-input
-		{
-			height:7%;
-			bottom:0px;
-			position:relative;
-		}
-		
 	</style>
 </head>
 <body>

mercurial