battles/static/styles/forgot-password.css

222 lines
4.1 KiB
CSS

body {
background-color: black;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 14px;
}
#top-logo {
background-image: url(/static/images/logo/290x187.png);
width: 290px;
height: 186px;
margin: 0 auto;
display: block;
}
a {
color: black;
}
a:hover {
color: rgb(3, 136, 137);
}
a[href="#"] {
text-decoration: line-through;
opacity: 0.6;
}
#footer,
form,
#bottom-menu,
#error {
width: 752px;
margin: 0 auto;
display: block;
}
form {
height: 356px;
background-image: url(/static/images/forgot-password/background.png);
}
form h1 {
padding: 2.8em 6em 2em;
color: rgb(242, 241, 238);
text-align: center;
font-size: 19px;
text-shadow:
-1px -1px 0 rgb(27, 31, 21),
1px -1px 0 rgb(27, 31, 21),
-1px 1px 0 rgb(27, 31, 21),
1px 1px 0 rgb(27, 31, 21);
}
form .form-input {
width: 500px;
margin: .5em auto 0;
padding-top: .3em;
border-top: solid 1px rgb(229, 130, 62);
border-style: solid;
border-width: 3px 0px 0px;
-moz-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
-webkit-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
-o-border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
border-image: url(/static/images/register/border.png) 100% 3 1 0 stretch;
}
form .form-input:nth-of-type(1) {
border-image: none;
border-top: none;
}
form .form-input .name,
form .form-input .value {
vertical-align: top;
width: 49%;
display: inline-block;
}
form .captcha .name {
width: 320px;
}
form .captcha .value {
width: 172px;
}
form .form-input .value input[type="text"],
form .form-input .value input[type="password"] {
width: 100%;
}
form .form-input input[type="checkbox"] {
cursor: hand;
}
form .submit {
width: 320px;
height: 60px;
margin: 0px auto;
background: url('/static/images/register/bottom_menu.png') 50% 0px no-repeat;
border: 0px solid transparent;
position: relative;
z-index: 5;
}
form input[type="submit"] {
background: url('/static/images/register/button.png') no-repeat;
font-family: arial;
font-variant: small-caps;
border: 0;
display:block;
cursor:pointer;
width: 164px;
position: relative;
top: 14px;
left: 78px;
height: 30px;
color:#f2f1ee;
font-size: 11pt;
font-weight: bold;
text-decoration:none;
text-align: center;
vertical-align: middle;
text-shadow: #1b1f15 1px 1px 0, #1b1f15 -1px -1px 0, #1b1f15 -1px 1px 0, #1b1f15 1px -1px 0;
}
form input[type="submit"]:hover {
background-image: url('/static/images/register/button_hover.png');
}
form input[type="submit"]:active {
background-image: url('/static/images/register/button_pressed.png');
}
#bottom-menu a {
color: rgb(242, 241, 238);
margin-left: .8em;
font-weight: bold;
}
#bottom-menu a:hover {
color: rgb(155, 251, 252);
}
#bottom-menu a:nth-of-type(1) {
margin-left: 0;
}
form .form-input .comment {
font-size: 8pt;
color: rgb(101, 66, 41);
}
form .checkboxes em,
form .name em {
font-size: 8pt;
font-style: normal;
color: rgb(169, 30, 3);
white-space: nowrap;
}
form .checkboxes em:before,
form .name em:before {
content: "(";
}
form .checkboxes em:after,
form .name em:after {
content: ")";
}
#footer {
color: white;
font-size: 9px;
margin-top: 2em;
}
#minimum-age,
#disclaimer {
display: inline-block;
width: 20%;
min-height: 51px;
padding-left: 55px;
vertical-align: top;
margin: 0 5em;
}
#disclaimer em {
font-weight: bold;
font-style: normal;
display: block;
}
#minimum-age {
background: url('/static/images/register/18.png') no-repeat;
padding-top: 1.5em;
float: left;
}
#disclaimer {
background: url('/static/images/register/gear.png') no-repeat;
padding-top: 1em;
width: 20%;
float: right;
}
#copyright {
clear: both;
margin-top: 1em;
text-align: center;
}
#error {
background-color: rgb(233, 234, 238);
border: solid 1px rgb(163, 163, 163);
color: rgb(140, 8, 0);
margin: 2em auto;
padding: 1em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#error h1 {
padding-bottom: .2em;
border-bottom: solid 1px silver;
}