Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Gradient in HTML Composer?

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED] Gradient in HTML Composer?
 Login/Join
 
Silver Member
posted
Is it possible to apply a gradient to a panel in the HTML composer? I know it is easy with HTML5, but that is not what I am doing. I have looked through the information via the search but I have not found anything.

This message has been edited. Last edited by: FP Mod Chuck,


WebFOCUS 8203 Gen 43
App Studio 8203 Gen 04232018
Hyperstage 8203M Gen 1320
MS Sequel Server 2014
Windows 10
Excel/AHTML/PDF/HTML
Chrome, IE11
 
Posts: 48 | Location: Carmel IN | Registered: September 26, 2008Report This Post
Expert
posted Hide Post
I would add a css file via the Insert Web Files option of HTML Composer. In the css file I would reference the ID of the panel where I would place the required gradient css.

Because I'm working with Developer Studio v8.0.08, the HTML file references an old HTML doctype, which does not allow for modern methods of applying gradients.

This works for an HTML page created using HTML Composer v8.0.08 when viewed in Internet Explorer 11:

CSS file:
#panel1 { 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=yellow)";
}


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Silver Member
posted Hide Post
I tried to do this but was unable to get it to work. I am unfamiliar with using CSSs or referencing them in HTML composer. I tried to add this in the settings area under the manage CSS and Scripts, but it did not change anything. I am not sure if I was correctly doing what you directed me to do in the composer or if I got the CSS file correct.


WebFOCUS 8203 Gen 43
App Studio 8203 Gen 04232018
Hyperstage 8203M Gen 1320
MS Sequel Server 2014
Windows 10
Excel/AHTML/PDF/HTML
Chrome, IE11
 
Posts: 48 | Location: Carmel IN | Registered: September 26, 2008Report This Post
Virtuoso
posted Hide Post
Gerndude

Here is an example css file. It uses the 8105 standard classes (ie. IBI_Panel that are referenced but the html properties.

@charset "utf-8";
/* Copyright 1996-2011 Information Builders, Inc. All rights reserved. */

/* CSS Document */


/***** GLOBAL *****/

body {

background: #FFFFFF;

/*background-color: #f2dcdb;*/
cursor: default;
color: #000000;
font: 11px ARIAL;
}

.IBIfield {
font: 11px ARIAL;
}

/*
.IBI_PageBg {
}
.IBI_Focus {
}*/

/***** TOPBAR *****/

.IBI_Topbar {
/* display: none; */
background-color: transparent;
}

.IBI_TopbarTitle {
/* font-size: 24pt;*/
color: #FFFFFF;
}

.IBI_TopbarColumn1 {
background-position: right;
/* background-image:url(../IBI-Graphics/brandingLogo-grey-wide.gif) */
}

.IBI_TopbarColumn2 {
float: left;
/* display: none; */
color: #FFFFFF;
}

/***** FOCUS *****/

.IBI_PageTitle {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #A19CAF;
color: #DFDFEB;
}

.IBI_Description {
color: #DFDFEB;
}

.IBI_HyperlinksBar {
background-color: #ADADC7;
}

/***** TABFOLDER *****/

.IBI_TabfolderContainer{
padding: 10px;
border-width: 1px;
border-style: solid;
border-top-style: none;
border-color: #669;
}

.IBI_TabfolderStrip {
background-color: #7C5359;
}

.IBI_TabfolderStrip a:link, .IBI_TabfolderStrip a:visited {
color: #666;
}

.IBI_TabfolderStrip a:hover{
background-color: #EFF;
color: #000;
}

.IBI_tabItem {
background-color: #9C9598;
border-right-color: #B3B3B3;
color: #C4BFC1;
}

.IBI_tabItem-selected {
background-color: #DAD8DF;
border-color: #DB7194;
color: #838280;
}

/***** CONTROL PANEL *****/

.IBI_Panel {
color: #6F6F6F; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
background: -ms-linear-gradient( #F3F3F3, #989797);
background: -o-linear-gradient( #F3F3F3, #989797);
background: linear-gradient( #F3F3F3, #989797);
filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#989797); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#989797)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F3F3F3, #989797); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportTitle {
color: #FFFFFF;
background-color: #2A5A8B;

}

.IBI_ReportControlPanel {
border: 1px solid #5a201f;

/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 0px #708090;
background: -ms-linear-gradient( #F3F3F3, #F3F3F3);
background: -o-linear-gradient( #F3F3F3, #F3F3F3);
background: linear-gradient( #F3F3F3, #F3F3F3);
/*Background gradient effect */ filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F3F3F3, #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportControlLabel {

color: #333333 ; font-weight: bold ; font-size:14; vertical-align:middle; line-height:25px; width: 100px; float: left; text-align: center;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 1px #708090; border-bottom: solid 0px #000000;
background: -ms-linear-gradient( #F3F3F3, #F3F3F3);
background: -o-linear-gradient( #F3F3F3, #F3F3F3);
background: linear-gradient( #F3F3F3, #F3F3F3);
filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3), color-stop(0.9, #F3F3F3), color-stop(1.0, #F3F3F3));
background: -moz-linear-gradient(top, #F3F3F3, #F3F3F3); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
/* Shadow effect */ /* -moz-box-shadow: 0 0 2px 2px #888;-webkit-box-shadow: 0 0 2px 2px #888; box-shadow: 0 0 2px 2px #888; */ }

}

.IBI_ReportControlTarget {
/* border-width: 1px; */
/* border-style: solid; */
/* border-color: #669; */
background-color: #FFFFFF;
color: #000000;
/* font-weight: bold; */
}

.IBI_ReportControlTargetDListFrom{
font: 11px ARIAL;
color: #333333;
}
.IBI_TextEntry { /* for Text INPUT fields */
background-color: #669;
color: #FFF;
}

TEXTAREA {
background-color: #FFFFFF;
color: #000000;
border: 1px solid #5a201f;
}
/* Page Title*/
.pagetitle { color: #ffffff; font-weight: bold; font-size: 16; vertical-align: middle; line-height: 25px; width: 100px; float: left; text-align: center;display: block; /* border: thin solid #708090; */
background: -ms-linear-gradient( #C16125, #DDA988);
background: -o-linear-gradient( #C16125, #DDA988);
background: linear-gradient( #C16125, #DDA988);
/* Background gradient effect*/ filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C16125,endColorStr=#DDA988 ); /*for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#DDA988)); /* for webkit browsers */
background: -moz-linear-gradient(top, #C16125, #DDA988); /* for firefox 3.6+ */
/* Rounded corner effect*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
/* Shadow effect*/ -moz-box-shadow: inset 0 0 4px #888; -webkit-box-shadow: inset -4 -4 4px #888; }

/*.IBI_ButtonPanel{
} */

.IBI_button, .IBI_button2
{
color: #FFFFFF;
border: solid 0px #6fc072;
background: #C16125;
background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#C16125));
background: -moz-linear-gradient(top, #C16125, #C16125);
filter: progidBig GrinXImageTransform.Microsoft.gradient(startColorstr='#C16125', endColorstr='#C16125');
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% ARIAL, ;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.IBI_button
{
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}

.IBI_button2 {
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}



.IBI_btn-run {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/run16.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-reset {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/reset.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-up {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_up_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-down {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_down_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-left {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_left_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-right {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_right_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-defer {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/defer.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-schedule {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/schedule.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-navigatenextlast {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_next_last.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-navigateprevfirst {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_prev_first.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-search {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/search16.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-saveselection {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/saveparameters_16.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_windowHome {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/home.png");
background-repeat: no-repeat;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_ButtonPanel a:hover {
background-color: #CCC;
border-top-color: #000099;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #000099;
}

.IBI_sliderBG {
background-color: #000;
border: 2px solid #009;
}

.IBI_sliderFG {
background-color: #090;
}

.IBI_ReportDisplay {
background-color: #dea5a3;
}

.IBI_Frame{
/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */ filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F3F3F3, #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */ -moz-border-bottom-left-radius: 15px 15px; -moz-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px; -webkit-border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px;
/* Shadow effect */ -moz-box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black; box-shadow: 5px 5px 5px black;

}

.IBI_Report-iFrame{
border: 0px solid #5a201f;
}

.IBI_Radio, .IBI_CheckBox
{
background-color: Transparent;
font-size: 12; font-weight: normal; color: #6F6F6F;
}

.IBI_TextBox, select, fieldset
{
border: 1px solid #C16125;
}

.IBI_tabButton {
TEXT-ALIGN: center;
LINE-HEIGHT: 200%;
CURSOR: pointer
}

.IBI_tabBody {
color: Black; font-size: 12; font-weight: bold;display:
block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */
background: -ms-linear-gradient( #DFDFDF, #DFDFDF);
background: -o-linear-gradient( #DFDFDF, #DFDFDF);
background: linear-gradient( #DFDFDF #DFDFDF);
filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DFDFDF,endColorStr=#DFDFDF); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#DFDFDF)); /* for webkit browsers */
background: -moz-linear-gradient(top, #DFDFDF, #DFDFDF); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-bottom-left-radius: 10px 10px; -moz-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px; -webkit-border-bottom-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;
-moz-border-radius: 5px; border-radius: 5px;


}


.IBI_tabButton{

/*this section creates the tab that is not selected.. i added the same style sheet as the tab button selected.. I might want to make it a shade lighter */

color: #333333 ; font-weight: bold ; font-size:14;

filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top, #F0F0F0, #F0F0F0); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 10px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top {
BORDER: Transparent 1px solid;
BORDER-BOTTOM-STYLE: none;
border-top-left-radius : 7px;
border-top-right-radius: 7px;
}

.IBI_tabButton_bottom {
BORDER: Transparent 1px solid;
BORDER-TOP-STYLE: none;
border-bottom-left-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_right {
BORDER: Transparent 1px solid;
BORDER-LEFT-STYLE: none;
border-top-right-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_left {
BORDER: Transparent 1px solid;
BORDER-RIGHT-STYLE: none;
border-top-left-radius : 7px;
border-bottom-left-radius: 7px;
}

.IBI_tabButton_top_selected, .IBI_tabButton_bottom_selected, .IBI_tabButton_right_selected, .IBI_tabButton_left_selected {

color: #333333 ; font-weight: bold ; font-size:14;

filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top, #84B90B, #B2CD47); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top_selected {
BORDER-BOTTOM-STYLE: none;
}

.IBI_tabButton_bottom_selected {
BORDER-TOP-STYLE: none;
}

.IBI_tabButton_right_selected {
BORDER-LEFT-STYLE: none;
}

.IBI_tabButton_left_selected {
BORDER-RIGHT-STYLE: none;
}

.IBI_rounded_s
{
border-radius: 2px;
}

.IBI_rounded_m
{
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_InfoWnd
{
border-radius: 5px;
BORDER: 5px ridge #5a201f;
background-color: #a53c3e;
/* startColorstr='#a53c3e', endColorstr='#ebbbbb' */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBNTNDM0UiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFQkJCQkIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMjEpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #a53c3e, #ebbbbb);
}

.IBI_InfoWndTitleBar
{
color: #FFF;
background-color: Transparent;
}

.IBI_InfoWndFrame
{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.IBI_SP1Control_OuterSpan, .IBI_SP1_Main, .IBI_SP1_Settings
{
BACKGROUND-COLOR: #dbf1f2;
}

/*window control max-restore , .IBI_windowMinimize, .IBI_windowFlipLeft, .IBI_windowFlipRight*/
.IBI_windowMaxRestore {
background-color: Transparent;
margin-right: 5px;
}

.IBI_windowRestore
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/restore_16w.png");
}

.IBI_windowMaximize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/maximize_16w.png");
}

.IBI_windowMinimize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/minimize_16w.png");
background-color: Transparent;
}

.IBI_windowFlipLeft
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_right_16.png");
background-color: Transparent;
background-position:right;
}

.IBI_windowFlipRight
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_left_16.png");
background-color: Transparent;
background-position:left;
margin-right: 5px;
}

.IBI_windowPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/pin_16.png");
background-color: Transparent;
}

.IBI_windowNotPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/not_pinned_16.png");
background-color: Transparent;
}

.IBI_windowClose {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/close_16.png");
background-color:red;
}

/*tab+window+accordion */
.IBI_MultiContentPlugin, .IBI_SP1Control {
border:0px outset #5a201f;
background-color: #DFDFDF;
border-radius: 5px;
}

.IBI_pageHeader {

Color: #333333;
background: -ms-linear-gradient( #F0F0F0, #F0F0F0);
background: -o-linear-gradient( #F0F0F0, #F0F0F0);
background: linear-gradient( #F0F0F0 #F0F0F0);
filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top, #F0F0F0, #F0F0F0); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Selected
{
color: #333333 ;
background: -ms-linear-gradient( #84B90B, #B2CD47);
background: -o-linear-gradient( #84B90B, #B2CD47);
background: linear-gradient( #84B90B #B2CD47);
filter: progidBig GrinXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top, #84B90B, #B2CD47); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Vertical
{
Color: #333333;
background-image: -o-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -moz-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -ms-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: linear-gradient(to right, #F0F0F0 0%, #F0F0F0 100%);
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderVertical_Selected
{
color: #333333 ;
background-image: -o-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -moz-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -webkit-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -ms-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: linear-gradient(to right, #84B90B 0%, #B2CD47 100%);
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderTab_Bottom {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius : 0px;
}

.IBI_pageHeaderTab_Left {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 0px;
border-top-left-radius: 0px;
border-bottom-right-radius : 5px;
}

.IBI_pageHeaderTab_Right {
border-radius : 0;
border-top-right-radius: 5px;
border-bottom-right-radius : 5px;
}

.IBI_windowNavBox {
background-color: #DFDFDF;
border:1px solid #DFDFDF;
opacity:0.5;
border-bottom-left-radius : 5px;
}

.IBI_pageContent {
background-color: Transparent;
}

.IBI_pageContentTab_Top {
border-top:0px solid #5a201f;
}

.IBI_pageContentTab_Bottom {
border-bottom:0px solid #5a201f;
}

.IBI_pageContentTab_Left {
border-left:0px solid #5a201f;
}

.IBI_pageContentTab_Right {
border-right:0px solid #5a201f;
}

.IBI_SPControlLocal {
border: 1px outset #5a201f;
border-radius: 5px;
background-color: #a53c3e;
}

Save this in your content area and call it composer_theme.css

Then from the Settings tab. Click on Internal css and then click on the button to the right of the URL/Find File box that is marked with an A. Navigate to where you saved this css file and choose it. Then on the panel properties insure that the Class identifier(CSS) is IBI_Panel internal_default. I have attached a png showing the settings tab.

I hope this helps you

Chuck Wolff
Focal Point Moderator


Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats


 
Posts: 2127 | Location: Customer Support | Registered: April 12, 2005Report This Post
Virtuoso
posted Hide Post
Chuck! You're a forum moderator now?! That's awesome! Sure miss having you around already! Dennis is doing an awesome job though trying to fill your shoes. ;-) Just not the same though.


8.2.02M (production), 8.2.02M (test), Windows 10, all outputs.
 
Posts: 1113 | Location: USA | Registered: January 27, 2015Report This Post
Expert
posted Hide Post
As a forum moderator you may like to know that it's a good idea to post code (particularly HTML code) between code tags:

[code]
your code here
[/code]


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Virtuoso
posted Hide Post
Hello Francis

Thank you for giving me that tip. Emily McAllister pointed me the the bbcode site so I now know more bulletin board etiquette to use in the future. I am going to repost the code to insure nothing got arbitrarily deleted.

 
@charset "utf-8";
/* Copyright 1996-2011 Information Builders, Inc. All rights reserved. */

/* CSS Document */


/***** GLOBAL  *****/

body {

background: #FFFFFF;

/*background-color: #f2dcdb;*/
cursor: default;
color: #000000;
font: 11px ARIAL;
}

.IBIfield {
font: 11px ARIAL;
}

/*
.IBI_PageBg {
}
.IBI_Focus {
}*/

/***** TOPBAR   *****/

.IBI_Topbar {
/* display: none; */
background-color: transparent;
}

.IBI_TopbarTitle {
/*    font-size: 24pt;*/
color: #FFFFFF;
}

.IBI_TopbarColumn1 {
background-position: right;
/*    background-image:url(../IBI-Graphics/brandingLogo-grey-wide.gif) */
}

.IBI_TopbarColumn2 {
float: left;
/*    display: none; */
color: #FFFFFF;
}

/***** FOCUS  *****/

.IBI_PageTitle {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #A19CAF;
color: #DFDFEB;
}

.IBI_Description {
color: #DFDFEB;
}

.IBI_HyperlinksBar {
background-color: #ADADC7;
}

/***** TABFOLDER   *****/

.IBI_TabfolderContainer{
padding: 10px;
border-width: 1px;
border-style: solid;
border-top-style: none;
border-color: #669;
}

.IBI_TabfolderStrip {
background-color: #7C5359;
}

.IBI_TabfolderStrip a:link, .IBI_TabfolderStrip a:visited {
color: #666;
}

.IBI_TabfolderStrip a:hover{
background-color: #EFF;
color: #000;
}

.IBI_tabItem {
background-color: #9C9598;
border-right-color: #B3B3B3;
color: #C4BFC1;
}

.IBI_tabItem-selected {
background-color: #DAD8DF;
border-color: #DB7194;
color: #838280;
}

/***** CONTROL PANEL   *****/

.IBI_Panel {
color: #6F6F6F; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
background: -ms-linear-gradient( #F3F3F3,  #989797);
background: -o-linear-gradient( #F3F3F3,  #989797);
background: linear-gradient( #F3F3F3,  #989797);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#989797); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#989797)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F3F3F3,  #989797); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportTitle  {
color: #FFFFFF;
background-color: #2A5A8B;

}

.IBI_ReportControlPanel {
border: 1px solid #5a201f;

/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 0px #708090;
background: -ms-linear-gradient( #F3F3F3,  #F3F3F3);
background: -o-linear-gradient( #F3F3F3,  #F3F3F3);
background: linear-gradient( #F3F3F3,  #F3F3F3);
/*Background gradient effect */ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F3F3F3,  #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportControlLabel {

color: #333333 ; font-weight: bold ; font-size:14; vertical-align:middle; line-height:25px; width: 100px; float: left; text-align: center;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 1px #708090; border-bottom: solid 0px #000000;
background: -ms-linear-gradient( #F3F3F3,  #F3F3F3);
background: -o-linear-gradient( #F3F3F3,  #F3F3F3);
background: linear-gradient( #F3F3F3,  #F3F3F3);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3), color-stop(0.9, #F3F3F3), color-stop(1.0, #F3F3F3));
background: -moz-linear-gradient(top,  #F3F3F3,  #F3F3F3); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
/* Shadow effect */ /* -moz-box-shadow: 0 0 2px 2px #888;-webkit-box-shadow: 0 0 2px 2px #888; box-shadow: 0 0 2px 2px #888; */ }

}

.IBI_ReportControlTarget {
/*    border-width: 1px; */
/*    border-style: solid; */
/*    border-color: #669; */
background-color: #FFFFFF;
color: #000000;
/*    font-weight: bold; */
}

.IBI_ReportControlTargetDListFrom{
font: 11px ARIAL;
color: #333333;
}
.IBI_TextEntry {  /* for Text INPUT fields */
background-color: #669;
color: #FFF;
}

TEXTAREA {
background-color: #FFFFFF;
color: #000000;
border: 1px solid #5a201f;
}
/* Page Title*/
.pagetitle    { color: #ffffff; font-weight: bold; font-size: 16; vertical-align: middle; line-height: 25px; width: 100px; float: left; text-align: center;display: block; /* border: thin solid #708090; */
background: -ms-linear-gradient( #C16125,  #DDA988);
background: -o-linear-gradient( #C16125,  #DDA988);
background: linear-gradient( #C16125,  #DDA988);
/* Background gradient effect*/ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C16125,endColorStr=#DDA988 ); /*for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#DDA988)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C16125,  #DDA988); /* for firefox 3.6+ */
/* Rounded corner effect*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
/* Shadow effect*/ -moz-box-shadow: inset 0 0 4px #888; -webkit-box-shadow: inset -4 -4 4px #888;  }

/*.IBI_ButtonPanel{
} */

 .IBI_button, .IBI_button2
 {
 color: #FFFFFF;
 border: solid 0px #6fc072;
 background: #C16125;
 background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#C16125));
 background: -moz-linear-gradient(top,  #C16125,  #C16125);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C16125', endColorstr='#C16125');
 display: inline-block;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% ARIAL, ;
 padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em;
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
 }

.IBI_button
{
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}

.IBI_button2 {
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}



.IBI_btn-run {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/run16.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-reset {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/reset.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-up {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_up_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-down {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_down_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-left {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_left_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-right {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_right_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-defer {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/defer.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-schedule {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/schedule.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-navigatenextlast {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_next_last.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-navigateprevfirst {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_prev_first.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-search {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/search16.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-saveselection {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/saveparameters_16.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_windowHome {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/home.png");
background-repeat: no-repeat;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_ButtonPanel a:hover {
background-color: #CCC;
border-top-color: #000099;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #000099;
}

.IBI_sliderBG {
background-color: #000;
border: 2px solid #009;
}

.IBI_sliderFG {
background-color: #090;
}

.IBI_ReportDisplay {
background-color: #dea5a3;
}

.IBI_Frame{
/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F3F3F3,  #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */ -moz-border-bottom-left-radius: 15px 15px; -moz-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px; -webkit-border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px;
/* Shadow effect */ -moz-box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black; box-shadow: 5px 5px 5px black;

}

.IBI_Report-iFrame{
border: 0px solid #5a201f;
}

.IBI_Radio, .IBI_CheckBox
{
background-color: Transparent;
font-size: 12; font-weight: normal; color: #6F6F6F;
}

.IBI_TextBox, select, fieldset
{
border: 1px solid #C16125;
}

.IBI_tabButton {
TEXT-ALIGN: center;
LINE-HEIGHT: 200%;
CURSOR: pointer
}

.IBI_tabBody {
color: Black; font-size: 12; font-weight: bold;display:
block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */
background: -ms-linear-gradient( #DFDFDF,  #DFDFDF);
background: -o-linear-gradient( #DFDFDF,  #DFDFDF);
background: linear-gradient( #DFDFDF  #DFDFDF);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DFDFDF,endColorStr=#DFDFDF); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#DFDFDF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #DFDFDF,  #DFDFDF); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-bottom-left-radius: 10px 10px; -moz-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px; -webkit-border-bottom-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;
-moz-border-radius: 5px; border-radius: 5px;


}


.IBI_tabButton{

/*this section creates the tab that is not selected.. i added the same style sheet as the tab button selected.. I might want to make it a shade lighter */

color: #333333 ; font-weight: bold ; font-size:14;

filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top,  #F0F0F0,  #F0F0F0); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 10px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top {
BORDER: Transparent 1px solid;
BORDER-BOTTOM-STYLE: none;
border-top-left-radius : 7px;
border-top-right-radius: 7px;
}

.IBI_tabButton_bottom {
BORDER: Transparent 1px solid;
BORDER-TOP-STYLE: none;
border-bottom-left-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_right {
BORDER: Transparent 1px solid;
BORDER-LEFT-STYLE: none;
border-top-right-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_left {
BORDER: Transparent 1px solid;
BORDER-RIGHT-STYLE: none;
border-top-left-radius : 7px;
border-bottom-left-radius: 7px;
}

.IBI_tabButton_top_selected, .IBI_tabButton_bottom_selected, .IBI_tabButton_right_selected, .IBI_tabButton_left_selected {

color: #333333 ; font-weight: bold ; font-size:14;

filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top,  #84B90B,  #B2CD47); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top_selected {
BORDER-BOTTOM-STYLE: none;
}

.IBI_tabButton_bottom_selected {
BORDER-TOP-STYLE: none;
}

.IBI_tabButton_right_selected {
BORDER-LEFT-STYLE: none;
}

.IBI_tabButton_left_selected {
BORDER-RIGHT-STYLE: none;
}

.IBI_rounded_s
{
border-radius: 2px;
}

.IBI_rounded_m
{
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_InfoWnd
{
border-radius: 5px;
BORDER: 5px ridge #5a201f;
background-color: #a53c3e;
/* startColorstr='#a53c3e', endColorstr='#ebbbbb' */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBNTNDM0UiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFQkJCQkIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMjEpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #a53c3e,  #ebbbbb);
}

.IBI_InfoWndTitleBar
{
color: #FFF;
background-color: Transparent;
}

.IBI_InfoWndFrame
{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.IBI_SP1Control_OuterSpan, .IBI_SP1_Main, .IBI_SP1_Settings
{
BACKGROUND-COLOR: #dbf1f2;
}

/*window control max-restore ,  .IBI_windowMinimize, .IBI_windowFlipLeft, .IBI_windowFlipRight*/
.IBI_windowMaxRestore {
background-color: Transparent;
margin-right: 5px;
}

.IBI_windowRestore
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/restore_16w.png");
}

.IBI_windowMaximize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/maximize_16w.png");
}

.IBI_windowMinimize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/minimize_16w.png");
background-color: Transparent;
}

.IBI_windowFlipLeft
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_right_16.png");
background-color: Transparent;
background-position:right;
}

.IBI_windowFlipRight
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_left_16.png");
background-color: Transparent;
background-position:left;
margin-right: 5px;
}

.IBI_windowPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/pin_16.png");
background-color: Transparent;
}

.IBI_windowNotPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/not_pinned_16.png");
background-color: Transparent;
}

.IBI_windowClose {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/close_16.png");
background-color:red;
}

/*tab+window+accordion */
.IBI_MultiContentPlugin, .IBI_SP1Control {
border:0px outset #5a201f;
background-color: #DFDFDF;
border-radius: 5px;
}

.IBI_pageHeader {

Color: #333333;
background: -ms-linear-gradient( #F0F0F0,  #F0F0F0);
background: -o-linear-gradient( #F0F0F0,  #F0F0F0);
background: linear-gradient( #F0F0F0  #F0F0F0);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top,  #F0F0F0,  #F0F0F0); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Selected
{
color: #333333 ;
background: -ms-linear-gradient( #84B90B,  #B2CD47);
background: -o-linear-gradient( #84B90B,  #B2CD47);
background: linear-gradient( #84B90B  #B2CD47);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top,  #84B90B,  #B2CD47); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Vertical
{
Color: #333333;
background-image: -o-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -moz-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -ms-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: linear-gradient(to right, #F0F0F0 0%, #F0F0F0 100%);
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderVertical_Selected
{
color: #333333 ;
background-image: -o-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -moz-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -webkit-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -ms-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: linear-gradient(to right, #84B90B 0%, #B2CD47 100%);
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderTab_Bottom {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius : 0px;
}

.IBI_pageHeaderTab_Left {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 0px;
border-top-left-radius: 0px;
border-bottom-right-radius : 5px;
}

.IBI_pageHeaderTab_Right {
border-radius : 0;
border-top-right-radius: 5px;
border-bottom-right-radius : 5px;
}

.IBI_windowNavBox {
background-color: #DFDFDF;
border:1px solid #DFDFDF;
opacity:0.5;
border-bottom-left-radius : 5px;
}

.IBI_pageContent {
background-color: Transparent;
}

.IBI_pageContentTab_Top {
border-top:0px solid #5a201f;
}

.IBI_pageContentTab_Bottom {
border-bottom:0px solid #5a201f;
}

.IBI_pageContentTab_Left {
border-left:0px solid #5a201f;
}

.IBI_pageContentTab_Right {
border-right:0px solid #5a201f;
}

.IBI_SPControlLocal {
border: 1px outset #5a201f;
border-radius: 5px;
background-color: #a53c3e;
}


Chuck Wolff
Focal Point Moderator


Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
 
Posts: 2127 | Location: Customer Support | Registered: April 12, 2005Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED] Gradient in HTML Composer?

Copyright © 1996-2020 Information Builders