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

this really works!

Browse Source
This commit is contained in:
Kyle
2019-11-28 16:21:32 -08:00
parent 3ec22ca6c5
commit c6e423ca55
13 changed files with 253 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
data/site/newStyles.css
View File

@@ -91,10 +91,14 @@ canvas {
grid-template-columns: auto;
font: 1.6em mplantin;
}
.imageGrid {
.splitGrid {
display: grid;
grid-template-columns: auto 9em;
min-height: 12.5em;
grid-template-columns: 50% 50%;
}
.frameGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(4em, 1fr));
grid-auto-rows: min-content;
}
.footerGrid {
display: grid;
@@ -257,16 +261,51 @@ footer a:hover {
display: none;
}
.cardMasterElement {
font: 1em belerenbsc;
background-color: var(--clear-light);
border: 1px solid var(--light-color);
border-radius: 0.25em;
padding: 0.25em;
margin-top: 0.25em;
}
.cardMasterElementMoving {
background-color: var(--clear-dark);
}
.closeCardMasterElement {
cursor: pointer;
position: absolute;
/*top: 50%;*/
left: 96%;
/*padding: 12px 16px;*/
/*transform: translate(0%, -50%);*/
}
.frameOption {
height: 4em;
text-align: center;
}
.frameOption img {
max-width: 4em;
max-height: 4em;
}
.maskOption img {
max-width: 2em;
max-height: 2em;
}
.frameOption.frameOptionSelected, .maskOption.maskOptionSelected {
background-color: var(--clear-dark);
}
.maskOption, .frameOption {
background-color: var(--clear-light);
border: 1px solid var(--light-color);
border-radius: 0.25em;
width: 100%;
}
.maskOption {
margin-left: 0.5em;
padding: 0.125em;
}