• 1.
    function customLogin() {
  • 2.
    echo '<style type="text/css">
  • 3.
     
  • 4.
    .login, body.login {
  • 5.
        background: url('.get_bloginfo('stylesheet_directory') . '/images/login-bg.jpg) no-repeat fixed center top #222!important;
  • 6.
        padding-top: 0 !important;
  • 7.
    }
  • 8.
     
  • 9.
    #login {
  • 10.
        width: 400px;
  • 11.
    }
  • 12.
     
  • 13.
    #loginform,#lostpasswordform,#registerform {
  • 14.
        background: #f4f4f4;
  • 15.
        -webkit-border-radius: 5px;
  • 16.
        border-radius: 5px;
  • 17.
        border: 1px solid #fff;
  • 18.
        -webkit-box-shadow: 0px 2px 1px 0px #333;
  • 19.
        box-shadow: 0px 2px 1px 0px #333;
  • 20.
    }
  • 21.
     
  • 22.
    .login form .forgetmenot {
  • 23.
        float: none;
  • 24.
    }
  • 25.
     
  • 26.
    #login form p.submit {
  • 27.
        margin-top: 10px;
  • 28.
    }
  • 29.
     
  • 30.
    .login form .input {
  • 31.
        -webkit-border-radius: 5px;
  • 32.
        border-radius: 5px;
  • 33.
        background: #e4e4e4;
  • 34.
        border: 1px solid #fff;
  • 35.
        -webkit-box-shadow: inset 0px 1px 1px 0px #999999;
  • 36.
        box-shadow: inset 0px 1px 1px 0px #999999;
  • 37.
     
  • 38.
    }
  • 39.
     
  • 40.
    .login .button-primary {
  • 41.
        float: none;
  • 42.
        width: 320px;
  • 43.
        padding: 10px 10px;
  • 44.
        border: 1px solid #298cba;
  • 45.
        background: #0688c0;
  • 46.
        background: -webkit-gradient(linear, left top, left bottom, from(#1daae6), to(#0688c0));
  • 47.
        background: -webkit-linear-gradient(top, #1daae6, #0688c0);
  • 48.
        background: -moz-linear-gradient(top, #1daae6, #0688c0);
  • 49.
        background: -ms-linear-gradient(top, #1daae6, #0688c0);
  • 50.
        background: -o-linear-gradient(top, #1daae6, #0688c0);
  • 51.
        background-image: -ms-linear-gradient(top, #1daae6 0%, #0688c0 100%);
  • 52.
        -webkit-border-radius: 5px;
  • 53.
        -moz-border-radius: 5px;
  • 54.
        border-radius: 5px;
  • 55.
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 56.
        -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 57.
        box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 58.
        color: #ffffff;
  • 59.
        text-transform:uppercase;
  • 60.
    }
  • 61.
     
  • 62.
    .login .message {
  • 63.
        border: 1px solid #003309;
  • 64.
        background: #309903;
  • 65.
        background: -webkit-gradient(linear, left top, left bottom, from(#27c703), to(#309903));
  • 66.
        background: -webkit-linear-gradient(top, #27c703, #309903);
  • 67.
        background: -moz-linear-gradient(top, #27c703, #309903);
  • 68.
        background: -ms-linear-gradient(top, #27c703, #309903);
  • 69.
        background: -o-linear-gradient(top, #27c703, #309903);
  • 70.
        background-image: -ms-linear-gradient(top, #27c703 0%, #309903 100%);
  • 71.
        padding: 10.5px 21px;
  • 72.
        -webkit-border-radius: 7px;
  • 73.
        -moz-border-radius: 7px;
  • 74.
        border-radius: 7px;
  • 75.
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 76.
        -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 77.
        box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 78.
        text-shadow: #1C6B00 0 1px 0;
  • 79.
        color: #ffffff;
  • 80.
        font-size: 14px;
  • 81.
    }
  • 82.
     
  • 83.
    #login_error {
  • 84.
        border: 1px solid #600302 !important;
  • 85.
        background: #d80906;
  • 86.
        background: -webkit-gradient(linear, left top, left bottom, from(#f32a26), to(#d80906));
  • 87.
        background: -webkit-linear-gradient(top, #f32a26, #d80906);
  • 88.
        background: -moz-linear-gradient(top, #f32a26, #d80906);
  • 89.
        background: -ms-linear-gradient(top, #f32a26, #d80906);
  • 90.
        background: -o-linear-gradient(top, #f32a26, #d80906);
  • 91.
        background-image: -ms-linear-gradient(top, #f32a26 0%, #d80906 100%);
  • 92.
        padding: 10.5px 21px;
  • 93.
        -webkit-border-radius: 7px;
  • 94.
        -moz-border-radius: 7px;
  • 95.
        border-radius: 7px;
  • 96.
        -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 97.
        -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 98.
        box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  • 99.
        color: #ffffff;
  • 100.
        font-size: 14px;
  • 101.
    }
  • 102.
     
  • 103.
    #login_error a {
  • 104.
        color: #fcff04;
  • 105.
    }
  • 106.
     
  • 107.
    .login h1 a {
  • 108.
        background-image: url('.get_bloginfo('stylesheet_directory') . '/images/login-logo.png) !important;
  • 109.
        width:400px
  • 110.
    }
  • 111.
     
  • 112.
    .login #nav {
  • 113.
        font-size:14px;
  • 114.
        text-transform:uppercase;
  • 115.
        font-weight:bold;
  • 116.
        text-align:center;
  • 117.
     
  • 118.
    }
  • 119.
     
  • 120.
    .login #backtoblog{
  • 121.
        text-align:center;
  • 122.
     
  • 123.
    }
  • 124.
     
  • 125.
    .login #nav a, .login #backtoblog a {
  • 126.
        color: #ffffff !important;
  • 127.
    }
  • 128.
     
  • 129.
    .login #nav a:hover, .login #backtoblog a:hover {
  • 130.
        color: #ffffff !important;
  • 131.
    }
  • 132.
     
  • 133.
    .login #nav, .login #backtoblog {
  • 134.
        text-shadow: 0 1px 0 #666666 !important;
  • 135.
    }
  • 136.
     
  • 137.
    </style>
  • 138.
    ';
  • 139.
    }
  • 140.
     
  • 141.
    add_action( 'login_head', 'customLogin' );
function customLogin() { echo '<style type="text/css"> .login, body.login { background: url('.get_bloginfo('stylesheet_directory') . '/images/login-bg.jpg) no-repeat fixed center top #222!important; padding-top: 0 !important; } #login { width: 400px; } #loginform,#lostpasswordform,#registerform { background: #f4f4f4; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; -webkit-box-shadow: 0px 2px 1px 0px #333; box-shadow: 0px 2px 1px 0px #333; } .login form .forgetmenot { float: none; } #login form p.submit { margin-top: 10px; } .login form .input { -webkit-border-radius: 5px; border-radius: 5px; background: #e4e4e4; border: 1px solid #fff; -webkit-box-shadow: inset 0px 1px 1px 0px #999999; box-shadow: inset 0px 1px 1px 0px #999999; } .login .button-primary { float: none; width: 320px; padding: 10px 10px; border: 1px solid #298cba; background: #0688c0; background: -webkit-gradient(linear, left top, left bottom, from(#1daae6), to(#0688c0)); background: -webkit-linear-gradient(top, #1daae6, #0688c0); background: -moz-linear-gradient(top, #1daae6, #0688c0); background: -ms-linear-gradient(top, #1daae6, #0688c0); background: -o-linear-gradient(top, #1daae6, #0688c0); background-image: -ms-linear-gradient(top, #1daae6 0%, #0688c0 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; color: #ffffff; text-transform:uppercase; } .login .message { border: 1px solid #003309; background: #309903; background: -webkit-gradient(linear, left top, left bottom, from(#27c703), to(#309903)); background: -webkit-linear-gradient(top, #27c703, #309903); background: -moz-linear-gradient(top, #27c703, #309903); background: -ms-linear-gradient(top, #27c703, #309903); background: -o-linear-gradient(top, #27c703, #309903); background-image: -ms-linear-gradient(top, #27c703 0%, #309903 100%); padding: 10.5px 21px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #1C6B00 0 1px 0; color: #ffffff; font-size: 14px; } #login_error { border: 1px solid #600302 !important; background: #d80906; background: -webkit-gradient(linear, left top, left bottom, from(#f32a26), to(#d80906)); background: -webkit-linear-gradient(top, #f32a26, #d80906); background: -moz-linear-gradient(top, #f32a26, #d80906); background: -ms-linear-gradient(top, #f32a26, #d80906); background: -o-linear-gradient(top, #f32a26, #d80906); background-image: -ms-linear-gradient(top, #f32a26 0%, #d80906 100%); padding: 10.5px 21px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; color: #ffffff; font-size: 14px; } #login_error a { color: #fcff04; } .login h1 a { background-image: url('.get_bloginfo('stylesheet_directory') . '/images/login-logo.png) !important; width:400px } .login #nav { font-size:14px; text-transform:uppercase; font-weight:bold; text-align:center; } .login #backtoblog{ text-align:center; } .login #nav a, .login #backtoblog a { color: #ffffff !important; } .login #nav a:hover, .login #backtoblog a:hover { color: #ffffff !important; } .login #nav, .login #backtoblog { text-shadow: 0 1px 0 #666666 !important; } </style> '; } add_action( 'login_head', 'customLogin' );

Copy Code to Clipboard Raw

Sign-in or Create a Free Account.

Snippi uses Twitter or Facebook to register and create accounts. Registration will enable you to keep track of your snippets. We never spam your timeline or wall. Ever.

Sign-in with Facebook Sign-in with Twitter