diff options
Diffstat (limited to 'plugins/Login/templates')
-rw-r--r-- | plugins/Login/templates/login.css | 124 | ||||
-rw-r--r-- | plugins/Login/templates/login.tpl | 70 |
2 files changed, 194 insertions, 0 deletions
diff --git a/plugins/Login/templates/login.css b/plugins/Login/templates/login.css new file mode 100644 index 0000000000..9eb657af81 --- /dev/null +++ b/plugins/Login/templates/login.css @@ -0,0 +1,124 @@ + +* { margin: 0; padding: 0; } + +body { + font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; +} + +form { + margin-left: 8px; + padding: 16px 16px 40px 16px; + font-weight: bold; + -moz-border-radius: 5px; + -khtml-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0;} + +#login form .submit input { + font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; + padding: 3px 5px; + border: none; + font-size: 13px; + border-width: 1px; + border-style: solid; + -moz-border-radius: 3px; + -khtml-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + cursor: default; + text-decoration: none; + margin-top: -6px; +} + +form .submit { float: right; } + +form p { margin-bottom: 24px; } + +#login { width: 292px; margin: 7em auto; margin-top: 20px; } + +#login_error { + margin: 0 0 16px 8px; + border-width: 1px; + border-style: solid; + padding: 12px; +} + +#nav { margin: 0 0 0 8px; padding: 16px; } + +#form_password, #form_login, #user_email { + font-size: 20px; + width: 97%; + padding: 3px; + margin-right: 6px; +} + +#login form input { + color: #555; +} + +.login form { + background-color: #eaf3fa; +} + +#login form .submit input { + background-color: #cee1ef !important; +} + +#login #login_error { + background-color: #ffebe8; + border-color: #c00; +} + +#login form .submit input { + background-color: #e5e5e5; + color: #246; + border-color: #80b5d0; +} + +#login form .submit input:hover { + color: #d54e21; +} + + #login form .submit input:hover { + border-color: #328ab2; +} + +.login #login_error { + background-color: #ffffe0; + border-color: #e6db55; +} + +.login #nav a { + color: #777; +} +body.login { + border-top-color: #464646; +} +#login form input { + color: #555; +} + + + +#logo { + margin-left: 38%; + margin-top:100px; +} + +#logo h1 { +font-family: Georgia, "Times New Roman", Times, serif; +font-weight: normal; +color: #136F8B; +font-size: 48px; +text-transform: none; +} + +#logo .description { +font-family: Georgia, "Times New Roman", Times, serif; +font-weight: normal; +color: #879dbd; +font-size: 25px; +} diff --git a/plugins/Login/templates/login.tpl b/plugins/Login/templates/login.tpl new file mode 100644 index 0000000000..a4f7ad05fd --- /dev/null +++ b/plugins/Login/templates/login.tpl @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> +<head> + <title>Piwik › Login</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + +{literal}<script type="text/javascript"> + function focusit() { + document.getElementById('form_login').focus(); + } + window.onload = focusit; + </script> +{/literal} +<link rel="stylesheet" href="plugins/Login/templates/login.css"> +</head> + +<body class="login"> + + +<div id="logo"> + <a href="http://piwik.org"><h1 title="Web analytics">Piwik <span class="description"># open source web analytics</span></h1></a> +</div> + +<div id="login"> + + +{if $form_data.errors} +<div id="login_error"> + {foreach from=$form_data.errors item=data} + <strong>ERROR</strong>: {$data}<br /> + {/foreach} +</div> +{/if} + +{if $AccessErrorString} +<div id="login_error"><strong>ERROR</strong>: {$AccessErrorString}<br /></div> +{/if} + +<form {$form_data.attributes}> + <p> + <label>Username<br /> + <input type="text" name="form_login" id="form_login" class="input" value="" size="20" tabindex="10" /></label> + </p> + + <p> + <label>Password<br /> + <input type="password" name="form_password" id="form_password" class="input" value="" size="20" tabindex="20" /></label> + </p> + {* + <p class="forgetmenot"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90" /> Remember Me</label></p> + *} + {$form_data.form_url.html} + <p class="submit"> + <input type="submit" name="wp-submit" id="wp-submit" value="Log In" tabindex="100" /> + </p> +</form> + +{* +<p id="nav"> +<a href="http://wp.chrisjohnston.org/wp-login.php?action=register">Register</a> | +<a href="http://wp.chrisjohnston.org/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a> +</p> +*} +</div> + +</body> +</html> + + + |