[Linpha-cvs] SF.net SVN: linpha: [4891] trunk/linpha2/templates/default/themes/default
Status: Inactive
Brought to you by:
bzrudi
From: <fan...@us...> - 2008-02-21 20:36:39
|
Revision: 4891 http://linpha.svn.sourceforge.net/linpha/?rev=4891&view=rev Author: fangehrn Date: 2008-02-21 12:36:08 -0800 (Thu, 21 Feb 2008) Log Message: ----------- added files for jscookmenu Added Paths: ----------- trunk/linpha2/templates/default/themes/default/menu/ trunk/linpha2/templates/default/themes/default/menu/arrow.gif trunk/linpha2/templates/default/themes/default/menu/arrowdown.gif trunk/linpha2/templates/default/themes/default/menu/blank.gif trunk/linpha2/templates/default/themes/default/menu/theme.css trunk/linpha2/templates/default/themes/default/menu/theme.js Added: trunk/linpha2/templates/default/themes/default/menu/arrow.gif =================================================================== (Binary files differ) Property changes on: trunk/linpha2/templates/default/themes/default/menu/arrow.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/linpha2/templates/default/themes/default/menu/arrowdown.gif =================================================================== (Binary files differ) Property changes on: trunk/linpha2/templates/default/themes/default/menu/arrowdown.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/linpha2/templates/default/themes/default/menu/blank.gif =================================================================== (Binary files differ) Property changes on: trunk/linpha2/templates/default/themes/default/menu/blank.gif ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/linpha2/templates/default/themes/default/menu/theme.css =================================================================== --- trunk/linpha2/templates/default/themes/default/menu/theme.css (rev 0) +++ trunk/linpha2/templates/default/themes/default/menu/theme.css 2008-02-21 20:36:08 UTC (rev 4891) @@ -0,0 +1,282 @@ +/* ThemePanelMenu Style Sheet */ + +.ThemePanelMenu,.ThemePanelSubMenuTable +{ + /*font-family: verdana, arial, sans-serif;*/ + /*font-size: 13px;*/ + + cursor: pointer; /* default*/ + white-space: nowrap; +} + +.ThemePanelSubMenu +{ + z-index: 0; + position: absolute; + visibility: hidden; + display: block; + overflow: hidden; + + border: 0; + background-color: inherit; +} + +.ThemePanelSubMenuShadow +{ + z-index: -1; + position: absolute; + top: 3px; + left: 3px; + width: 100%; + height: 300em; + background-color: black; + opacity: 0.5; + border: 0; + margin: 0; +} + +.ThemePanelSubMenuBorder +{ + border: 1px solid #9C9A9C; + background-color: #F7F3F7; + padding: 1px; + margin: 0px 3px 3px 0px; +} + +.ThemePanelSubMenuTable +{ + border-collapse: separate; +} + +.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive +{ + cursor: default; + white-space: nowrap; +} + +.ThemePanelMainItem, +.ThemePanelMenuItem +{ + /*background-color: #F7F3F7;*/ + white-space: nowrap; +} + +.ThemePanelMainItemHover, +.ThemePanelMainItemActive, +.ThemePanelMenuItemHover, +.ThemePanelMenuItemActive +{ + background-color: #C6C6C3; + white-space: nowrap; +} + +/* horizontal main menu sub components */ +/* panel doesn't really support horizontal menus */ +/* there are simpler approaches, but the setting here allows me to + set a background image for the menu without lines all over it */ + +.ThemePanelMainFolderLeft, +.ThemePanelMainItemLeft +{ + padding: 3px 0px 3px 3px; + border: 0; + white-space: nowrap; + background-color: inherit; +} + +.ThemePanelMainFolderText, +.ThemePanelMainItemText +{ + padding: 3px 7px 3px 5px; + + border: 0; + white-space: nowrap; + background-color: inherit; +} + +.ThemePanelMainItemRight, +.ThemePanelMainFolderRight +{ + padding: 3px 1px 3px 0px; + + border: 0; + white-space: nowrap; + background-color: inherit; +} + +/* hoover and active border */ +.ThemePanelMainItemHover .ThemePanelMainFolderLeft, +.ThemePanelMainItemActive .ThemePanelMainFolderLeft, +.ThemePanelMainItemHover .ThemePanelMainItemLeft, +.ThemePanelMainItemActive .ThemePanelMainItemLeft, +.ThemePanelMainItemHover .ThemePanelMainFolderText, +.ThemePanelMainItemActive .ThemePanelMainFolderText, +.ThemePanelMainItemHover .ThemePanelMainItemText, +.ThemePanelMainItemActive .ThemePanelMainItemText, +.ThemePanelMainItemHover .ThemePanelMainFolderRight, +.ThemePanelMainItemActive .ThemePanelMainFolderRight, +.ThemePanelMainItemHover .ThemePanelMainItemRight, +.ThemePanelMainItemActive .ThemePanelMainItemRight +{ + border-color: #9C9A9C; +} + +.ThemePanelMainItemHover .ThemePanelMainFolderLeft, +.ThemePanelMainItemActive .ThemePanelMainFolderLeft, +.ThemePanelMainItemHover .ThemePanelMainItemLeft, +.ThemePanelMainItemActive .ThemePanelMainItemLeft +{ + border-width: 1px 0px 1px 1px; + border-style: solid; + padding: 2px 0px 2px 2px; +} + +.ThemePanelMainItemHover .ThemePanelMainFolderText, +.ThemePanelMainItemActive .ThemePanelMainFolderText, +.ThemePanelMainItemHover .ThemePanelMainItemText, +.ThemePanelMainItemActive .ThemePanelMainItemText +{ + border-width: 1px 0px 1px 0px; + border-style: solid; + padding: 2px 7px 2px 5px; +} + +.ThemePanelMainItemHover .ThemePanelMainFolderRight, +.ThemePanelMainItemActive .ThemePanelMainFolderRight, +.ThemePanelMainItemHover .ThemePanelMainItemRight, +.ThemePanelMainItemActive .ThemePanelMainItemRight +{ + border-width: 1px 1px 1px 0px; + border-style: solid; + padding: 2px 0px 2px 0px; +} + +/* sub menus sub components */ + +.ThemePanelMenuFolderLeft, +.ThemePanelMenuItemLeft +{ + padding: 3px 0px 3px 3px; + border: 0; + white-space: nowrap; + background-color: inherit; +} + +.ThemePanelMenuFolderText, +.ThemePanelMenuItemText +{ + padding: 3px 3px 3px 5px; + + border: 0; + white-space: nowrap; + background-color: inherit; +} + +.ThemePanelMenuItemRight, +.ThemePanelMenuFolderRight +{ + padding: 3px 1px 3px 0px; + + border: 0; + white-space: nowrap; + background-color: inherit; +} + +/* hoover and active border */ +.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft, +.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft, +.ThemePanelMenuItemHover .ThemePanelMenuItemLeft, +.ThemePanelMenuItemActive .ThemePanelMenuItemLeft, +.ThemePanelMenuItemHover .ThemePanelMenuFolderText, +.ThemePanelMenuItemActive .ThemePanelMenuFolderText, +.ThemePanelMenuItemHover .ThemePanelMenuItemText, +.ThemePanelMenuItemActive .ThemePanelMenuItemText, +.ThemePanelMenuItemHover .ThemePanelMenuFolderRight, +.ThemePanelMenuItemActive .ThemePanelMenuFolderRight, +.ThemePanelMenuItemHover .ThemePanelMenuItemRight, +.ThemePanelMenuItemActive .ThemePanelMenuItemRight +{ + border-color: #9C9A9C; +} + +.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft, +.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft, +.ThemePanelMenuItemHover .ThemePanelMenuItemLeft, +.ThemePanelMenuItemActive .ThemePanelMenuItemLeft +{ + border-width: 1px 0px 1px 1px; + border-style: solid; + padding: 2px 0px 2px 2px; +} + +.ThemePanelMenuItemHover .ThemePanelMenuFolderText, +.ThemePanelMenuItemActive .ThemePanelMenuFolderText, +.ThemePanelMenuItemHover .ThemePanelMenuItemText, +.ThemePanelMenuItemActive .ThemePanelMenuItemText +{ + border-width: 1px 0px 1px 0px; + border-style: solid; + padding: 2px 3px 2px 5px; +} + +.ThemePanelMenuItemHover .ThemePanelMenuFolderRight, +.ThemePanelMenuItemActive .ThemePanelMenuFolderRight, +.ThemePanelMenuItemHover .ThemePanelMenuItemRight, +.ThemePanelMenuItemActive .ThemePanelMenuItemRight +{ + border-width: 1px 1px 1px 0px; + border-style: solid; + padding: 2px 0px 2px 0px; +} + +td.ThemePanelMenuSplit +{ + padding: 0px; + margin: 0px; + height: 7px; + border: 0px; + background-color: inherit; + overflow: hidden; +} + +div.ThemePanelMenuSplit +{ + display: block; + margin: 3px; + height: 1px; + width: 100%; + overflow: hidden; + background-color: inherit; + + border-style: solid; + border-width: 1px 0px 0px 0px; + border-color: #9C9A9C; +} + +/* image shadow animation */ + +/* + seq1: image for normal + seq2: image for hover and active + + To use, in the icon field, input the following: + <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" /> +*/ + +.ThemePanelMenuItem img.seq1 +{ + display: inline; +} + +.ThemePanelMenuItemHover seq2, +.ThemePanelMenuItemActive seq2 +{ + display: inline; +} + +.ThemePanelMenuItem .seq2, +.ThemePanelMenuItemHover .seq1, +.ThemePanelMenuItemActive .seq1 +{ + display: none; +} Added: trunk/linpha2/templates/default/themes/default/menu/theme.js =================================================================== --- trunk/linpha2/templates/default/themes/default/menu/theme.js (rev 0) +++ trunk/linpha2/templates/default/themes/default/menu/theme.js 2008-02-21 20:36:08 UTC (rev 4891) @@ -0,0 +1,76 @@ + +// directory of where all the images are +var cmThemePanelBase = ''; + +// the follow block allows user to re-define theme base directory +// before it is loaded. +try +{ + if (myThemePanelBase) + { + cmThemePanelBase = myThemePanelBase; + } +} +catch (e) +{ +} + +var cmThemePanel = +{ + prefix: 'ThemePanel', + // main menu display attributes + // + // Note. When the menu bar is horizontal, + // mainFolderLeft and mainFolderRight are + // put in <span></span>. When the menu + // bar is vertical, they would be put in + // a separate TD cell. + + // HTML code to the left of the folder item + mainFolderLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">', + // HTML code to the right of the folder item + mainFolderRight: '<img alt="" src="' + cmThemePanelBase + 'arrowdown.gif">', + // HTML code to the left of the regular item + mainItemLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">', + // HTML code to the right of the regular item + mainItemRight: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">', + + // sub menu display attributes + + // HTML code to the left of the folder item + folderLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">', + // HTML code to the right of the folder item + folderRight: '<span style="border: 0; width: 24px;"><img alt="" src="' + cmThemePanelBase + 'arrow.gif"></span>', + // HTML code to the left of the regular item + itemLeft: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">', + // HTML code to the right of the regular item + itemRight: '<img alt="" src="' + cmThemePanelBase + 'blank.gif">', + // cell spacing for main menu + mainSpacing: 0, + // cell spacing for sub menus + subSpacing: 0, + + subMenuHeader: '<div class="ThemePanelSubMenuShadow"></div><div class="ThemePanelSubMenuBorder">', + subMenuFooter: '</div>', + + // move the first lvl of vbr submenu up a bit + offsetVMainAdjust: [0, -2], + // also for the other lvls + offsetSubAdjust: [0, -2], + + effect: new CMFadingEffect (8, 4) + + // rest use default settings +}; + +// for sub menu horizontal split +var cmThemePanelHSplit = [_cmNoClick, '<td colspan="3" class="ThemePanelMenuSplit"><div class="ThemePanelMenuSplit"></div></td>']; +// for vertical main menu horizontal split +var cmThemePanelMainHSplit = [_cmNoClick, '<td colspan="3" class="ThemePanelMenuSplit"><div class="ThemePanelMenuSplit"></div></td>']; +// for horizontal main menu vertical split +var cmThemePanelMainVSplit = [_cmNoClick, '|']; + +/* IE can't do negative margin on tables */ +/* not needed?! cpu goes up to 100%!! @ c c _ o n + cmThemePanel.subMenuHeader = '<div class="ThemePanelSubMenuShadow" style="background-color: #aaaaaa;filter: alpha(opacity=50);"></div><div class="ThemePanelSubMenuBorder">'; +@*/ This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |