You are viewing a plain text version of this content. The canonical link for it is here.
Posted to jetspeed-dev@portals.apache.org by rw...@apache.org on 2005/12/07 10:07:58 UTC
svn commit: r354754 - in
/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu: ./
css/ThemeJetspeed/ images/ThemeJetspeed/ scripts/ThemeJetspeed/
Author: rwatler
Date: Wed Dec 7 01:07:53 2005
New Revision: 354754
URL: http://svn.apache.org/viewcvs?rev=354754&view=rev
Log:
customize jscookmenu to resemble tigris theme
Added:
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/theme.css (with props)
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrow.gif (with props)
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrowdown.gif (with props)
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/blank.gif (with props)
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/theme.js (with props)
Modified:
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/decorator-macros.vm
portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/header.vm
Added: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/theme.css
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/theme.css?rev=354754&view=auto
==============================================================================
--- portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/theme.css (added)
+++ portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/theme.css Wed Dec 7 01:07:53 2005
@@ -0,0 +1,397 @@
+/* ThemeJetspeedMenu Style Sheet */
+
+.ThemeJetspeedMenu,.ThemeJetspeedSubMenuTable
+{
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ font-size: x-small;
+ background-color: #999;
+
+ border: 0;
+ cursor: default;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedSubMenu
+{
+ position: absolute;
+ visibility: hidden;
+
+ /*
+ Netscape/Mozilla renders borders by increasing
+ their z-index. The following line is necessary
+ to cover any borders underneath
+ */
+ z-index: 100;
+ border: 0;
+ padding: 0;
+
+ /* the following property is only useful in IE */
+ filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
+}
+
+.ThemeJetspeedSubMenuTable
+{
+ border: 1px solid #FFF;
+}
+
+.ThemeJetspeedMenuItem,.ThemeJetspeedMenuItemHover,.ThemeJetspeedMenuItemActive
+{
+ cursor: default;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMainItem,
+.ThemeJetspeedMenuItem
+{
+ border: 1px solid #999;
+ background-color: #999;
+ color: #FFF;
+}
+
+.ThemeJetspeedMainItemHover,
+.ThemeJetspeedMenuItemHover,
+.ThemeJetspeedMainItemActive,
+.ThemeJetspeedMenuItemActive
+{
+ border: 1px solid #FFF;
+ background-color: #DDD;
+ color: #555;
+}
+
+/* horizontal main menu sub components */
+/* panel doesn't really support horizontal menus */
+
+.ThemeJetspeedMainFolderLeft,.ThemeJetspeedMainItemLeft
+{
+ padding-right: 0px;
+ padding-left: 0px;
+ border: 0;
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMainFolderText
+{
+ padding-right: 0px;
+ padding-left: 10px;
+ border: 0;
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMainItemText
+{
+ padding-right: 10px;
+ padding-left: 10px;
+ border: 0;
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMainFolderRight
+{
+ padding-right: 10px;
+ padding-left: 0px;
+ border: 0;
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMainItemRight
+{
+ padding-right: 0px;
+ padding-left: 0px;
+ border: 0;
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+/* vertical main menu sub components */
+TD.ThemeJetspeedMainFolderLeft,TD.ThemeJetspeedMainItemLeft
+{
+ padding-left: 0px;
+ padding-right: 0px;
+
+ border-left: 1px solid #FFF;
+
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TD.ThemeJetspeedMainFolderLeft,TD.ThemeJetspeedMainItemLeft,
+TD.ThemeJetspeedMainFolderText,TD.ThemeJetspeedMainItemText,
+TD.ThemeJetspeedMainFolderRight,TD.ThemeJetspeedMainItemRight
+{
+ padding-top: 2px;
+ padding-bottom: 2px;
+ border-top: 1px solid #FFF;
+ border-bottom: 1px solid #FFF;
+
+ background-color: inherit;
+}
+
+TD.ThemeJetspeedMainFolderLeft,TD.ThemeJetspeedMainItemLeft
+{
+ padding-right: 0px;
+ padding-left: 0px;
+ border-left: 1px solid #FFF;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+TD.ThemeJetspeedMainFolderText,TD.ThemeJetspeedMainItemText
+{
+ padding-right: 10px;
+ padding-left: 10px;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+TD.ThemeJetspeedMainFolderRight,TD.ThemeJetspeedMainItemRight
+{
+ padding-right: 0px;
+ padding-left: 0px;
+ border-right: 1px solid #FFF;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+TR.ThemeJetspeedMainItem TD.ThemeJetspeedMainFolderLeft
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 1px;
+ padding-right: 0px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMainItem TD.ThemeJetspeedMainItemLeft
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 1px;
+ padding-right: 0px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMainItem TD.ThemeJetspeedMainFolderText
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 10px;
+ padding-right: 10px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMainItem TD.ThemeJetspeedMainItemText
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 10px;
+ padding-right: 10px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMainItem TD.ThemeJetspeedMainItemRight
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 0px;
+ padding-right: 1px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMainItem TD.ThemeJetspeedMainFolderRight
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 0px;
+ padding-right: 1px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+/* sub menus sub components */
+
+.ThemeJetspeedMenuFolderLeft,.ThemeJetspeedMenuItemLeft
+{
+ padding-left: 0px;
+ padding-right: 0px;
+
+ border-left: 1px solid #FFF;
+
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+.ThemeJetspeedMenuFolderLeft,.ThemeJetspeedMenuItemLeft,
+.ThemeJetspeedMenuFolderText,.ThemeJetspeedMenuItemText,
+.ThemeJetspeedMenuFolderRight,.ThemeJetspeedMenuItemRight
+{
+ padding-top: 2px;
+ padding-bottom: 2px;
+ border-top: 1px solid #FFF;
+ border-bottom: 1px solid #FFF;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMenuFolderLeft,.ThemeJetspeedMenuItemLeft
+{
+ padding-right: 0px;
+ padding-left: 2px;
+ border-left: 1px solid #FFF;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMenuFolderText,.ThemeJetspeedMenuItemText
+{
+ padding-right: 3px;
+ padding-left: 5px;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+.ThemeJetspeedMenuFolderRight,.ThemeJetspeedMenuItemRight
+{
+ padding-right: 0px;
+ padding-left: 0px;
+ border-right: 1px solid #FFF;
+
+ background-color: inherit;
+ white-space: nowrap;
+}
+
+TR.ThemeJetspeedMenuItem TD.ThemeJetspeedMenuFolderLeft
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 3px;
+ padding-right: 0px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMenuItem TD.ThemeJetspeedMenuItemLeft
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 3px;
+ padding-right: 0px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMenuItem TD.ThemeJetspeedMenuFolderText
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-right: 3px;
+ padding-left: 5px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMenuItem TD.ThemeJetspeedMenuItemText
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-right: 3px;
+ padding-left: 5px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMenuItem TD.ThemeJetspeedMenuItemRight
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 0px;
+ padding-right: 1px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+TR.ThemeJetspeedMenuItem TD.ThemeJetspeedMenuFolderRight
+{
+ padding-top: 3px;
+ padding-bottom: 3px;
+ padding-left: 0px;
+ padding-right: 1px;
+
+ border: 0;
+ white-space: nowrap;
+ background-color: inherit;
+}
+
+.ThemeJetspeedMenuSplit
+{
+ margin: 2px;
+ height: 1px;
+ overflow: hidden;
+ background-color: inherit;
+ border-top: 1px solid #FFF;
+}
+
+/* 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" />
+*/
+
+.ThemeJetspeedMenuItem img.seq1
+{
+ display: inline;
+}
+
+.ThemeJetspeedMenuItemHover seq2,
+.ThemeJetspeedMenuItemActive seq2
+{
+ display: inline;
+}
+
+.ThemeJetspeedMenuItem .seq2,
+.ThemeJetspeedMenuItemHover .seq1,
+.ThemeJetspeedMenuItemActive .seq1
+{
+ display: none;
+}
Propchange: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/css/ThemeJetspeed/theme.css
------------------------------------------------------------------------------
svn:eol-style = native
Modified: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/decorator-macros.vm
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/decorator-macros.vm?rev=354754&r1=354753&r2=354754&view=diff
==============================================================================
--- portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/decorator-macros.vm (original)
+++ portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/decorator-macros.vm Wed Dec 7 01:07:53 2005
@@ -50,6 +50,7 @@
#set($BREADCRUMBS_STYLE = "BreadcrumbsStyle")
#* Constants for JSCookMenu themes *#
+ #set($JSCOOKMENU_JETSPEED_THEME = "ThemeJetspeed")
#set($JSCOOKMENU_PANEL_THEME = "ThemePanel")
#set($JSCOOKMENU_OFFICE_THEME = "ThemeOffice")
#set($JSCOOKMENU_IE_THEME = "ThemeIE")
Modified: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/header.vm
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/header.vm?rev=354754&r1=354753&r2=354754&view=diff
==============================================================================
--- portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/header.vm (original)
+++ portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/header.vm Wed Dec 7 01:07:53 2005
@@ -49,7 +49,7 @@
#set($site = $request.getAttribute("org.apache.jetspeed.portalsite.PortalSiteRequestContext"))
#* select default JSCookMenu theme *#
-#set($jsCookMenuTheme = $JSCOOKMENU_PANEL_THEME)
+#set($jsCookMenuTheme = $JSCOOKMENU_JETSPEED_THEME)
#* Access page menus *#
#set($siteNavigationsStandardMenu = $site.getMenu("site-navigations"))
Added: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrow.gif
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrow.gif?rev=354754&view=auto
==============================================================================
Binary file - no diff available.
Propchange: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrow.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrowdown.gif
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrowdown.gif?rev=354754&view=auto
==============================================================================
Binary file - no diff available.
Propchange: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/arrowdown.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/blank.gif
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/blank.gif?rev=354754&view=auto
==============================================================================
Binary file - no diff available.
Propchange: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/images/ThemeJetspeed/blank.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/theme.js
URL: http://svn.apache.org/viewcvs/portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/theme.js?rev=354754&view=auto
==============================================================================
--- portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/theme.js (added)
+++ portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/theme.js Wed Dec 7 01:07:53 2005
@@ -0,0 +1,47 @@
+
+// directory of where all the images are
+var cmThemeJetspeedBase = 'decorations/layout/jscookmenu/images/ThemeJetspeed/';
+
+var cmThemeJetspeed =
+{
+ // 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="' + cmThemeJetspeedBase + 'blank.gif">',
+ // HTML code to the right of the folder item
+ mainFolderRight: '<img alt="" src="' + cmThemeJetspeedBase + 'arrowdown.gif">',
+ // HTML code to the left of the regular item
+ mainItemLeft: '<img alt="" src="' + cmThemeJetspeedBase + 'blank.gif">',
+ // HTML code to the right of the regular item
+ mainItemRight: '<img alt="" src="' + cmThemeJetspeedBase + 'blank.gif">',
+
+ // sub menu display attributes
+
+ // HTML code to the left of the folder item
+ folderLeft: '<img alt="" src="' + cmThemeJetspeedBase + 'blank.gif">',
+ // HTML code to the right of the folder item
+ folderRight: '<img alt="" src="' + cmThemeJetspeedBase + 'arrow.gif">',
+ // HTML code to the left of the regular item
+ itemLeft: '<img alt="" src="' + cmThemeJetspeedBase + 'blank.gif">',
+ // HTML code to the right of the regular item
+ itemRight: '<img alt="" src="' + cmThemeJetspeedBase + 'blank.gif">',
+ // cell spacing for main menu
+ mainSpacing: 0,
+ // cell spacing for sub menus
+ subSpacing: 0,
+ // auto dispear time for submenus in milli-seconds
+ delay: 500
+};
+
+// for sub menu horizontal split
+var cmThemeJetspeedHSplit = [_cmNoAction, '<td colspan="3" style="height: 5px; overflow: hidden"><div class="ThemeJetspeedMenuSplit"></div></td>'];
+// for vertical main menu horizontal split
+var cmThemeJetspeedMainHSplit = [_cmNoAction, '<td colspan="3" style="height: 5px; overflow: hidden"><div class="ThemeJetspeedMenuSplit"></div></td>'];
+// for horizontal main menu vertical split
+var cmThemeJetspeedMainVSplit = [_cmNoAction, '|'];
Propchange: portals/jetspeed-2/trunk/src/webapp/decorations/layout/jscookmenu/scripts/ThemeJetspeed/theme.js
------------------------------------------------------------------------------
svn:eol-style = native
---------------------------------------------------------------------
To unsubscribe, e-mail: jetspeed-dev-unsubscribe@portals.apache.org
For additional commands, e-mail: jetspeed-dev-help@portals.apache.org