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); }