Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: black;
- background-image: url('/images/bigbackground1.jpg');
- background-repeat: no-repeat;
- background-position: center center;
- background-attachment: fixed;
- background-size: cover;
- }
- #background {
- position: relative;
- margin: 0 auto;
- width: 1000px;
- }
- #rankpanel {
- position: absolute;
- top: 281px;
- left: -11px;
- padding: 0px;
- margin: 0px;
- z-index: 1;
- }
- #contactbutton {
- position: absolute;
- width: 90px;
- height: auto;
- top: 618px;
- left: 50px;
- padding: 0px;
- margin: 0px;
- z-index: 2;
- }
- /* Add curved borders to various elements */
- #contactForm, .statusMessage, input[type="submit"], input[type="button"] {
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- /* Style for the contact form and status messages */
- #contactForm, .statusMessage {
- color: #ffcc33;
- background-color: #000033;
- background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#000033), color-stop(1, #000033) );
- background: -moz-linear-gradient( center bottom, #000033 0%, #000033 100% );
- border: 1px solid #aaa;
- -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
- -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
- box-shadow: 0 0 1em rgba(0, 0, 0, .5);
- opacity: .88;
- }
- /* The form dimensions */
- #contactForm {
- width: 40em;
- height: 33em;
- padding: 0 1.5em 1.5em 1.5em;
- margin: 0 auto;
- z-index: 3;
- }
- /* Position the form in the middle of the window (if JavaScript is enabled) */
- #contactForm.positioned {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin-top: auto;
- margin-bottom: auto;
- }
- /* Dimensions and position of the status messages */
- .statusMessage {
- display: none;
- margin: auto;
- width: 30em;
- height: 2em;
- padding: 1.5em;
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 3
- }
- .statusMessage p {
- font-family: eurostile, tahoma;
- font-style: bold;
- text-align: center;
- margin: 0;
- padding: 0;
- }
- /* The header at the top of the form */
- #contactForm h2 {
- font-family: eurostile;
- font-size: 2em;
- letter-spacing: .02em;
- margin: 0 0 1em -.75em;
- padding: 1em;
- width: 19.5em;
- color: #ffcc33;
- background: #000033;
- border-bottom: 1px solid #aaa;
- -moz-border-radius: 10px 10px 0 0;
- -webkit-border-radius: 10px 10px 0 0;
- border-radius: 10px 10px 0 0;
- }
- /* Give form elements consistent margin, padding and line height */
- #contactForm ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #contactForm ul li {
- margin: .9em 0 0 0;
- padding: 0;
- }
- #contactForm input, #contactForm label {
- line-height: 1em;
- }
- /* The field labels */
- #contactForm label {
- display: block;
- float: left;
- clear: left;
- text-align: right;
- width: 28%;
- padding: .4em 0 0 0;
- margin: .15em .5em 0 0;
- font-weight: bold;
- }
- /* The fields */
- #contactForm input, textarea {
- display: block;
- margin: 0;
- padding: .4em;
- width: 67%;
- font-family: "Georgia", serif;
- font-size: 1em;
- border: 1px solid #aaa;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
- -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
- box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
- background: #fff;
- }
- #contactForm textarea {
- height: 13em;
- line-height: 1.5em;
- resize: none;
- }
- /* Place a border around focused fields, and hide the inner shadow */
- #contactForm *:focus {
- border: 1px solid #66f;
- outline: none;
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- }
- /* Display correctly filled-in fields with a green background */
- #contactForm input:valid, #contactForm textarea:valid {
- background: #DDEDFF;
- }
- /* The Send and Cancel buttons */
- #contactForm input[type="submit"], #contactForm input[type="button"] {
- float: right;
- margin: 2em 1em 0 1em;
- width: 10em;
- padding: .5em;
- border: 1px solid #666;
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
- -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
- box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
- color: #fff;
- background: #0a0;
- font-size: 1em;
- line-height: 1em;
- font-weight: bold;
- opacity: .7;
- -webkit-appearance: none;
- -moz-transition: opacity .5s;
- -webkit-transition: opacity .5s;
- -o-transition: opacity .5s;
- transition: opacity .5s;
- }
- #contactForm input[type="submit"]:hover,
- #contactForm input[type="submit"]:active,
- #contactForm input[type="button"]:hover,
- #contactForm input[type="button"]:active {
- cursor: pointer;
- opacity: 1;
- }
- #contactForm input[type="submit"]:active, #contactForm input[type="button"]:active {
- color: #333;
- background: #eee;
- -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
- -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
- box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
- }
- #contactForm input[type="button"] {
- background: #f33;
- }
- /* Header/footer boxes */
- .wideBox {
- clear: both;
- text-align: center;
- margin: 70px;
- padding: 10px;
- background: #ebedf2;
- border: 1px solid #333;
- }
- .wideBox h1 {
- font-weight: bold;
- margin: 20px;
- color: #666;
- font-size: 1.5em;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement