Sunday, June 7, 2020

navigation menu bar color in oracle apex



--------------use in global page static region sourece , blank attribute , after header


<style>

/* IRR Report Decoration */

.a-IRR-table tr:nth-child(odd) td {
    background-color: #f1f8ff;
    color: gray;
    height: 1.5em;
    font-size: 11pt;
    font-family: "Arial Narrow";
    border-top:0px #000 solid;
    border-bottom:0px #000 solid;
    padding:0px 5px 0px 5px;
   // border-color: gray;
}
.a-IRR-table th {
    background-color: #daecfc;
}

.a-IRR-table tr:nth-child(even) td {
    background-color:  #fff;
    color: gray;
    height: .8em;
    font-size: 11pt;
    font-family: 'Arial Narrow';
    border-top:0px #000 solid;
    border-bottom:0px #000 solid;
    padding:0px 5px 0px 5px;
   // border-color: gray;
}
/*
#apexir_TOOLBAR {
    padding: 0 0 10px 0 !important;
    }
   
.apexir_TOOLBAR_OPEN {
    background:url("../images/sIRControllerBG.png") 100% -50px !important;
    float:left;
    height:40px;
    overflow:hidden;
    padding:0 10px 0 0;
    }
   
.apexir_TOOLBAR_OPEN .apexir_TOOLBAR_CLOSE {
    background:url("../images/sIRControllerBG.png") 0 0 no-repeat !important;
    color:#000000;
    height:38px;
    overflow:hidden;
    padding-top: 2px;
    }
*/
/* GV Report Decoration */
/*
.a-GV-table tr:nth-child(odd) td {
    background-color: #f1f8ff;
    color: gray;
    height: 2em;
    font-size: 8pt;
    font-family: verdana;
    border-top:0px #000 solid;
    border-bottom:0px #000 solid;
    padding:0px 5px 0px 5px;
}
.a-GV-table th {
    background-color: #daecfc;
}

.a-GV-table tr:nth-child(even) td {
    background-color:  #fff;
    color: gray;
    height: 2em;
    font-size: 8pt;
    font-family: verdana;
    border-top:0px #000 solid;
    border-bottom:0px #000 solid;
    padding:0px 5px 0px 5px;
} */
/*
#apexgv_TOOLBAR {
    padding: 0 0 10px 0 !important;
    }
   
.apexgv_TOOLBAR_OPEN {
    background:url("../images/sIRControllerBG.png") 100% -50px !important;
    float:left;
    height:40px;
    overflow:hidden;
    padding:0 10px 0 0;
    }
   
.apexgv_TOOLBAR_OPEN .apexir_TOOLBAR_CLOSE {
    background:url("../images/sIRControllerBG.png") 0 0 no-repeat !important;
    color:#000000;
    height:38px;
    overflow:hidden;
    padding-top: 2px;
    }
*/
/* Classic Report Decoration */
   
.t-Report-tableWrap tr:nth-child(odd) td {
    background-color: #f1f8ff;
    height: 2rem;
    font-size: 10pt;
    padding:0px 5px 0px 5px;
}

.t-Report-tableWrap th {
    background-color: #daecfc;
    height: 2rem;
}

.t-Report-tableWrap tr:nth-child(even) td {
    background-color: #fff;
    height: 2rem;
    font-size: 10pt;
    padding:0px 5px 0px 5px;
}


/* Breadcrumb Decoration */

.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child {
    display: inline-block !important;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #2B4154;
}

.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child .t-Breadcrumb-label {
    overflow: hidden;
    display: block;
    font-size: 16px;
    margin-top: -16px;
}

#t_Body_title {
    top: 48px;
    height: 50px;
}

.t-Breadcrumb-item a {
    color: #2370c2 !important;
}

/* End Breadcrumb Decoration */
element.style {
    height: 0px;
}

</style>


--------------use in theme roller


.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-row,
/*.t-TreeNav .a-TreeView-node--topLevel  .a-TreeView-label,*/
.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-toggle,
.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content,
.t-TreeNav .a-TreeView-node--topLevel  .a-TreeView-content .fa {
height: 30px;
/*line-height: px; */
}

.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .a-TreeView-label {
line-height: 20px;
  height: 20px;
}

.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-toggle {
padding: 0px;
  height: 30px;
  line-height: 30px;
}

.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .fa {
padding: 4px 9px 8px 8px;
}

.t-TreeNav .a-TreeView-node--topLevel > ul > .a-TreeView-node {
padding-left: 32px; padding-top: 0px; padding-bottom: 0px;
}

.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-content {
  height: 20px;
line-height: 20px;
}

.t-TreeNav .a-TreeView-note--topLevel .a-TreeView-row.is-current--top
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible> .a-TreeView-row,
.t-TreeNav .a-TreeView-node--topLevel ul{
background-color: #b9cee2; /*#3f3954;*/
border-right: 9px solid #e95b54;
border-left: 3px solid #e95b54;
}

.t-TreeNav--styleA .a-TreeView-node--topLevel {
    border-bottom: 1px solid rgba(255, 255, 255, 1.075);
    background: #d5dfe7; /*#7c7c79;*/
    color: blue;
}

No comments:

Post a Comment

To generate a PDF using JavaScript in Oracle APEX from a collection

  To generate a PDF using JavaScript in Oracle APEX from a collection, you can follow these steps: 1. Create a button or link on your APEX p...