Skip to main content

Customize LOGIN PAGE Using css! Oracle Apex





body{font-family: 'Droid Arabic Kufi', sans-serif; font-size:1.3rem;}

.t-PageBody--login .t-Body {

background-image: url(#WORKSPACE_IMAGES#BG.jpeg);

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; 

}

#P101_PASSWORD , #P101_USERNAME  {

background-color: #0e0d0d00;

color: #292929;

font-size: 1.5em;

border-bottom-color: #0464a9;

border-width: 0 0 3px 0;

}

Comments

Popular posts from this blog

Oracle APEX - Tabular form datepicker month and year selector

011 Building an Application part 05 [Oracle Apex 5.1 Tutorial]

Oracle Apex 5.1 Tutorial 011 Building an Application part 05 My Blog: https://abuelenain.blogspot.com/ Oracle Docs URL: https://docs.oracle.com/database/apex-5.1/AETUT/AETUT.pdf Live Developer Toolbar Shred Components Create Classic Report Alter region and Attributes from live Developer Toolbar Alter Navigation menu Icons using Font Awesome library