sercom/templates/login.kid

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:py="http://purl.org/kid/ns#">
   5
   6 <head>
   7     <meta content="text/html; charset=UTF-8"
   8         http-equiv="content-type" py:replace="''"/>
   9     <title>Login</title>
  10     <style type="text/css">
  11         #loginBox
  12         {
  13             width: 30%;
  14             margin: auto;
  15             margin-top: 10%;
  16             padding-left: 10%;
  17             padding-right: 10%;
  18             padding-top: 5%;
  19             padding-bottom: 5%;
  20             font-family: verdana;
  21             font-size: 10px;
  22             background-color: #eee;
  23             border: 2px solid #ccc;
  24         }
  25
  26         #loginBox h1
  27         {
  28             font-size: 42px;
  29             font-family: "Trebuchet MS";
  30             margin: 0;
  31             color: #ddd;
  32         }
  33
  34         #loginBox p
  35         {
  36             position: relative;
  37             top: -1.5em;
  38             padding-left: 4em;
  39             font-size: 12px;
  40             margin: 0;
  41             color: #666;
  42         }
  43
  44         #loginBox table
  45         {
  46             table-layout: fixed;
  47             border-spacing: 0;
  48             width: 100%;
  49         }
  50
  51         #loginBox td.label
  52         {
  53             width: 33%;
  54             text-align: right;
  55         }
  56
  57         #loginBox td.field
  58         {
  59             width: 66%;
  60         }
  61
  62         #loginBox td.field input
  63         {
  64             width: 100%;
  65         }
  66
  67         #loginBox td.buttons
  68         {
  69             text-align: right;
  70         }
  71
  72     </style>
  73 </head>
  74
  75 <body>
  76     <div id="loginBox">
  77         <h1>Identificación</h1>
  78         <p py:content="message">Mensaje de error</p>
  79         <p py:content="login_form(value=form_data)">Formulario de login</p>
  80     </div>
  81 </body>
  82 </html>