GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

more css magic

Browse Source
This commit is contained in:
Kyle
2018-11-09 17:09:55 -08:00
parent d24448ffdc
commit 2392f5f4a6
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/scripts/main.js
View File

@@ -108,7 +108,7 @@ var cardClockInterval = setInterval(cardClock, 1000 / document.getElementById("i
//It's easier to generate the mana symbol list via js, so do it here //It's easier to generate the mana symbol list via js, so do it here
var symbolList = "" var symbolList = ""
for (var i = 0; i < manaSymbolCode.length; i++) { for (var i = 0; i < manaSymbolCode.length; i++) {
symbolList += "<div class='column-4' style='width: auto'>" + manaSymbolCode[i] + "\u2192" + "<img src=" + manaSymbolImages[i].src + "></img></div>" symbolList += "<div class='column-4'>" + manaSymbolCode[i] + "\u2192" + "<img src=" + manaSymbolImages[i].src + "></img></div>"
} }
document.getElementById("symbolList").innerHTML = symbolList document.getElementById("symbolList").innerHTML = symbolList

8
index.html
View File

@@ -376,7 +376,7 @@
* { * {
text-align: center; text-align: center;
font-family: belerenb; font-family: belerenb;
font-size: 25px; font-size: 5vw;
color: var(--main-text-color); color: var(--main-text-color);
user-select: none; user-select: none;
box-sizing: border-box; box-sizing: border-box;
@@ -495,6 +495,9 @@ input[type="color"] {
top: 0.25em; top: 0.25em;
height: 1.2em; height: 1.2em;
} }
.column-4 {
width: 5.5em;
}
/*Other*/ /*Other*/
.title { .title {
text-align: center; text-align: center;
@@ -530,6 +533,9 @@ a:active {
/*Adjustments For Desktop*/ /*Adjustments For Desktop*/
/*Chrome's JS Debugger gives a width 1.1 times greater than it should be*/ /*Chrome's JS Debugger gives a width 1.1 times greater than it should be*/
@media only screen and (orientation: landscape) { @media only screen and (orientation: landscape) {
* {
font-size: 25px;
}
.column-3 {width: 33.33%;} .column-3 {width: 33.33%;}
} }
@media only screen and (min-width: 1130px) { @media only screen and (min-width: 1130px) {