Mon, 22 Mar 2010 11:38:27 +0000
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>