/** * Page: full screen * ADD THIS CLASS TO THE TAG */ /*-------------------------------------------------------------------------- + full & lockscreen Style --------------------------------------------------------------------------*/ .full, .lockscreen { background: url("../img/FondoInscriptos.jpg") no-repeat center center fixed; } /* Remove the background from the body element */ .full > body, .lockscreen > body { background: transparent; padding: 115px; } /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { .full, .lockscreen { /* background: url("../img/FondoInscriptos-480.jpg") no-repeat center center fixed;*/ } .full > body, .lockscreen > body { padding: 15px; } } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { .full, .lockscreen { /* background: url("../img/FondoInscriptos-640.jpg") no-repeat center center fixed;*/ } .full > body, .lockscreen > body { padding: 50px; } } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { /* .full, .lockscreen { background: url("../img/FondoInscriptos-1024.jpg") no-repeat center center fixed; } */ } /* Medium Devices, Desktops */ /* @media only screen and (min-width : 992px) { .full, .lockscreen { background: url("../img/FondoInscriptos-1200.jpg") no-repeat center center fixed; } } */ /* Large Devices, Wide Screens */ /* @media only screen and (min-width : 1200px) { .full, .lockscreen { background: url("../img/FondoInscriptos-1900.jpg") no-repeat center center fixed; } } */ .full, .lockscreen { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .full .footer { position: fixed; left: 0; bottom: 0; width: 100%; margin-right: 0px; margin-left: 0px; } /*--------------------------------------------------------------------------*/