wpmu-authors

body.login {
  background-image: url('home-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

wpmu-authors

body.login div#login form#loginform p.submit input#wp-submit {
  background-color:#17a8e3 !important;
}

wpmu-authors

body.login div#login p#nav {
  display: none;
}

wpmu-authors

<?php 
//If you're using this in your functions.php file, remove the opening <?php

//Replace style-login.css with the name of your custom CSS file
function my_custom_login_stylesheet() {
    wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/style-login.css' );
}

//This loads the function above on the login page
add_action( 'login_enqueue_scripts', 'my_custom_login_stylesheet' );

wpmu-authors

<?php 

//Here's my custom CSS that removes the back link in a function
function my_login_page_remove_back_to_link() { ?>
    <style type="text/css">
        body.login div#login p#backtoblog {
          display: none;
        }
    </style>
<?php }

wpmu-authors

@media only screen and (min-width: 1920px) and (device-aspect-ratio: 16/9) {
  .your-css {
    /* All your styling goes here */
  }
}

wpmu-authors

@media only screen and (max-width:1024px) {
  .your-css {
    /* All your styling goes here */
  }
}

wpmu-authors

@media only screen

wpmu-authors

@media type-of-media (expression) {
  .sample-class {
    width:100px;
    color:ffffff;
  }
}

wpmu-authors

img {
  max-width: 100%;
}