SilentComics/Strip

/******************************************************************
Site Name: SILENT COMICS
Author: Silent Comics

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/

/* the form box */
/*
* wp-login CSS overwrites
* You'll have to load your own images and mess
* with the width and height.
*
*/

.login h1 a {
  background: url('../images/login-logo.svg') no-repeat top center;
/* make sure to replace this! */
  width: 124px;
  height: 62px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 10;
  display: block;
}

.no-svg login h1 a {
  background-image: url('../images/login-logo.png');
}

#loginform  {
  margin-left: 8px;
  padding: 26px 24px 48px;
  font-family: Inconsolata, monospace;
  font-weight: 400;
  background: transparent;
  border: none;
  border-radius: 3px;
  box-shadow: none;
}

#loginform label {
  color: #c9a6ab; /* #c9a6ab meta #BF8B87 monochromatic */
}

body form .input {
  font-family: Inconsolata, monospace;
  font-weight: 400;
  color: #420084;
  font-size: 12px;
  text-align: center;
  border: 1px solid #e7e7e7;
  background: #f9f6f2;
  outline: none;
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}

/*
* You'll have to override some of the default styles
* but since we're referencing the id, it should be easy.
*/

/* Forget Me Not */
.forgetmenot {
    display: none;
}
.login #backtoblog a,
.login #nav a,
.login #nav a:hover,
.login #backtoblog a:hover {
  color: #7369FF;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  text-decoration: none;
}

/* login button*/
.wp-core-ui.login .button-primary {
    width: 100%;
    height: 40px;
    background: #FF7369;
    text-transform: uppercase;
    color: #fff;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    position: relative;
    text-shadow: none;
    /*font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/
    font-size: 16px;
    letter-spacing: 0.1em;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wp-core-ui.login .button-primary:hover {
    background: #7369FF;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.wp-core-ui.login .button-primary:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
}

/* background colour */

body {
  transition: background-color 0.5s ease;
  background-color: #420084;
}
body:hover {
  background-color: #EFE9EA;
}