CSS

语言：

CSSSCSS

确定

/* Simple Reset */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

@keyframes moon {

to {

box-shadow: inset 10rem 0 whitesmoke;

transform: rotate(10deg);

}

}

html {

background-color: black;

height: 100%;

}

.circle {

width: 10rem;

height: 10rem;

background: #000;

margin: 3rem auto;

border-radius: 50%;

box-shadow: inset -2rem 0 white;

}

body {

background: black;

color: #fff;

font: 300 87.5%/1.5em 'Open Sans', sans-serif;

}

.title {

font-family: Vollkorn;

color: white;

font-size: 48px;

/* Fonts */

text-align: center;

margin: 0rem;

}

* {

margin: 0;

/* Form Layout */

padding: 0;

box-sizing: border-box;

}

.form-wrapper {

background: #000;

border-radius: 2px;

margin: 50px auto;

position: relative;

width: 300px;

}

form {

padding: 30px 20px 0;

}

.form-item {

margin-bottom: 10px;

width: 100%;

}

.form-item input {

border: none;

background: #1f1f1f;

border-radius: 2px;

color: #fff;

font-family: 'Open Sans', sans-serif;

font-size: 1em;

height: 50px;

padding: 0 16px;

transition: background 0.3s ease-in-out;

width: 100%;

}

.form-item input:focus {

background: #4d545e;

outline: none;

}

.button-panel {

margin: 20px 0 0;

width: 100%;

}

.button-panel .button {

background: #8b0000;

border: none;

border-radius: 2px;

color: #fff;

cursor: pointer;

height: 50px;

font-family: 'Open Sans', sans-serif;

font-size: 1.2em;

letter-spacing: 0.05em;

text-align: center;

text-transform: uppercase;

transition: background 0.3s ease-in-out;

width: 100%;

}

.button:hover {

background: #600;

}

.form-footer {

font-size: 0.9em;

padding: 20px 0;

text-align: center;

}

.form-footer a {

color: #e3e3e3;

text-decoration: none;

transition: color 0.3s;

}

.form-footer a:hover {

color: #c0c0c0;

}