color of the unselected paneltabbed links

Hello commnunity.

This is our first project of the adf. We have developed an application with jdef 11.1.2.4 adf. Now almost well. But I'm stuck with a single graphic element. We have changed the skin for our application

-generated a collection of images with the css editor and edit them in a photo editor (in fact just replaced color) for paneltabbed and after a

-changed some settings in the css file

Now, the look paneltabbed like this:

panel.png

But,

the color of the hover text for the unselected tab remains blue without worrying all my efforts to change. Which is not good because of the dark blue background color.

I tried

AF | panelTabbed:tab - text-link: hover-target

{

color: #ffde73;

-tr - inhibit: color;

}

AF | panelTabbed:tab - text-link: hover

{

color: #ffde73;

-tr - inhibit: color;

}

AF | panelTabbed:tab - text-link

{

color: #ffde73;

-tr - inhibit: color;

}

and similar variations... nothing worked. I also experimented with aliases for color of link without success. The color of the text (#0154AF) seems to be hidden somewhere.

So to be clear:

How can I change the color of the text of a tab unselected while hovering over him?

Thanks in advance.

BTW, firefox it says click on the topic:

Element {}

}

.af_panelTabbed_tab:hover .af_panelTabbed_tab-text-link, .af_panelTabbed_tab:hover .af_panelTabbed_tab-content .af_navigationPane - tabs_tab:hover .af_navigationPane-tabs_tab-content .af_navigationPane - tabs_tab:hover .af_navigationPane-tabs_tab-link {}

color: #0154AF;

text-decoration: none;

}

.af_panelTabbed_tab-text-link: hover {}

color: #FFDE73;

text-decoration: none;

}

{.af_panelTabbed_tab-text-link .af_panelTabbed_tab

color: #FFF;

make-weight: bold;

}

.af_navigationPane_bar .af_navigationPane_bar-inactive-active-content, .af_navigationPane_bar-content .af_navigationPane_bar-assets-permits a, .af_navigationPane_bar-content .af_navigationPane_bar-inactive-license a, .af_navigationPane_tabs-inactive .af_navigationPane_tabs-mi A, .af_navigationPane-tabs .af_navigationPane-tabs_tab-link, .af_panelTabbed .af_panelTabbed_tab-text-link {}

Color: #333;

}

A of the .af_panelPage_copyright, from .af_panelPage_privacy A, .af_panelPage_about A, of .af_train_link, of .af_panelTabbed_tab, .p_OraTreeRow A:link, .p_OraTreeRow A: active, .p_OraTreeRow A: visited, .af_train_stop - link.p_AFUnvisited, .af_calendar_month-grid-cell-header-day-link .af_train-vertical_stop - link.p_AFUnvisited, .af_calendar_month-grid - cell.p_AFToday.p_AFDropTarget, .af_calendar_month-grid - .af_calendar_month-grid-cell-header-day-link cell.p_AFActiveDay.p_AFDropTarget , .af_calendar_month-grid - .af_calendar_month-grid-cell-header-day-link cell.p_AFToday.p_AFActiveDay.p_AFDropTarget,. AFOverflowElement .af_panelTabbed_tab-content. AFOverflowElement .af_panelTabbed_tab-text-link. AFOverflowElement .af_navigationPane-tabs_tab-content. {.af_navigationpane-tabs_tab-link AFOverflowElement

color: #003286;

}

I helped create the skin of skyros and using the! important tag should be avoided, because it will be impossible to replace the style. You can try to increase above the base style selector specificity. To do this, I would add a selector of ancestor of the DOM, something like this:

AF | panelTabbed af | panelTabbed::tab:hover af | panelTabbed:tab - text-link {}

It is not necessary to be which is accurate, but it will not hurt. (selector complexity does not affect performance, but it is not big enough to worry)

Take note that there are spaces between the three elements of the selector, it's say they are contained somewhere in the chain on the left. (panelTabbed contains a panelTabbed::tab, etc.)

The Inspector/firebug showing styles sorted by specificity (by default) would be good to see what happens when you switch to this style.

This article will help you if you need to better understand how it works, it will do what you want, I'm sure of that.

CSS specificity: what you need to know | Smashing Magazine

Tags: Java

Similar Questions

  • Change color of the annotation of link before...

    Dear all,

    Can anyone know how to change a forecolor of the annotation of specific link through SDK.

    normally the links in a PDF are represented in blue with an underline... now I need to change the style of all the links in the PDF file

    Use PDAnnot to extract the link annotation after extraction is trying to use the PDAnnotationSetColor function, but am not able to see the color change that reflected in the document.

    Help, please

    The respect of

    Amith Sai

    fillColor

  • Change the color of the link makes me crazy!

    www.bristolequestrianservices.co.uk/index.html

    OK, this one is supposed to be simple!

    I'm changing the color of my a href link... specification on my index page.  I can change my a: hover but tried to change all my a: on my css, but nothing moves it.  I hate the blue and you want just a dark gray.

    Thank you

    Thanks for your help.  The problem with me is that when I started, I was working other jobs of peoples and downloaded the css styles so there that I inherited, there are many and don't know what this means and what things should go, but at least I'm learning all the time!

  • Text links in different color on the same page

    Is it possible to create text links which are of different colors on the same web page? I use CS4 on Mac. I have CS6, but obviously, I know so little about the design of web sites that I'm terrified of switching. In any case, I just want to know if it's possible. Thank you.

    Julie

    Well Yes, you can do it using css.

    In the css to your page, you can add something like...

    {a.redlinks}

    color: Red;

    }

    {a.Bluelinks}

    color: Blue;

    }

    And in the html code, all the links that you want to be red, the value of their class to redlinks and links you want to display blue, add the class bluelinks.

    They end up that looks like this...

    A text

    A text more

  • How to change the color of the link in java

    Hello

    Just stuck on the way in which I would like to change the color of my twitter account link in the footer of my site, I have little or no knowledge of javascript, so I don't know what to do. The site is at http://bit.ly/15f7ReG and twitter is in the foot.

    It is the code snippet used to retrieve and display the tweet, don't know what to change because I want the links to pink color.

    <div class="one-third notopmargin">
                    <h4>Latest tweet</h4>
                    <div class="tweeter">
                    
    <div id="twitter_update_list"></div>
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">
    </script>
    
    
    <script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=gummetdjs&include_rts=true&count=1&callback=twitterCallback2">
    
    
    </script>
                    
                </div><br />
    
    

    Thanks in advance for any advice!

    Just an info, Java is not the same as JavaScript.  They have 2 completely different programming languages, with just as much in common as apples and elephants.

    To change the link colors, open your CSS code and add the following. Adjust the colors to suit.

    / * TWITTER LINKS * /.

    #twitter_update_list a: link {color: fuschia ;}}

    #twitter_update_list a: visited {color: blue ;}}

    #twitter_update_list a: hover {color: yellow; background: fuschia ;}}

    #twitter_update_list a: active.

    #twitter_update_list a: focus {color: white; background: fuschia ;}}

    Nancy O.

  • How can I add a propertye on a link which, after a mouse click, change the color of the border of the link?

    I am doing this by adding a JavaScript in the box of the binding properties in adobe acrobat 7.0, but I do not know how the script should be written.

    You might do this if you used a button instead of a link annotation and following the mouse upward to the event of the button:

    Change the color of the border of this red button when you click

    event.target.strokeColor = color.red;

    For other colors, see: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.261.html

  • IS THIS POSSIBLE AND IF YES COLOR 'HOW' TO HAVE DIFFERENT LINKS ON THE SAME PAGE?

    Hello

    IS THIS POSSIBLE AND IF YES COLOR 'HOW' TO HAVE DIFFERENT LINKS ON THE SAME PAGE?

    How to replace the color of Page link?

    See you soon,.

    Dreamer101.1

    Yes, it is possible, using CSS.

    Here's how. You already know that the link colors are set in the following css rules:

    • a: link
    • a: active
    • a: visited
    • a: hover

    All you have to do to have another set of links of different colors is to create another set of rules that set different colors and also have different names:

    • a.name1:link
    • a.name1: active
    • a.name1:visited
    • a.name1:hover

    Can link you these rules to the anchor as a class tag: something.

    You can have as many sets of rules to link given that the names you can think of.

    Happy linking!

  • Remove the color of the text of the link

    How can I remove the color of text that is a link to another page?

    Here is my script:

    a: link {}
    text-decoration: none;
    }
    a: visited {}
    text-decoration: none;
    }
    a: hover {}
    text-decoration: underline;
    }
    a: active {}
    text-decoration: none;
    }

    But still, it looks like this:

    Link text colors.jpg

    Click in the text that is in blue. Go to the Properties section and click on PAGE PROPERTIES. Then go to LINKS (CSS) here you have options for the color of the text which is a link, which changes color it in when you flipping, what color happening at once visited and if get rid of underlines etc. also... This article is a full page option so that you are editing here is the same for all the text links on the page... you must repeat this step for all other pages of your website.

    With the help of this section creates the required CSS for you automatically which is the object of a large part of the design of Dreamweaver after all

  • Can not change the color of the links

    In the properties/links Page, I changed the color of the links and a link of turning to Brown (640019). Then I changed the visited links, and active links to green (339900). But they appear in blue and purple. Here is a link to a test page.

    http://www.sneedbreedley.com/Linktest.html

    You need the pound sign preceding the color. That's what you have:

    color: 640019;
    

    It should be this:

    color: #640019;
    
  • Some images show the color of the links behind them...

    Today I added three logos at the bottom of this page:
    http://canyoncrestfoundation.org/Gala.html
    The low three see the worms with a top band color round them, that is the color of the link. All logos, except the coat of arms Royal one, are links, but none of the others have the color band. The only thing I know that I have done differently, is I added the style information for the color of the link to the entire page, after that I did the first logos a few days ago. What is the cause and how to fix it? Thank you, Paula

    Add this to your CSS file:

    IMG {}
    border: none;
    }

    Who will take care of all the borders on all images link

  • Beginner: change link colors, get rid of the stress, get rid of the boxes around linked images

    So, I'm pretty new to all this.

    I'm trying to set up a site of minimalist art and there are a lot of white space. My 'customer' wants that the text of the link to not have this default underscore in this regard. We also want to change the colors of the binding for a three different situations (not yet clicked, the cursor, already clicked)

    In addition, we have a few images that are background white background that blend with the background. We wanted to make linkable, but when I do that the image gets a box massive ugly link around it. We want to keep it white...

    How do I do that?

    You must use CSS.

    delete notes:
    a {}
    text-decoration: none;
    }

    is not-yet-a click on the links:
    a: link {}
    ... formatting...
    }

    already-one click on (visited) links:
    a: visited {}
    ... formatting...
    }

    Links hover:
    a: hover {}
    ... formatting...
    }

    remove the borders around image links:
    an img {}
    border: none;
    }

    You can benefit from free CSS at www.w3schools.com tutorials.

    --
    Alec
    Adobe Community Expert

  • How to change the color of the IMAGES-links

    Properties of the page is the only place where I can find to change the color of the LINKS. This works for text, but not to the border it automatically around a linked image. It's Purple! Can't do white to blend into the background? I already changed all the colors of link in the properties of the blank page and the link around the image is always purple! Anyone who is familiar with this phenomenon and how to work around? (BTW - in case you're wondering, there no border specified in properties or css style)

    Osgood:

    Thank you for responding. I did as you suggested and unfortunately it did not work. But you made me think of HTML code and so I went on the HTML tutorial site. I found some jargon of the Image border. I entered Border = 0 in the Source code of the Image and it worked. Link to color purple border.

    Thank you for the light! I appreciate your help!

    Evie

  • How can I change the color of the hyperlink visited in Thunderbird?

    bold text

    Despite the apparent option to change the color of the links visited in Tools/Options/display/getting in shape/colors, the setting has no effect, because TB don't keep a history of visited links, unlike a browser.

  • Why you do not have your products with different colors? compatible with the colors of the iPhone or the iPad? Example: Gold Earpods, silver, BLACK and Rose Gold.

    Why you do not have your products with different colors? compatible with the colors of the iPhone or the iPad? Example: Gold Earpods, silver, BLACK and Rose Gold.

    You say Apple your wishes on the link below.

    http://www.Apple.com/feedback/

  • I can no more color calibrate my monitor Apple Cinema Display 10 years because it is more compatible with my iMac Thunderbolt.  How can I color calibrate the Apple Cinema Display Monitor?

    I currently own an iMac OS X El Capitan Version 10.11.4 27 inches (2 1/2 years) with Thunderbolt technology.  I also have a screen of cinema with older technology.  Previously, when the technology was the same for the Apple display and my previous iMac, I was able to color calibrate the Apple cinema and my iMac but it is no longer the case. I know that there is a way to color calibrate the monitor Cinema with old technology when the iMac has the Thunderbolt technology, but cannot remember what are the steps.  The colors on the Apple Cinema are out of whack and too bright.  Can anyone help?  I'd appreciate any help you can provide.  Thank you.

    Henriette

    PS: The color calibration device I own is a gretagmacbeth eye - one display2.

    Hello henriettefromnovato,

    Thank you for using communities of Apple Support.

    I see you want to calibrate the color of your movie screen.  You can calibrate your screen by following the steps in the link below.

    OS X Yosemite: calibrate your screen

    If you are unable to do so, then please be more specific about what happens when you try and calibrate.

    Have a good.

Maybe you are looking for

  • Satellite A200-1ZF: FN keys do not work on Win XP

    Hi all. I'm new arround here, and I have a question on my new laptop.I have a Toshiba Satellite A200 laptop 1ZF, and I installed windows xp.I could install most of the drivers (including the touchpad, webcam, bluetooth, etc.), but I can not do with t

  • inputs and outputs analog digital usb 6009

    I'm having a problem with my USB 6009 in labview programming.  I try to read continuously from the analog inputs while having an event focused on digital output within the same program/vi.  Basically, I need to taste all the time the analog inputs wh

  • Error 1055 to the property node: object reference is not valid. This error only occurs in a built application

    I use a WaveformChart to display multiple traces of data, the number of traces is variable, I use nodes property to set the number of traces that the digital display is visible or not, as there are more data increases the number of tracks and digital

  • My Sony Tablet won't turn on! Help please.

    MySony Tablet SGPT112US/S does not illuminate, it freezes in the Sony logo. What can I do?

  • Wuauclt

    What is the function of "wuauclt" program name?  Given that I have installed AVG computer takes a long time to load programs. Help Ricardo Wade