diff --git a/aqt/clayout.py b/aqt/clayout.py
index 1e9ccec33..c2ec50c4b 100644
--- a/aqt/clayout.py
+++ b/aqt/clayout.py
@@ -183,7 +183,7 @@ Please create a new card type first."""))
         t = self.card.template()
         self.redrawing = True
         self.tab['tform'].front.setPlainText(t['qfmt'])
-        self.tab['tform'].css.setPlainText(t['css'])
+        self.tab['tform'].css.setPlainText(self.model['css'])
         self.tab['tform'].back.setPlainText(t['afmt'])
         self.redrawing = False
 
@@ -193,7 +193,7 @@ Please create a new card type first."""))
         text = self.tab['tform'].front.toPlainText()
         self.card.template()['qfmt'] = text
         text = self.tab['tform'].css.toPlainText()
-        self.card.template()['css'] = text
+        self.card.model()['css'] = text
         text = self.tab['tform'].back.toPlainText()
         self.card.template()['afmt'] = text
         self.renderPreview()
@@ -207,10 +207,10 @@ Please create a new card type first."""))
         base = getBase(self.mw.col)
         self.tab['pform'].frontWeb.stdHtml(
             ti(mungeQA(c.q(reload=True))), self.mw.reviewer._styles(),
-            bodyClass="card", head=base)
+            bodyClass="card card%d" % (c.ord+1), head=base)
         self.tab['pform'].backWeb.stdHtml(
             ti(mungeQA(c.a())), self.mw.reviewer._styles(),
-            bodyClass="card", head=base)
+            bodyClass="card card%d" % (c.ord+1), head=base)
         clearAudioQueue()
         if c.id not in self.playedAudio:
             playFromText(c.q())
diff --git a/aqt/reviewer.py b/aqt/reviewer.py
index bbc438174..bfabfe6fb 100644
--- a/aqt/reviewer.py
+++ b/aqt/reviewer.py
@@ -107,7 +107,7 @@ class Reviewer(object):
 <script>
 var ankiPlatform = "desktop";
 var typeans;
-function _updateQA (q, answerMode) {
+function _updateQA (q, answerMode, klass) {
     $("#qa")[0].innerHTML = q;
     typeans = document.getElementById("typeans");
     if (typeans) {
@@ -116,6 +116,9 @@ function _updateQA (q, answerMode) {
     if (answerMode) {
         window.location = "#answer";
     }
+    if (klass) {
+        document.body.className = klass;
+    }
 };
 
 function _toggleStar (show) {
@@ -145,7 +148,7 @@ function _typeAnsPress() {
         base = getBase(self.mw.col)
         # main window
         self.web.stdHtml(self._revHtml, self._styles(),
-            bodyClass="card", loadCB=lambda x: self._showQuestion(),
+            loadCB=lambda x: self._showQuestion(),
             head=base)
         # show answer / ease buttons
         self.bottom.web.show()
@@ -176,7 +179,8 @@ The front of this card is empty. Please run Tools>Maintenance>Empty Cards.""")
             playFromText(q)
         # render & update bottom
         q = self._mungeQA(q)
-        self.web.eval("_updateQA(%s, false);" % json.dumps(q))
+        klass = "card card%d" % (c.ord+1)
+        self.web.eval("_updateQA(%s, false, '%s');" % (json.dumps(q), klass))
         self._toggleStar()
         if self._bottomReady:
             self._showAnswerButton()