What I meant is, that the whole code is far different from what most code in MyBB or MyBB plugins are like. It doesn't really surprises me the issue you were having with custom themes. You should consider using the template system.
<style>
#wrapper {
width:450px;
margin:0 auto;
font-family:Verdana, sans-serif;
}
legend {
color:#0481b1;
font-size:16px;
padding:0 10px;
background:#fff;
-moz-border-radius:4px;
box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
padding:5px 10px;
text-transform:uppercase;
font-family:Helvetica, sans-serif;
font-weight:bold;
}
fieldset {
border-radius:4px;
background: #fff;
background: -moz-linear-gradient(#fff, #f9fdff);
background: -o-linear-gradient(#fff, #f9fdff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /
background: -webkit-linear-gradient(#fff, #f9fdff);
padding:20px;
border-color:rgba(4, 129, 177, 0.4);
}
input,
textarea {
color: #373737;
background: #fff;
border: 1px solid #CCCCCC;
color: #aaa;
font-size: 14px;
line-height: 1.2em;
margin-bottom:15px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
input[type="text"],
input[type="password"]{
padding: 8px 6px;
height: 22px;
width:280px;
}
input[type="text"]:focus,
input[type="password"]:focus {
background:#f5fcfe;
text-indent: 0;
z-index: 1;
color: #373737;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 380px;
border-color:#ccc;
box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
opacity:0.6;
}
input[type="submit"]{
background: #222;
border: none;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
text-transform:uppercase;
color: #eee;
cursor: pointer;
font-size: 15px;
margin: 5px 0;
padding: 5px 22px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
textarea {
padding:3px;
width:96%;
height:100px;
}
textarea:focus {
background:#ebf8fd;
text-indent: 0;
z-index: 1;
color: #373737;
opacity:0.6;
box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
border-color:#ccc;
}
.small {
line-height:14px;
font-size:12px;
color:#999898;
margin-bottom:3px;
}
</style>
<?php
echo "
<style>
#background_image {
position:relative;
background-color: grey;
background:url('slider_img6.png') no-repeat fixed;
background-size: 800px 600000000px;
}
</style>
";
?>
<style>
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}
</style>
It doesn't makes sense the way you mix PHP and HTML, at least to me.
require "groups/core/check_legit.php";
Doesn't seem to exists.
It may seem better to just put the functionality there first, but believe me, starting right from the start is going to save you time later.
Don't get me wrong, I will test it as soon as I get the chance to.