Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

larger font

Browse Source
This commit is contained in:
Kyle
2018-11-04 11:04:01 -08:00
parent 47a2e0ae55
commit e49db11c3b
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@@ -148,7 +148,7 @@
<div class="togglee"> <div class="togglee">
Rules Text Rules Text
<br/> <br/>
<textarea id="inputText" class="input" rows="5" cols="40" style="width: 99%; resize: none; height: 200px"></textarea> <textarea id="inputText" class="input" rows="5" cols="40" style="width: 100%; resize: none; height: 200px"></textarea>
<br/> <br/>
Rules Text Font Size Rules Text Font Size
<input id="textSize" type="number" class="input" min="0" max="100" value="37" step="0.5"></input> <input id="textSize" type="number" class="input" min="0" max="100" value="37" step="0.5"></input>
@@ -164,7 +164,7 @@
<div class="toggler" onclick="toggleSection(this)">Card Art</div> <div class="toggler" onclick="toggleSection(this)">Card Art</div>
<div class="togglee"> <div class="togglee">
Image Image
<input type="file" accept="image/*" onchange="loadImage(event, imgArt, true)" id="inputPicture"></input> <input type="file" class="input" accept="image/*" onchange="loadImage(event, imgArt, true)" id="inputPicture"></input>
<br/> <br/>
<input type="text" class="input" placeholder="Or use a URL" onchange="imageURL(this, imgArt)"></input> <input type="text" class="input" placeholder="Or use a URL" onchange="imageURL(this, imgArt)"></input>
<br/> <br/>
@@ -221,7 +221,7 @@
<input type="text" onchange="loadSetSymbol()" value="C" id="setSymbolRarity" class="input"></input> <input type="text" onchange="loadSetSymbol()" value="C" id="setSymbolRarity" class="input"></input>
<br> <br>
Custom Set Symbol Custom Set Symbol
<input type="file" accept="image/*" onchange="loadImage(event, imgSetSymbol, true)" id="inputSetSymbol"></input> <input type="file" class="input" accept="image/*" onchange="loadImage(event, imgSetSymbol, true)" id="inputSetSymbol"></input>
<br/> <br/>
<input type="text" class="input" placeholder="Or use a URL" onchange="imageURL(this, imgSetSymbol)"></input> <input type="text" class="input" placeholder="Or use a URL" onchange="imageURL(this, imgSetSymbol)"></input>
<br/> <br/>
@@ -233,7 +233,7 @@
<label for="checkboxWatermark" /> <label for="checkboxWatermark" />
<div>Watermark</div> <div>Watermark</div>
</div> </div>
<input type="file" accept="image/*" onchange="loadImage(event, imgWatermark, true)" id="inputWatermark"></input> <input type="file" class="input" accept="image/*" onchange="loadImage(event, imgWatermark, true)" id="inputWatermark"></input>
<br/> <br/>
<input type="text" class="input" placeholder="Or use a URL" onchange="imageURL(this, imgWatermark)"></input> <input type="text" class="input" placeholder="Or use a URL" onchange="imageURL(this, imgWatermark)"></input>
<br/> <br/>
@@ -342,7 +342,7 @@
* { * {
text-align: center; text-align: center;
font-family: belerenb; font-family: belerenb;
font-size: 22px; font-size: 24px;
color: var(--main-text-color); color: var(--main-text-color);
user-select: none; user-select: none;
} }
@@ -390,7 +390,7 @@
border: none; border: none;
background-color: var(--section-border-color); background-color: var(--section-border-color);
color: var(--input-text-color); color: var(--input-text-color);
width: 99%; width: 100%;
} }
input[type="color"] { input[type="color"] {
border: none; border: none;
@@ -426,7 +426,7 @@ input[type="color"] {
top: -8px; top: -8px;
left: 18px; left: 18px;
} }
/* Custom select box (dropdown)*/ /*Custom select box (dropdown)*/
.dropdown { .dropdown {
position: relative; position: relative;
display: inline-block; display: inline-block;
@@ -452,7 +452,7 @@ input[type="color"] {
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
color: var(--title-text-color); color: var(--title-text-color);
right: 3%; right: 10px;
top: 38%; top: 38%;
} }
/*List of all mana symbols and their associated codes*/ /*List of all mana symbols and their associated codes*/
@@ -1178,10 +1178,10 @@ function resizeThings() {
document.getElementById("optionsColumn").style = "width: 100%" document.getElementById("optionsColumn").style = "width: 100%"
} }
var symbolList = "" var symbolList = ""
var rowCount = Math.ceil(manaSymbolCode.length / Math.floor((window.innerWidth - 30) / 120)) var rowCount = Math.ceil(manaSymbolCode.length / Math.floor((window.innerWidth - 30) / 130))
for (var i = 0; i < manaSymbolCode.length; i++) { for (var i = 0; i < manaSymbolCode.length; i++) {
if (i%rowCount == 0) { if (i%rowCount == 0) {
symbolList += "<div class='column' style='width: 120px'>" symbolList += "<div class='column' style='width: 130px'>"
} }
symbolList += manaSymbolCode[i] + "\u2192" + "<img src=" + manaSymbolImages[i].src + "></img><br/>" symbolList += manaSymbolCode[i] + "\u2192" + "<img src=" + manaSymbolImages[i].src + "></img><br/>"
if (i%rowCount == rowCount - 1) { if (i%rowCount == rowCount - 1) {