Theme - Naviagtion Panel problem

Hi Experts,
We have copied and customized the Default theme as per our requirements .All the changes in the theme Editor are reflecting on the portal pages except the Changes in Navigation Panel Properties (Font Color, Background Color of Tray Body...etc) done in the Theme Editor. But the changes are showing properly in the theme editor, we have used the Navigation iView in all portal pages. So, what might be the problem for this?
Any help can be appreciated (we are working on NW 2004s SP 14)
Regards,
Sudhir

hi,
customizing the navigation panel must be done in the
default frame work page
copy the default framework page in sysAdmin
paste it in the custom folder and make changes in the
content admin.
Regards,
Satya.

Similar Messages

I want to buy iPhones (4S and 5) and want to buy them in US $. But want Apple to ship them to Pakistan. I will pay the charges of shipment once told. I want to buy the iPhones in Contracts. I'll unlock them myself no problem. Is that possible? Apple ans?

I want to buy iPhones (4S and 5) and want to buy them in US $. But want Apple to ship them to Pakistan. I will pay the charges of shipment once told. I want to buy the iPhones in Contracts. I'll unlock them myself no problem. Is that possible? Apple ans?

No, you can't do what you want. Apple will only ship a US iPhone to a verified billing/shipping address in the US.

I previously uploaded images onto my desktop to work on in Lightroom 5.2. I worked on a few of the images days ago and just now getting back to them. My problem is I can only access the images I previously worked on and all the rest it says images not ava

I previously uploaded images onto my desktop to work on in Lightroom 5.2. I worked on a few of the images days ago and just now getting back to them. My problem is I can only access the images I previously worked on and all the rest it says images not available but all the images are still right on my desktop.

... and all the rest it says images not available
Normally this happens because you moved, renamed or deleted these photos (or the folders that contain them) outside of Lightroom. This is how to fix the problem: Adobe Lightroom - Find moved or missing files and folders

You purchase properties in Arab game (Sultan desert), while the procurement process and the discount amount lost contact wrote the running game has been cooperation from them but the problem! I can't buy any properties in the game itself and the science

You purchase properties in Arab game (Sultan desert), while the procurement process and the discount amount lost contact wrote the running game has been cooperation from them but the problem!
I can't buy any properties in the game itself and the science I don't use jailbreak and two free jailbreak is there a program hindered the procurement process so that I can buy anything from the store

Hello milkisoo,
Wow! Purchasing a new computer and monitor should be a fun and exciting experience, and instead, it sounds like it’s turned into a complete nightmare. I can only imagine your disappointment when you found two charges relating to its purchase on your debit card account, and I’m sorry for any aggravation this caused.
As I want to provide you some piece of mind, I pulled up your order number using your email address attached to the forum. After review of its payment information, I found we collected only one payment. However, when orders are first placed on BestBuy.com, a pending authorization should show up on your bank card to make sure funds are available for the order until it is fulfilled. From there, the authorization should drop off and the collection charge should appear. This is the case for your one charge of $1,051.69.
It also sounds like an error may have occurred when you initially attempted to place your order, resulting in one of your gift cards not registering properly and the order not being completed. Your card’s issuing bank doesn’t appear to have recognized this and pushed through the pending authorization. This occurred a second time when your account information didn’t quite match up with what we had on file. Please know that we haven’t ordered a collection of these funds and your issuing bank should release the two pending authorizations within 5 to 7 business days.
Thank you for posting.
Alex|Social Media Specialist | Best Buy® Corporate
Private Message

This is what I get when I try to log in to Advanced Interface in Knology WebMail: Remote XUL This page uses an unsupported technology that is no longer available by default in Firefox. Please contact the website owners to inform them of this problem.

When trying to log in to Knology WebMail, I get the response "Remote XUL This page uses an unsupported technology that is no longer available by default in Firefox. Please contact the website owners to inform them of this problem." However, this is NOT a problem with Knology, but apparently, with Firefox.

https://addons.mozilla.org/en-US/firefox/addon/remote-xul-manager/

People Please help, I forgot my security questions answers but I know how to reset them but the problem is my rescue email is not longer used ( DELETED ) so what can I do please help me

People Please help, I forgot my security questions answers but I know how to reset them but the problem is my rescue email is not longer used ( DELETED ) so what can I do please help me??????????

EZZTHEKILLER wrote:
is there any other way ...
Not in your case.
EZZTHEKILLER wrote:
I forgot my security questions answers but I know how to reset them but the problem is my rescue email is not longer used ( DELETED )

CS3 Components panel problem

Hi everyone,
I'm developing a CF8 application in Dreamweaver CS3. If I go
to the Components panel, I can see the application's components
listed, but if I click the "+" next to any of them to see the
methods, I get the error "There is a problem with this CFC." Anyone
know how I can resolve this?
BTW, the components work fine in the application; it's just
that I can't browse them in the components panel.
Thanks,
Russ

I was having the same problem in Dreamweaver CS4/10. I found this article and low and behold it worked!
http://forums.forta.com/messages.cfm?threadid=34621DAF-3048-80A9-EF22911CE2D2E463#9
I had "Separate user name and password authentication (allows multiple users) " enabled in the CF administrator under "Security-Administrator" and "Security-RDS".
After I disabled it/set it to "Use a single password only (default)" for both, I could see all my CFC's.
Good luck!
MIke A.

GTK theme, FF buttons problem

Hello,
I recently moved to Macchiato gtk theme, which is very nice. Sadly it has a problem with Firefox/Thunderbird buttons that I'm unable to fix. Explained by images:
no mouse over button:
(if you look closer, you'll see that text is barely visible, but bg/fg colors are almost same)
mouse over button:
I tried playing with gtkrc, no luck. I'm using gtk-engine-murrine svn as of Feb 26.
Help please.
gtkrc for convenience
# Macchiato
# by Jesse L. Kay
# Last revision: 29 December 2008
# Set GtkSettings color scheme property.
# This can be overriden (via an xsetting) with eg. the gnome-appearance-properties.
gtk_color_scheme = "fg_color:#323232\nbg_color:#D3CAAA\nbase_color:#DED4B3\ntext_color:#323232\nselected_bg_color:#9C9478\nselected_fg_color:#fff\ntooltip_bg_color:#ebeab8\ntooltip_fg_color:#323232"
style "murrine-default"
# Style Properties
GtkButton ::child-displacement-x = 1
GtkButton ::child-displacement-y = 1
GtkButton ::default-border = { 0, 0, 0, 0 }
GtkCheckButton ::indicator-size = 14
GtkPaned ::handle-size = 6
GtkRange ::trough-border = 1
GtkRange ::slider-width = 8
GtkRange ::stepper-size = 13
GtkScale ::slider-length = 14
GtkScale ::slider-width = 8
GtkScale ::stepper-size = 13
GtkScale ::trough-side-details = 0
GtkScrollbar ::min-slider-length = 30
GtkMenuBar ::internal-padding = 0
GtkExpander ::expander-size = 16
GtkToolbar ::internal-padding = 1
GtkTreeView ::expander-size = 12
GtkTreeView ::vertical-separator = 0
GtkOptionMenu ::indicator-size = 0
GtkMenu ::horizontal-padding = 0
GtkMenu ::vertical-padding = 0
GtkScrolledWindow::scrollbar-spacing = 3
GtkNotebook::tab-curvature = 3
GtkNotebook::tab-overlap = 4
# Glow the tasklist by changing the color, instead of overlaying it with a rectangle
WnckTasklist ::fade-overlay-rect = 0
#WnckTasklist ::fade-loop-time = 5.0
#WnckTasklist ::fade-opacity = 0.7
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
fg[ACTIVE] = shade (0.60, @fg_color) #pidgin tabs, unselected tabs
bg[NORMAL] = @bg_color
bg[ACTIVE] = shade (0.60, @bg_color)
bg[PRELIGHT] = shade (0.6, @bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = shade (1.03,@bg_color)
base[NORMAL] = @base_color
base[PRELIGHT] = @base_color
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = @bg_color
base[ACTIVE] = @selected_bg_color
text[NORMAL] = @text_color
text[PRELIGHT] = @text_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = @text_color
text[ACTIVE] = @text_color
# window background
bg_pixmap[NORMAL] = "window-bg.png"
engine "murrine"
animation = TRUE # FALSE = disabled, TRUE = enabled
colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
contrast = 0.8 # 0.8 for less contrast, more than 1.0 for more contrast on borders
glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
gradient_shades = {1.09,1.01,1.01,0.9} # default: {1.1,1.0,1.0,1.1}
gradients = TRUE # FALSE = disabled, TRUE = enabled
highlight_ratio = 1.0 # set highlight amount for buttons or widgets
lightborder_ratio = 1.3 # sets lightborder amount for buttons or widgets
lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
listviewheaderstyle = 2 # 0 = flat, 1 = glassy, 2 = raised
listviewstyle = 1 # 0 = nothing, 1 = dotted
menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
menuitemstyle =0 # 0 = flat, 1 = glassy, 2 = striped
menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
rgba = TRUE # FALSE = disabled, TRUE = enabled
roundness = 0 # 0 = squared, 1 = old default, more will increase roundness
scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
sliderstyle = 0 # 0 = nothing added, 1 = handles
stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
style "murrine-wide"
xthickness = 2
ythickness = 2
style "murrine-wider"
xthickness = 3
ythickness = 3
style "murrine-dark"
bg[NORMAL] = shade(0.2,@bg_color)
bg[SELECTED] = shade(0.9,@selected_bg_color)
bg[PRELIGHT] = shade (0.5, @selected_bg_color)
bg[ACTIVE] = mix (0.5, @selected_bg_color, shade(0.2,@bg_color))
bg[INSENSITIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (0.9, '#ffffef', @fg_color)
fg[PRELIGHT] = mix (0.8, '#ffffef', @fg_color)
fg[SELECTED] = mix (0.8, '#ffffef', @fg_color)
fg[ACTIVE] = mix (0.8, '#ffffef', @fg_color)
fg[INSENSITIVE] = mix (0.9, '#ffffef', @fg_color)
style "murrine-button"
xthickness = 3
ythickness = 3
text[NORMAL] = "#000000"
text[PRELIGHT] = shade (0.20, @bg_color)
text[ACTIVE] = "#000000"
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade (1.20, @bg_color)
bg[ACTIVE] = @bg_color
fg[NORMAL] = @bg_color
style "murrine-toolbar" = "murrine-dark"
bg[SELECTED] = "#363330"
bg[NORMAL] = "#363330"
bg[PRELIGHT] = "#363330"
bg[ACTIVE] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
profile = MURRINE
style "murrine-notebook-bg" = "murrine-default"
bg[NORMAL] = shade (1.05, @bg_color)
bg[ACTIVE] = shade (0.95, @bg_color)
xthickness = 2
style "murrine-notebook" = "murrine-notebook-bg"
xthickness = 2
style "murrine-tasklist"
xthickness = 3
ythickness = 3
style "murrine-panel" = "murrine-dark" {
xthickness = 3
ythickness = 3
bg[NORMAL] = "#4D453F"
bg[PRELIGHT] = shade (0.5, @bg_color)
bg[ACTIVE] = "#45413E"
fg[NORMAL] = @bg_color
fg[PRELIGHT] = @bg_color
fg[ACTIVE] = @bg_color
engine "murrine" {
roundness = 1
rgba = TRUE
highlight_ratio = 1.0
reliefstyle = 2
contrast = 0.8
style "murrine-menu" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
text[NORMAL] = @bg_color
text[PRELIGHT] = @selected_fg_color
style "murrine-menu-item" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
engine "murrine" {
roundness = 0
contrast = 0.2
style "murrine-separator-menu-item"
GtkSeparatorMenuItem::horizontal-padding = 0
GtkWidget::wide-separators = 1
GtkWidget::separator-width = 1
GtkWidget::separator-height = 1
xthickness = 1
ythickness = 0
style "murrine-treeview"
# Based on the default style so that the colors from the button
# style are overriden again.
style "murrine-treeview-header" = "murrine-button"
xthickness = 2
ythickness = 1
GtkWidget::focus-line-width = 0
engine "murrine" {
# SZ07: This is added to tell the theme how to color checkmarks and radio items that are not in menus.
style "murrine-radiocheck" = "murrine-default"
text[NORMAL] = shade (1.15, @bg_color) # Color for checks/radio items.
text[PRELIGHT] = @selected_fg_color # Color for selected checks/radio items.
engine "murrine"{
style "murrine-tooltips"
xthickness = 4
ythickness = 4
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
style "murrine-progressbar"
xthickness = 1
ythickness = 1
fg[PRELIGHT] = @selected_fg_color
bg[SELECTED] = "#9C9478"
style "murrine-comboboxentry"
style "murrine-spinbutton"
style "murrine-scale"
bg[PRELIGHT] = shade(0.9,@bg_color)
style "murrine-hscale" = "murrine-scale"
style "murrine-vscale" = "murrine-scale"
style "murrine-scrollbar"
bg[NORMAL] = shade (1.0, @bg_color)
engine "murrine" {
#highlight_ratio = 1.3
scrollbar_color = "#9C9478"
#glazestyle = 0
roundness = 1
rgba = FALSE
GtkRange ::trough-border = 3
style "murrine-hscrollbar" = "murrine-scrollbar"
style "murrine-vscrollbar" = "murrine-scrollbar"
style "murrine-menubar" = "murrine-dark"
bg[NORMAL] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
style "murrine-frame"
#Uncomment for dark statusbars. Breaks some apps.
bg[ACTIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (1.5, @fg_color, '#ffffff')
fg[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
style "murrine-frame-title" = "murrine-frame"
fg[NORMAL] = lighter (@fg_color)
style "murrine-nautilus-location"
bg[NORMAL] = mix(0.60, shade (1.05,@bg_color), @selected_bg_color)
# Matches
# murrine default style is applied to every widget
class "GtkWidget" style "murrine-default"
# Increase the x/ythickness in some widgets
class "GtkRange" style "murrine-default"
class "GtkFrame" style "murrine-frame"
class "GtkSeparator" style "murrine-wide"
class "GtkEntry" style "murrine-wider"
class "GtkStatusbar" style "murrine-default"
class "GtkToolbar" style "murrine-toolbar"
class "GtkMenuBar" style:highest "murrine-menubar"
class "*HandleBox" style "murrine-toolbar"
widget_class "*HandleBox" style "murrine-toolbar"
class "GtkSpinButton" style "murrine-spinbutton"
class "GtkScale" style "murrine-scale"
class "GtkVScale" style "murrine-vscale"
class "GtkHScale" style "murrine-hscale"
class "GtkScrollbar" style "murrine-scrollbar"
class "GtkVScrollbar" style "murrine-vscrollbar"
class "GtkHScrollbar" style "murrine-hscrollbar"
class "GtkButton" style "murrine-button"
class "GtkRadioButton*" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
class "GtkCheckButton" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
# General matching following, the order is choosen so that the right styles override each other
# eg. progressbar needs to be more important then the menu match.
widget_class "*<GtkNotebook>*<GtkEventBox>" style "murrine-notebook-bg"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>*<GtkLayout>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>" style "murrine-notebook"
widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
widget_class "*<GtkMenu>*" style "murrine-menu"
widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
widget_class "*<GtkFrame>" style "murrine-frame"
widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
widget_class "*.<GtkTreeView>*" style "murrine-treeview"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkProgressBar>" style "murrine-progressbar"
# Treeview header
widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*<GtkToolbar>.*" style "murrine-toolbar"
#Panel
widget "*PanelWidget*" style "murrine-panel"
widget "*PanelApplet*" style "murrine-panel"
widget "*fast-user-switch*" style "murrine-panel" # Workaround for Fast User Switch applet
class "PanelApp*" style "murrine-panel"
class "PanelToplevel*" style "murrine-panel"
#The panel menubar
widget_class "*Panel*<GtkMenuBar>*" style:highest "murrine-panel"
# The window of the tooltip is called "gtk-tooltip"
widget "gtk-tooltip*" style "murrine-tooltips"
# Special cases and work arounds
# Fixes toolbars inside frames. Will be overridden later.
style "murrine-toolbar-flat" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine"
toolbarstyle = 0
widget_class "*.*.*.*.*.*Toolbar*" style "murrine-toolbar-flat"
widget_class "*.*.*.*.*.*HandleBox*" style "murrine-toolbar-flat"
#Undo for Epiphany (FIXME find a better way to do this)
#widget_class "*EphyToolbar*" style "pixmap-toolbar"
#widget_class "*EphyToolbar*.*.*.*" style "murrine-toolbar"
# Workarounds for Evolution
widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
#Firefox isn't nice to dark themes, so unset the dark stuff.
#widget "MozillaGtkWidget*Toolbar*" style "murrine-default"
#widget "MozillaGtkWidget*Frame*" style "murrine-default"
#Thunderbird too. But since Thunderbird uses the same theming engine as FF2, things are worse for us.
# Special case the nautilus-extra-view-widget
# ToDo: A more generic approach for all applications that have a widget like this.
widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
style "murrine-text-is-fg-color-workaround"
text[NORMAL] = @fg_color
text[PRELIGHT] = @fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
widget_class "*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround"
style "murrine-text-is-fg-color-workaround-dark"
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget_class "*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
style "murrine-menuitem-text-is-fg-color-workaround"
#text[NORMAL] = @fg_color
#text[PRELIGHT] = @selected_fg_color
#text[SELECTED] = @selected_fg_color
#text[ACTIVE] = @fg_color
#text[INSENSITIVE] = darker (@bg_color)
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the
# base color set.
style "murrine-fg-is-text-color-workaround"
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[ACTIVE] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
widget_class "*<GtkListItem>*" style "murrine-fg-is-text-color-workaround"
# The same problem also exists for GtkCList and GtkCTree
# Only match GtkCList and not the parent widgets, because that would also change the headers.
widget_class "*<GtkCList>" style "murrine-fg-is-text-color-workaround"
#Rhythmbox toolbar near the search entry. Use default + wide so that it doesn't turn dark.
style "murrine-rhythmbox-header" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine" {
widget "*RBSourceHeader*" style:highest "murrine-rhythmbox-header"
widget "*HeaderToolbar*" style:highest "murrine-rhythmbox-header"
widget "*FooterToolbar*" style:highest "murrine-rhythmbox-header"
widget "*swt*toolbar*" style "murrine-default"
#Evolution toolbar
style "murrine-evo-new-button-workaround" = "murrine-dark"
engine "murrine"
toolbarstyle = 0
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
# RSC: Fix for CPU frequency applet
style "applet-text" = "murrine-panel"
fg[NORMAL] = @bg_color
widget_class "*CPUFreqApplet*" style:highest "applet-text"

Hello,
I recently moved to Macchiato gtk theme, which is very nice. Sadly it has a problem with Firefox/Thunderbird buttons that I'm unable to fix. Explained by images:
no mouse over button:
(if you look closer, you'll see that text is barely visible, but bg/fg colors are almost same)
mouse over button:
I tried playing with gtkrc, no luck. I'm using gtk-engine-murrine svn as of Feb 26.
Help please.
gtkrc for convenience
# Macchiato
# by Jesse L. Kay
# Last revision: 29 December 2008
# Set GtkSettings color scheme property.
# This can be overriden (via an xsetting) with eg. the gnome-appearance-properties.
gtk_color_scheme = "fg_color:#323232\nbg_color:#D3CAAA\nbase_color:#DED4B3\ntext_color:#323232\nselected_bg_color:#9C9478\nselected_fg_color:#fff\ntooltip_bg_color:#ebeab8\ntooltip_fg_color:#323232"
style "murrine-default"
# Style Properties
GtkButton ::child-displacement-x = 1
GtkButton ::child-displacement-y = 1
GtkButton ::default-border = { 0, 0, 0, 0 }
GtkCheckButton ::indicator-size = 14
GtkPaned ::handle-size = 6
GtkRange ::trough-border = 1
GtkRange ::slider-width = 8
GtkRange ::stepper-size = 13
GtkScale ::slider-length = 14
GtkScale ::slider-width = 8
GtkScale ::stepper-size = 13
GtkScale ::trough-side-details = 0
GtkScrollbar ::min-slider-length = 30
GtkMenuBar ::internal-padding = 0
GtkExpander ::expander-size = 16
GtkToolbar ::internal-padding = 1
GtkTreeView ::expander-size = 12
GtkTreeView ::vertical-separator = 0
GtkOptionMenu ::indicator-size = 0
GtkMenu ::horizontal-padding = 0
GtkMenu ::vertical-padding = 0
GtkScrolledWindow::scrollbar-spacing = 3
GtkNotebook::tab-curvature = 3
GtkNotebook::tab-overlap = 4
# Glow the tasklist by changing the color, instead of overlaying it with a rectangle
WnckTasklist ::fade-overlay-rect = 0
#WnckTasklist ::fade-loop-time = 5.0
#WnckTasklist ::fade-opacity = 0.7
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
fg[ACTIVE] = shade (0.60, @fg_color) #pidgin tabs, unselected tabs
bg[NORMAL] = @bg_color
bg[ACTIVE] = shade (0.60, @bg_color)
bg[PRELIGHT] = shade (0.6, @bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = shade (1.03,@bg_color)
base[NORMAL] = @base_color
base[PRELIGHT] = @base_color
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = @bg_color
base[ACTIVE] = @selected_bg_color
text[NORMAL] = @text_color
text[PRELIGHT] = @text_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = @text_color
text[ACTIVE] = @text_color
# window background
bg_pixmap[NORMAL] = "window-bg.png"
engine "murrine"
animation = TRUE # FALSE = disabled, TRUE = enabled
colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
contrast = 0.8 # 0.8 for less contrast, more than 1.0 for more contrast on borders
glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
gradient_shades = {1.09,1.01,1.01,0.9} # default: {1.1,1.0,1.0,1.1}
gradients = TRUE # FALSE = disabled, TRUE = enabled
highlight_ratio = 1.0 # set highlight amount for buttons or widgets
lightborder_ratio = 1.3 # sets lightborder amount for buttons or widgets
lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
listviewheaderstyle = 2 # 0 = flat, 1 = glassy, 2 = raised
listviewstyle = 1 # 0 = nothing, 1 = dotted
menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
menuitemstyle =0 # 0 = flat, 1 = glassy, 2 = striped
menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
rgba = TRUE # FALSE = disabled, TRUE = enabled
roundness = 0 # 0 = squared, 1 = old default, more will increase roundness
scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
sliderstyle = 0 # 0 = nothing added, 1 = handles
stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
style "murrine-wide"
xthickness = 2
ythickness = 2
style "murrine-wider"
xthickness = 3
ythickness = 3
style "murrine-dark"
bg[NORMAL] = shade(0.2,@bg_color)
bg[SELECTED] = shade(0.9,@selected_bg_color)
bg[PRELIGHT] = shade (0.5, @selected_bg_color)
bg[ACTIVE] = mix (0.5, @selected_bg_color, shade(0.2,@bg_color))
bg[INSENSITIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (0.9, '#ffffef', @fg_color)
fg[PRELIGHT] = mix (0.8, '#ffffef', @fg_color)
fg[SELECTED] = mix (0.8, '#ffffef', @fg_color)
fg[ACTIVE] = mix (0.8, '#ffffef', @fg_color)
fg[INSENSITIVE] = mix (0.9, '#ffffef', @fg_color)
style "murrine-button"
xthickness = 3
ythickness = 3
text[NORMAL] = "#000000"
text[PRELIGHT] = shade (0.20, @bg_color)
text[ACTIVE] = "#000000"
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade (1.20, @bg_color)
bg[ACTIVE] = @bg_color
fg[NORMAL] = @bg_color
style "murrine-toolbar" = "murrine-dark"
bg[SELECTED] = "#363330"
bg[NORMAL] = "#363330"
bg[PRELIGHT] = "#363330"
bg[ACTIVE] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
profile = MURRINE
style "murrine-notebook-bg" = "murrine-default"
bg[NORMAL] = shade (1.05, @bg_color)
bg[ACTIVE] = shade (0.95, @bg_color)
xthickness = 2
style "murrine-notebook" = "murrine-notebook-bg"
xthickness = 2
style "murrine-tasklist"
xthickness = 3
ythickness = 3
style "murrine-panel" = "murrine-dark" {
xthickness = 3
ythickness = 3
bg[NORMAL] = "#4D453F"
bg[PRELIGHT] = shade (0.5, @bg_color)
bg[ACTIVE] = "#45413E"
fg[NORMAL] = @bg_color
fg[PRELIGHT] = @bg_color
fg[ACTIVE] = @bg_color
engine "murrine" {
roundness = 1
rgba = TRUE
highlight_ratio = 1.0
reliefstyle = 2
contrast = 0.8
style "murrine-menu" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
text[NORMAL] = @bg_color
text[PRELIGHT] = @selected_fg_color
style "murrine-menu-item" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
engine "murrine" {
roundness = 0
contrast = 0.2
style "murrine-separator-menu-item"
GtkSeparatorMenuItem::horizontal-padding = 0
GtkWidget::wide-separators = 1
GtkWidget::separator-width = 1
GtkWidget::separator-height = 1
xthickness = 1
ythickness = 0
style "murrine-treeview"
# Based on the default style so that the colors from the button
# style are overriden again.
style "murrine-treeview-header" = "murrine-button"
xthickness = 2
ythickness = 1
GtkWidget::focus-line-width = 0
engine "murrine" {
# SZ07: This is added to tell the theme how to color checkmarks and radio items that are not in menus.
style "murrine-radiocheck" = "murrine-default"
text[NORMAL] = shade (1.15, @bg_color) # Color for checks/radio items.
text[PRELIGHT] = @selected_fg_color # Color for selected checks/radio items.
engine "murrine"{
style "murrine-tooltips"
xthickness = 4
ythickness = 4
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
style "murrine-progressbar"
xthickness = 1
ythickness = 1
fg[PRELIGHT] = @selected_fg_color
bg[SELECTED] = "#9C9478"
style "murrine-comboboxentry"
style "murrine-spinbutton"
style "murrine-scale"
bg[PRELIGHT] = shade(0.9,@bg_color)
style "murrine-hscale" = "murrine-scale"
style "murrine-vscale" = "murrine-scale"
style "murrine-scrollbar"
bg[NORMAL] = shade (1.0, @bg_color)
engine "murrine" {
#highlight_ratio = 1.3
scrollbar_color = "#9C9478"
#glazestyle = 0
roundness = 1
rgba = FALSE
GtkRange ::trough-border = 3
style "murrine-hscrollbar" = "murrine-scrollbar"
style "murrine-vscrollbar" = "murrine-scrollbar"
style "murrine-menubar" = "murrine-dark"
bg[NORMAL] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
style "murrine-frame"
#Uncomment for dark statusbars. Breaks some apps.
bg[ACTIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (1.5, @fg_color, '#ffffff')
fg[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
style "murrine-frame-title" = "murrine-frame"
fg[NORMAL] = lighter (@fg_color)
style "murrine-nautilus-location"
bg[NORMAL] = mix(0.60, shade (1.05,@bg_color), @selected_bg_color)
# Matches
# murrine default style is applied to every widget
class "GtkWidget" style "murrine-default"
# Increase the x/ythickness in some widgets
class "GtkRange" style "murrine-default"
class "GtkFrame" style "murrine-frame"
class "GtkSeparator" style "murrine-wide"
class "GtkEntry" style "murrine-wider"
class "GtkStatusbar" style "murrine-default"
class "GtkToolbar" style "murrine-toolbar"
class "GtkMenuBar" style:highest "murrine-menubar"
class "*HandleBox" style "murrine-toolbar"
widget_class "*HandleBox" style "murrine-toolbar"
class "GtkSpinButton" style "murrine-spinbutton"
class "GtkScale" style "murrine-scale"
class "GtkVScale" style "murrine-vscale"
class "GtkHScale" style "murrine-hscale"
class "GtkScrollbar" style "murrine-scrollbar"
class "GtkVScrollbar" style "murrine-vscrollbar"
class "GtkHScrollbar" style "murrine-hscrollbar"
class "GtkButton" style "murrine-button"
class "GtkRadioButton*" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
class "GtkCheckButton" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
# General matching following, the order is choosen so that the right styles override each other
# eg. progressbar needs to be more important then the menu match.
widget_class "*<GtkNotebook>*<GtkEventBox>" style "murrine-notebook-bg"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>*<GtkLayout>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>" style "murrine-notebook"
widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
widget_class "*<GtkMenu>*" style "murrine-menu"
widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
widget_class "*<GtkFrame>" style "murrine-frame"
widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
widget_class "*.<GtkTreeView>*" style "murrine-treeview"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkProgressBar>" style "murrine-progressbar"
# Treeview header
widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*<GtkToolbar>.*" style "murrine-toolbar"
#Panel
widget "*PanelWidget*" style "murrine-panel"
widget "*PanelApplet*" style "murrine-panel"
widget "*fast-user-switch*" style "murrine-panel" # Workaround for Fast User Switch applet
class "PanelApp*" style "murrine-panel"
class "PanelToplevel*" style "murrine-panel"
#The panel menubar
widget_class "*Panel*<GtkMenuBar>*" style:highest "murrine-panel"
# The window of the tooltip is called "gtk-tooltip"
widget "gtk-tooltip*" style "murrine-tooltips"
# Special cases and work arounds
# Fixes toolbars inside frames. Will be overridden later.
style "murrine-toolbar-flat" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine"
toolbarstyle = 0
widget_class "*.*.*.*.*.*Toolbar*" style "murrine-toolbar-flat"
widget_class "*.*.*.*.*.*HandleBox*" style "murrine-toolbar-flat"
#Undo for Epiphany (FIXME find a better way to do this)
#widget_class "*EphyToolbar*" style "pixmap-toolbar"
#widget_class "*EphyToolbar*.*.*.*" style "murrine-toolbar"
# Workarounds for Evolution
widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
#Firefox isn't nice to dark themes, so unset the dark stuff.
#widget "MozillaGtkWidget*Toolbar*" style "murrine-default"
#widget "MozillaGtkWidget*Frame*" style "murrine-default"
#Thunderbird too. But since Thunderbird uses the same theming engine as FF2, things are worse for us.
# Special case the nautilus-extra-view-widget
# ToDo: A more generic approach for all applications that have a widget like this.
widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
style "murrine-text-is-fg-color-workaround"
text[NORMAL] = @fg_color
text[PRELIGHT] = @fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
widget_class "*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround"
style "murrine-text-is-fg-color-workaround-dark"
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget_class "*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
style "murrine-menuitem-text-is-fg-color-workaround"
#text[NORMAL] = @fg_color
#text[PRELIGHT] = @selected_fg_color
#text[SELECTED] = @selected_fg_color
#text[ACTIVE] = @fg_color
#text[INSENSITIVE] = darker (@bg_color)
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the
# base color set.
style "murrine-fg-is-text-color-workaround"
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[ACTIVE] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
widget_class "*<GtkListItem>*" style "murrine-fg-is-text-color-workaround"
# The same problem also exists for GtkCList and GtkCTree
# Only match GtkCList and not the parent widgets, because that would also change the headers.
widget_class "*<GtkCList>" style "murrine-fg-is-text-color-workaround"
#Rhythmbox toolbar near the search entry. Use default + wide so that it doesn't turn dark.
style "murrine-rhythmbox-header" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine" {
widget "*RBSourceHeader*" style:highest "murrine-rhythmbox-header"
widget "*HeaderToolbar*" style:highest "murrine-rhythmbox-header"
widget "*FooterToolbar*" style:highest "murrine-rhythmbox-header"
widget "*swt*toolbar*" style "murrine-default"
#Evolution toolbar
style "murrine-evo-new-button-workaround" = "murrine-dark"
engine "murrine"
toolbarstyle = 0
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
# RSC: Fix for CPU frequency applet
style "applet-text" = "murrine-panel"
fg[NORMAL] = @bg_color
widget_class "*CPUFreqApplet*" style:highest "applet-text"

Font Display Panel Problems

I was reading an online article about using iWeb
http://www.mymac.com/showarticle.php?id=3047
and there is a screen shot of the font display panel
This is the panel many applications use to allow the user to adjust the fonts. If you open TextEdit and go to Format/Font/Show Font the Font Panel will appear.
As you can see in the iWeb article the screen shot shows recently used fonts. The fonts show how they actually appear or they are preview. When I bring up iWeb o TextEdit I don't see that preview. If I select the Gear icon in the lower left corner I can turn on Show Preview but this just brings up a header show what a selected font looks like. The fonts in the list don't change.
There seems to be a problem with my Recently Used and Favorite lists. There are a few fonts in my list but they are not grouped together. There are blank rows listed between the shown fonts. However if I click in the blank area a font is selected and if you have any text selected in the document it will change that text.
If I choose a new font for a TextEdit document that font never shows up in the Recently Used list.
Is there a preference file for this panel? It appears my font display panel is not working correctly.
Are others having these issues?
Thanks
Kelvin
Message was edited by: KRitchie

I have an iBook running 10.4.11 and the recently used collections gets updated correctly. However when adding a font to the the Favorites collection there are blank rows between the fonts I've added. Also if you select the font type and not the specific font such as the bold, or regular it doesn't copy all of them.
Also, unlike in Leopard when you select the Recently Used collection you see what the font looks like show in the list irrespective if the preview panel is activated. Looks like for Leopard the font display panel was changed or not tested thoroughly.
Kelvin
Message was edited by: KRitchie

Scene Panel Problem

Hi all,
I am attempting to animate a 10 minute cartoon using Flash CS5 for Windows 7. I was planning on using the scene panel to organize my scenes but so far it hasn't been working for me the way it should. According to Adobe they say that when using the scene panel "if a document contains two scenes with ten frames each, the frames in Scene 2 are numbered 11–20."... This is not what I am experiencing. For me every scenes Timeline starts from Zero.
The reason why this is a big problem for me is beacuse the charecters I use in my animations are symbols, each with there own timeline within them. And anything I animate in a charecters timeline transfers over to every scene they they are in... For example, If I set in a charecter symbol for him to move his arms from frame 40 to 50 in scene 1, then because all the scenes timelines are starting from zero when the charecter appears again in scene 3 his arms will automaticly move again from frame 40 to 50... This goes for any animation done within a symbol. If anyone knows how to get the scene panel to work correctly I would really appreciate the help. So far I havent found any settings that would change this.
Thank you

Hey thank you for the response. Yes you are right my mistake, they all do start at frame 1. But that still doesn't change my problem. Allow me to explain it better. When using the Scene Panel if SCENE 1 ends at FRAME 50 than SCENE 2 is automatically suppose to begin at FRAME 51. But because every scene is beginning from the same point (Frame 1) any animation I do with in a symbol, (whether its arm movement, mouth movements, the character walking, ect...) it is repeated in every scene which that character is in. The reason is because all the timelines are the same, and due to the fact that a symbol has its own timeline in itself, flash is seeing my character inner timeline and recognizing that I want his mouth to move from frame 10 to 30 and because there are frames 10 to 30 in every scene it is repeated over and over. And obviously the same thing would happen the other way around if when I brought the character into the 2nd Scene and went into the characters symbol and removed the animation so I could apply the correct animation for that specific scene, it would just remove the animation in every scene that the charecter is in, including the scene the animation was intended for.
I know several ways around this problem but I really don't wish to do any of them because it would be annoying. One way is I could re-save a character symbol once for each scene I need him for. So if i wanted 1 character to be in 10 scenes I would save 10 different symbols for that character with 10 different file names. But With the amount of characters and the amount of scenes I am working with it would just be silly. What I really want to do is get the scene panel to work the way Adobe says it should but if for some reason I can't do that I won't even bother with the scene panel.
I hope I explained myself better in this post. Again thanks for the help. Btw this is the link from Adobe I was talking about where they're saying the way the frames should run from one scene to the next in the scene panel.
http://help.adobe.com/en_US/flash/cs/using/WSd60f23110762d6b883b18f10cb1fe1af6-7eb3a.html

ID CS3 Panel problems

One month ago, I have 2 panels stroke and effects that I use as free floating. When I open either of those 2, the panel is double wide, with no arrow at the bottom to resize, blocking my document. I keep 6 free floating panels open, others as I need. I have tweaked my workspace for 2 years, and will tolerate the problem rather than restore preferences. Any thoughts? Has this happened to anyone else? The other panels are fine, allow me to resize them if I should need to. Thanks.

Tried docking, undocking, joining a few panels, unjoining, still the 2 panels are the same. I will wait to rebuild preferences for now. I am afraid if I do get it fixed, when I open my templates the problem will return. If I rebuild my preferences, is that going to change all the settings InDesign to the default settings?
I have seen several postings about this problem, but no answer. It seems Adobe would
have fixed it by now.

Spry Collapsible Panel problem

Hi there,
I've tried to create a few collapsible panels but I have come across a problem. When I checked the error debugger in FF, I get an issue that states "Spry undefined". I have checked a few of the forums on this and I have tried some of the solutions but still find myself stuck.
http://tailoredart.ca/Mesco/default.html
Please help.
Thanks!

That error means you Spry files cannot be found did you upload all
files to your server? If yes, than post a online.

Spry Collapsible Panel Problem in Safari

When check my site in Firefox, there are no problems, but
when I open it in Safari, none of the CSS settings are applied to
the Collapsible Panel widget. Some settings I have make the widget
200 px width and make it have a black background, but Safari
doesn't show these. HERE IS THE CODE OF MY HOMEPAGE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<style type="text/css">
body {
background: url(Victorias%20Secret%20models.jpg) fixed
no-repeat center bottom;
</style>
<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab"
tabindex="0"></div>
<div class="CollapsiblePanelContent">
<p>BLOG</p>
<p>LISTEN</p>
<p>WATCH</p>
<p>ABOUT</p>
</div>
</div>
<script type="text/javascript">
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
{contentIsOpen:false});
</script>
</body>
</html>
AND HERE IS THE CODE OF MY CSS
@charset "UTF-8";
.CollapsiblePanel {
margin: 0px;
padding: 0px;
width: 200px;
color: #FFFFFF;
background-color: #000000;
.CollapsiblePanelTab {
background-color: #000000;
margin: 0px;
padding: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-family: sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
height: 40px;
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
background-color: #000;
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
background-color: #000;
height: 40px;
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #000;
color: #FFFFFF;
.CollapsiblePanelTabHover, .CollapsiblePanelOpen
.CollapsiblePanelTabHover {
background-color: #000;
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #000;
THANKS FOR YOUR HELP

Can't tell by that code, can you post a URL to the page?
Ken Ford
Adobe Community Expert - Dreamweaver/ColdFusion
Fordwebs, LLC
http://www.fordwebs.com
"kkaiser1" <[email protected]> wrote in
message news:[email protected]...
> When check my site in Firefox, there are no problems,
but when I open it in
> Safari, none of the CSS settings are applied to the
Collapsible Panel widget.
> Some settings I have make the widget 200 px width and
make it have a black
> background, but Safari doesn't show these. HERE IS THE
CODE OF MY HOMEPAGE:
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
>
> <title>Untitled Document</title>
>
> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
> <style type="text/css">
>
> body {
> background: url(Victorias%20Secret%20models.jpg) fixed
no-repeat center
> bottom;
> }
>
> </style>
> <script src="SpryAssets/SpryCollapsiblePanel.js"
> type="text/javascript"></script>
> <link href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet"
> type="text/css" />
> </head>
> <body>
> <div id="CollapsiblePanel1"
class="CollapsiblePanel">
> <div class="CollapsiblePanelTab"
tabindex="0"></div>
> <div class="CollapsiblePanelContent">
> <p>BLOG</p>
> <p>LISTEN</p>
> <p>WATCH</p>
> <p>ABOUT</p>
> </div>
> </div>
> <script type="text/javascript">
>
> var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
> {contentIsOpen:false});
>
> </script>
> </body>
> </html>
>
>
> AND HERE IS THE CODE OF MY CSS
>
> @charset "UTF-8";
>
> .CollapsiblePanel {
> margin: 0px;
> padding: 0px;
> width: 200px;
> color: #FFFFFF;
> background-color: #000000;
> }
>
> .CollapsiblePanelTab {
> background-color: #000000;
> margin: 0px;
> padding: 0px;
> cursor: pointer;
> -moz-user-select: none;
> -khtml-user-select: none;
> font-family: sans-serif;
> font-size: 0.7em;
> font-weight: bold;
> color: #FFFFFF;
> height: 40px;
> }
>
> .CollapsiblePanelContent {
> margin: 0px;
> padding: 0px;
> background-color: #000;
> }
>
> .CollapsiblePanelTab a {
> color: black;
> text-decoration: none;
> background-color: #000;
> height: 40px;
> }
>
> .CollapsiblePanelOpen .CollapsiblePanelTab {
> background-color: #000;
> color: #FFFFFF;
> }
>
> .CollapsiblePanelTabHover, .CollapsiblePanelOpen
.CollapsiblePanelTabHover {
> background-color: #000;
> }
>
> .CollapsiblePanelFocused .CollapsiblePanelTab {
> background-color: #000;
> }
>
>
> THANKS FOR YOUR HELP
>

Spry Collapsible Panel problem when previewing in web browser

Hello.
I have inserted a spry collapsible panel into my website, made ZERO adjustments to any of the scripting or even css styling, and previewed the panel in my Safari browser. It does not seem to be working correctly. I've attached a couple of images showing what the panel looks like in the browser. My site is not published yet, so I cannot give out the url.
Is something wrong with the js file? I tried the panel earlier on a different site on the same computer and it was working fine.
the "Tab" menu text does not fit inside the grey box. Everything collapses fine, however, the gray box is too thin for the text. I've tried adjusting it in the CSS sheet, but it doesn't seem to change anything.
This is the panel in the collapsed state. It looks bad. I know it's not supposed to work like this.
When I preview the site in "live view" everything works fine...
// SpryCollapsiblePanel.js - version 0.8 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
(function() { // BeginSpryComponent
if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.CollapsiblePanel = function(element, opts)
this.element = this.getElement(element);
this.focusElement = null;
this.hoverClass = "CollapsiblePanelTabHover";
this.openClass = "CollapsiblePanelOpen";
this.closedClass = "CollapsiblePanelClosed";
this.focusedClass = "CollapsiblePanelFocused";
this.enableAnimation = true;
this.enableKeyboardNavigation = true;
this.animator = null;
this.hasFocus = false;
this.contentIsOpen = false;
this.openPanelKeyCode = Spry.Widget.CollapsiblePanel.KEY_DOWN;
this.closePanelKeyCode = Spry.Widget.CollapsiblePanel.KEY_UP;
Spry.Widget.CollapsiblePanel.setOptions(this, opts);
this.attachBehaviors();
Spry.Widget.CollapsiblePanel.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.CollapsiblePanel.prototype.addClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.CollapsiblePanel.prototype.removeClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
Spry.Widget.CollapsiblePanel.prototype.hasClassName = function(ele, className)
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
return false;
return true;
Spry.Widget.CollapsiblePanel.prototype.setDisplay = function(ele, display)
if( ele )
ele.style.display = display;
Spry.Widget.CollapsiblePanel.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
Spry.Widget.CollapsiblePanel.prototype.onTabMouseOver = function(e)
this.addClassName(this.getTab(), this.hoverClass);
return false;
Spry.Widget.CollapsiblePanel.prototype.onTabMouseOut = function(e)
this.removeClassName(this.getTab(), this.hoverClass);
return false;
Spry.Widget.CollapsiblePanel.prototype.open = function()
this.contentIsOpen = true;
if (this.enableAnimation)
if (this.animator)
this.animator.stop();
this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, true, { duration: this.duration, fps: this.fps, transition: this.transition });
this.animator.start();
else
this.setDisplay(this.getContent(), "block");
this.removeClassName(this.element, this.closedClass);
this.addClassName(this.element, this.openClass);
Spry.Widget.CollapsiblePanel.prototype.close = function()
this.contentIsOpen = false;
if (this.enableAnimation)
if (this.animator)
this.animator.stop();
this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, false, { duration: this.duration, fps: this.fps, transition: this.transition });
this.animator.start();
else
this.setDisplay(this.getContent(), "none");
this.removeClassName(this.element, this.openClass);
this.addClassName(this.element, this.closedClass);
Spry.Widget.CollapsiblePanel.prototype.onTabClick = function(e)
if (this.isOpen())
this.close();
else
this.open();
this.focus();
return this.stopPropagation(e);
Spry.Widget.CollapsiblePanel.prototype.onFocus = function(e)
this.hasFocus = true;
this.addClassName(this.element, this.focusedClass);
return false;
Spry.Widget.CollapsiblePanel.prototype.onBlur = function(e)
this.hasFocus = false;
this.removeClassName(this.element, this.focusedClass);
return false;
Spry.Widget.CollapsiblePanel.KEY_UP = 38;
Spry.Widget.CollapsiblePanel.KEY_DOWN = 40;
Spry.Widget.CollapsiblePanel.prototype.onKeyDown = function(e)
var key = e.keyCode;
if (!this.hasFocus || (key != this.openPanelKeyCode && key != this.closePanelKeyCode))
return true;
if (this.isOpen() && key == this.closePanelKeyCode)
this.close();
else if ( key == this.openPanelKeyCode)
this.open();
return this.stopPropagation(e);
Spry.Widget.CollapsiblePanel.prototype.stopPropagation = function(e)
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
return false;
Spry.Widget.CollapsiblePanel.prototype.attachPanelHandlers = function()
var tab = this.getTab();
if (!tab)
return;
var self = this;
Spry.Widget.CollapsiblePanel.addEventListener(tab, "click", function(e) { return self.onTabClick(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e); }, false);
if (this.enableKeyboardNavigation)
// XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
// rely on adding the tabindex attribute if it is missing to enable keyboard navigation
// by default.
// Find the first element within the tab container that has a tabindex or the first
// anchor tag.
var tabIndexEle = null;
var tabAnchorEle = null;
this.preorderTraversal(tab, function(node) {
if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)
var tabIndexAttr = tab.attributes.getNamedItem("tabindex");
if (tabIndexAttr)
tabIndexEle = node;
return true;
if (!tabAnchorEle && node.nodeName.toLowerCase() == "a")
tabAnchorEle = node;
return false;
if (tabIndexEle)
this.focusElement = tabIndexEle;
else if (tabAnchorEle)
this.focusElement = tabAnchorEle;
if (this.focusElement)
Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "focus", function(e) { return self.onFocus(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "blur", function(e) { return self.onBlur(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "keydown", function(e) { return self.onKeyDown(e); }, false);
Spry.Widget.CollapsiblePanel.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
element.attachEvent("on" + eventType, handler);
catch (e) {}
Spry.Widget.CollapsiblePanel.prototype.preorderTraversal = function(root, func)
var stopTraversal = false;
if (root)
stopTraversal = func(root);
if (root.hasChildNodes())
var child = root.firstChild;
while (!stopTraversal && child)
stopTraversal = this.preorderTraversal(child, func);
try { child = child.nextSibling; } catch (e) { child = null; }
return stopTraversal;
Spry.Widget.CollapsiblePanel.prototype.attachBehaviors = function()
var panel = this.element;
var tab = this.getTab();
var content = this.getContent();
if (this.contentIsOpen || this.hasClassName(panel, this.openClass))
this.addClassName(panel, this.openClass);
this.removeClassName(panel, this.closedClass);
this.setDisplay(content, "block");
this.contentIsOpen = true;
else
this.removeClassName(panel, this.openClass);
this.addClassName(panel, this.closedClass);
this.setDisplay(content, "none");
this.contentIsOpen = false;
this.attachPanelHandlers();
Spry.Widget.CollapsiblePanel.prototype.getTab = function()
return this.getElementChildren(this.element)[0];
Spry.Widget.CollapsiblePanel.prototype.getContent = function()
return this.getElementChildren(this.element)[1];
Spry.Widget.CollapsiblePanel.prototype.isOpen = function()
return this.contentIsOpen;
Spry.Widget.CollapsiblePanel.prototype.getElementChildren = function(element)
var children = [];
var child = element.firstChild;
while (child)
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
children.push(child);
child = child.nextSibling;
return children;
Spry.Widget.CollapsiblePanel.prototype.focus = function()
if (this.focusElement && this.focusElement.focus)
this.focusElement.focus();
Spry.Widget.CollapsiblePanel.PanelAnimator = function(panel, doOpen, opts)
this.timer = null;
this.interval = 0;
this.fps = 60;
this.duration = 500;
this.startTime = 0;
this.transition = Spry.Widget.CollapsiblePanel.PanelAnimator.defaultTransition;
this.onComplete = null;
this.panel = panel;
this.content = panel.getContent();
this.doOpen = doOpen;
Spry.Widget.CollapsiblePanel.setOptions(this, opts, true);
this.interval = Math.floor(1000 / this.fps);
var c = this.content;
var curHeight = c.offsetHeight ? c.offsetHeight : 0;
this.fromHeight = (doOpen && c.style.display == "none") ? 0 : curHeight;
if (!doOpen)
this.toHeight = 0;
else
if (c.style.display == "none")
// The content area is not displayed so in order to calculate the extent
// of the content inside it, we have to set its display to block.
c.style.visibility = "hidden";
c.style.display = "block";
// Clear the height property so we can calculate
// the full height of the content we are going to show.
c.style.height = "";
this.toHeight = c.offsetHeight;
this.distance = this.toHeight - this.fromHeight;
this.overflow = c.style.overflow;
c.style.height = this.fromHeight + "px";
c.style.visibility = "visible";
c.style.overflow = "hidden";
c.style.display = "block";
Spry.Widget.CollapsiblePanel.PanelAnimator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };
Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.start = function()
var self = this;
this.startTime = (new Date).getTime();
this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stop = function()
if (this.timer)
clearTimeout(this.timer);
// If we're killing the timer, restore the overflow property.
this.content.style.overflow = this.overflow;
this.timer = null;
Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stepAnimation = function()
var curTime = (new Date).getTime();
var elapsedTime = curTime - this.startTime;
if (elapsedTime >= this.duration)
if (!this.doOpen)
this.content.style.display = "none";
this.content.style.overflow = this.overflow;
this.content.style.height = this.toHeight + "px";
if (this.onComplete)
this.onComplete();
return;
var ht = this.transition(elapsedTime, this.fromHeight, this.distance, this.duration);
this.content.style.height = ((ht < 0) ? 0 : ht) + "px";
var self = this;
this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
Spry.Widget.CollapsiblePanelGroup = function(element, opts)
this.element = this.getElement(element);
this.opts = opts;
this.attachBehaviors();
Spry.Widget.CollapsiblePanelGroup.prototype.setOptions = Spry.Widget.CollapsiblePanel.prototype.setOptions;
Spry.Widget.CollapsiblePanelGroup.prototype.getElement = Spry.Widget.CollapsiblePanel.prototype.getElement;
Spry.Widget.CollapsiblePanelGroup.prototype.getElementChildren = Spry.Widget.CollapsiblePanel.prototype.getElementChildren;
Spry.Widget.CollapsiblePanelGroup.prototype.setElementWidget = function(element, widget)
if (!element || !widget)
return;
if (!element.spry)
element.spry = new Object;
element.spry.collapsiblePanel = widget;
Spry.Widget.CollapsiblePanelGroup.prototype.getElementWidget = function(element)
return (element && element.spry && element.spry.collapsiblePanel) ? element.spry.collapsiblePanel : null;
Spry.Widget.CollapsiblePanelGroup.prototype.getPanels = function()
if (!this.element)
return [];
return this.getElementChildren(this.element);
Spry.Widget.CollapsiblePanelGroup.prototype.getPanel = function(panelIndex)
return this.getPanels()[panelIndex];
Spry.Widget.CollapsiblePanelGroup.prototype.attachBehaviors = function()
if (!this.element)
return;
var cpanels = this.getPanels();
var numCPanels = cpanels.length;
for (var i = 0; i < numCPanels; i++)
var cpanel = cpanels[i];
this.setElementWidget(cpanel, new Spry.Widget.CollapsiblePanel(cpanel, this.opts));
Spry.Widget.CollapsiblePanelGroup.prototype.openPanel = function(panelIndex)
var w = this.getElementWidget(this.getPanel(panelIndex));
if (w && !w.isOpen())
w.open();
Spry.Widget.CollapsiblePanelGroup.prototype.closePanel = function(panelIndex)
var w = this.getElementWidget(this.getPanel(panelIndex));
if (w && w.isOpen())
w.close();
Spry.Widget.CollapsiblePanelGroup.prototype.openAllPanels = function()
var cpanels = this.getPanels();
var numCPanels = cpanels.length;
for (var i = 0; i < numCPanels; i++)
var w = this.getElementWidget(cpanels[i]);
if (w && !w.isOpen())
w.open();
Spry.Widget.CollapsiblePanelGroup.prototype.closeAllPanels = function()
var cpanels = this.getPanels();
var numCPanels = cpanels.length;
for (var i = 0; i < numCPanels; i++)
var w = this.getElementWidget(cpanels[i]);
if (w && w.isOpen())
w.close();
})(); // EndSpryComponent

I have inserted a spry collapsible panel into my website, made ZERO
adjustments to any of the scripting or even css styling
That is good, that means that I have a local copy of the scripting and css files eliminating the need to attach the code to a post.
Is something wrong with the js file? I tried the panel earlier on a
different site on the same computer and it was working fine
The fact that it works on a different site means that something is correct. My assumption is that the scripting and css files are doing their job correctly and to answer your question regarding the js file, no.
Having eliminated the Spry original JavaScript and CSS files as being the culprits, there must be a problem with the rest of the site, incorrect HTML, other interfering JavaScript or CSS.
I can keep guessing, but only those persons that are privy to your code can give you any positive input. Please find a way to upload your files so that we can see the code in context.
To this end, screen captures do not assist in solving the problem, they only add to others' amusement at seeing the problem.
Ben
PS I forgot to say, welcome to our community and yes I am a cynical old codger, sorry.

Collapsible panel problem in IE

Hi ,
I have a collapsible panel in a site I'm working on.the collapsible panel on display is closed. whe I open the page in IE8 it looks fine but once I click on the panel to open the content is show as it should and after a sec it drops down to the bottom of the web page.
is this a problem with the way I implimented the spry collapsible panel or with IE8? on FF, Opera and Safari it opens just fine.

Source Code:
<div class="IntBodyDiv1">
    <img src="../IMG/vertical-line.png" width="1" height="407" align="right" />
    <div id="Applications" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0">
<table width="200" border="0" cellspacing="5" cellpadding="1">
<tr>
    <td>Applications</td>
</tr>
<tr>
    <td><img src="../IMG/line.png" width="169" height="1" /></td>
</tr>
</table>
      </div>
      <div class="CollapsiblePanelContent">
        <table width="201" border="0" cellspacing="5" cellpadding="1">
          <tr>
            <td><span class="SideMenuH2"><a href="#">Private Pools</a></span></td>
          </tr>
          <tr>
            <td><span class="SideMenuH2"><a href="#">Public Pools</a></span></td>
          </tr>
          <tr>
            <td><span class="SideMenuH2"><a href="#">Spas</a></span></td>
          </tr>
          <tr>
            <td><span class="SideMenuH2"><a href="#">Rehabilitation & Thermal pools
            </a></span></td>
          </tr>
        </table>
      </div>
    </div>
    <div id="Productss" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" id="Products" tabindex="0">
<table width="200" border="0" cellspacing="5" cellpadding="1">
<tr>
    <td>Products</td>
</tr>
<tr>
    <td><img src="../IMG/line.png" width="169" height="1" /></td>
</tr>
</table>
      </div>
      <div class="CollapsiblePanelContent">
        <table width="201" border="0" cellpadding="1" cellspacing="5" class="SideMenuH2">
          <tr>
            <td><a href="#">Prizma</a></td>
          </tr>
          <tr>
            <td><a href="#">HG 302</a></td>
          </tr>
          <tr>
            <td><a href="#">HG 202</a></td>
          </tr>
          <tr>
            <td><a href="#">HG 102</a></td>
          </tr>
          <tr>
            <td><a href="#">HG CYA</a></td>
          </tr>
        </table>
      </div>
    </div>
    <p><br />
</p>
</div>
<div class="IntBodyDiv2">
sprycollapsiblepanel.css:
@charset "UTF-8";
/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main CollapsiblePanel container. For our
* default style, the CollapsiblePanel is responsible for drawing the borders
* around the widget.
* If you want to constrain the width of the CollapsiblePanel widget, set a width on
* the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
* up available space.
* The name of the class ("CollapsiblePanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* CollapsiblePanel container.
.CollapsiblePanel {
margin: 0px;
padding: 0px;
width: 196px;
/* This is the selector for the CollapsiblePanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open or close the panel.
* The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* CollapsiblePanel panel tab container.
.CollapsiblePanelTab {
margin: 0px;
padding: 2px;
cursor: pointer;
-khtml-user-select: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
color: #00aeef;
outline: none;
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
* you should never put any padding on the content area element if you plan to
* use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
* element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
* The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style a
* CollapsiblePanel content container.
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
* keyboard focus ring appears *inside* the tab instead of around the tab.
* This is an example of how to make the text within the anchor tag look
* like non-anchor (normal) text.
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
margin: 0px;
padding: 0px;
outline: none;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "CollapsiblePanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the CollapsiblePanel.
.CollapsiblePanelOpen .CollapsiblePanelTab {
/* This is an example of how to change the appearance of the panel tab when the
* CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
* whenever the CollapsiblePanel is closed.
.CollapsiblePanelClosed .CollapsiblePanelTab {
margin: 0px;
padding: 0px;
/* background-color: #EFEFEF */
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
margin: 0px;
padding: 0px;
/* This is an example of how to change the appearance of all the panel tabs when the
* CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
* whenever the CollapsiblePanel gains or loses keyboard focus.
.CollapsiblePanelFocused .CollapsiblePanelTab {
margin: 0px;
padding: 0px;

Theme - Naviagtion Panel problem

Similar Messages

Maybe you are looking for