mirror of
https://github.com/marcrobledo/savegame-editors.git
synced 2025-10-05 16:02:43 +02:00
new menu
This commit is contained in:
475
index.html
475
index.html
@@ -4,397 +4,110 @@
|
||||
<title>HTML5 Savegame Editors</title>
|
||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="description" content="A compilation of game savegame editors, made with my own small library save-editor.js"/>
|
||||
<meta name="keywords" content="html5, savegame, save, editor, hack, exploit, 3ds, wii u, hyrule warriors, kid icarus uprising, picross 3d round 2, rhythm paradise megamix, rhythm heaven megamix, streetpass mii plaza, unlock, amiibo, materials, experience, weapon"/>
|
||||
<meta name="keywords" content="html5, savegame, save, editor, hack, exploit, 3ds, wii u, zelda, breath of the wild, team kirby clash deluxe, hyrule warriors, kid icarus uprising, picross 3d round 2, rhythm paradise megamix, rhythm heaven megamix, streetpass mii plaza, unlock, amiibo, materials, experience, weapon"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
|
||||
<link rel="shortcut icon" href="./savegame-editors.png"/>
|
||||
<link type="text/css" rel="stylesheet" href="./savegame-editors.css" media="all"/>
|
||||
<script type="text/javascript" src="./savegame-editors.js"></script>
|
||||
<style type="text/css"><!--
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,800');
|
||||
|
||||
body{
|
||||
background-color:#252525;
|
||||
color:#e8e8e8;
|
||||
font-family:'Open Sans',sans-serif;
|
||||
margin:0;
|
||||
font-size:14px
|
||||
}
|
||||
|
||||
h1{text-align:center;color:#49c5ff;margin:3% 0;}
|
||||
|
||||
.wrapper{
|
||||
max-width:960px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.row{
|
||||
display:flex;/* or inline-flex */
|
||||
flex-direction:row;
|
||||
justify-content:space-between;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
.three.columns{flex-basis:32%}
|
||||
.four.columns{flex-basis:23.5%}
|
||||
.game{
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
}
|
||||
.game img{
|
||||
width:100%;
|
||||
opacity:.92;
|
||||
margin:0;
|
||||
display:block;
|
||||
}
|
||||
.game a{display:block}
|
||||
.game:hover img{
|
||||
opacity:1
|
||||
}
|
||||
.game{background-color:#353535}
|
||||
.game:hover{background-color:#434343}
|
||||
.game>div{padding: 15px 10px}
|
||||
hr{
|
||||
border:none;
|
||||
border-top:1px solid #333;
|
||||
}
|
||||
h6{
|
||||
font-size:85%;
|
||||
font-weight:normal;
|
||||
text-align:center;
|
||||
color:#696969;
|
||||
line-height:2
|
||||
}
|
||||
h6 a{
|
||||
color:#999;
|
||||
text-decoration:none;
|
||||
border-bottom:1px solid #555
|
||||
}
|
||||
h6 a:hover{
|
||||
color:white;
|
||||
border-color:#9cc933;
|
||||
}
|
||||
--></style>
|
||||
<script type="text/javascript"><!--
|
||||
window.addEventListener('load', function(){
|
||||
var imgs=document.getElementsByTagName('img');
|
||||
for(var i=0; i<imgs.length; i++)
|
||||
if(imgs[i].id.startsWith('thumb-'))
|
||||
imgs[i].src=imgs[i].id.replace('thumb-','')+'/thumb.jpg';
|
||||
}, false);
|
||||
--></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- HEADER -->
|
||||
<div id="header">
|
||||
<h1>HTML5 Savegame Editors</h1>
|
||||
<h2>
|
||||
by <a href="/" class="author">Marc Robledo</a>
|
||||
<a href="https://github.com/marcrobledo/savegame-editors/" target="_blank" class="button"><span class="sprite github"></span> See on GitHub</a>
|
||||
<a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow" class="donate button"><span class="sprite heart"></span> Donate</a>
|
||||
</h2>
|
||||
</div>
|
||||
<h1>HTML5 Savegame Editors</h1>
|
||||
|
||||
|
||||
|
||||
<!-- CARDS -->
|
||||
<div id="cards">
|
||||
<div class="card text-center hidden" id="card-loading">
|
||||
Loading editor...
|
||||
<div class="wrapper">
|
||||
<div class="row">
|
||||
<a class="three columns game" href="/acnl-editor/"><img src="thumb.png" id="thumb-acnl" /><div>Animal Crossing: New Leaf <small>(Welcome amiibo!)</small></div></a>
|
||||
<a class="three columns game" href="zelda-botw/"><img src="thumb.png" id="thumb-zelda-botw" /><div>The legend of Zelda: Breath of the wild</div></a>
|
||||
<a class="three columns game" href="team-kirby-clash-dx/"><img src="thumb.png" id="thumb-team-kirby-clash-dx" /><div>Team Kirby Clash Deluxe</div></a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a class="three columns game" href="kid-icarus-uprising/"><img src="thumb.png" id="thumb-kid-icarus-uprising" /><div>Kid Icarus: Uprising</div></a>
|
||||
<a class="three columns game" href="hyrule-warriors/"><img src="thumb.png" id="thumb-hyrule-warriors" /><div>Hyrule Warriors</div></a>
|
||||
<a class="three columns game" href="pokemon-shuffle/"><img src="thumb.png" id="thumb-pokemon-shuffle" /><div>Pokémon Shuffle</div></a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a class="four columns game" href="rhythm-paradise-megamix/"><img src="thumb.png" id="thumb-rhythm-paradise-megamix" /><div>Rhythm Paradise Megamix</div></a>
|
||||
<a class="four columns game" href="picross-3d-round-2/"><img src="thumb.png" id="thumb-picross-3d-round-2" /><div>Picross 3D: Round 2</div></a>
|
||||
<a class="four columns game" href="pokemon-picross/"><img src="thumb.png" id="thumb-pokemon-picross" /><div>Pokémon Picross</div></a>
|
||||
<a class="four columns game" href="streetpass-mii-plaza/"><img src="thumb.png" id="thumb-streetpass-mii-plaza" /><div>StreetPass Mii Plaza</div></a>
|
||||
</div>
|
||||
|
||||
<div class="card card-warning text-center" id="card-warning">
|
||||
Use this tool at your own risk.<br/>
|
||||
By using it, you are responsible of any data lost.
|
||||
<hr/>
|
||||
<div id="footer">
|
||||
<h6>
|
||||
<a href="https://github.com/marcrobledo/savegame-editors/blob/master/savegame-editors.js" target="_blank">savegame-editor.js</a> library made by <a href="https://twitter.com/marc_robledo" target="_blank">@marc_robledo</a><br/>
|
||||
<a href="https://github.com/marcrobledo/savegame-editors/" target="_blank">See on GitHub</a> | <a href="https://www.paypal.me/marcrobledo/5" target="_blank" rel="nofollow">Donate</a></h6>
|
||||
</div>
|
||||
|
||||
<div class="card text-center" id="card-home">
|
||||
Load your savegame file: <input type="file" id="file-load" onchange="loadSavegameFromInput(this)"/>
|
||||
|
||||
<hr/>
|
||||
Supported games:
|
||||
|
||||
<div id="games">
|
||||
<div class="row">
|
||||
<div class="four columns"><div id="thumb-hyrule-warriors"></div><b>Filename:</b> APP.BIN<br/>Edit materials & characters!<br/>Create weapons!</div>
|
||||
<div class="four columns"><div id="thumb-zelda-botw"></div><b>Filename:</b> game_data.sav<br/>Edit rupees & items!</div>
|
||||
<div class="four columns"><div id="thumb-kid-icarus-uprising"></div><b>Filename:</b> 0X.sav<br/>Edit stats & create weapons!</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="four columns"><div id="thumb-picross-3d-round-2"></div><b>Filename:</b> SAVEDATA<br/>Unlock amiibo puzzles!</div>
|
||||
<div class="four columns"><div id="thumb-pokemon-picross"></div><b>Filename:</b> all.dat<br/>Get picrites!</div>
|
||||
<div class="four columns"><div id="thumb-pokemon-shuffle"></div><b>Filename:</b> savedata.bin<br/>Get jewels and other items!</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="four columns"><div id="thumb-rhythm-paradise-megamix"></div><b>Filename:</b> savedataArc.txt<br/>Get coins, flow balls and onions!</div>
|
||||
<div class="four columns"><div id="thumb-streetpass-mii-plaza"></div><b>Filename:</b> meet.dat<br/>Get tickets and unlock hats!</div>
|
||||
<div class="four columns"><div id="thumb-team-kirby-clash-dx"></div><b>Filename:</b> savedata.dat<br/>Get apple gems!</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="card card-notice hidden text-center" id="card-savechanges">
|
||||
Editing savegame for <b id="savegame-name">none</b>.
|
||||
<button class="button colored blue with-icon icon9" onclick="saveChanges()">Save changes</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- GLOBAL EDITOR -->
|
||||
<div id="the-editor" class="hidden"></div>
|
||||
|
||||
|
||||
|
||||
<!-- HYRULE WARRIORS -->
|
||||
<div id="editor-hyrule-warriors" class="hidden">
|
||||
<!-- MATERIALS -->
|
||||
<div class="card card-red">
|
||||
<h3>Materials</h3>
|
||||
<div class="row" id="row-hw-materials">
|
||||
<div class="four columns"><label for="number-hw-rupees">Rupees</label></div>
|
||||
<div class="two columns"><input id="number-hw-rupees" type="text" /></div>
|
||||
</div>
|
||||
<button class="button" id="button-hw-discover-materials" onclick="SavegameEditor.discoverMaterials()">Discover all materials</button>
|
||||
</div>
|
||||
|
||||
<!-- CHARACTERS -->
|
||||
<div class="card card-green">
|
||||
<h3>Characters</h3>
|
||||
<div class="row" id="row-hw-characters">
|
||||
<div class="three columns"> </div>
|
||||
<div class="three columns">Damage</div>
|
||||
<div class="three columns">Level</div>
|
||||
<div class="three columns">Experience</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- MAPS -->
|
||||
<div class="card card-yellow">
|
||||
<h3>Maps</h3>
|
||||
<label for="select-hw-map">Map</label> <span id="container-hw-select-map"></span>
|
||||
<hr/>
|
||||
<div id="hw-maps"></div>
|
||||
</div>
|
||||
|
||||
<!-- WEAPONS -->
|
||||
<div class="card card-red">
|
||||
<h3>Weapons</h3>
|
||||
<label for="select-hw-weapon">Weapon slot</label> <span id="hw-container-select-weapon"></span>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="three columns">Weapon type</div><div class="three columns" id="container-hw-weapon-type"></div>
|
||||
<div class="three columns">Weapon ID</div><div class="three columns" id="container-hw-weapon-id"></div>
|
||||
<div class="three columns">Base Power</div><div class="three columns" id="container-hw-weapon-base-power"></div>
|
||||
<div class="three columns">Stars</div><div class="three columns" id="container-hw-weapon-stars"></div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div id="hw-weapons-skills-container"></div>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="three columns">Approximate power</div>
|
||||
<div class="three columns end"><span id="span-hw-weapon-power"></span></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ZELDA: BOTW -->
|
||||
<div id="editor-zelda-botw" class="hidden"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- KID ICARUS UPRISING -->
|
||||
<div id="editor-kid-icarus-uprising" class="hidden">
|
||||
<!-- HEARTS -->
|
||||
<div class="card card-red">
|
||||
<h3>Hearts</h3>
|
||||
<div class="row">
|
||||
<div class="five columns"><label for="number-kiu-hearts">Current hearts</label></div>
|
||||
<div class="three columns"><input id="number-kiu-hearts" type="text" /></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="five columns"><label for="number-kiu-hearts-for-palutena">Hearts offered to Palutena</label></div>
|
||||
<div class="three columns"><input id="number-kiu-hearts-for-palutena" type="text" /></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="five columns"><label for="number-kiu-hearts-for-viridi">Hearts offered to Viridi</label></div>
|
||||
<div class="three columns"><input id="number-kiu-hearts-for-viridi" type="text" /></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="five columns">Unlock unreleased trophies</div>
|
||||
<div class="three columns"><button id="button-kiu-unlock-trophies" onclick="KidIcarusUprising.unlockTrophies()">Unlock</button></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- STATS -->
|
||||
<div class="card card-green" id="kiu-stats">
|
||||
<h3>Stats</h3>
|
||||
</div>
|
||||
|
||||
<!-- WEAPONS -->
|
||||
<div class="card card-yellow">
|
||||
<h3>Weapons</h3>
|
||||
<label for="select-kiu-weapon">Weapon slot</label> <span id="kiu-container-select-weapon"></span>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="three columns"><label for="kiu-weapon-type">Weapon type</label></div>
|
||||
<div class="three columns end">
|
||||
<select id="select-kiu-weapon-type" disabled="disabled" onchange="SavegameEditor._writeWeapon()"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="three columns"><label for="kiu-weapon-stars-ranged">Ranged stars</label></div><div class="three columns mono" id="container-kiu-weapon-stars-ranged"></div>
|
||||
<div class="three columns"><label for="kiu-weapon-stars-melee">Melee stars</label></div><div class="three columns mono" id="container-kiu-weapon-stars-melee"></div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="six columns"><label for="select-kiu-weapon-modifier0">Modifier 1</label></div>
|
||||
<div class="six columns" id="container-kiu-weapon-modifier0"></div>
|
||||
<div class="six columns"><label for="select-kiu-weapon-modifier1">Modifier 2</label></div>
|
||||
<div class="six columns" id="container-kiu-weapon-modifier1"></div>
|
||||
<div class="six columns"><label for="select-kiu-weapon-modifier2">Modifier 3</label></div>
|
||||
<div class="six columns" id="container-kiu-weapon-modifier2"></div>
|
||||
<div class="six columns"><label for="select-kiu-weapon-modifier3">Modifier 4</label></div>
|
||||
<div class="six columns" id="container-kiu-weapon-modifier3"></div>
|
||||
<div class="six columns"><label for="select-kiu-weapon-modifier4">Modifier 5</label></div>
|
||||
<div class="six columns" id="container-kiu-weapon-modifier4"></div>
|
||||
<div class="six columns"><label for="select-kiu-weapon-modifier5">Modifier 6</label></div>
|
||||
<div class="six columns" id="container-kiu-weapon-modifier5"></div>
|
||||
</div>
|
||||
Approximate value: <span id="kiu-weapon-value"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- PICROSS 3D ROUND 2 -->
|
||||
<div id="editor-picross-3d-round-2" class="hidden">
|
||||
<div class="card">
|
||||
You have unlocked <span id="picross3d2-amiibocount"></span><small>/9</small> amiibo puzzles.
|
||||
<button onclick="SavegameEditor.unlockAmiiboPuzzles()">Unlock missing amiibo puzzles</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- POKEMON PICROSS -->
|
||||
<div id="editor-pokemon-picross" class="hidden">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="six columns center"><label for="number-pokemonpicross-picrites">Picrites</label></div>
|
||||
<div class="four columns center"><input id="number-pokemonpicross-picrites" type="text" /></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="six columns center"><label for="number-pokemonpicross-boughtpicrites">Bought picrites</label><br/><small>(Note: if you buy 5000 picrites, you have access to unlimited picrites in-game)</small></div>
|
||||
<div class="four columns center"><input id="number-pokemonpicross-boughtpicrites" type="text" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- POKEMON SHUFFLE -->
|
||||
<div id="editor-pokemon-shuffle" class="hidden">
|
||||
<div class="card card-green">
|
||||
<div class="row">
|
||||
<div class="four columns center"><label for="number-poke-shuffle-hearts">Hearts</label></div>
|
||||
<div class="four columns center"><label for="number-poke-shuffle-coins">Coins</label></div>
|
||||
<div class="four columns center"><label for="number-poke-shuffle-jewels">Jewels</label></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="four columns center"><input id="number-poke-shuffle-hearts" type="text" min="0" max="99" /></div>
|
||||
<div class="four columns center"><input id="number-poke-shuffle-coins" type="text" min="0" max="99999" /></div>
|
||||
<div class="four columns center"><input id="number-poke-shuffle-jewels" type="text" min="0" max="150" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-yellow">
|
||||
<h3>Items</h3>
|
||||
<div class="row">
|
||||
<div class="three columns"><label for="number-poke-shuffle-item0">Moves +5</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-item0" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-item4">Complexity -1</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-item4" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-item1">Time +10</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-item1" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-item5">Disruption Delay</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-item5" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-item2">Exp. *1.5</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-item2" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-item6">Attack up</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-item6" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-item3">Mega start</label></div>
|
||||
<div class="three columns end"><input id="number-poke-shuffle-item3" class="small" type="text" min="0" max="99"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-red">
|
||||
<h3>Enhancements</h3>
|
||||
<div class="row">
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement0">Mega speedup</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement0" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement5">Exp. Booster L</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement5" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement1">Raise Max Level</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement1" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement6">Skill Booster S</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement6" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement2">Level Up</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement2" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement7">Skill Booster M</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement7" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement3">Exp. Booster S</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement3" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement8">Skill Booster L</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement8" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement4">Exp. Booster M</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement4" class="small" type="text" min="0" max="99"/></div>
|
||||
|
||||
<div class="three columns"><label for="number-poke-shuffle-enhancement9">Skill Swapper</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-enhancement9" class="small" type="text" min="0" max="99"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-green">
|
||||
<h3>Other</h3>
|
||||
<div class="row">
|
||||
<div class="nine columns"><label for="number-poke-shuffle-scalationlvl">Current scalation battle level</label></div>
|
||||
<div class="three columns"><input id="number-poke-shuffle-scalationlvl" class="small" type="text" min="1" max="999"/></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- RHYTHM HEAVEN/PARADISE MEGAMIX -->
|
||||
<div id="editor-rhythm-paradise-megamix" class="hidden">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="three columns"><label for="number-rhythm-megamix-coins">Coins</label></div>
|
||||
<div class="three columns"><input id="number-rhythm-megamix-coins" type="text" /></div>
|
||||
<div class="three columns"><label for="number-rhythm-megamix-onions1">Onions</label></div>
|
||||
<div class="three columns"><input id="number-rhythm-megamix-onions1" type="text" /></div>
|
||||
<div class="three columns"><label for="number-rhythm-megamix-flowballs">Flow balls</label></div>
|
||||
<div class="three columns"><input id="number-rhythm-megamix-flowballs" type="text" /></div>
|
||||
<div class="three columns"><label for="number-rhythm-megamix-onions2">Silver onions</label></div>
|
||||
<div class="three columns"><input id="number-rhythm-megamix-onions2" type="text" /></div>
|
||||
<div class="three columns"> </div>
|
||||
<div class="three columns"> </div>
|
||||
<div class="three columns"><label for="number-rhythm-megamix-onions3">Gold onions</label></div>
|
||||
<div class="three columns"><input id="number-rhythm-megamix-onions3" type="text" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- STREETPASS MII PLAZA -->
|
||||
<div id="editor-streetpass-mii-plaza" class="hidden">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="eight columns"><label for="number-miiplaza-sptags">Streetpass Tags</label></div>
|
||||
<div class="four columns"><input id="number-miiplaza-sptags" type="text" /></div>
|
||||
|
||||
<div class="eight columns"><label for="number-miiplaza-tickets">Tickets</label></div>
|
||||
<div class="four columns"><input id="number-miiplaza-tickets" type="text" /></div>
|
||||
|
||||
<div class="eight columns"><label for="number-miiplaza-fantastic">Fantastic ratings</label></div>
|
||||
<div class="four columns"><input id="number-miiplaza-fantastic" type="text" /></div>
|
||||
|
||||
<div class="eight columns"><label for="button-miiplaza-unlockticketshop">Unlock ticket shop</label></div>
|
||||
<div class="four columns"><button id="button-miiplaza-unlockticketshop" onclick="SavegameEditor._unlockTicketShop()">Unlock</button></div>
|
||||
|
||||
<div class="eight columns"><label for="button-miiplaza-unlockspeechbubbles">Unlock speech bubbles (first 16)</label></div>
|
||||
<div class="four columns"><button id="button-miiplaza-unlockspeechbubbles" onclick="SavegameEditor._unlockSpeechBubbles()">Unlock</button></div>
|
||||
|
||||
<div class="eight columns"><label for="button-miiplaza-unlockspeechbubbles2">Unlock speech bubbles (last 6)</label></div>
|
||||
<div class="four columns"><button id="button-miiplaza-unlockspeechbubbles2" onclick="SavegameEditor._unlockSpeechBubbles2()">Unlock</button></div>
|
||||
|
||||
<div class="eight columns"><label for="button-miiplaza-unlockhats2">Unlock hats (pack 2)</label></div>
|
||||
<div class="four columns"><button id="button-miiplaza-unlockhats2"onclick="SavegameEditor._unlockHats2()">Unlock</button></div>
|
||||
|
||||
<div class="eight columns"><label for="button-miiplaza-unlockhats3">Unlock hats (pack 3)</label></div>
|
||||
<div class="four columns"><button id="button-miiplaza-unlockhats3" onclick="SavegameEditor._unlockHats3()">Unlock</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-red">
|
||||
<div class="row">
|
||||
<h3>Puzzle swap</h3>
|
||||
<label for="select-miiplaza-panel">Panel:</label> <span id="container-select-panel"></span><br/>
|
||||
Pieces: <span id="span-miiplaza-pieces"></span>
|
||||
<button onclick="SavegameEditor._setPiecesFromCurrentPanel(true)">All</button>
|
||||
<button onclick="SavegameEditor._setPiecesFromCurrentPanel(-1)">All but one</button>
|
||||
<button onclick="SavegameEditor._setPiecesFromCurrentPanel(false)">None</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
@@ -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
|
||||
vertical-align:middle;
|
||||
width:16px;height:16px
|
||||
}
|
||||
span.sprite{width:24px;height:24px}
|
||||
span.icon,button.with-icon:before{
|
||||
width:16px;height:16px;
|
||||
margin-right:4px;
|
||||
content:""
|
||||
}
|
||||
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)}
|
||||
|
||||
|
@@ -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 <u>'+getSavegameAllNames()+'</u> here or <button class="with-icon file-load" onclick="document.getElementById(\'file-load\').click()">open it</button>';
|
||||
dragMessage.innerHTML='<button class="close" onclick="document.getElementById(\'file-load\').click()"><i class=\"icon disk\"></i> Browse '+getSavegameAllNames()+'</button> or drop it here';
|
||||
|
||||
var inputFile=document.createElement('input');
|
||||
inputFile.type='file';
|
||||
@@ -199,29 +202,31 @@ 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. <u>I understand</u>';
|
||||
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);
|
||||
|
||||
|
||||
|
||||
|
||||
/* binary and other helpers */
|
||||
function compareBytes(offset,a2){
|
||||
var a1=tempFile.readBytes(offset, a2.length);
|
||||
|
Reference in New Issue
Block a user