/* * * * ///////////////////////////////////////////// * CREATING A CUSTOM SKIN FOR SPECIFIC ClubName * * 1. Copy this File & PanelBar Folder (gfx folder) * and place in your Site Implementation > ClubName_css Folder * - This is where ALL SKINS should be placed whether a PanelBar * Accordion, CookieTrail, Slider, SiteMap, TabStrip, etc. * * 2. Rename File & Skin Folder: * - PanelBar.DescriptiveName.css (example: PanelBar.ClubName-MainMenu.css) * - PanelBar-DescriptiveName (gfx folder) (example: PanelBar-ClubName-MainMenu) * * * * In order for these new CSS Rules to apply, you must at least assign .siteWrapper * (our most general classname in our css framework) in front of .vNavWrap .RadPanelBar_SkinName. * Where _SkinName is selected in the Plugin Properties on the page. * * If you need to be more specific for certain areas of the page * that leverage the same css or graphics but have SUBTLE differences: * * 1. Can create a whole new CSS file & PanelBar-DescriptiveName gfx folder * * OR * * 2. Easiest: Just apply a specific CSS ID for example: * #navigation .vNavWrap .RadPanelBar_SkinName .etc * Or #contentMain .vNavWrap .RadPanelBar_SkinName .etc * * * DJC Notes: Possibly Change Clubessential2011-Skins to different name "Template-Skins" or "BareBones-Skins" * - Separate the Functionality of the skin into the Global Menus Folder * that is most cross-browser compatible and has been tested. (Make skinning way more efficient) * - Then Organize so the Basic Graphic Rules are at the top? (Fonts, colors, background images, padding, etc. anything really) * with functionality at the bottom? (This would be unique floats, position:rel/abs, padding & margins, etc * that should be left alone for Skin-Functionality purposes) * * MENU-SKINNING THOUGHT-PROCESS: * - Apply ALL CSS graphic styles to the .rpLink that is defaulted to display:block; * All styles such as width, height, backgrounds, fonts, padding, margins, !borders (affect width & height), etc * *This will allow for easiest understanding and efficient updating. * - Place all Graphics in a sprite.psd file as much as possible and use background-position to place graphics. * Quickly reference file for new skinning & css update with ONE Find & Replace call. */ /*RESET - JN - 10/12/11*/ .vNavWrap ul { list-style-image: none; /*DISABLES BULLET IN INTERNET EXPLORER*/ } .vNavWrap .RadPanelBar .rpText { padding:0; } /* ///////////////////////////// */ /* GRAPHIC STYLES */ /* ----------------------- */ /*
&