diff --git a/index.html b/index.html index 6372700..14a5900 100644 --- a/index.html +++ b/index.html @@ -25,17 +25,63 @@ input[disabled] { opacity: 0.8; } - ::file-selector-button, progress { + input[type=checkbox] { + -webkit-appearance: initial; + -moz-appearance: initial; + appearance: initial; + width: 1.5em; + height: 1.5em; + margin: 0; + } + input[type=checkbox]:checked { + background-color: #eeeeee; + } + input[type=checkbox]:before { + content: ':>'; + text-align: center; + color: #dddddd; + margin-left: 0.3em; + } + input[type=checkbox]:checked:before { + color: #343434; + } + input[type=checkbox]:after { + content: 'No'; + color: #dddddd; + margin-left: 0.6em; + } + input[type=checkbox]:checked:after { + content: 'Yes'; + } + @supports (-webkit-touch-callout: none) or (background: -webkit-named-image(i)) { + input[type=checkbox]:after { + content: 'no'; + } + input[type=checkbox]:checked:after { + content: 'yes'; + } + } + @supports (-moz-appearance: none) { + input[type=checkbox]:after { + content: 'No.'; + } + input[type=checkbox]:checked:after { + content: 'Yes.'; + } + } + ::file-selector-button, progress, input[type=checkbox] { background-color: #343434; color: #eeeeee; border: 1px solid #eeeeee; border-radius: 4px; } - a, input { + a, input[type=file] { color: #dddddd; } progress { height: 1em; + } + progress, ::-webkit-file-upload-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -58,6 +104,8 @@

ayunWebEPK

Compile EPK files in your browser!

+ Use legacy format: +
Select resources folder:
~or~ @@ -65,11 +113,39 @@ Select .ZIP archive of resources:
- Download your EPK! + Download your EPK!