Override FlowPane default style within css

Tried to override the style of my flowpanes, but nothing happens.
.flow-pane {
    -fx-padding: 3 0 3 3;
    -fx-hgap: 3;
    -fx-vgap: 3;
    -fx-background-color: #737373;
}tried also width .flowpane, ...
But it works with
.main #myFlowPane{
    -fx-padding: 3 0 3 3;
    -fx-hgap: 3;
    -fx-vgap: 3;
    -fx-background-color: #737373;
}

Yet another alternative is to use the FlowPane java class name as the css selector.
FlowPane {
    -fx-padding: 3 0 3 3;
    -fx-hgap: 3;
    -fx-vgap: 3;
    -fx-background-color: #737373;
}

Similar Messages

  • Exporting Objects Style Manager file? And Overriding Preset Defaults?

    Hi,
    We received our upgrade of Captivate 5 from Captivate 4.  I noticed the Captivate 5 does not use design template as it is replaced with Object Style Manager.  I have a question, how do I override objects styles preferences presented to us from a vendor with my department's standard design template?  Also, we have two copies of licensed Captivate softwares installed (One in Austin, TX and one in Washington DC).
    What I am asking is it possible to export a full Style Manager file from one location and share this file with other computer where 2nd copy is installed?  I don't want to export INDIVIDUALLY as I am looking for a full, and complete export?
    Secondly, when we receive a Captivate project from a vendor, they have their own object design preferences and we don't want to use their preferences if we present this simulation onto our Learning Content Management System (LCMS) as we want to override preset defaults with our standard design template, is it also possible?
    I want to make sure that we exhaust all of our options before we downgrade to Captivate 4 from Captivate 5.
    Thanks for taking your time reading this and assistance in advance!

    As you've noted, Cp5 doesn't use Design Templates, and neither does it have anything exactly equivalent to CSS or style sheets that can be applied quickly and easily across multiple projects, as you can do with web pages.
    You can export all styles from a current Captivate 5 project and import the entire style set into another Cp5 project.  However, in current Cp5 functionality the imported styles do not overwrite existing styles that may have the same name, and this includes the default styles.  What you end up with is a lot of additional styles that have the same name with a number appended to the end to differentiate them from existing styles.  Do this once or twice and things can get very messy very quickly.
    We've logged a request for Adobe to consider adding the ability for authors to choose whether or not to overwrite existing styles with identical names on import.  Hopefully this will happen soon.  For the present however, you need to work around the issue as best you can.
    If your vendor sends you a project with an existing set of styles that are customised versions of the default styles, my suggestion is that you create your own style set with unique names (e.g. a two or three letter prefix to identify them in the Object Style Manager lists)  and then import the entire set as a single file into your projects.
    I'm afraid that the bad news is that, since you cannot overwrite styles on import, you will need to apply your new set of styles one by one.  You can use the Apply This Style To option to change all objects of a given style over to your new style, but it's still a rather tedious process.
    There is no downgrade option from Captivate 4 to Captivate 5.  You cannot save a Captivate 5 file as Captivate 4 format. No Captivate version has ever been able to do this as far as I can recall.

  • ADF &CSS :overriding the default ADF:tree icons and CSSs

    Hi,
    I have major layout issue regarding ADF:tree, how can I override the default icons?
    I override the oracle CSS with my own, but when I did that, the tree images has changed, its now small hideous triangles, I copied some lines from the oracle CSS and it worked, but the small triangles still show inside the images, how can I remove those triangles, or can I write something in my CSS to override them?
    Thanks in prior,
    Ahmad Esbita

    Ahmad,
    According to bug 5682799, you cannot work around this in the current JDeveloper release. It is fixed in 10.1.3.3 (due out "soon," perhaps as early as 15th June, according to another post on this forum)
    John

  • Adding Classes to ID's within CSS Style Sheet

    Is there anyway to add classes to ID without modifying the
    markup?

    quote:
    Originally posted by:
    FreakyJesus
    Well if i understand you you, you want to emulate some of the
    properties of BkFred, within an already existed ID, Div1. So you
    could open the css sheet and simple copy/paste the lines of code
    that you want from one section to the other.
    I am pretty sure I am not picking you up right, but let me
    know if that's the case...
    Andy
    But what if you have a certain class that you want to add to
    multiple ID's? If you were able to apply classes to ID's within CSS
    then you wouldn't have to edit each and every ID, you could just
    edit the classes properties within the CSS file itself. Get me
    now?

  • Default style for input

    I need a way to change the default style of a textfield. For
    example, if the textfield is required, I want the set the
    background color to yellow (FFFFCC) so that when the page
    containing that textfield loads the background color will already
    be yellow. Here is some sudo code that I thought would work but can
    get the spry css to over-ride:
    Default style:
    .textfieldDefaultState input, input.textfieldDefaultState {
    background-color: #FFFFCC;
    Textfield:
    <span id="sprytextfield1">
    <input type="text" name="text1" id="text1"
    class="textfieldDefaultState"/>
    <span class="textfieldRequiredMsg">A value is
    required.</span>
    </span>
    <script type="text/javascript">
    <!--
    var sprytextfield1 = new
    Spry.Widget.ValidationTextField("sprytextfield1", 'none',
    {validateOn:['change']});
    //-->
    </script>

    Thanks for the response, but my problem is that I want the
    Spry CSS to override the default/initial CSS. In fact, I want the
    initial background color to be a designated color for my required
    field(s), for example yellow (which is currently the color used in
    conjunction with the onfocus event), when the page loads or is
    refreshed in addition to when the field is in focus. Currently the
    textfield samples have no default/initial CSS. When the required
    field is validated then the field should change. Currently the
    textfield samples use CSS to display the background color as red
    when the validation returns false and green when true.
    Thanks

  • Customizing MenuBar style with CSS

    Has anyone been able to successfully apply a CSS attribute of
    background-color to the submenu items displayed in a MenuBar? I'm
    setting the styleName attribute of the MenuBar to an external style
    sheet defined as follows:
    .mainMenuBar {
    color: #E6EBEC;
    fill-alphas: 1.0, 1.0;
    fill-colors: #000000, #000000;
    background-color: #FFFFFF;
    The CSS is correctly applied to the top level MenuBar but the
    submenu items seem to ignore the CSS entirely. Is there a specific
    CSS subclass that I can define to override the default menu item
    style? I'm fairly frustrated at this point due to the lack of
    documentation / resources that I can find online regarding this and
    any help would be greatly appreciated.

    "burroinquieto" <[email protected]> wrote in
    message
    news:gd37mi$15i$[email protected]..
    > Has anyone been able to successfully apply a CSS
    attribute of
    > background-color
    > to the submenu items displayed in a MenuBar? I'm setting
    the styleName
    > attribute of the MenuBar to an external style sheet
    defined as follows:
    >
    > .mainMenuBar {
    > color: #E6EBEC;
    > fill-alphas: 1.0, 1.0;
    > fill-colors: #000000, #000000;
    > background-color: #FFFFFF;
    > }
    >
    > The CSS is correctly applied to the top level MenuBar
    but the submenu
    > items
    > seem to ignore the CSS entirely. Is there a specific CSS
    subclass that I
    > can
    > define to override the default menu item style? I'm
    fairly frustrated at
    > this
    > point due to the lack of documentation / resources that
    I can find online
    > regarding this and any help would be greatly
    appreciated.
    Try menuStyleName instead of styleName.
    HTH;
    Amy

  • Character Styles in CSS Properties Panel are not correct

    I am using Adobe Illustator CC.
    I am trying to export all of the charter styles as CSS. However the CSS panel is not generating the correct style.
    Right now, in the Character Styles Panel and CSS Properties Panel I have 3 styles (Default, h1, h2)
    This is how they are defined in the Character Styles Panel:
    1. [Normal Character Style]:Helvectic Neue LT Std, 55 Roman, 16px
    2. h1: Helvectic Neue LT Std, 25 Ultra Light, 35px
    3. h2: Helvectic Neue LT Std, 45 Light, 18px
    HOWEVER
    When I go to the CSS Properties panel the code is not showing the Font Style:
    This is how they are defined in the CSS Properties Panel:
    1. [Normal Character Style]:
    .NormalCharacterStyle
      font-family : Helvetica Neue LT Std;
      font-size : 16px;
      color : #19131F;
      color : rgb(25, 19, 31);
    2. h1:
    .h1
      font-family : Helvetica Neue LT Std;
      font-size : 35px;
      letter-spacing : 0.53px;
      color : #FFFFFF;
      color : rgb(255, 255, 255);
    Missing:  25 Ultra Light
    3. h2:
    .h2
      font-family : Helvetica Neue LT Std;
      font-size : 18px;
      text-transform : uppercase;
      color : #FCFCFC;
      color : rgb(252, 252, 252);
    Missing:  45 Light
    Am I not doing somethign correctly? Is it a problem with my font or with Illustrator?
    Also, in case it makes a difference, I only have the default paragraph style defined. It's style is; Helvectic Neue LT Std, 55 Roman
    Thanks!

    CSS cannot render typographical multiple weight fonts simply because that's just not how it works. All CSS does is reference a physical font file and its properties and while it's possible to use the font-weight and font-style attributes to make standard fonts lighter or bolder it does not compare to anything you would do with the font in a real design environment. That and of course you still need to define fallback/ substitution options - the Helvetica Neue you are referencing is exclusively available on Apple systems only and even if what you are trying worked off the bat, it would be useless on alternate devices that have no access to the font.
    Mylenium

  • How does one define a default style for a custom Flex component?

    How does one define a default style for a custom Flex component?
    hello
    I created a new set of Flex component library slib.swc (Flex 4.5). Would also like to have a default style. defaults.css file, making it the default style of the component library.
    Like flex the builder install directory of sdks \ 4.5.0 \ frameworks out \ libs directory has a spark.swc file, open with Winrar will see defaults.css this file. Defaults.css file defines the default style of the flex spark components.
    How can it be achieved?
    As follows
    slib.swc contains a CLabelEx components, and a defaults.css file
    defaults.css source file as follows:
    @ namespace s "library :/ / ns.adobe.com / flex / spark";
    @ namespace mx "library :/ / ns.adobe.com / flex / mx";
    @ namespace cn "http://os.slib.cn";
    cn | CLabelEx
            styBackgroundAlpha: 1;
            styBackgroundColor: # 569CC0;
            styBorderAlpha: 1;
            styBorderColor: # 569CC0;
            styBorderWeight: 1;
            styCornerRadius: 3;
    In slib.swc the application MyLabel.mxml of the source file as follows:
    <? xml version = "1.0" encoding = "utf-8"?>
    <s: Application, the xmlns: fx = "http://ns.adobe.com/mxml/2009
                               xmlns: s = "library :/ / ns.adobe.com / flex / spark"
                               xmlns: mx = "library :/ / ns.adobe.com / flex / mx"
                               xmlns: cn = "http://os.slib.cn
                               the minWidth = "955" The minHeight = "600">
            <fxeclarations>
            </ fxeclarations>
            <cn:CLabelEx x="67" y="112"/>
    </ s: Application>
    I hope CLabelEx default use cn | CLabelEx, style to display its appearance.
    I refer to above approach, but failed to achieve. Can you please re-Detailed
    Thanks!

    dj is right. Any Folder can be a picture folder.
    Create a root level folder and add it to your Pictures Library in Windows.  It will show up with all the scattered pictures from other programs. It can even be a different dirve if you like.  You  can even specify one to be the default save location for pictures in this dialog.
    Navigate to Pictures in your Libraries in Windows Explorer Right Click and select Properties.
    Message was edited by: Rikk Flohr forgot the instructions...

  • Default Styles

    i would be interested to know, what default styles\setting
    does everyone use for their css pages.
    here are mine.
    body { /* set everything to normal to define the base format
    font: normal 13px/normal Geneva, Arial, Helvetica,
    sans-serif;
    color: #000000;
    margin:0;
    margin-top:2px;
    margin-bottom:2px;
    h1 { font-size: 1.5em; margin: 0 .25em 0.65em 0; }
    h2 { font-size: 1.2em; margin: 0 .25em 0.65em 0; }
    h3 { font-size: 1.1em; margin: 0 .25em 0.4em 0; }
    p, td, th, div, blockquote, ul, li, dl, ol { font-size: 1em;
    p, td, th, blockquote { margin: 0.5em 0;} /* controls spacing
    between elements */
    .clearfloat { /* this class should be placed on a div or
    break element
    and should be the final element before the close of a
    container that
    should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    .convinline
    display:inline;
    .convblock
    display:block;
    .pararight
    text-align:right;
    .paraleft
    text-align:left;
    .paracentre
    text-align:center;
    .fleft
    float:left;
    .fright
    float:right;

    You can read about it here -
    http://www.tjkdesign.com (look
    for the article on clear floating).
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "malcster2" <[email protected]> wrote in
    message
    news:[email protected]...
    >
    quote:
    Originally posted by:
    Newsgroup User
    > Seems OK. I normally add -
    >
    > html,body { min-height:100%;margin-bottom:1px; }
    >
    > after any body rule that sets margins. This forces a
    vertical scrollbar
    > on
    > all pages, even when they don't require one to avoid the
    left/right jog as
    > you navigate between pages that do and pages that don't
    exceed the
    > viewport
    > height in certain browsers (FF and Safari).
    >
    > You could reduce the verbosity a bit - for example:
    >
    > instead of this -
    >
    > > margin:0;
    > > margin-top:2px;
    > > margin-bottom:2px;
    >
    > this -
    >
    > margin:2px 0;
    >
    > I no longer use this kind of thing as a rule, opting for
    the
    > overflow:hidden
    > style -
    >
    > > .clearfloat { /* this class should be placed on a
    div or break element
    > > and should be the final element before the close of
    a container that
    > > should fully contain a float */
    > > clear:both;
    > > height:0;
    > > font-size: 1px;
    > > line-height: 0px;
    > > }
    >
    > --
    > Murray --- ICQ 71997575
    > Adobe Community Expert
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    >
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    > ==================
    >
    >
    > "malcster2" <[email protected]> wrote
    in message
    > news:[email protected]...
    > >i would be interested to know, what default
    styles\setting does everyone
    > >use
    > > for their css pages.
    > > here are mine.
    > >
    > > body { /* set everything to normal to define the
    base format */
    > > font: normal 13px/normal Geneva, Arial, Helvetica,
    > > sans-serif;
    > > color: #000000;
    > > margin:0;
    > > margin-top:2px;
    > > margin-bottom:2px;
    > > }
    > >
    > >
    > > h1 { font-size: 1.5em; margin: 0 .25em 0.65em 0; }
    > > h2 { font-size: 1.2em; margin: 0 .25em 0.65em 0; }
    > > h3 { font-size: 1.1em; margin: 0 .25em 0.4em 0; }
    > >
    > > p, td, th, div, blockquote, ul, li, dl, ol {
    font-size: 1em; }
    > > p, td, th, blockquote { margin: 0.5em 0;} /*
    controls spacing
    > > between elements */
    > >
    > > .clearfloat { /* this class should be placed on a
    div or break element
    > > and should be the final element before the close of
    a container that
    > > should fully contain a float */
    > > clear:both;
    > > height:0;
    > > font-size: 1px;
    > > line-height: 0px;
    > > }
    > >
    > > .convinline
    > > {
    > > display:inline;
    > > }
    > >
    > > .convblock
    > > {
    > > display:block;
    > > }
    > >
    > > .pararight
    > > {
    > > text-align:right;
    > > }
    > >
    > > .paraleft
    > > {
    > > text-align:left;
    > > }
    > >
    > > .paracentre
    > > {
    > > text-align:center;
    > > }
    > >
    > > .fleft
    > > {
    > > float:left;
    > >
    > > }
    > >
    > > .fright
    > > {
    > > float:right;
    > > }
    > >
    > >
    >
    >
    >
    > thanks for that murray
    >
    > to be honest, i was wondering what the difference
    between overflow:hidden,
    > and
    > the .clearfloat style was
    >

  • Trying to override the default af:tree expanded and collapsed icons

    Hi,
    I initially hijacked a thread from 2010 that was vaguely similar to what I need to ask, but a kind forum moderator split my post out to stand on its own merits.
    I am trying to override the default af:tree expanded and collapsed icons I am using the following styles for my af:tree but they are not reflecting any thing on my tree with the styleclass orgType.
    af|tree.orgType::expanded-icon {
    content: url("../images/ac-expand.png");
    cursor: default;
    af|tree.orgType::collapsed-icon {
    content: url("../images/ac-collapsed.png");
    cursor: default;
    af|tree::expanded-icon {
    content: url("../images/folder_open.png");
    cursor: default;
    af|tree::collapsed-icon {
    content: url("../images/folder_close.png");
    cursor: default;
    After working for long hours I realized that there is some problem with af:tree and treeTable. They are not taking the styles where as for the other components, every thing works fine. Is there any way to achieve the task. Could you suggest any alternative way to do this. Thanks in advance. Your suggestions for this task can really help me and my team a lot.
    Regards,
    Krishna Sumanth.

    Hi,
    do the icons show without the style class reference used in the skin file? If so, then the style class for this component might be rendered differently for the tree, e.g.
    .orgType af|tree ...
    Frank

  • Disabling default style (theme) at all

    Hi, I'm just starting using Flex 2. Is an interessant
    experience, as it blends many disciplines and skills.
    I'm demoing a demo for a project. The app has it's own style,
    so I linked the mxml file to an external CSS with style. The styles
    are applied with no problem.
    However the default styles shows when loading the page/app.
    When loaded the style changes. But I would like to disable the
    default style from the start.
    Any help will be appreciated. Thank you.
    Alvaro Medina G.
    http://www.escasoaporte.cl

    Hi, I'm just starting using Flex 2. Is an interessant
    experience, as it blends many disciplines and skills.
    I'm demoing a demo for a project. The app has it's own style,
    so I linked the mxml file to an external CSS with style. The styles
    are applied with no problem.
    However the default styles shows when loading the page/app.
    When loaded the style changes. But I would like to disable the
    default style from the start.
    Any help will be appreciated. Thank you.
    Alvaro Medina G.
    http://www.escasoaporte.cl

  • How to Control default Styles(Font,BGColor,Size) for WPC Objects.

    Hi All,
    This is Ganesh, Current i am working on Content Migration Using WPC.Now My Question, while we are creating the Site Content using WPC(Like Articles, Paragraph's, etc...), while we are typing the content for Article, its showing in one font, after creation of article,while we are previewing of the Article , its showing in Blue Color Letter's and Shade Blue back ground and also Coming font big in size.
    If i am creating the paragraph, while we are previewing the its Displaying in Black Color.
    From where the details of font, size and back ground colors are coming in WPC objects.and if they have to modified, how can it be done?
    Where We can Control the Default Styles for WPC Content Creation Objects.If Possible how to modify?
    Please provide some valuble inputs for my Query???
    Thanks in Advance
    Krishna Ganesh

    Ganesh,
    You are absolutely right. If you modify the xml, xsl and css files supplied by the standard SAP it will affect all the users. Please note that whenever you need to modify the css, you need to do the same in /etc/wpceditor/css/runtime folder. Modification of the css in /etc/wpceditor/css/designtime folder is not of any use.
    If you do not want the changes made to the style to affect all other users, it is always wiser and recommended to create your own custom webform. Some webforms like Article, Link List, banner, teaser etc are provided by SAP. If you want to create your own webform and apply the style to that webform alone then you need to follow the process of creating custom webforms in WPC.
    In order to change the style you need to understand a bit of XML and XSL transformation.
    You can refer to the following sdn help for the same - http://help.sap.com/saphelp_nw70/helpdata/en/45/599b78b0aa3bdde10000000a1553f7/frameset.htm
    Hope it helps. Let me know if you need any further clarification.

  • Link styles via CSS...

    Hi,
    I would like to control my link styles within my CSS panel,
    but if I set up one set (up, over, blah, blah)...how about if I
    want yet another style set for link text that's within a different
    color cell? Is it possible? How?
    Also, I have controlled background imagery and copy via CSS.
    But I would like to add ALT tags to portions of the background
    image. My properties inspector won't bring it up as an option due
    to the CSS. Do I just have to work with the HTML instead of the
    visuals?
    -- Same situation for the 'hot spot' tool, and I really need
    to use it but my bg image is unselectable due to it being inserted
    via CSS. The Properties doesn't "see it". How do I get around that?
    thank you!!
    thanks!

    Pseudo-classes and container styles are what you need - here
    are some
    tutorials.
    http://www.thepattysite.com/linkstyles1.cfm
    http://www.projectseven.com/tutorials/pseudoclasses/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "r_tist" <[email protected]> wrote in
    message
    news:fafjlv$q28$[email protected]..
    > Hi,
    >
    > I would like to control my link styles within my CSS
    panel, but if I set
    > up
    > one set (up, over, blah, blah)...how about if I want yet
    another style set
    > for
    > link text that's within a different color cell? Is it
    possible? How?
    > Also, I have controlled background imagery and copy via
    CSS. But I would
    > like
    > to add ALT tags to portions of the background image. My
    properties
    > inspector
    > won't bring it up as an option due to the CSS. Do I just
    have to work with
    > the
    > HTML instead of the visuals?
    > -- Same situation for the 'hot spot' tool, and I really
    need to use it but
    > my
    > bg image is unselectable due to it being inserted via
    CSS. The Properties
    > doesn't "see it". How do I get around that?
    >
    > thank you!!
    >
    > thanks!
    >

  • [svn:fx-trunk] 11575: Put default style declarations into one class per application or module.

    Revision: 11575
    Author:   [email protected]
    Date:     2009-11-09 11:34:57 -0800 (Mon, 09 Nov 2009)
    Log Message:
    Put default style declarations into one class per application or module.
    Generate all the default styles in one class instead of a class for each style. The name of the style class will be based on the application or module name. An application named ?\226?\128?\156foo?\226?\128?\157 will have a style class named ?\226?\128?\156_foo_Style?\226?\128?\157. The idea is to allow applications to be compiled with different themes and get their owns styles. Currently this is not possible because a global style in both themes will have the same class name, _globalStyle. Whatever class the top-level application loads the sub-applications and modules will have to use the same class because of the flash player first-class-in-wins rule. Now each application and module will have their own style class.
    QE notes: None.
    Doc notes: None.
    Bugs: SDK-22454
    Reviewer: Paul, Pete
    Tests run: checkintests, all mustella tests.
    Is noteworthy for integration: No.
    Ticket Links:
        http://bugs.adobe.com/jira/browse/SDK-22454
    Modified Paths:
        flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/StyleDef.vm
        flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/StylesContainer.java
        flex/sdk/trunk/modules/compiler/src/java/flex2/tools/PreLink.java

    Revision: 11575
    Author:   [email protected]
    Date:     2009-11-09 11:34:57 -0800 (Mon, 09 Nov 2009)
    Log Message:
    Put default style declarations into one class per application or module.
    Generate all the default styles in one class instead of a class for each style. The name of the style class will be based on the application or module name. An application named ?\226?\128?\156foo?\226?\128?\157 will have a style class named ?\226?\128?\156_foo_Style?\226?\128?\157. The idea is to allow applications to be compiled with different themes and get their owns styles. Currently this is not possible because a global style in both themes will have the same class name, _globalStyle. Whatever class the top-level application loads the sub-applications and modules will have to use the same class because of the flash player first-class-in-wins rule. Now each application and module will have their own style class.
    QE notes: None.
    Doc notes: None.
    Bugs: SDK-22454
    Reviewer: Paul, Pete
    Tests run: checkintests, all mustella tests.
    Is noteworthy for integration: No.
    Ticket Links:
        http://bugs.adobe.com/jira/browse/SDK-22454
    Modified Paths:
        flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/StyleDef.vm
        flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/css/StylesContainer.java
        flex/sdk/trunk/modules/compiler/src/java/flex2/tools/PreLink.java

  • Am I able to remove the default style borders for spryaccordian?

    Am I able to remove the default style borders?
    The Dreamweaver css sheet says:
    This is the selector for the main Accordion container. For our default style,
    * we draw borders on the left, right, and bottom. The top border of the
    Accordion
    * will be rendered by the first AccordionPanelTab which never moves.
    I do not want the gray borders all the way around. I know how to style and remove the '.Accordian' borders
    but would like remove all 'default' borders.
    Thankyou

    Thanks Beth, but it doesn't seem to work. 
    I added what you suggested to the top line.  Here is what my css says with your addition: 
    So I have zeroed out the inner border (orange), but would like the outer gray border gone as well: 
    This is the selector for the main Accordion container. For our default style,
    * we draw borders on the left, right, and bottom. The top border of the Accordion
    * will be rendered by the first AccordionPanelTab which never moves. (gray border)
    * If you want to constrain the width of the Accordion widget, set a width on
    * the Accordion container. By default, our accordion expands horizontally to fill
    * up available space.
    * The name of the class ("Accordion") used in this selector is not necessary
    * to make the widget function. You can use any class name you want to style the
    * Accordion container.
    #Accordion1 *, #Accordion1 {
    >   border: 0;
    >}
    .Accordion {
    border-left: solid 0px orange;
    border-right: solid 0px orange;
    border-bottom: solid 0px orange;
    overflow: auto;
    Thanks for your input

Maybe you are looking for