-
-
-
Card Border
-
- Name, Mana Cost, Type
-
-For Terms of Use and Disclaimer, see the Github page.
@@ -192,7 +279,7 @@
color: rgb(255, 255, 255);
font-family: belerenbsc;
font-size: 20px;
- width: 408px;
+ width: 100%;
padding: 5px;
border: 1px solid rgb(128, 255, 128);
}
@@ -209,16 +296,27 @@
font-size: 100px;
}
.shown {
+ width: 100%;
padding: 5px;
border-width: 1px;
border-color: rgb(128, 255, 128);
border-style: dashed solid solid solid;
-}
+ font-size: 20px;
+ color: rgb(255,255,255);
+ font-family: belerenbsc;
}
.shown * {
- color: rgb(255,255,255);
font-family: mplantin;
- font-size: 15px;
+ font-size: 20px;
+}
+input[type="text"] {
+ width: 99%;
+}
+input[type="number"] {
+ width: 99%;
+}
+select {
+ width: 100%;
}
.column {
float: left;
@@ -228,11 +326,31 @@
display: table;
clear: both;
}
+.text {
+ padding: 10px;
+ text-align: left;
+ color: rgb(128, 128, 128);
+ font-family: beleren;
+ font-size: 25px;
+}
+.text img {
+ position: relative;
+ top: 8px;
+ width: 30px;
+ padding: 0px 0px 0px 0px !important;
+ margin: 0px;
+}
body {
color: rgb(255,255,255);
font-family: mplantin;
font-size: 18px;
- background-color: rgb(56,56,56);
+}
+html {
+ background:url(data/background.png) no-repeat center center fixed;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
}
canvas {
float: left;
@@ -266,13 +384,13 @@ var m15Info = true
var canvas = document.getElementById("canvas")
var card = canvas.getContext("2d")
//Load dynamic images
-var dynamicImageList = ["borderColor", "secondBorderColor", "thirdBorderColor", "borderCreature", "secondBorderCreature", "thirdBorderCreature", "borderLegendary", "secondBorderLegendary", "thirdBorderLegendary", "borderRareStamp", "secondBorderRareStamp", "art", "artMask", "setSymbol", "watermark", "multiMask", "LegendMultiMask"]
+var dynamicImageList = ["borderColor", "secondBorderColor", "thirdBorderColor", "borderCreature", "secondBorderCreature", "thirdBorderCreature", "borderLegendary", "secondBorderLegendary", "thirdBorderLegendary", "borderRareStamp", "secondBorderRareStamp", "art", "artMask", "setSymbol", "watermark", "multiMask", "LegendMultiMask", "legendSilver"]
for (i = 0; i < dynamicImageList.length; i ++) {
var imgName = "img" + dynamicImageList[i].charAt(0).toUpperCase() + dynamicImageList[i].slice(1)
window[imgName] = new Image()
}
//Load static images
-var staticImageList = ["artistBrush", "foil", "stampGradient", "multiGradient", "rareStamp", "cardMask"]
+var staticImageList = ["artistBrush", "foil", "stampGradient", "multiGradient", "rareStamp", "cardMask", "silverBorder", "borderEdge"]
for (i = 0; i < staticImageList.length; i ++) {
var imgName = "img" + staticImageList[i].charAt(0).toUpperCase() + staticImageList[i].slice(1)
window[imgName] = new Image()
@@ -284,6 +402,10 @@ var manaSymbolImages = new Array()
for (var i = 0; i < manaSymbolCode.length; i++) {
manaSymbolImages[i] = new Image()
manaSymbolImages[i].src = "data/manaSymbols/" + i + ".png"
+ //alert(document.getElementById(manaSymbolImages[i]))
+ if (document.getElementById(manaSymbolCode[i]) != null) {
+ document.getElementById(manaSymbolCode[i]).src = "data/manaSymbols/" + i + ".png"
+ }
}
//fill second watermark dropdown menu
document.getElementById("secondWatermarkColorSelection").innerHTML = document.getElementById("watermarkColorSelection").innerHTML
@@ -337,6 +459,7 @@ function updateBorder() {
imgArtMask.src = "data/borders/" + document.getElementById("borderSelection").value + "artMask.png"
imgMultiMask.src = "data/borders/" + document.getElementById("borderSelection").value + "multiMask.png"
imgLegendMultiMask.src = "data/borders/" + document.getElementById("borderSelection").value + "legendMultiMask.png"
+ imgLegendSilver.src = "data/borders/" + document.getElementById("borderSelection").value + "legendSilver.png"
updateColor()
}
//Loads the images for the card frame, power toughness box, and rare stamp
@@ -394,6 +517,17 @@ function drawBorder() {
card.drawImage(imgRareStamp, 340, rareStampY, 70, 37)
}
}
+ if(document.getElementById("legendaryCheckbox").checked == true) {
+ card.drawImage(imgBorderEdge, 0, 0, canvas.width, canvas.height)
+ if (document.getElementById("silverBorderCheckbox").checked == true) {
+ drawMask(imgLegendSilver, 0, 0, canvas.width, canvas.height, imgCardMask, imgLegendMultiMask, false)
+ }
+ } else {
+ card.drawImage(imgBorderEdge, 0, 0, canvas.width, canvas.height)
+ if (document.getElementById("silverBorderCheckbox").checked == true) {
+ card.drawImage(imgSilverBorder, 0, 0, canvas.width, canvas.height)
+ }
+ }
}
//Draw Set Symbol
function drawSetSymbol() {