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) { function parseXML(name) {
var xml = new XMLHttpRequest(); var xml = new XMLHttpRequest();
var file = "codes/" + name + ".xml"; var file = "codes/" + name + ".xml";

View file

@ -7,7 +7,7 @@
<title>Guide</title> <title>Guide</title>
</head> </head>
<body> <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"> <div id="guide_content">
<h1 style="text-align: center; width: 100%";>How to install and use practice codes</h1> <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> <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 { body {
margin: 50px 50px 0 50px; display: inline-block;
width: 1200px; margin: 30px 30px 30px 30px;
text-align: justify; text-align: justify;
} }
html { html {
background-color: #262626; background-color: #0D0D0D;
color: #f1f1f1; color: #f1f1f1;
font-family: Calibri; font-family: Calibri;
text-align: center;
} }
div { div {
padding: 0; padding: 0;
@ -34,12 +35,17 @@ ul li {
} }
#guide_content { #guide_content {
clear: both; clear: both;
background-color: #111; /*background-color: #111;*/
background: #232323;
width: 100%; width: 100%;
max-width: 960px; max-width: 960px;
overflow: hidden; overflow: hidden;
border: 1px solid #333; 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; padding: 0px 30px 30px 30px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;

View file

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