- Loading editor...
-
-
- Use this tool at your own risk.
- By using it, you are responsible of any data lost. +
- By using it, you are responsible of any data lost. +
+
+ 
-
- Animal Crossing: New Leaf (Welcome amiibo!)
+ The legend of Zelda: Breath of the wild
+ Team Kirby Clash Deluxe
- Load your savegame file:
-
-
- Supported games: - -
- Supported games: - -
-
+
-
-
-
-
-
- Filename: APP.BIN
Edit materials & characters!
Create weapons!
- Edit materials & characters!
Create weapons!
Filename: game_data.sav
Edit rupees & items!
- Edit rupees & items!
Filename: 0X.sav
Edit stats & create weapons!
- Edit stats & create weapons!
-
- Filename: SAVEDATA
Unlock amiibo puzzles!
- Unlock amiibo puzzles!
Filename: all.dat
Get picrites!
- Get picrites!
Filename: savedata.bin
Get jewels and other items!
- Get jewels and other items!
-
- Filename: savedataArc.txt
Get coins, flow balls and onions!
- Get coins, flow balls and onions!
Filename: meet.dat
Get tickets and unlock hats!
- Get tickets and unlock hats!
Filename: savedata.dat
Get apple gems!
- Get apple gems!
- Editing savegame for none.
-
+
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/savegame-editor.css b/savegame-editor.css
index d67a6a7..115d681 100644
--- a/savegame-editor.css
+++ b/savegame-editor.css
@@ -7,12 +7,11 @@
body{
margin:0;
- font:15px 'Open Sans',sans-serif;
+ font:14px 'Open Sans',sans-serif;
cursor:default;
- background-color:#252525;
- margin:140px 0 40px;
- background-color:#f8f8f8;
- color:#181818
+ margin:120px 0 40px;
+ background-color:#141518;
+ color:#f2f2f2
}
/* flex box */
@@ -22,18 +21,6 @@ body{
align-items:center; /* vertical align */
justify-content:space-between
}
-/*.columns-1,.columns.one{width:8.33333%}
-.columns-2,.columns.two{width:16.66667%}
-.columns-3,.columns.three{width:25%}
-.columns-4,.columns.four{width:33.33333%}
-.columns-5,.columns.five{width:41.66667%}
-.columns-6,.columns.six{width:50%}
-.columns-7,.columns.seven{width:58.33333%}
-.columns-8,.columns.eight{width:66.66667%}
-.columns-9,.columns.nine{width:75%}
-.columns-10,.columns.ten{width:83.33333%}
-.columns-11,.columns.eleven{width:91.66667%}
-.columns-12,.columns.twelve{width:100%}*/
.columns.c1,.columns.one{width:7.33333%}
.columns.c2,.columns.two{width:15.66667%}
.columns.c3,.columns.three{width:24%}
@@ -48,6 +35,12 @@ body{
.columns.c12,.columns.twelve{width:99%}
#the-editor .columns{margin-bottom:3px}
+
+.container{background-color:#2c2f34;padding:15px;color:#f2f2f2;border-radius:5px;}
+.container.orange{border-top:2px solid #feb806}
+.container.green{border-top:2px solid #9ac430}
+.container.red{border-top:2px solid #fe5d05}
+
/* useful classes */
.help:hover{cursor:help}
.hidden{display:none}
@@ -58,7 +51,6 @@ body{
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
-.padding-vertical{padding:20px 0}
.round{border-radius:3px}
/* colors */
.bg-light-gray{background-color:rgba(216,216,216,.99)}
@@ -83,61 +75,29 @@ body{
.border-light-gray{border-color:#d8d8d8}
.border-mid-gray{border-color:#909090}
.border-dark-gray{border-color:#48484}
-.border-red{border-color:#e74c3c}
-.border-orange{border-color:#f39c12}
-.border-blue{border-color:#3498db}
-.border-green{border-color:#25ba84}
/* Icons */
-span.sprite,span.icon,button.with-icon:before{
- background-image: url('data:image/png;base64,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');
+i.icon{
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAAkCAYAAAApQLALAAAFm0lEQVR42u2cf2hWVRjHX+d0ldbyj4JSKwOzFKeMHGQhFBREU8KgENLWD6KCoh+QxRAjo/qjKCL7SVk6SoVgJNjW0n4IlUGtsloZlNF01rJXKzZfy92+D3suPHu4977n3t079r73OfDB+Z5z7r3vPZ+de85zzl3B87yCYVQq/g9ewn+rmbfAf+C3GHUmgpWgExT5Ph0GXeAGUGvSZSNwFshUKTfkWlAPJoPv+NqP82eTWM6akLpzQLcXnb4G83Iu3WrwOTgtZr3zwc9gVVQPHEfO8Spw1Dmj8h7gPLpJB9X1/wX28M+vBUhM8vZ7bulQjiVeK+5Dd8y6G7gePRWvr+YeOOy8UddzCvjTUcAS9wZy2KB73i9BM5gFloAOlf8N9+jjXbg02+8RdQ/WONY7B7wNZoDtXPeXau6Bg87tci1rVbkfwEbwmfr8WVVvpco/AE4Fi8EmcBXL+q0qd2OFyOvShtPBCSF5E8AT6lgPOl7DuWCfGH6RxG1gYRY9cJyURX2X44WVbVCitnHP6ue3irwfwQUir1OdYys3Wg//fzeXe1WV60p4H8aiB41z7kt5wkrf5ySVR0OtF0T9IXCX4zWcB35V5+8sF4UYTQ883gSO8xTQ6cyA6EJ/yPGK6vN/ubfwOO9iMC2gMYopCZRGDzqaX6Be9Ut5ouh5X1Ty3uF4DTSn2K/O26eGbtYDh5Qd4iiELrM35Fhh6Sho5Nn2Fwm+R5ryZjmUa+SJqZ/e4znFK+Izmnjd4ni82QHy/g7musSB8zoGforjvX66LmCIcVzk74zogf20nfN3hOQXMxoCjPaXP0n9RjUJPqqeSCtiyKufVH+ABXmKAyeJQhR4YuGnv8E9oInjjr1qklYn6nWFNDTNlO/m3ico7aigCZxLOy7iRRuZjoFrYox5ewPkXRhnJS7PceAtjsOXIofH/HqrQsp9yuPfn0Lyb6qiKIRPk+iJKdx4dYxFiqBhQ4OtxLlBYa5djgIPqUdirZi0eWqYMVtEI2TqCRlnV0McuJGfPs0x6uiFI5owz7e9EPGYysOB1dyryjFxOzfIV+D2gLpz1USmXA/eUIX3L63Orj9qzDuWPXCls1nc1PkinBZWfh6vsEWlHpM3UuCyY14TOPuhSAv35HI3Gk3Ybq6QYUPF70ajMcxzvBtrgPmeg9JNGVzE/WCQG7uF9xG4JloVWy4mDa3WqPkVeAovdw6VmcC0caA6rYsYFMcngZ8B2xx5SQjsxx+tYXMoMMn7SYyej/Zz1vsH6Wu+hFgAOsAAOAI2g7PBDNAGDoNB0AUupDoBA/iWBF9ieYVFPIwMBH5DiEmB53c5DreboTDH+97whu+PxczcF5iE/Ad4iv2gN+BzEvkiE9hIQ+AlahdWuUovi/KXs8AfBEhajo9MYCMNgTeJxn/aodKjovybLHApgcDHTGAjDYH3iQna6Q6V6nmDhr/eTwL3JRD4oAlspCGwv3NoIEbFQ3LWDxkfTiDwYyawkYbAchvcGQ6VpomthUUWeBJojyHvO6AuQOBbE3yJFSZwvgX+UDT+OodKctvhLhFGI4m3OshLoteFhNG6wVne8KsoLkwXURETOKcC38kNv4f3bz7OEunCM1lwub/1PiEwUQtej5B3C4teCBE4jWQNmzOBp/BEjgReIwS90hv54p5OB/wVOSEwUQOeD5B3A5goy5rARloLGYt5SZfeIF0G7vVG/hmkOiVJiaUuBAhMTABPCnnXs9gFE9jIai/EFTwp28vjyqkib7IQ5AhYKg8SILDPOoo2hOWXEZj2hd7GkYkoOkxgE9iHohDrWZ6T1TbBft48MzPjV1c8vVQtuMwbfsPXp8bCaCbweH2BsN0h5msCm8AmsGECm8BGbgUupShwyRrVBB5rWr2Rf8klSmBaxl4kKKhXih6yRs0X/wMhEBsJUtVSfgAAAABJRU5ErkJggg==');
background-position:0px 0px;
display:inline-block;
- vertical-align:middle
-}
-span.sprite{width:24px;height:24px}
-span.icon,button.with-icon:before{
- width:16px;height:16px;
- margin-right:4px;
- content:""
+ vertical-align:middle;
+ width:16px;height:16px
}
-button.with-icon.icon0:before{background-position:-0px -16px}
-button.with-icon.icon1:before{background-position:-16px -16px}
-button.with-icon.icon2:before{background-position:-32px -16px}
-button.with-icon.icon3:before{background-position:-48px -16px}
-button.with-icon.icon4:before{background-position:-64px -16px}
-button.with-icon.icon5:before{background-position:-80px -16px}
-button.with-icon.icon6:before{background-position:-96px -16px}
-button.with-icon.icon7:before{background-position:-112px -16px}
-button.with-icon.icon8:before{background-position:-128px -16px}
-button.with-icon.icon9:before{background-position:-144px -16px}
-button.with-icon.icon10:before{background-position:-160px -16px}
-button.with-icon.colored.icon0:before{background-position:-0px -32px}
-button.with-icon.colored.icon1:before{background-position:-16px -32px}
-button.with-icon.colored.icon2:before{background-position:-32px -32px}
-button.with-icon.colored.icon3:before{background-position:-48px -32px}
-button.with-icon.colored.icon4:before{background-position:-64px -32px}
-button.with-icon.colored.icon5:before{background-position:-80px -32px}
-button.with-icon.colored.icon6:before{background-position:-96px -32px}
-button.with-icon.colored.icon7:before{background-position:-112px -32px}
-button.with-icon.colored.icon8:before{background-position:-128px -32px}
-button.with-icon.colored.icon9:before{background-position:-144px -32px}
-button.with-icon.colored.icon10:before{background-position:-160px -32px}
-span.icon.icon0,button.with-icon.transparent.icon0:before{background-position:-0px 0px}
-span.icon.icon1,button.with-icon.transparent.icon1:before{background-position:-16px 0px}
-span.icon.icon2,button.with-icon.transparent.icon2:before{background-position:-32px 0px}
-span.icon.icon3,button.with-icon.transparent.icon3:before{background-position:-48px 0px}
-span.icon.icon4,button.with-icon.transparent.icon4:before{background-position:-64px 0px}
-span.icon.icon5,button.with-icon.transparent.icon5:before{background-position:-80px 0px}
-span.icon.icon6,button.with-icon.transparent.icon6:before{background-position:-96px 0px}
-span.icon.icon7,button.with-icon.transparent.icon7:before{background-position:-112px 0px}
-span.icon.icon8,button.with-icon.transparent.icon8:before{background-position:-128px 0px}
-span.icon.icon9,button.with-icon.transparent.icon9:before{background-position:-144px 0px}
-span.icon.icon10,button.with-icon.transparent.icon10:before{background-position:-160px 0px}
-span.sprite{width:24px;height:24px}
-span.sprite.github{background-position:0px -48px;width:16px;height:16px; margin-right:5px}
-span.sprite.heart{background-position:-16px -48px;width:16px;height:16px; margin-right:5px}
-button.with-icon.file-load:before{background-position:-32px -48px;width:20px;height:20px; margin-right:8px}
+i.icon.reset,i.icon.blank{background-position:-0px 0px}
+i.icon.add,i.icon.plus{background-position:-16px 0px}
+i.icon.remove,i.icon.minus{background-position:-32px 0px}
+i.icon.close{background-position:-48px 0px}
+i.icon.config,i.icon.settings{background-position:-64px 0px}
+i.icon.help{background-position:-80px 0px}
+i.icon.down{background-position:-96px 0px}
+i.icon.up{background-position:-112px 0px}
+i.icon.sort{background-position:-128px 0px}
+i.icon.check,i.icon.accept,i.icon.save{background-position:-144px 0px}
+i.icon.pencil,i.icon.edit{background-position:-160px 0px}
+i.icon.github{background-position:0px -16px}
+i.icon.heart{background-position:-16px -16px}
+i.icon.disk{background-position:-32px -16px;width:20px;height:20px}
@@ -158,73 +118,74 @@ button.with-icon.file-load:before{background-position:-32px -48px;width:20px;hei
position:fixed;
top:0;left:0;
width:100%;
- z-index:100
+ z-index:100;
}
#header-top{
- background-color:#256796;
- background-color:rgba(37,103,150,.97);
+ background-color:#34373c;
+ padding:15px 0
+ /*background-color:rgba(37,103,150,.97);*/
}
-#toolbar{
- background-color:#e8e8e8;
- background-color:rgba(232,232,232,.95);
- color:#333;
- padding:8px
-}
-
#header h1 img{width:24px; vertical-align:middle}
#header h1{font-size:140%;margin:0;display:inline-block}
-#header h1 small{color:#94b4cc;font-size:60%}
-
+#header h1 small{color:#717377;font-size:60%}
+#toolbar{margin-top:10px}
.header-buttons{
font-size:85%
}
-.header-buttons a.author{
+.header-buttons a{
color:white;
text-decoration:none;
- border-bottom:1px solid #4c82a9;
+ border-bottom:1px solid #5d5f63;
margin-right:10px
}
-.header-buttons a.author:hover{
- border-color:#83d8ff
-}
-.header-buttons a.button{
- text-decoration:none;
- color:white;
- background-color:#1a415d;
- padding:10px 20px;
- border-radius:3px
-}
-.header-buttons a.button:hover{
- background-color:#153044
-}
+.header-buttons a:hover{border-color:#41d5ff}
-.donate.button{
- background-color:#51a451 !important;
- /*text-shadow:0 -1px 0 #37a137 !important;
- background:radial-gradient(#60bd60,#398a39);*/
- animation:donateglow 2s infinite
-}
-.donate.button:hover{background-color:#3e903e !important}
-@keyframes donateglow{
- 0%{box-shadow:none}
- 50%{box-shadow:#d8ff7c 0 0 8px inset}
- 100%{box-shadow:none}
-}
hr{border:none;border-top:1px dotted #bbb;margin:15px 0}
h3{
- border-bottom:2px solid #888;
- font-size:135%;
+ /*border-bottom:2px solid #888;*/
+ font-size:13px;
padding:10px 0;
- text-transform:uppercase;
- color:#444
+ font-weight:normal;
+ color:white;
+ text-align:center;
+ margin: 20px 0 0
+}
+h3:before,h3:after{
+ content:"";
+ display:inline-block;
+ width:130px;
+ height:1px;
+ background-color:red;
+ vertical-align:middle;
+}
+h3:before{
+ margin-right:5px;
+ background:linear-gradient(to right, transparent 0%,#818181 100%);
}
+h3:after{
+ margin-left:5px;
+ background:linear-gradient(to left, transparent 0%,#818181 100%);
+}
+
+h3.red:before{background:linear-gradient(to right, transparent 0%,#e74c3c 100%)}
+h3.red:after{background:linear-gradient(to left, transparent 0%,#e74c3c 100%)}
+h3.orange:before{background:linear-gradient(to right, transparent 0%,#f39c12 100%)}
+h3.orange:after{background:linear-gradient(to left, transparent 0%,#f39c12 100%)}
+h3.blue:before{background:linear-gradient(to right, transparent 0%,#3498db 100%)}
+h3.blue:after{background:linear-gradient(to left, transparent 0%,#3498db 100%)}
+h3.green:before{background:linear-gradient(to right, transparent 0%,#25ba84 100%)}
+h3.green:after{background:linear-gradient(to left, transparent 0%,#25ba84 100%)}
+
+
+
+
h4{}
table{width:100%}
@@ -236,28 +197,32 @@ th{background-color:#d4d4d4}
/* forms */
input[type=text],input[type=number],select{
- padding:6px 8px;
+ padding:6px 10px;
+ outline:0;
width:250px;
max-width:90%;
font:14px 'Open Sans', sans-serif;
- border:1px solid #888;
- border-radius:2px;
- box-sizing:border-box
+ border:1px solid #191919;
+ border-radius:4px;
+ box-sizing:border-box;
+ background-color:#191919;
+ color:#f2f2f2;
+ letter-spacing:.02em;
}
input[type=text]:hover,input[type=number]:hover,select:hover{
- border-color:#666
+ background-color:#222;
}
input[type=text]:focus,input[type=number]:focus,select:focus{
- box-shadow:#63bce5 0 0 4px 1px;
- border-color:#47a8df
+ border-color:#41d5ff;
+ box-shadow:#35a1c0 0 0 3px;
}
input[type=text].error,input[type=number].error,select.error{
- box-shadow:#f88 0 0 4px 1px;
+ box-shadow:#f88 0 0 3px;
border-color:red
}
input[type=text].small,input[type=number].small,select.small{width:70px}
input[type=text].medium,input[type=number].medium,select.medium{width:130px}
-.full-width{width:100% !important;max-width:100% !important}
+input[type=text].fw,input[type=number].fw,select.fw{width:100% !important;max-width:100% !important}
@@ -266,18 +231,15 @@ button{
font-family:inherit;
font-size:100%;
min-width:120px;
- border-radius:2px;border:1px solid;border-color:#ccc #ccc #b3b3b3;
+ border-radius:3px;border:0;
- padding:6px 12px;
+ padding:8px 16px;
margin:0 5px;
- background-color:#f0f0f0;
- background-image:linear-gradient(to bottom, #fff, #e6e6e6);
- text-shadow:0 1px 0 #f8f8f8;
- color:#333;
+ background-color:#4c4f53;
+ color:white;
- box-shadow:0px 1px 0px rgba(255, 255, 255, 0.2) inset;
- transition:border-color ease-in-out .15s;
+ transition:background-color .15s;
box-sizing:border-box
}
@@ -285,119 +247,17 @@ button.small{
min-width:1px
}
button:hover{
- text-shadow:none;
- border-color:#999999
+ cursor:pointer;
+ background-color:#6e7177;
}
button:active{
- background-image:none;
- transform:translate(0px,1px);
- border-color:#888;
- text-shadow:none;
-
- box-shadow:0 2px 8px -3px rgba(0, 0, 0, 0.5) inset;
- background-color:#eeeeee;
+ background-color:#47494f;
transform:translateY(1px)
}
-button:focus{}
button:disabled{opacity:.35}
-
-button.colored{color:white !important}
-button.colored.blue{
- box-shadow:0 1px 0 rgba(120, 200, 230, 0.5) inset;
- background-color:#21759B;
- background-image:linear-gradient(to bottom, #2A95C5, #21759B);
- border-color:#21759B #21759B #1E6A8D;
- text-shadow:0 -1px 0 #20749a
-}
-button.colored.blue:hover{
- box-shadow:0 1px 0 rgba(120, 200, 230, 0.6) inset;
- background-color:#278AB7;
- background-image:linear-gradient(to bottom, #2E9FD2, #21759B);
- border-color:#1B607F;
- text-shadow:0 -1px 0 #1b6080
-}
-button.colored.blue:active{
- box-shadow:0 2px 8px -3px rgba(0, 0, 0, 0.5) inset;
- background:linear-gradient(to bottom, #21759B, #278AB7) repeat scroll 0 0 #1B607F;
- border-color:#124560 #0e74a3 #0e74a3;
- text-shadow:0 -1px 0 #177ea4
-}
-
-button.colored.red{
- box-shadow:0 1px 0 #df4c45 inset;
- background-color:#b72319;
- background-image:linear-gradient(to bottom, #ce271d, #a41f17);
- border-color:#a41f17 #a41f17 #951d15;
- text-shadow:0 -1px 0 #a01d15
-}
-button.colored.red:hover{
- box-shadow:0 1px 0 #e8564f inset !important;
- background-color:#bf261c !important;
- background-image:linear-gradient(to bottom, #db2c20, #a52017) !important;
- border-color:#871a13 !important;
- text-shadow:0 -1px 0 #8b1b14 !important
-}
-button.colored.red:active{
- box-shadow:0 2px 8px -3px rgba(0, 0, 0, 0.5) inset !important;
- background:linear-gradient(to bottom, #a51f17, #c1251b) repeat scroll 0 0 #b22118 !important;
- border-color:#66140c #a0150d #a0150d !important;
- text-shadow:0 -1px 0 #a41e17 !important
-}
-
-button.colored.green{
- box-shadow:0 1px 0 #81cf81 inset !important;
- background-color:#59b259 !important;
- background-image:linear-gradient(to bottom, #61c261, #51a351) !important;
- border-color:#52a452 #4f9f4f #448944 !important;
- text-shadow:0 -1px 0 #37a137 !important
-}
-button.colored.green:hover{
- box-shadow:0 1px 0 #99de99 inset !important;
- background-color:#278AB7 !important;
- background-image:linear-gradient(to bottom, #64ce64, #51a351) !important;
- border-color:#3f7f3f !important;
- text-shadow:0 -1px 0 #1c9216 !important
-}
-button.colored.green:active{
- box-shadow:0 2px 8px -3px rgba(0, 0, 0, 0.5) inset !important;
- background:linear-gradient(to bottom, #1e8f22, #23a627) repeat scroll 0 0 #219b24 !important;
- border-color:#105815 #17941b #17941b !important;
- text-shadow:0 -1px 0 #17a417 !important
-}
-
-button.colored.orange{
- box-shadow:0 1px 0 #ffb519 inset !important;
- background-color:#e69501 !important;
- background-image:linear-gradient(to bottom, #fda502, #d08400) !important;
- border-color:#d38500 #c97e00 #b46f00 !important;
- text-shadow:0 -1px 0 #8f5901 !important
-}
-button.colored.orange:hover{
- box-shadow:0 1px 0 #ffc03c inset !important;
- background-color:#e69501 !important;
- background-image:linear-gradient(to bottom, #ffb01e, #d08400) !important;
- border-color:#a36300 !important;
- text-shadow:0 -1px 0 #95620f !important
-}
-button.colored.orange:active{
- box-shadow:0 2px 8px -3px rgba(0, 0, 0, 0.5) inset !important;
- background:linear-gradient(to bottom, #c07400, #ed9500) repeat scroll 0 0 #219b24 !important;
- border-color:#53400b #886912 #886912 !important;
- text-shadow:0 -1px 0 #654e0e !important
-}
-
-
-button.transparent{
- min-width:auto;
- box-shadow:none;
- padding:0;
- background:none;
- text-decoration:underline;
- border:none;
- text-shadow:none;
- color:black !important
-}
-button.transparent:hover{background-color:rgba(0,0,0,.05)}
+button.colored{color:white;background-color:#40a2c9}
+button.colored:hover{background-color:#63bfe3}
+button.close{color:white;background-color:#}
button.no-text.with-icon:before{margin-right:0px}
@@ -413,47 +273,31 @@ button.no-text.with-icon:before{margin-right:0px}
.wrapper{
- max-width:920px;
+ max-width:900px;
margin:0 auto
}
-.card{
- position:relative;
- margin-bottom:40px;
- padding:20px;
- color:black;
- text-shadow:initial;
- border-radius:4px;
- line-height:2.5;
- background-color:#fafafa
-}
-fieldset{border:2px solid white;border-radius:4px;margin-bottom:30px}
-fieldset.yellow{border-color:#feb806}
-fieldset.green{border-color:#9ac430}
-fieldset.red{border-color:#fe5d05}
-fieldset legend{font-weight:bold}
-/*
-fieldset.yellow legend{color:#feb806}
-fieldset.green legend{color:#9ac430}
-fieldset.red legend{color:#fe5d05}
-*/
+
+
+/* drag and drop zone */
#dragzone{
- border:4px dashed #bbb;
- color:#888;
+ border:2px dashed #bbb;
+ color:#bbb;
text-align:center;
border-radius:8px;
position:relative;
transition:all .2s;
padding-bottom:20px;
+ background-color:#222327;
/*font-weight:bold;*/
}
.dragging-files #dragzone{
border-color:#3498db;
color:#3498db;
- background-color:white
+ background-color:#43454c;
}
#dragzone-message{
font-size:180%;
@@ -462,11 +306,11 @@ fieldset.red legend{color:#fe5d05}
}
#demo{
text-decoration:none;
- background-color:#ccc;
- color:#333;
padding:4px 16px;
border-radius:3px;
- clear:both
+ clear:both;
+ position:relative;
+ top:80px;
}
#demo:hover{
background-color:#bbb;
@@ -505,6 +349,7 @@ fieldset.red legend{color:#fe5d05}
@media only screen and (max-width:721px){
#header .columns-6,#header .columns.six{width:100%;text-align:center}
#the-editor{font-size:13px}
+ h3:before,h3:after{width:40px}
}
@media only screen and (max-width:481px){
#the-editor{font-size:12px}
@@ -528,7 +373,7 @@ fieldset.red legend{color:#fe5d05}
background-color:black;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";/* IE8 */
- background-color:rgba(0,0,0,.75)
+ background-color:rgba(0,0,0,.7)
}
.dialog{
@@ -537,13 +382,13 @@ fieldset.red legend{color:#fe5d05}
transform:translateY(-10px);
transition:visibility 0s .2s, opacity .2s ease-in, transform .2s ease-in;
- background-color:white;
+ background-color:#45484f;
padding:15px;
min-width:360px;
max-width:80%;
border-radius:4px;
- box-shadow:black 0 0 10px;
- line-height:1.8
+ box-shadow:0 5px 15px 0 rgba(0,0,0,.5);
+ line-height:1.8;
}
.dialog.active{transform:translateY(0px)}
diff --git a/savegame-editor.js b/savegame-editor.js
index 745f462..0cbc92e 100644
--- a/savegame-editor.js
+++ b/savegame-editor.js
@@ -118,8 +118,6 @@ function _tempFileLoadFunction(){
if(SavegameEditor.preload && !hasBeenLoaded){
SavegameEditor.preload();
hasBeenLoaded=true;
-
- document.getElementById('warning').className+=' visible';
}
SavegameEditor.load();
show('the-editor');
@@ -132,9 +130,14 @@ function _tempFileLoadFunction(){
function loadSavegameFromInput(input){
tempFile=new MarcBinFile(input.files[0], _tempFileLoadFunction);
}
+
function saveChanges(){
- SavegameEditor.save();
- tempFile.save();
+ if(decodeURIComponent(document.cookie).indexOf('hideWarningMessage=1')>=0){
+ SavegameEditor.save();
+ tempFile.save();
+ }else{
+ MarcDialogs.open('warning');
+ }
}
function closeFileConfirm(){
@@ -172,7 +175,7 @@ window.addEventListener('load', function(){
dragZone.className='wrapper';
var dragMessage=document.createElement('div');
dragMessage.id='dragzone-message';
- dragMessage.innerHTML='Drop your '+getSavegameAllNames()+' here or ';
+ dragMessage.innerHTML=' or drop it here';
var inputFile=document.createElement('input');
inputFile.type='file';
@@ -199,27 +202,29 @@ window.addEventListener('load', function(){
tempFile=new MarcBinFile(droppedFiles[0], _tempFileLoadFunction);
});
- //var warningMessage=mCreate('div', {id:'warning',class:'clickable padding-vertical'});
- var warningMessage=document.createElement('div');
- warningMessage.id='warning';
- warningMessage.className='clickable padding-vertical';
- warningMessage.addEventListener('click', function(){
- this.className=this.className.replace(' visible','');
- },false);
- var wrapper=document.createElement('div');
- wrapper.className='wrapper text-center';
- wrapper.innerHTML='Use this tool at your own risk. By using it, you are responsible of any data lost. I understand';
- warningMessage.appendChild(wrapper);
- document.body.appendChild(warningMessage);
-
-
-
-
-
+ var warningDialog=document.createElement('div');
+ warningDialog.className='dialog';
+ warningDialog.id='dialog-warning';
+ warningDialog.innerHTML='Use this tool at your own risk. By using it, you are responsible of any data lost.';
+ var divButtons=document.createElement('div');
+ divButtons.className='buttons';
+ var understandButton=document.createElement('button');
+ understandButton.innerHTML='I understand';
+ understandButton.addEventListener('click',function(){
+ var EXPIRE_DAYS=3;
+ var d=new Date();
+ d.setTime(d.getTime()+(EXPIRE_DAYS*24*60*60*1000));
+ document.cookie="hideWarningMessage=1;expires="+d.toUTCString();//+";path=./";
+ MarcDialogs.close();
+ saveChanges();
+ }, false);
+ divButtons.appendChild(understandButton);
+ warningDialog.appendChild(divButtons);
+ document.body.appendChild(warningDialog);
+}, false);
-}, false);
/* binary and other helpers */
-
-
-
- Materials
-
-
-
-
-
-
-
-
-
- Characters
-
-
-
- Damage
- Level
- Experience
-
-
- -
-
-
- Maps
- -- -
-
-
- -
-
+ Weapons
- --
-
- Weapon type
- Weapon ID
- Base Power
- Stars
- - -
-
-
-
- Approximate power
-
-
+
+
+ savegame-editor.js library made by @marc_robledo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ savegame-editor.js library made by @marc_robledo
+ See on GitHub | Donate
-
-
-
-
-
-
-
-
-
-
-
-
-
- Hearts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Unlock unreleased trophies
-
-
-
-
-
- Stats
-
-
-
-
- Weapons
- --
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
- Approximate value:
-
-
-
-
-
-
-
-
-
-
- You have unlocked /9 amiibo puzzles.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
(Note: if you buy 5000 picrites, you have access to unlimited picrites in-game)
-
-
- (Note: if you buy 5000 picrites, you have access to unlimited picrites in-game)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Items
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Enhancements
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Other
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Pieces: - - - -
- Puzzle swap
-- Pieces: - - - -