Commit b1000aad authored by twanvl's avatar twanvl

Minor style tweaks to 'spoiler' export template; fixed IE image size issue; added shortcut icon.

parent 23c4fd02
...@@ -151,11 +151,24 @@ script: ...@@ -151,11 +151,24 @@ script:
write_cards() write_cards()
} }
copy_file("blank.gif") copy_file("blank.gif")
write_image_file(
file: "set-symbol.png",
width: 200,
symbol_variation(symbol: set.symbol, variation: "rare")
)
write_image_file(
file: "set-icon.png",
width: 16,
heght: 16
symbol_variation(symbol: set.symbol, variation: "rare")
)
# the html page
html := "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\"> html := "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
<html lang='en'> <html lang='en'>
<head> <head>
<title>{ to_html(set.title) }</title> <title>{ to_html(set.title) }</title>
<link rel='stylesheet' type='text/css' href='{copy_file("style.css")}' /> <link rel='stylesheet' type='text/css' href='{copy_file("style.css")}'>
<link rel='shortcut icon' type='image/png' href='set-icon.png'>
<script type='text/javascript' src='{copy_file("script.js")}'></script> <script type='text/javascript' src='{copy_file("script.js")}'></script>
<style type='text/css'> <style type='text/css'>
body \{ body \{
......
...@@ -46,19 +46,24 @@ function nice_preview() { ...@@ -46,19 +46,24 @@ function nice_preview() {
} }
} }
var dir;
function fix_img() {
if (this.currentStyle.width == 'auto' && this.currentStyle.height == 'auto') {
this.style.width = this.offsetWidth + 'px';
this.style.height = this.offsetHeight + 'px';
}
this.onload = null;
this.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+this.src+'",sizingMethod="scale")';
this.src = dir + "blank.gif";
}
function fix_png_alpha() { function fix_png_alpha() {
if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent)) return; // only in ie 5.5 and 6 if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent)) return; // only in ie 5.5 and 6
var dir = document.getElementsByTagName("SCRIPT")[0].src.replace(/[^\/]*$/,''); // dir for blank image dir = document.getElementsByTagName("SCRIPT")[0].src.replace(/[^\/]*$/,''); // dir for blank image
var imgs = document.getElementsByTagName("IMG"); var imgs = document.getElementsByTagName("IMG");
for (var i in imgs) { for (var i in imgs) {
var img = imgs[i]; var img = imgs[i];
if ((/\.png$/i).test(img.src)) { if ((/\.png$/i).test(img.src)) {
if (img.currentStyle.width == 'auto' && img.currentStyle.height == 'auto') { img.onload = fix_img;
img.style.width = img.offsetWidth + 'px';
img.style.height = img.offsetHeight + 'px';
}
img.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+img.src+'",sizingMethod="scale")';
img.src = dir + "blank.gif";
} }
} }
} }
...@@ -67,4 +72,3 @@ function init() { ...@@ -67,4 +72,3 @@ function init() {
fix_png_alpha(); fix_png_alpha();
nice_preview(); nice_preview();
} }
.set-symbol { .set-symbol {
float: left; float: right;
margin-right: .5em; margin-right: .5em;
} }
...@@ -27,7 +27,8 @@ ul { ...@@ -27,7 +27,8 @@ ul {
display: inline; display: inline;
font-family: "Magic Symbols", "Magic Symbols 2004"; font-family: "Magic Symbols", "Magic Symbols 2004";
font-size: larger; font-size: larger;
margin-left: .1em; margin-left: .5em;
vertical-align: middle;
} }
.card .flavor-text { .card .flavor-text {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment