diff --git a/evennia/web/webclient/static/webclient/css/evennia.css b/evennia/web/webclient/static/webclient/css/evennia.css
new file mode 100644
index 0000000000..a87ec2adee
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/css/evennia.css
@@ -0,0 +1,34 @@
+/** evennia webclient css (overrides parts of the foundation base) **/
+
+html, body {
+ height: 100%;
+}
+
+#wrapper {
+ min-height: 100%;
+}
+
+#main {
+ height: 100%;
+ min-height: 100%;
+ padding-bottom: 100px;
+}
+
+.textoutput {
+ height: auto;
+ width: 98%;
+ min-height: 100%;
+ min-width: 98% !important;
+ overflow: hidden;
+ padding-left:2em;
+ background: rgba(201, 201, 201, 0.65);
+}
+
+#footer {
+ position: relative;
+ margin-top: -100px;
+ height: 100px;
+ clear: both;
+}
+
+*/
diff --git a/evennia/web/webclient/static/webclient/js/evennia.js b/evennia/web/webclient/static/webclient/js/evennia.js
index c99dcf79f0..96bbedcebd 100644
--- a/evennia/web/webclient/static/webclient/js/evennia.js
+++ b/evennia/web/webclient/static/webclient/js/evennia.js
@@ -242,9 +242,9 @@ initialize = function() {
}
}
});
-
+
// make sure textarea fills surrounding div
- //$('textarea').css({height:(300-$('form').height())+'px'});
+ $('.textoutput').css({height:(300-$('.form').height())+'px'});
//$('textarea').css({'height':"100%"});
// configurations
diff --git a/evennia/web/webclient/static/webclient/js/testclient.html b/evennia/web/webclient/static/webclient/js/testclient.html
new file mode 100644
index 0000000000..c45f59bd62
--- /dev/null
+++ b/evennia/web/webclient/static/webclient/js/testclient.html
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+ Evennia test client
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+