char buf[SIZ];
output_headers(1, 1, 2, 0, 0, 0);
- wprintf("<div style=\"position:absolute; top:20px; left:20px; right:20px\">\n");
+ wprintf("<div id=\"login_screen\">\n");
if (mesg != NULL) if (strlen(mesg) > 0) {
stresc(buf, mesg, 0, 0);
<! start beginbox.html>
-<table border=1 cellspacing=0 cellpadding=0 width=100%><tr><td>
-<table border=0 cellspacing=0 cellpadding=3 width=100%>
-<tr bgcolor="#000088"><td align=center><span class="boxlabel"><?BOXTITLE></span></td></tr>
-<tr bgcolor="#FFFFFF"><td>
+<div class="box">
+<div class="boxlabel"><?BOXTITLE></span></div>
+<div class="boxcontent">
<! end beginbox.html>
-</td></tr></table>
-</td></tr></table>
-<br />
+</div></div>
<?=beginbox>
-<center>
-<font color="#FF0000"><?MESG></font>
-<table border=0>
-<tr>
-<td align=center>
- <?HELLO>
+<div class="login_message"><?MESG></div>
+<div class="login_hello"><?HELLO></div>
+<div class="login_form">
<form action="login" method="POST">
-
- <table border="0" cellspacing="5" cellpadding="5" bgcolor="#EEEEEE">
+ <table border="0" cellspacing="5" cellpadding="5">
<tr><td><?USERNAME_BOX></td>
<td><input type="text" name="name" maxlength="25"></td></tr>
<tr><td><?PASSWORD_BOX></td>
<?NEWUSER_BUTTON_POST>
<input type="submit" name="exit_action" value="<?EXIT_BUTTON>">
</td></tr>
-
</table>
</form>
-
- </td>
- <td align="center"><p><img src="image&name=hello"></p></td>
- </tr>
- <tr>
- <td colspan="2">
- <?LOGIN_INSTRUCTIONS>
- </td>
-</tr>
-</table>
-</center>
+</div>
+<div class="login_infos"><?LOGIN_INSTRUCTIONS></div>
<?=endbox>
width: 100%;
background-color: #dddddd;
}
+
+#login_screen {
+ position:absolute;
+ top:20px;
+ left:20px;
+ right:20px;
+}
+
+
+.login_content {
+ background-color: white;
+}
+
+
+.box {
+ width: 100%;
+ padding: 0px;
+ background-color: white;
+}
+
+.boxlabel, .boxcontent {
+ padding: 5px;
+}
+
+.boxlabel {
+ background-color: #000088;
+ text-align: center;
+}
+
+
+#login_screen {
+ position:absolute;
+ top:20px;
+ left:20px;
+ right:20px
+}
+
+.login_form table {
+ margin-left: auto;
+ margin-right: auto;
+ background-color: #DDDDDD;
+}
+
+.login_infos {
+ margin-left: auto;
+ margin-right: auto;
+ width: 80% ;
+ text-align: left;
+}
+