use inline resource loading for theme content

1 files changed, 5 insertions, 3 deletions

diff --git a/read.html b/read.html
index d68d58b..541e28a 100644
--- a/read.html
+++ b/read.html
@@ -380,9 +380,11 @@
 				else
 					theme = theme.replace("/", "");
 
-				$(book.renderer.doc.head)
-					.append($("<link rel='stylesheet' id='theme_css' type='text/css'>")
-						.attr('href', baseUrl + 'themes/' + theme + '.css'));
+				window.parent.$.get(baseUrl + 'themes/' + theme + '.css', function(data) {
+					$(book.renderer.doc.head)
+						.append($("<style type='text/css' id='theme_css' type='text/css'>")
+							.html(data));
+				});
 
 				if (callback) callback();
 			});