<!DOCTYPE html>
<html>
-<head>{include="includes"}</head>
-<body onload="document.uploadform.filetoupload.focus();">
-<div id="pageheader">
- {include="page.header"}
- <div id="uploaddiv">
- Import Netscape HTML bookmarks (as exported from Firefox/Chrome/Opera/Delicious/Diigo...) (Max: {$maxfilesize} bytes).
- <form method="POST" action="?do=import" enctype="multipart/form-data"
- name="uploadform" id="uploadform">
+<head>
+ {include="includes"}
+</head>
+<body>
+{include="page.header"}
+
+<form method="POST" action="?do=import" enctype="multipart/form-data" name="uploadform" id="uploadform">
+ <div class="pure-g">
+ <div class="pure-u-lg-1-4 pure-u-1-24"></div>
+ <div class="pure-u-lg-1-2 pure-u-22-24 page-form page-form-complete">
+ <div>
+ <h2 class="window-title">{"Import Database"|t}</h2>
+ </div>
+
<input type="hidden" name="token" value="{$token}">
- <input type="hidden" name="MAX_FILE_SIZE" value="{$maxfilesize}">
- <input type="file" name="filetoupload">
- <input type="submit" name="import_file" value="Import" class="bigbutton"><br>
+ <div class="center" id="import-field">
+ <input type="hidden" name="MAX_FILE_SIZE" value="{$maxfilesize}">
+ <input type="file" name="filetoupload">
+ <p><br>{'Maximum size allowed:'|t} <strong>{$maxfilesizeHuman}</strong></p>
+ </div>
+
+ <div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1">
+ <div class="form-label">
+ <label><span class="label-name">{'Visibility'|t}</span></label>
+ </div>
+ </div>
+ <div class="pure-u-lg-2-3 pure-u-1">
+ <div class="radio-buttons">
+ <div>
+ <input type="radio" name="privacy" value="default" checked="checked">
+ {'Use values from the imported file, default to public'|t}
+ </div>
+ <div>
+ <input type="radio" name="privacy" value="private">
+ {'Import all bookmarks as private'|t}
+ </div>
+ <div>
+ <input type="radio" name="privacy" value="public">
+ {'Import all bookmarks as public'|t}
+ </div>
+ </div>
+ </div>
+ </div>
- <label for="privacy"> Visibility:</label><br>
- <input type="radio" name="privacy" value="default" checked="true">
- Use values from the imported file, default to public<br>
- <input type="radio" name="privacy" value="private">
- Import all bookmarks as private<br>
- <input type="radio" name="privacy" value="public">
- Import all bookmarks as public<br>
+ <div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-7-8">
+ <div class="form-label">
+ <label for="overwrite">
+ <span class="label-name">{'Overwrite existing bookmarks'|t}</span><br>
+ <span class="label-desc">{'Duplicates based on URL'|t}</span>
+ </label>
+ </div>
+ </div>
+ <div class="pure-u-lg-2-3 pure-u-1-8">
+ <div class="form-input">
+ <input type="checkbox" name="overwrite" id="overwrite">
+ </div>
+ </div>
+ </div>
- <input type="checkbox" name="overwrite" id="overwrite">
- <label for="overwrite"> Overwrite existing bookmarks</label><br>
- <label for="default_tags"> Add default tags</label>
- <input type="text" name="default_tags" id="default_tags">
- </form>
+ <div class="pure-g">
+ <div class="pure-u-lg-1-3 pure-u-1">
+ <div class="form-label">
+ <label for="default_tags"><span class="label-name">{'Add default tags'|t}</span></label>
+ </div>
+ </div>
+ <div class="pure-u-lg-2-3 pure-u-1">
+ <div class="form-input">
+ <input type="text" name="default_tags" id="default_tags" placeholder="{'Tag'|t}">
+ </div>
+ </div>
+ </div>
+
+ <div class="center">
+ <input type="submit" name="import_file" value="{'Import'|t}">
+ </div>
+ </div>
</div>
-</div>
+</form>
+
{include="page.footer"}
</body>
</html>