diff --git a/IPython/html/templates/edit.html b/IPython/html/templates/edit.html
index b4fbf31..a34e2c4 100644
--- a/IPython/html/templates/edit.html
+++ b/IPython/html/templates/edit.html
@@ -8,12 +8,12 @@
{{super()}}
{% endblock %}
-{% block params %}
+{% block bodyclasses %}edit_app {{super()}}{% endblock %}
-class="edit_app"
+{% block params %}
data-base-url="{{base_url}}"
data-file-path="{{file_path}}"
-
+{{super()}}
{% endblock %}
{% block headercontainer %}
diff --git a/IPython/html/templates/notebook.html b/IPython/html/templates/notebook.html
index dbefa0a..17e1c88 100644
--- a/IPython/html/templates/notebook.html
+++ b/IPython/html/templates/notebook.html
@@ -21,6 +21,8 @@ window.mathjax_url = "{{mathjax_url}}";
{% endblock %}
+{% block bodyclasses %}notebook_app {{super()}}{% endblock %}
+
{% block params %}
data-project="{{project}}"
@@ -28,7 +30,6 @@ data-base-url="{{base_url}}"
data-ws-url="{{ws_url}}"
data-notebook-name="{{notebook_name}}"
data-notebook-path="{{notebook_path}}"
-class="notebook_app"
{% endblock %}
diff --git a/IPython/html/templates/page.html b/IPython/html/templates/page.html
index 53932ca..eb362c1 100644
--- a/IPython/html/templates/page.html
+++ b/IPython/html/templates/page.html
@@ -72,7 +72,7 @@
</head>
-<body {% block params %}{% endblock %}>
+<body class="{% block bodyclasses %}{% endblock %}" {% block params %}{% endblock %}>
<noscript>
<div id='noscript'>
diff --git a/IPython/html/templates/terminal.html b/IPython/html/templates/terminal.html
index c73976f..ca14f46 100644
--- a/IPython/html/templates/terminal.html
+++ b/IPython/html/templates/terminal.html
@@ -2,11 +2,12 @@
{% block title %}{{page_title}}{% endblock %}
+{% block bodyclasses %}terminal-app {{super()}}{% endblock %}
+
{% block params %}
data-base-url="{{base_url}}"
data-ws-path="{{ws_path}}"
-class="terminal-app"
{% endblock %}