1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- #grav-login {
- max-width: 30rem;
- margin: 5rem auto;
- background: #fcfcfc;
- border: 4px solid #eee;
- border-radius: 4px;
- padding: 1rem 3rem 3rem 3rem;
- text-align: center;
- }
- #grav-login .form-actions {
- text-align: right;
- }
- #grav-logout {
- position: absolute;
- bottom: 5px;
- right: 5px;
- }
- .alert.info {
- color: #27ae60;
- }
- .alert.error {
- color: #e74c3c;
- }
- #grav-login p {
- font-size: small;
- margin: 1rem 0;
- padding: 0;
- text-align: center;
- }
- #grav-login .form-actions p {
- margin-bottom: 0;
- }
- #grav-login .button {
- vertical-align: middle;
- }
- #grav-login .delimiter {
- display: block;
- font-size: 1.6rem;
- letter-spacing: 1px;
- line-height: 1.6rem;
- position: relative;
- text-transform: uppercase;
- margin: 1rem 0;
- }
- #grav-login .delimiter:after,
- #grav-login .delimiter:before {
- background-color: #777777;
- content: "";
- height: 1px;
- position: absolute;
- top: 0.8rem;
- width: 40%;
- }
- #grav-login .delimiter:before {
- background-image: -moz-linear-gradient(right center , #777777, #ffffff);
- left: 0;
- }
- #grav-login .delimiter:after {
- background-image: -moz-linear-gradient(left center , #777777, #ffffff);
- right: 0;
- }
- #grav-login .rememberme {
- display: inline-block;
- float: left;
- padding: 7px 0;
- vertical-align: middle;
- }
- #grav-login .rememberme label {
- font-weight: inherit;
- display: inline;
- }
- .login-status {
- white-space: nowrap;
- vertical-align: middle;
- }
|