sms/gctGenerator
1
0
Fork 0
Code Issues Pull requests Activity

cosmetic stuff

Browse source
This commit is contained in:
Matteias Collet 2017-10-30 03:33:00 +01:00
parent 3f96ab0de9
commit 9e94fb0ead
2 changed files with 37 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -11,7 +11,7 @@
<body onload="updateChangelog()">
<div style="width: 100%; overflow: hidden;">
<div style="width: 510px; float: left;">
<div style="width: 400px; float: left;">
<select id="gameID" class="selectionHeader" onchange="updateCodelist()" autocomplete="off">
<option selected disabled hidden>Choose Version</option>
<option value="GMSE01">GMSE01 (NTSC-U)</option>
@ -22,7 +22,7 @@
</ul>
<button id="downloadButton" onclick="generateGCT()" style="visibility:hidden;">Download</button>
</div>
<div style="margin-left: 530px;">
<div style="margin-left: 420px;">
<div id="descriptionBox" class="framed">
<p><h2>Mario Sunshine Cheatfile Generator</h2></p>
<p><i>Authors: <a href="https://twitter.com/psychonauter">Psy</a> & <a href="https://twitter.com/srlmilk">Milk</a><br />Last Updated: Oct 30, 2017</i></p>

58
style/style.css
View file

@ -1,6 +1,6 @@
body {
margin: 50px 50px 0 50px;
width: 1200px;
width: 980px;
}
html {
background-color: #262626;
@ -8,11 +8,11 @@ html {
font-family: Calibri;
}
#gameID {
margin: 10px 0 10px 0;
margin: 10px 0 5px 0;
}
body button {
width: 500px;
padding: 12px 8px 12px 0px;
width: 390px;
padding: 10px 10px 10px 10px;
float: left;
display: block;
margin: auto;
@ -22,7 +22,7 @@ body button {
border-style: none;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
margin-top: 5px;
outline: none;
-webkit-transition: all 0s ease-out 0s;
-moz-transition: all 0s ease-out 0s;
@ -36,13 +36,16 @@ img {
ul {
margin: 0;
padding: 0;
width: 500px;
width: 390px;
list-style-type: none;
}
ul li {
cursor: pointer;
position: relative;
padding: 12px 8px 12px 40px;
padding: 8px 8px 8px 40px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
background: #ffefef;
color: #262626;
font-size: 18px;
@ -64,24 +67,32 @@ ul li::before {
border-color: #a6a6a6;
border-style: solid;
border-width: 1.5px 1.5px 1.5px 1.5px;
border-radius: 4px;
top: 14.5px;
border-radius: 50%;
top: 11px;
left: 12px;
height: 15px;
width: 15px;
height: 14px;
width: 14px;
}
ul li:nth-child(odd) {
background: #fdfdfd;
}
ul li:hover {
/*background: #ddd;*/
background: #565656;
background: #d84035;
color: #ffffff;
border-color: #000000;
}
ul li:hover::before {
border-color: #fff;
background-color: pink;
}
ul li.checked:hover {
background: #d84035;
color: #ffffff;
}
ul li.checked {
background: #565656;
background: #434343;
color: #fff;
border-color: #262626;
}
ul li.checked::before {
content: '';
@ -89,18 +100,18 @@ ul li.checked::before {
border-color: #fff;
border-style: solid;
border-width: 1.5px 1.5px 1.5px 1.5px;
border-radius: 4px;
top: 14.5px;
border-radius: 50%;
top: 11px;
left: 12px;
height: 15px;
width: 15px;
background-color: #ffffff;
height: 14px;
width: 14px;
background-color: #d85e55;
}
.selectionHeader {
background-color: #f44336;
padding: 12px 8px 12px 10px;
padding: 10px 10px 10px 10px;
color: white;
width: 500px;
width: 390px;
font-size: 16px;
border-style: none;
border-radius: 4px;
@ -111,7 +122,8 @@ ul li.checked::before {
outline: none;
}
.framed {
margin: 10px 0px 10px 0;
position: fixed;
margin: 11px 0px 10px 0;
padding: 0px 12px 12px 12px;
background-color: #111;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;