admin.css qui remplacera les styles du fichier originale

admin.css

/**
 * admin.css a creer dans le dossier de votre theme 
 * qui remplacera les styles du fichier originale
 */

/* Personnalisation du background de la page on y ajoute une image de fond en cover donc responsive */

body.login{
background:url(images/background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
position:fixed; 
top:0; 
left:0; 
z-index:10; 
overflow: hidden; 
width: 100%; 
height:100%;
} 

/* on modifie la position du formulaire pour l afficher au centre de la page */
body.login div#login {
z-index:9999; position:relative;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
padding: 20px;
background-color: rgba(0, 0, 0, 0.3); /* on rend le formulaire de connexion transparent */
border-radius: 15px !important; /* les bords arrondis c est joli */
}

/* on change le logo de la page de login par un logo personnalise a mettre dans votre dossier image */
.login h1 a { height: 78px !important; width: 300px !important; background:url(images/custom-login-logo.png) no-repeat center top !important; }

/* Personnalisation du formulaire */

.login form { box-shadow: 0px 0px 0px 0px !important; border-radius: 15px !important;   }

/* on change le bouton d action */
input.button-primary, button.button-primary, a.button-primary{
border-radius: 3px !important;                         
background-color: #ff5400 !important;
border:none !important;
font-weight:normal !important;
text-shadow:none !important;
box-shadow: none !important;
}
.button:active, .submit input:active, .button-secondary:active {
background:#ffa904 !important;
text-shadow: none !important;
}

/* personnalisation du message d erreur */
.login #login_error, .login .message {
  -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 1px 0;
  background-color:#FFFFFF;
  border-left-color:#ff5400 !important;
  border-left-style:solid;
  border-left-width:4px;
  box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 1px 0;
  margin-left:0;
  padding:12px;
}

/* on modifie la couleur de contour des champs login et password quand ils sont sélectionnés  */
body.login div#login form#loginform input#user_login:focus, body.login div#login form#loginform input#user_pass:focus{
  border:1px solid #ff5400 !important;
  box-shadow: none !important;
  background-color: #fff !important;
}
/* personnalisation des liens de retour sur le blog et mot de passe oublié */
.login #nav a, .login #backtoblog a {
color:#fff !important;
text-shadow: none !important;
}
.login #nav a:hover, .login #backtoblog a:hover{
color:#96C800 !important;
text-shadow: none !important;
}
.login #nav, .login #backtoblog{
text-shadow: none !important;
}