mikl/hollow-knight-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

box shadow outline

Browse source
This commit is contained in:
ReznoRMichael 2021-01-23 19:08:07 +01:00
parent 107f622fe3
commit a9afffe839
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
css/style.css
View file

@ -129,8 +129,11 @@ textarea {
} }
textarea:focus { textarea:focus {
outline: #fff 1px solid; border-color: rgba(0, 0, 0, 0);
outline-offset: 0; box-shadow: 0 0 4px 2px #fff;
outline: 0;
/* outline: #fff 2px solid;
outline-offset: 1px; */
} }
textarea::placeholder { textarea::placeholder {
@ -142,7 +145,7 @@ textarea::placeholder {
input[type="file"] { input[type="file"] {
max-width: 500px; max-width: 500px;
margin: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0.25rem;
} }
#save-area { #save-area {
@ -200,7 +203,7 @@ input[type="file"] {
.centered { .centered {
flex-direction: column; flex-direction: column;
align-items: center; align-items: flex-start;
} }
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {

7
index.html
View file

@ -44,13 +44,15 @@
</p> </p>
<div> <div>
<div class="buttons">
<div class="buttons centered">
<div class="input-buttons"> <div class="input-buttons">
<input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)"> <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this)">
</div> </div>
</div> </div>
<textarea name="save-area" id="save-area" rows="6" spellcheck="false" placeholder="Choose a user*.dat save file OR paste (Ctrl + V) your decoded save here manually..." autofocus></textarea> <textarea name="save-area" id="save-area" rows="6" spellcheck="false" placeholder="Choose a user*.dat save file OR paste (Ctrl + V) your decoded save here manually..." autofocus></textarea>
<div class="buttons"> <div class="buttons">
@ -73,6 +75,7 @@
</div> </div>
</div> </div>
</div> </div>