CINXE.COM
擣徹偑偐偐偭偰偄傑偡
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="robots" content="noindex,nofollow"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>擣徹偑偐偐偭偰偄傑偡</title> <style type="text/css"> *{ -webkit-appearance: none; appearance: none; } body{font-family:sans-serif; margin:0; padding:0; background:#f5f5f5;} #header{ margin:20px auto 20px; width: 200px;} #header img { width:100%; } .msg-area{ margin:10px 0 ; border-radius:5px 5px; -moz-border-radius:5px 5px; text-align:center; } .msg-area.info{ background:#cef; border:1px #6cf solid; } .msg-area.warn{ background:#fce; border:1px #fac solid; } .clearfix:after{content:""; clear:both; display:block;} form {width:480px; margin: 0 auto 0;} form input { border:#ccc 1px solid; padding:4px 6px; font-size:18px;width:200px; } form table { width:100%; } form table tr td {width:100%; font-size:18px; margin:0; text-align:left; } form table tr td input { width:100%; -moz-box-sizing: border-box; box-sizing: border-box; } #btn-area{text-align:center; margin:15px 0 0;} #btn-area input {font-size:14px; height:28px; line-height:14px; color:black; border:1px solid #eee; background:#0c9;} #footer{ text-align:center; color:#666; font-size:small;} #form-area {background:#eee;border:1px solid #ddd; padding: 15px 0; margin-bottom:10px;} @media only screen and (min-width : 320px) and (max-width : 480px) { form { width:90%;margin:0 5%; } } </style> </head> <body> <form action="" method="post"> <div id="header"><img src="https://blog.seesaa.jp/img/bl/logo_seesaablog_transparent.png" alt="Seesaa BLOG"/></div> <div class="msg-area info">偙偪傜偺僽儘僌偵偼擣徹偑偐偐偭偰偄傑偡丅</div> <div id="form-area"> <table> <tr> <td>儐乕僓乕柤</td> </tr> <tr> <td><input type="text" name="auth_username" id="auth_username"></td> </tr> <tr> <td>僷僗儚乕僪</td> </tr> <tr> <td><input type="password" name="auth_password" ></td> </tr> </table> <div id="btn-area"> <input type="submit" value="擣徹偡傞"> </div> </div> <div id="footer"> Powered by Seesaa </div> </form> <script> <!-- document.getElementById('auth_username').focus(); //--> </script> </body> </html>