Implemented exporting symbol fonts;

Rendering symbols to an image always uses anti-aliassing (by downsampling from a large size);
Finished the spoiler export template;
Added <soft-line> tag to make line breaks use the line height for soft line breaks

git-svn-id: svn://svn.code.sf.net/p/magicseteditor/code/trunk@440 0fc631ac-6414-0410-93d0-97cfa31319b6

data/magic-spoiler.mse-export-template/style.css

@@ -1,9 +1,15 @@
+.set-symbol {
+	float:			left;
+	margin-right:	.5em;
+}
+
 ul {
 	list-style:		none;
 	margin:			0;
 	padding:		0;
 }
 .card {
+	clear:			left;
 	margin-top:		1em;
 }
 
@@ -21,6 +27,7 @@ ul {
 	display:		inline;
 	font-family:	"Magic Symbols", "Magic Symbols 2004";
 	font-size:		larger;
+	margin-left:	.1em;
 }
 
 .card .flavor-text {
@@ -32,16 +39,62 @@ ul {
 }
 
 
-.card {
+.with-previews .card {
 	margin-top:		1.1em;
 	min-height:		100px;
 	margin-left:	90px;
 	position:		relative;
 }
-.card .image {
+.card .card-image {
 	height:			100px;
 	position:		absolute;
 	left:			-85px;
 	top:			3px;
 	border:			none;
 }
+.card .image {
+	display:		block;
+	border:			none;
+}
+
+span.symbol {
+	display:		inline;
+	vertical-align:	middle;
+}
+
+.fullcard {
+	float:			left;
+}
+h2 {
+	clear:			both;
+}
+
+/* image preview */
+#preview-bg {
+	background-color: rgb(0,0,0);
+	width:			100%;
+	height:			100%;
+	cursor:			pointer;
+	position:		absolute;
+	opacity:		0.7;
+	-moz-opacity:	0.7;
+	filter:         alpha(opacity=70);
+}
+#preview-img {
+	background-position:	50% 50%;
+	background-repeat:		no-repeat;
+	width:			100%;
+	height:			100%;
+	cursor:			pointer;
+	position:		absolute;
+}
+#preview {
+	position:		fixed;
+	top:			0;
+	left:			0;
+	width:			100%;
+	height:			100%;
+}
+* html #preview {
+	position:		absolute;
+}