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

mobile

Browse Source
This commit is contained in:
Kyle
2018-11-09 19:36:04 -08:00
parent 51abc735a5
commit 964a041594
2 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/scripts/main.js
View File

@@ -6,7 +6,7 @@
//============================================// //============================================//
//The following bits of code are run immediatly to initialize the program while allowing the variables to remain global. //The following bits of code are run immediatly to initialize the program while allowing the variables to remain global.
//Setup viewport! //Setup viewport!
var minimumWidth = 783 var minimumWidth = 800
var viewport = document.createElement("meta") var viewport = document.createElement("meta")
viewport.setAttribute("name", "viewport") viewport.setAttribute("name", "viewport")
if (screen.width < minimumWidth) { if (screen.width < minimumWidth) {

28
index.html
View File

@@ -418,6 +418,9 @@
user-select: none; user-select: none;
box-sizing: border-box; box-sizing: border-box;
} }
html {
background-color: rgb(16, 16, 16);
}
/*Applies to most elements (with rows and columns)*/ /*Applies to most elements (with rows and columns)*/
.row::after{ .row::after{
content: ""; content: "";
@@ -549,13 +552,6 @@ input[type="color"] {
font-family: belerenbsc; font-family: belerenbsc;
font-size: 0.75rem; font-size: 0.75rem;
} }
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;
}
/*Hyperlinks*/ /*Hyperlinks*/
a:link { a:link {
color: var(--main-text-color); color: var(--main-text-color);
@@ -570,8 +566,10 @@ a:hover {
a:active { a:active {
color: var(--title-text-color); color: var(--title-text-color);
} }
.column-2 {
margin-bottom: 20px;
}
/*Adjustments For Desktop*/ /*Adjustments For Desktop*/
/*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; font-size: 25px;
@@ -581,7 +579,19 @@ a:active {
@media only screen and (min-width: 1130px) { @media only screen and (min-width: 1130px) {
/*The card manipulator menu can be side-by-side with the card*/ /*The card manipulator menu can be side-by-side with the card*/
.column-1 {width: 769px;} .column-1 {width: 769px;}
.column-2 {width: calc(100% - 769px);} .column-2 {
width: calc(100% - 769px);
margin-bottom: 0px;
}
}
@media only screen and (min-width: 801px) {
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;
}
} }
</style> </style>
<script src="data/scripts/loadScript.js"></script> <script src="data/scripts/loadScript.js"></script>