<!-- this style stuff is just for demonstration. nice people put this in .css files -->
<style>
#login_wrapper {
margin:100px;
width:200px;
}
#login {
font-family: Arial;
text-align: center;
}
#login a {
color: #555;
text-decoration: none;
font-size: 11px;
}
#login a:hover {
text-decoration:underline;
}
#login p {
font-size: 12px;
}
.headline {
font-size: 24px;
color:#555;
margin-bottom: 10px;
}
fieldset {
border:1px solid #999;
border-radius: 5px;
padding:10px;
box-shadow: 0px 0px 3px 2px rgba(200,200,200, 0.3);
}
input {
border:1px solid #bbb;
border-radius: 5px;
padding:6px 8px;
width:100%;
color:#555;
font-size:11px;
box-shadow: 1px 1px 3px 2px rgba(200,200,200, 0.2) inset;
}
input[type="text"],
input[type="password"] {
margin-bottom: 5px;
color:#999;
}
input[type="submit"] {
border-color: #999;
cursor: pointer;
background: -webkit-linear-gradient(top, white, #E0E0E0);
background: -moz-linear-gradient(top, white, #E0E0E0);
background: -ms-linear-gradient(top, white, #E0E0E0);
background: -o-linear-gradient(top, white, #E0E0E0);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
margin-top: 5px;
}
input[type="submit"]:hover {
background: -webkit-linear-gradient(bottom, white, #E0E0E0);
background: -moz-linear-gradient(bottom, white, #E0E0E0);
background: -ms-linear-gradient(bottom, white, #E0E0E0);
background: -o-linear-gradient(bottom, white, #E0E0E0);
}
.message_success {
border:1px solid #58BA36;
border-radius: 5px;
background-color: #E9F9E5;
padding:6px 8px;
color:#58BA36;
font-size:11px;
margin-bottom: 10px;
}
.message_error {
border:1px solid #C83E16;
border-radius: 5px;
background-color: #F9E5E6;
padding:6px 8px;
color:#C83E16;
font-size:11px;
-webkit-box-shadow: 0 2px 3px rgba(62,120,170,0.25);
-moz-box-shadow: 0 2px 3px rgba(62,120,170,0.25);
box-shadow: 0 2px 3px rgba(62,120,170,0.25);
margin-bottom: 10px;
}
</style>
<div id="login_wrapper">
<div id="login">
<div class="headline">Member Area</div>
<p>Thanks for logging in! You are <b><?php echo $_SESSION['user_name']; ?></b> and your email address is <b><?php echo $_SESSION['user_email']; ?></b>.</p>
<?php //var_dump($_SESSION); ?>
<a href="<?php echo $_SERVER['PHP_SELF']; ?>?action=logout">Logout</a>
</div>
</div>
|