I have created an app, uploaded Workspace static file for background image and for logo, my code below is in inline CSS of login page, logo image is displaying but background not, is there i am missing or something wrong? the following code is copy&pasted from net while my searching, code is working perfectly another environment. ( sorry, atm i can't have on apex.oracle.com )
span.t-Login-logo {
background-image: url(#WORKSPACE_IMAGES#login_logo_small_images_xxxx.jpg);
background-size: cover;
width: 315px;
height:107px;
}
body{font-family: 'Droid Arabic Kufi', sans-serif; font-size:1.3rem;}
.t-PageBody--login .t-Body {
background-image: url(#WORKSPACE_IMAGES#LoginPageBackground_blue02_1920x1080.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;
}