This commit is contained in:
Matteias Collet 2017-11-16 17:26:35 +01:00
parent 4addf61f5f
commit ee1a47bf55
4 changed files with 24 additions and 35 deletions

View file

@ -12,29 +12,6 @@ document.getElementById("checkList").addEventListener("click", function(ev) {
}
});
window.addEventListener("scroll", function(e) {
try {
document.getElementById("descriptionBox").style.left = (470 - window.pageXOffset) + "px";
if (document.getElementById("warningMessage").style.display != "none") {
if(window.pageYOffset > 120) {
document.getElementById("descriptionBox").style.top = "0px";
} else {
document.getElementById("descriptionBox").style.top = (120 - window.pageYOffset) + "px";
}
} else {
if(window.pageYOffset > 61) {
document.getElementById("descriptionBox").style.top = "0px";
} else {
document.getElementById("descriptionBox").style.top = (61 - window.pageYOffset - 11) + "px";
}
}
} catch (ex) {
console.log("error");
}
});
function parseXML(name) {
var xml = new XMLHttpRequest();
var file = "codes/" + name + ".xml";

View file

@ -7,7 +7,7 @@
<title>Guide</title>
</head>
<body>
<div style="width: 50%; min-width:600px; position:absolute; left:50%; transform:translate(-50%, 0);">
<div style="width: 50vw; min-width:600px;">
<div id="guide_content">
<h1 style="text-align: center; width: 100%";>How to install and use practice codes</h1>
<p style="margin: 0; text-align: center; width: 100%;">This page is a simple guide to explain the recommended way to install practice codes on your Nintendo Wii.</p>

View file

@ -1,12 +1,13 @@
body {
margin: 50px 50px 0 50px;
width: 1200px;
display: inline-block;
margin: 30px 30px 30px 30px;
text-align: justify;
}
html {
background-color: #262626;
background-color: #0D0D0D;
color: #f1f1f1;
font-family: Calibri;
text-align: center;
}
div {
padding: 0;
@ -34,12 +35,17 @@ ul li {
}
#guide_content {
clear: both;
background-color: #111;
/*background-color: #111;*/
background: #232323;
width: 100%;
max-width: 960px;
overflow: hidden;
border: 1px solid #333;
margin: 30px 0px 10px 0px;
border-radius: 4px;
border-color: grey;
border-width: 1px;
border-style: dashed;
margin: 20px 20px 20px 20px;
padding: 0px 30px 30px 30px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;

View file

@ -1,11 +1,16 @@
body {
margin: 50px 50px 0 50px;
margin: 50px 50px 50px 50px;
width: 980px;
min-height: 450px;
display: inline-block;
text-align:left;
}
html {
background-color: #262626;
/*background-color: #262626;*/
background-color: #0D0D0D;
color: #f1f1f1;
font-family: Calibri;
text-align: center;
}
#gameID {
margin: 10px 0 5px 0;
@ -125,10 +130,11 @@ th {
outline: none;
}
.framed {
position: fixed;
position: relative;
margin: 11px 0px 10px 0;
padding: 0px 12px 12px 12px;
background-color: #111;
/*background-color: #111;*/
background: #232323;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
@ -140,7 +146,6 @@ th {
min-height: 150px;
overflow-y: auto;
overflow-x: hidden;
max-height: 80vh;
-ms-overflow-style: none;
}
.framed::-webkit-scrollbar {
@ -153,7 +158,8 @@ th {
border-style: solid;
border-width: 1px;
border-radius: 4px;
background-color: #111;
/*background-color: #111;*/
background: #232323;
width: 526px;
padding: 5px 12px 5px 12px;
margin: 11px 0px 0px 0px;