apex login page wallpaper

1. upload wallpaper & logo
2. Page level inline css paste

span.t-Login-logo {
background-image: url(#APP_IMAGES#color3.jpg);
backgroung-size: cover;
width: 100px;
height: 80px;
}

.t-Body {
background-image:url(#APP_IMAGES#color2.jpg);
background-repeat: no-repeat;
background-size : 100%;
background-position: 25%;
}




//////////////

---Transper login page----

span.t-Login-logo {
background-image: url(#APP_IMAGES#color3.jpg);
backgroung-size: cover;
width: 100px;
height: 80px;
}


body{font-family: 'Droid Arabic Kufi', sans-serif; font-size:1.3rem;}
.t-PageBody--login .t-Body {
background-image: url(#APP_IMAGES#color2.jpg);
background-position: center center;
   background-repeat:  no-repeat;
   background-attachment: fixed;
   background-size:  cover;
background-color: #45484d;
background-color: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background-color: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
background-color: linear-gradient(to bottom, #45484d 0%,#000000 100%);
}
body .t-Login-title , .t-Login-region {
    background-color: rgba(128, 152, 180, 0.51);
color: #F8F8F8
}
.t-Login-body {
    text-align: right;
}
.popup
{
  z-index: 10;
margin:100px auto;
display:block;
text-align:center;

-moz-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-o-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-transform-origin:top center;
-moz-transform-origin:top center;
-o-transform-origin:top center;
transform-origin:top center;
-webkit-animation: iconosani 1.2s forwards;
animation: iconosani 1.2s forwards;
-moz-animation: iconosani 1.2s forwards;
-o-animation: iconosani 1.2s forwards;
}
.apex-icons-fontawesome .t-Login-logo{
        font-size: 50px;
        color: #fff; 
}
#P9999_PASSWORD , #P9999_USERNAME  {
background-color: #0e0d0d00;
color: #292929;
font-size: 1.5em;
border-bottom-color: #0464a9;
border-width: 0 0 3px 0;
}





//////



span.t-Login-logo {

background-image: url(#APP_IMAGES#color4.jpg);

backgroung-size: cover;

width: 100px;

height: 80px;

}

body {
  webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image:url('#APP_IMAGES#color2.jpg');
  }
  .ui-content.ui-body-a{
    background: rgba(0, 0, 0, 0.1);
  }
  .ui-responsive-panel.ui-page.ui-page-theme-a.ui-page-active{
    background: rgba(0, 0, 0, 0.1);
  }



///////


. Logo span.t-Login-logo { background-image: url(#APP_IMAGES#color4.jpg); background-size: cover; width: 120px; height:120px; } Background Image .t-PageBody--login .t-Body{ background: url(#APP_IMAGES#color2.jpg); background-repeat: no-repeat; background-size: cover; } Transparent login Page .t-Login-region { position: relative; width: 410px; margin: 0 auto; background: rgba(130,130,130,.3); padding: 20px 22px; border: 1px solid; border-top-color: rgba(255,255,255,.4); border-left-color: rgba(255,255,255,.4); border-bottom-color: rgba(60,60,60,.4); border-right-color: rgba(60,60,60,.4); }