Author: phuong_vu Date: 2011-09-12 06:54:34 -0400 (Mon, 12 Sep 2011) New Revision: 7355 Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow_ar.gif portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultSkin/background/NavDownArrowHover.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DefaultContainerIcon.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Earth.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DarkGrayButton.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.png Removed: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/BGDecoratorCenter1x18.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/DefaultTheme.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MDefaultTheme.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacBlack.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGray.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGreen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacTheme.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerBlue.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerGreen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerOrange.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerPink.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerViolet.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowBlue.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowGreen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowOrange.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowPink.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowViolet.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaBlue.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaTheme.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacBlack.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGray.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGreen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacTheme.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/Resize17x19.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea17x15.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerGreen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerOrange.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerPink.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerViolet.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundCornerBlue.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowBlue.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowGreen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowOrange.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowPink.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowViolet.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/SimpleStyle.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaBlue.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaTheme.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/icons/SimpleIcons.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/background/HomeIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/background/AddDashboard.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/background/IconClose.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.jpg portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/ToolbarContainer.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/UseIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/BgPagebody.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/BottomDecoratorHome.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/ViewPage.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/ViewPageRepeat.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/ArrowDown.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/BgContainerBlock.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/BottomVTabSimpleStyle224x1.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/Close.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/DragAndDropPreview4x4.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/LineBlock.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/Pen.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/Pen.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/PortalBackground4x4.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecoratorHidden.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/close.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/16x16/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/16x16/icons/EditIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/PageProfileIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/ViewAsBlockIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBoxDecorator/ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/DefaultContainerIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/Earth.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/UIForm/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/DashboardLayout.jpg portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabPane/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle_.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/BlueUpLevelArrow.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/Dotted.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/NullItemIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/OverBlueUpLevelArrow.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/SmallGrayMinus.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/SmallGrayPlus.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/AppRegistryControl.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/BlueDownArrow.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/BlueNextArrow.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/ControlIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/CopyIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/Repeat-Y16x2.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleStylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseAllIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/Dotted.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandAllIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandIcon.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/LastNode.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/NullItem.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/RootTree.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/SitemapItemBoxTitle150x1.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/default_sitemap.gif portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/background/Button.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BgContainerBlock.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BottomVTabSimpleStyle224x1.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/LineBlock.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Pen.png portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortalBackground4x4.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecoratorHidden.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/close.png portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/DefaultContainerIcon.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/Earth.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif Modified: portal/trunk/ portal/trunk/component/scripting/src/test/resources/UIPortalApplication.gtmpl portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UITabPaneDashboard/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBreadcumbs/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISearch/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIToolbar/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/organization/webui/component/UIOrganizationPortlet/SimpleStylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow.gif portal/trunk/gadgets/eXoGadgets/src/main/webapp/gadgets/Todo/Todo.xml portal/trunk/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIAdminToolbarPortlet.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIStarToolBarPortlet.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserInfoPortlet.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarGroupPortlet.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarSitePortlet.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UIGroupNavigationManagement.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UINavigationManagement.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UISiteManagement.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/groovy/organization/webui/component/UIGroupMembershipForm.gtmpl portal/trunk/portlet/exoadmin/src/main/webapp/skin/applicationregistry/webui/component/UIApplicationRegistryPortlet/DefaultStylesheet.css portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/DefaultStylesheet.css portal/trunk/portlet/web/src/main/webapp/groovy/portal/webui/component/UIPortalNavigation.gtmpl portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultSkin/background/NavDownArrow.gif portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultStylesheet.css portal/trunk/testsuite/webuibasedsamples/src/main/webapp/groovy/webui/component/UISampleDownloadUpload.gtmpl portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/gadget/UIGadget.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIAdminToolbar.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortal.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalControl.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalNavigation.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIDashboard.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIHorizontalTabs.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIPopupWindow.js portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/UIPortalApplicationSkin.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIGadget/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPage/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PortalComposer.gif portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIWindow/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIWizard/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/Portlet/Stylesheet.css portal/trunk/web/eXoResources/src/main/webapp/skin/PortletThemes/Stylesheet.css portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIAccessGroup.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIGroupSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIListPermissionSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIPermissionSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIUserMembershipSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UIForgetPasswordWizard.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UILoginForm.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIGadget.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIPortlet.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIColumnContainer.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIContainer.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableAutofitColumnContainer.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableColumnContainer.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIToolbarContainer.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/navigation/UIAddGroupNavigation.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBody.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBrowser.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UISiteBody.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIAccountSettingForm.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UILanguageSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortalComposer.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortletForm.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UISkinSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIPortalApplication.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIConfirmation.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupMessages.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupWindow.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIWizard.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIForm.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormInputThemeSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormTabPane.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormWithTitle.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIItemThemeSelector.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/form/ext/UIFormInputSetWithAction.gtmpl portal/trunk/web/portal/src/main/webapp/groovy/webui/organization/account/UIUserSelector.gtmpl Log: GTNPORTAL-2091 Merge DOM Optimization branch into trunk Property changes on: portal/trunk ___________________________________________________________________ Modified: svn:mergeinfo - /epp/portal/branches/EPP_5_1_Branch:6841 /portal/branches/branch-GTNPORTAL-1790:5864-5919 /portal/branches/branch-GTNPORTAL-1822:5938-5991 /portal/branches/branch-GTNPORTAL-1832:5993-6105 /portal/branches/branch-GTNPORTAL-1872:6327-6594 /portal/branches/branch-GTNPORTAL-1921:6597-6803 /portal/branches/branch-GTNPORTAL-1963:6902-6986 /portal/branches/decoupled-webos:6214-6243 /portal/branches/gatein-management:6920-6958 /portal/branches/global-portlet-metadata:6298-6384 /portal/branches/site-describability:6171-6235 /portal/branches/wsrp-extraction:5828-6031 + /epp/portal/branches/EPP_5_1_Branch:6841 /portal/branches/branch-GTNPORTAL-1790:5864-5919 /portal/branches/branch-GTNPORTAL-1822:5938-5991 /portal/branches/branch-GTNPORTAL-1832:5993-6105 /portal/branches/branch-GTNPORTAL-1872:6327-6594 /portal/branches/branch-GTNPORTAL-1921:6597-6803 /portal/branches/branch-GTNPORTAL-1963:6902-6986 /portal/branches/decoupled-webos:6214-6243 /portal/branches/dom:7272-7349 /portal/branches/gatein-management:6920-6958 /portal/branches/global-portlet-metadata:6298-6384 /portal/branches/site-describability:6171-6235 /portal/branches/wsrp-extraction:5828-6031 Modified: portal/trunk/component/scripting/src/test/resources/UIPortalApplication.gtmpl =================================================================== --- portal/trunk/component/scripting/src/test/resources/UIPortalApplication.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/component/scripting/src/test/resources/UIPortalApplication.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -92,33 +92,17 @@ <div class="$uicomponent.skin" id="UIPortalApplication" style="!height: 100%;"> <div class="AjaxLoadingMask" id="AjaxLoadingMask" style="display: none; margin: auto;"> - <div class="LoadingContainer"> - <div class="CenterLoadingContainer"> - <div class="LoadingText"><%=_ctx.appRes("UIPortalApplication.label.Loading")%></div> - <div class="LoadingProgressBar"><span></span></div> + <div class="LoadingContainer"> + <div class="LoadingText"><%=_ctx.appRes("UIPortalApplication.label.Loading")%></div> + <span class="LoadingProgressBar"></span> + + <div class="UIAction"> + <a href="javascript:ajaxAbort();" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIPortalApplication.label.Abort")%></a> + </div> + + </div> + </div> - <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="javascript:ajaxAbort();" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIPortalApplication.label.Abort")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> - </div> - - </div> - </div> - </div> - <%uicomponent.renderChildren();%> </div> Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml 2011-09-12 10:54:34 UTC (rev 7355) @@ -53,28 +53,13 @@ <css-path>/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css</css-path> </portlet-skin> - <portlet-skin> - <application-name>web</application-name> - <portlet-name>SiteMapPortlet</portlet-name> - <skin-name>SimpleSkin</skin-name> - <css-path>/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css</css-path> - </portlet-skin> - <!-- Skin for HomePagePortlet --> <portlet-skin> <application-name>web</application-name> <portlet-name>HomePagePortlet</portlet-name> <skin-name>SimpleSkin</skin-name> <css-path>/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css</css-path> - </portlet-skin> - - <!-- Skin for ApplicationRegistryPortlet --> - <portlet-skin> - <application-name>exoadmin</application-name> - <portlet-name>ApplicationRegistryPortlet</portlet-name> - <skin-name>SimpleSkin</skin-name> - <css-path>/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleStylesheet.css</css-path> - </portlet-skin> + </portlet-skin> <!-- Skin for OrganizationPortlet --> <portlet-skin> Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,3500 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -/*-------------------------- DefaultTheme ---------------------------*/ - -.DefaultTheme .WindowBarCenter .WindowPortletInfo { - margin-right: 80px; /* orientation=lt */ - margin-left: 80px; /* orientation=rt */ -} - -.DefaultTheme .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 24px; - height: 17px; - cursor: pointer; - background-image: url('background/DefaultTheme.png'); -} - -.DefaultTheme .ArrowDownIcon { - background-position: center 18px; -} - -.DefaultTheme .OverArrowDownIcon { - background-position: center 114px; -} - -.DefaultTheme .MinimizedIcon { - background-position: center 42px; -} - -.DefaultTheme .OverMinimizedIcon { - background-position: center 138px; -} - -.DefaultTheme .MaximizedIcon { - background-position: center 66px; -} - -.DefaultTheme .OverMaximizedIcon { - background-position: center 162px; -} - -.DefaultTheme .RestoreIcon { - background-position: center 90px; -} - -.DefaultTheme .OverRestoreIcon { - background-position: center 186px; -} - -.DefaultTheme .NormalIcon { - background-position: center 90px; -} - -.DefaultTheme .OverNormalIcon { - background-position: center 186px; -} - - -.UIPageDesktop .DefaultTheme .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 18px; height: 18px; - cursor: nw-resize; - background: url('background/ResizeArea18x18.gif') no-repeat left top; /* orientation=lt */ - background: url('background/ResizeArea18x18-rt.gif') no-repeat right top; /* orientation=rt */ -} - -.DefaultTheme .Information { - height: 20px; line-height: 20px; - vertical-align: middle; font-size: 10px; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ -} - -.DefaultTheme .WindowBarCenter .WindowPortletIcon { - background: url('background/IconWindowPortlet.gif') no-repeat left top; /* orientation=lt */ - background: url('background/IconWindowPortlet-rt.gif') no-repeat right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; - line-height: 16px; -} - -.DefaultTheme .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.DefaultTheme .WindowBarLeft { - padding-left: 8px; - background-image: url('background/DefaultTheme.png'); - background-repeat: no-repeat; - background-position: left -148px; -} - -.DefaultTheme .WindowBarRight { - padding-right: 8px; - background-image: url('background/DefaultTheme.png'); - background-repeat: no-repeat; - background-position: right -119px; -} - -.DefaultTheme .WindowBarCenter { - background-image: url('background/DefaultTheme.png'); - background-repeat: repeat-x; - background-position: left -90px; -} - -.DefaultTheme .WindowBarCenter .FixHeight { - height: 20px; - padding-top: 7px; -} - -.DefaultTheme .MiddleDecoratorLeft { - padding-left: 8px; - background: url('background/MDefaultTheme.png') repeat-y left; -} - -.DefaultTheme .MiddleDecoratorRight { - padding-right: 8px; - background: url('background/MDefaultTheme.png') repeat-y right; -} - -.DefaultTheme .MiddleDecoratorCenter { - background: #ffffff; -} - -.DefaultTheme .BottomDecoratorLeft { - padding-left: 8px; - background-image: url('background/DefaultTheme.png'); - background-repeat: no-repeat; - background-position: left -60px; -} - -.DefaultTheme .BottomDecoratorRight { - padding-right: 8px; - background-image: url('background/DefaultTheme.png'); - background-repeat: no-repeat; - background-position: right -30px; -} - -.DefaultTheme .BottomDecoratorCenter { - background-image: url('background/DefaultTheme.png'); - background-repeat: repeat-x; - background-position: left top; -} - -.DefaultTheme .BottomDecoratorCenter .FixHeight { - height: 26px; -} - -/*-------------------------- MacTheme ---------------------------*/ - -.MacTheme .WindowBarCenter .WindowPortletInfo { - margin: 0px 70px 0px 0px; /* orientation=lt */ - margin: 0px 0px 0px 70px; /* orientation=rt */ -} - -.MacTheme .WindowBarCenter .WindowPortletIcon { - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.MacTheme .WindowBarCenter .PortletName { - font-weight: bold; - line-height: 17px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.MacTheme .WindowBarCenter .PortletIcon { - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */ - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */ -} - -.MacTheme .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 21px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/MacTheme.png'); -} - -.MacTheme .ArrowDownIcon { - background-position: center 18px; -} - -.MacTheme .OverArrowDownIcon { - background-position: center 98px; -} - -.MacTheme .MinimizedIcon { - background-position: center 37px; -} - -.MacTheme .OverMinimizedIcon { - background-position: center 118px; -} - -.MacTheme .MaximizedIcon { - background-position: center 57px; -} - -.MacTheme .OverMaximizedIcon { - background-position: center 138px; -} - -.MacTheme .NormalIcon { - background-position: center 78px; -} - -.MacTheme .OverNormalIcon { - background-position: center 158px; -} - -.MacTheme .RestoreIcon { - background-position: center 78px; -} - -.MacTheme .OverRestoreIcon { - background-position: center 158px; -} - -.MacTheme .BackgroundIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 4px 2px 0px 2px; -} - -.UIPageDesktop .MacTheme .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 15px; - cursor: nw-resize; - background: url('background/ResizeArea17x15.png') no-repeat right top; /* orientation=lt */ - background: url('background/ResizeArea17x15-rt.png') no-repeat left top; /* orientation=rt */ -} - -.MacTheme .Information { - height: 16px; line-height: 14px; vertical-align: middle; - font-size: 10px; - margin-right: 18px; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.MacTheme .MiddleDecoratorLeft { - background: url('background/MMacTheme.png') repeat-y left; - padding: 0px 0px 0px 5px; -} - -.MacTheme .MiddleDecoratorRight { - padding: 0px 5px 0px 0px; - background: url('background/MMacTheme.png') repeat-y right; -} - -.MacTheme .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .MacTheme .MiddleDecoratorCenter { - height: 100%; -} - -.MacTheme .BottomDecoratorLeft { - background-image: url('background/MacTheme.png'); - background-repeat: no-repeat; - background-position: left -46px; - padding: 0px 0px 0px 5px; -} - -.MacTheme .BottomDecoratorRight { - background-image: url('background/MacTheme.png'); - background-repeat: no-repeat; - background-position: right -23px; - padding: 0px 5px 0px 0px; -} - -.MacTheme .BottomDecoratorCenter { - background-image: url('background/MacTheme.png'); - background-repeat: repeat-x; - background-position: center top; -} - -.MacTheme .BottomDecoratorCenter .FixHeight { - height: 23px; line-height: 23px; -} - -.MacTheme .WindowBarLeft { - background-image: url('background/MacTheme.png'); - background-repeat: no-repeat; - background-position: left -115px; - padding: 0px 0px 0px 12px; -} - -.MacTheme .WindowBarRight { - background-image: url('background/MacTheme.png'); - background-repeat: no-repeat; - background-position: right -92px; - padding: 0px 12px 0px 0px; -} - -.MacTheme .WindowBarCenter { - background-image: url('background/MacTheme.png'); - background-repeat: repeat-x; - background-position: center -69px; -} - -.MacTheme .WindowBarCenter .FixHeight { - height: 19px; - padding-top: 4px; -} - -/*-------------------------- MacGray ---------------------------*/ - -.MacGray .WindowBarCenter .WindowPortletInfo { - margin: 0px 70px 0px 0px; /* orientation=lt */ - margin: 0px 0px 0px 70px; /* orientation=rt */ -} - -.MacGray .WindowBarCenter .WindowPortletIcon { - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.MacGray .WindowBarCenter .PortletName { - font-weight: bold; - line-height: 17px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.MacGray .WindowBarCenter .PortletIcon { - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */ - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */ -} - -.MacGray .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 21px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/MacGray.png'); -} - -.MacGray .ArrowDownIcon { - background-position: center 20px; -} - -.MacGray .OverArrowDownIcon { - background-position: center 100px; -} - -.MacGray .MinimizedIcon { - background-position: center 37px; -} - -.MacGray .OverMinimizedIcon { - background-position: center 120px; -} - -.MacGray .MaximizedIcon { - background-position: center 57px; -} - -.MacGray .OverMaximizedIcon { - background-position: center 140px; -} - -.MacGray .NormalIcon { - background-position: center 78px; -} - -.MacGray .OverNormalIcon { - background-position: center 160px; -} - -.MacGray .RestoreIcon { - background-position: center 78px; -} - -.MacGray .OverRestoreIcon { - background-position: center 160px; -} - -.MacGray .BackgroundIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 4px 2px 0px 2px; -} - -.UIPageDesktop .MacGray .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 15px; - cursor: nw-resize; - background: url('background/ResizeArea17x15.png') no-repeat; -} - -.MacGray .Information { - height: 16px; line-height: 14px; vertical-align: middle; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.MacGray .MiddleDecoratorLeft { - background: url('background/MMacGray.png') repeat-y left; - padding: 0px 0px 0px 8px; -} - -.MacGray .MiddleDecoratorRight { - padding: 0px 8px 0px 0px; - background: url('background/MMacGray.png') repeat-y right; -} - -.MacGray .MiddleDecoratorCenter { - background: #ffffff; -} - -.MacGray .MiddleDecoratorCenter { - height:100%; -} - -.MacGray .BottomDecoratorLeft { - background-image: url('background/MacGray.png'); - background-repeat: no-repeat; - background-position: left -48px; - padding: 0px 0px 0px 9px; -} - -.MacGray .BottomDecoratorRight { - padding: 0px 9px 0px 0px; - background-image: url('background/MacGray.png'); - background-repeat: no-repeat; - background-position: right -24px; -} - -.MacGray .BottomDecoratorCenter { - background-image: url('background/MacGray.png'); - background-repeat: repeat-x; - background-position: left top; -} - -.MacGray .BottomDecoratorCenter .FixHeight { - height: 24px; line-height: 24px; -} - -.MacGray .WindowBarLeft { - padding: 0px 0px 0px 9px; - background-image: url('background/MacGray.png'); - background-repeat: no-repeat; - background-position: left -118px; -} - -.MacGray .WindowBarRight { - padding: 0px 9px 0px 0px; - background-image: url('background/MacGray.png'); - background-repeat: no-repeat; - background-position: right -95px; -} - -.MacGray .WindowBarCenter { - background-image: url('background/MacGray.png'); - background-repeat: repeat-x; - background-position: center -72px; -} - -.MacGray .WindowBarCenter .FixHeight { - height: 19px; - padding-top: 4px; -} - -/*-------------------------- MacBlack ---------------------------*/ - -.MacBlack .WindowBarCenter .WindowPortletInfo { - margin: 0px 70px 0px 0px; /* orientation=lt */ - margin: 0px 0px 0px 70px; /* orientation=rt */ -} - -.MacBlack .WindowBarCenter .WindowPortletIcon { - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.MacBlack .WindowBarCenter .PortletName { - font-weight: bold; - line-height: 17px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.MacBlack .WindowBarCenter .PortletIcon { - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */ - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */ -} - -.MacBlack .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 21px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/MacBlack.png'); -} - -.MacBlack .ArrowDownIcon { - background-position: center 20px; -} - -.MacBlack .OverArrowDownIcon { - background-position: center 100px; -} - -.MacBlack .MinimizedIcon { - background-position: center 37px; -} - -.MacBlack .OverMinimizedIcon { - background-position: center 120px; -} - -.MacBlack .MaximizedIcon { - background-position: center 57px; -} - -.MacBlack .OverMaximizedIcon { - background-position: center 140px; -} - -.MacBlack .NormalIcon { - background-position: center 78px; -} - -.MacBlack .OverNormalIcon { - background-position: center 160px; -} - -.MacBlack .RestoreIcon { - background-position: center 78px; -} - -.MacBlack .OverRestoreIcon { - background-position: center 160px; -} - -.MacBlack .BackgroundIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 4px 2px 0px 2px; -} - -.UIPageDesktop .MacBlack .ResizeArea { - float: left; /* orientation=rt */ - float: right; /* orientation=lt */ - width: 17px; height: 15px; - cursor: nw-resize; - background: url('background/ResizeArea17x15.png') no-repeat; -} - -.MacBlack .Information { - height: 16px; line-height: 14px; vertical-align: middle; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.MacBlack .MiddleDecoratorLeft { - background: url('background/MMacBlack.png') repeat-y left; - padding: 0px 0px 0px 8px; -} - -.MacBlack .MiddleDecoratorRight { - padding: 0px 8px 0px 0px; - background: url('background/MMacBlack.png') repeat-y right; -} - -.MacBlack .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .MacBlack .MiddleDecoratorCenter { - height: 100%; -} - -.MacBlack .BottomDecoratorLeft { - background-image: url('background/MacBlack.png'); - background-repeat: no-repeat; - background-position: left -48px; - padding: 0px 0px 0px 9px; -} - -.MacBlack .BottomDecoratorRight { - padding: 0px 9px 0px 0px; - background-image: url('background/MacBlack.png'); - background-repeat: no-repeat; - background-position: right -24px; -} - -.MacBlack .BottomDecoratorCenter { - background-image: url('background/MacBlack.png'); - background-repeat: repeat-x; - background-position: left top; -} - -.MacBlack .BottomDecoratorCenter .FixHeight { - height: 24px; line-height: 24px; -} - -.MacBlack .WindowBarLeft { - padding: 0px 0px 0px 9px; - background-image: url('background/MacBlack.png'); - background-repeat: no-repeat; - background-position: left -118px; -} - -.MacBlack .WindowBarRight { - padding: 0px 9px 0px 0px; - background-image: url('background/MacBlack.png'); - background-repeat: no-repeat; - background-position: right -95px; -} - -.MacBlack .WindowBarCenter { - background-image: url('background/MacBlack.png'); - background-repeat: repeat-x; - background-position: center -72px; -} - -.MacBlack .WindowBarCenter .FixHeight { - height: 19px; - padding-top: 4px; -} - -/*-------------------------- MacGreenSteel ---------------------------*/ - -.MacGreenSteel .WindowBarCenter .WindowPortletInfo { - margin: 0px 70px 0px 0px; /* orientation=lt */ - margin: 0px 0px 0px 70px; /* orientation=rt */ -} - -.MacGreenSteel .WindowBarCenter .WindowPortletIcon { - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.MacGreenSteel .WindowBarCenter .PortletName { - font-weight: bold; - line-height: 17px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.MacGreenSteel .WindowBarCenter .PortletIcon { - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */ - background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */ -} - -.MacGreenSteel .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 21px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/MacGreen.png'); -} - -.MacGreenSteel .ArrowDownIcon { - background-position: center 20px; -} - -.MacGreenSteel .OverArrowDownIcon { - background-position: center 100px; -} - -.MacGreenSteel .MinimizedIcon { - background-position: center 37px; -} - -.MacGreenSteel .OverMinimizedIcon { - background-position: center 120px; -} - -.MacGreenSteel .MaximizedIcon { - background-position: center 57px; -} - -.MacGreenSteel .OverMaximizedIcon { - background-position: center 140px; -} - -.MacGreenSteel .NormalIcon { - background-position: center 78px; -} - -.MacGreenSteel .OverNormalIcon { - background-position: center 160px; -} - -.MacGreenSteel .RestoreIcon { - background-position: center 78px; -} - -.MacGreenSteel .OverRestoreIcon { - background-position: center 160px; -} - -.MacGreenSteel .BackgroundIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 4px 2px 0px 2px; -} - -.UIPageDesktop .MacGreenSteel .ResizeArea { - float: left; /* orientation=rt */ - float: right; /* orientation=lt */ - width: 17px; height: 15px; - cursor: nw-resize; - background: url('background/ResizeArea17x15.png') no-repeat; -} - -.MacGreenSteel .Information { - height: 16px; line-height: 14px; vertical-align: middle; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.MacGreenSteel .MiddleDecoratorLeft { - background: url('background/MMacGreen.png') repeat-y left; - padding: 0px 0px 0px 8px; -} - -.MacGreenSteel .MiddleDecoratorRight { - padding: 0px 8px 0px 0px; - background: url('background/MMacGreen.png') repeat-y right; -} - -.MacGreenSteel .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .MacGreenSteel .MiddleDecoratorCenter { - height: 100%; -} - -.MacGreenSteel .BottomDecoratorLeft { - background-image: url('background/MacGreen.png'); - background-repeat: no-repeat; - background-position: left -48px; - padding: 0px 0px 0px 9px; -} - -.MacGreenSteel .BottomDecoratorRight { - padding: 0px 9px 0px 0px; - background-image: url('background/MacGreen.png'); - background-repeat: no-repeat; - background-position: right -24px; -} - -.MacGreenSteel .BottomDecoratorCenter { - background-image: url('background/MacGreen.png'); - background-repeat: repeat-x; - background-position: left top; -} - -.MacGreenSteel .BottomDecoratorCenter .FixHeight { - height: 24px; line-height: 24px; -} - -.MacGreenSteel .WindowBarLeft { - padding: 0px 0px 0px 9px; - background-image: url('background/MacGreen.png'); - background-repeat: no-repeat; - background-position: left -118px; -} - -.MacGreenSteel .WindowBarRight { - padding: 0px 9px 0px 0px; - background-image: url('background/MacGreen.png'); - background-repeat: no-repeat; - background-position: right -95px; -} - -.MacGreenSteel .WindowBarCenter { - background-image: url('background/MacGreen.png'); - background-repeat: repeat-x; - background-position: center -72px; -} - -.MacGreenSteel .WindowBarCenter .FixHeight { - height: 19px; - padding-top: 4px; -} - -/*-------------------------------- VistaTheme -----------------------------*/ - -.VistaTheme .WindowBarCenter .WindowPortletInfo { - margin-right: 95px; /* orientation=lt */ - margin-left: 95px; /* orientation=rt */ - -} - -.VistaTheme .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 22px; -} - -.VistaTheme .WindowBarCenter .PortletIcon { - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */ - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon-rt.png') no-repeat right 3px; /* orientation=rt */ -} - -.VistaTheme .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 30px; - height: 20px; - cursor: pointer; - background-image: url('background/VistaTheme.png'); /* orientation=lt */ - background-image: url('background/VistaTheme-rt.png'); /* orientation=rt */ -} - -.VistaTheme .ArrowDownIcon { - background-position: center 20px; -} - -.VistaTheme .OverArrowDownIcon { - background-position: center 100px; -} - -.VistaTheme .MinimizedIcon { - background-position: center 40px; -} - -.VistaTheme .OverMinimizedIcon { - background-position: center 120px; -} - -.VistaTheme .MaximizedIcon { - background-position: center 60px; -} - -.VistaTheme .OverMaximizedIcon { - background-position: center 140px; -} - -.VistaTheme .NormalIcon { - background-position: center 80px; -} - -.VistaTheme .OverNormalIcon { - background-position: center 160px; -} - -.VistaTheme .RestoreIcon { - background-position: center 80px; -} - -.VistaTheme .OverRestoreIcon { - background-position: center 160px; -} - -.VistaTheme .Information { - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ - height: 18px; line-height: 18px; - font-size: 10px; -} - -.VistaTheme .MiddleDecoratorCenter { - background: #ffffff; - border: solid 1px #717171; -} - -.UIPageDesktop .VistaTheme .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 9px; height: 12px; - cursor: nw-resize; - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right; /* orientation=lt */ - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG-rt.gif') no-repeat bottom left; /* orientation=rt */ -} - -.VistaTheme .MiddleDecoratorLeft { - padding-left:12px; - background: url('background/MVistaTheme.png') repeat-y left; -} - -.VistaTheme .MiddleDecoratorRight { - padding-right: 13px; - background: url('background/MVistaTheme.png') repeat-y right; -} - -.UIPageBody .MiddleDecoratorCenter { - background: #ffffff; -} - -.VistaTheme .BottomDecoratorLeft { - background-image: url('background/VistaTheme.png'); - background-repeat: no-repeat; - background-position: left -48px; - padding-left: 12px; -} - -.VistaTheme .BottomDecoratorRight { - background-image: url('background/VistaTheme.png'); - background-repeat: no-repeat; - background-position: right -24px; - padding-right: 13px; -} - -.VistaTheme .BottomDecoratorCenter { - background-image: url('background/VistaTheme.png'); - background-repeat: repeat-x; - background-position: left top; -} - -.VistaTheme .BottomDecoratorCenter .FixHeight { - height: 24px; -} - -.VistaTheme .WindowBarCenter .PortletName { - font-weight: bold; - line-height: 22px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.VistaTheme .WindowBarLeft { - background-image: url('background/VistaTheme.png'); - background-repeat: no-repeat; - background-position: left -130px; - padding-left: 12px; -} - -.VistaTheme .WindowBarRight { - background-image: url('background/VistaTheme.png'); - background-repeat: no-repeat; - background-position: right -101px; - padding-right: 16px; -} - -.VistaTheme .WindowBarCenter { - background-image: url('background/VistaTheme.png'); - background-repeat: repeat-x; - background-position: left -72px; -} - -.VistaTheme .WindowBarCenter .FixHeight { - height: 24px; - padding-top: 5px; -} - -/*-------------------------------- VistaBlue -----------------------------*/ - -.VistaBlue .WindowBarCenter .WindowPortletInfo { - margin-right: 95px; /* orientation=lt */ - margin-left: 95px; /* orientation=rt */ - -} - -.VistaBlue .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 20px; -} - -.VistaBlue .WindowBarCenter .PortletName { - font-weight: bold; - line-height: 22px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.VistaBlue .WindowBarCenter .PortletIcon { - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */ - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon-rt.png') no-repeat right 3px; /* orientation=rt */ -} - -.VistaBlue .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 30px; height: 19px; - cursor: pointer; - background-image: url('background/VistaBlue.png'); -} - -.VistaBlue .ArrowDownIcon { - background-position: center 19px; -} - -.VistaBlue .OverArrowDownIcon { - background-position: center 99px; -} - -.VistaBlue .MinimizedIcon { - background-position: center 39px; -} - -.VistaBlue .OverMinimizedIcon { - background-position: center 119px; -} - -.VistaBlue .MaximizedIcon { - background-position: center 59px; -} - -.VistaBlue .OverMaximizedIcon { - background-position: center 139px; -} - -.VistaBlue .NormalIcon { - background-position: center 79px; -} - -.VistaBlue .OverNormalIcon { - background-position: center 159px; -} - -.VistaBlue .RestoreIcon { - background-position: center 79px; -} - -.VistaBlue .OverRestoreIcon { - background-position: center 159px; -} - -.VistaBlue .Information { - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ - height: 18px; line-height: 18px; - font-size: 10px; -} - -.VistaBlue .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .VistaBlue .MiddleDecoratorCenter { - height: 100%; -} - -.UIPageDesktop .VistaBlue .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 9px; height: 12px; - cursor: nw-resize; - background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right; -} - -.VistaBlue .MiddleDecoratorLeft { - padding-left: 15px; - background: url('background/MVistaBlue.png') repeat-y left; -} - -.VistaBlue .MiddleDecoratorRight { - padding-right: 18px; - background: url('background/MVistaBlue.png') repeat-y right; -} - -.UIPortlet .VistaBlue .MiddleDecoratorRight { - padding-right: 16px; -} - -.VistaBlue .BottomDecoratorLeft { - background-image: url('background/VistaBlue.png'); - background-repeat: no-repeat; - background-position: left -54px; - padding-left: 15px; -} - -.VistaBlue .BottomDecoratorRight { - background-image: url('background/VistaBlue.png'); - background-repeat: no-repeat; - background-position: right -27px; - padding-right: 15px; -} - -.VistaBlue .BottomDecoratorCenter { - background-image: url('background/VistaBlue.png'); - background-repeat: repeat-x; - background-position: left top; -} - -.VistaBlue .BottomDecoratorCenter .FixHeight { - height: 27px; -} - -.VistaBlue .WindowBarLeft { - background-image: url('background/VistaBlue.png'); - background-repeat: no-repeat; - background-position: left -151px; - padding-left: 15px; -} - -.VistaBlue .WindowBarRight { - background-image: url('background/VistaBlue.png'); - background-repeat: no-repeat; - background-position: right -116px; - padding-right: 15px; -} - -.VistaBlue .WindowBarCenter { - background-image: url('background/VistaBlue.png'); - background-repeat: repeat-x; - background-position: left -81px; -} - -.VistaBlue .WindowBarCenter .FixHeight { - height: 27px; - padding-top: 8px; -} - -/*-------------------------- RoundConerBlue ---------------------------*/ - -.RoundConerBlue .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ - -} - -.RoundConerBlue .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/RoundCornerBlue.png'); -} - -.RoundConerBlue .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.RoundConerBlue .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .RoundConerBlue .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.RoundConerBlue .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 19px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.RoundConerBlue .ArrowDownIcon { - background-position: center 21px; -} - -.RoundConerBlue .OverArrowDownIcon { - background-position: center 117px; -} - -.RoundConerBlue .MinimizedIcon { - background-position: center 45px; -} - -.RoundConerBlue .OverMinimizedIcon { - background-position: center 141px; -} - -.RoundConerBlue .MaximizedIcon { - background-position: center 69px; -} - -.RoundConerBlue .OverMaximizedIcon { - background-position: center 165px; -} - -.RoundConerBlue .RestoreIcon { - background-position: center 93px; -} - -.RoundConerBlue .OverRestoreIcon { - background-position: center 189px; -} - -.RoundConerBlue .NormalIcon { - background-position: center 93px; -} - -.RoundConerBlue .OverNormalIcon { - background-position: center 189px; -} - -.RoundConerBlue .WindowBarLeft { - padding-left: 12px; - background-image: url('background/RoundCornerBlue.png'); - background-repeat: no-repeat; - background-position: left -154px; -} - -.RoundConerBlue .WindowBarRight { - padding-right: 12px; - background-image: url('background/RoundCornerBlue.png'); - background-repeat: no-repeat; - background-position: right -122px; -} - -.RoundConerBlue .WindowBarCenter { - background: url('background/RoundCornerBlue.png') repeat-x; - background-position: left -90px; -} - -.RoundConerBlue .WindowBarCenter .FixHeight { - height: 22px; - padding-top: 10px; -} - -.RoundConerBlue .MiddleDecoratorLeft { - padding-left: 13px; - background: url('background/MRoundConerBlue.png') repeat-y left; -} - -.RoundConerBlue .MiddleDecoratorRight { - padding-right: 13px; - background: url('background/MRoundConerBlue.png') repeat-y right; -} - -.RoundConerBlue .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .RoundConerBlue .MiddleDecoratorCenter { - height: 100%; -} - -.RoundConerBlue .BottomDecoratorLeft { - padding-left: 13px; - background-image: url('background/RoundCornerBlue.png'); - background-repeat: no-repeat; - background-position: left -60px; -} - -.RoundConerBlue .BottomDecoratorRight { - padding-right: 13px; - background-image: url('background/RoundCornerBlue.png'); - background-repeat: no-repeat; - background-position: right -30px; -} - -.RoundConerBlue .BottomDecoratorCenter { - background: url('background/RoundCornerBlue.png') repeat-x; - background-position: top; -} - -.RoundConerBlue .BottomDecoratorCenter .FixHeight { - height: 30px; -} - -/*------------------ RoundConerViolet -----------------*/ - -.RoundConerViolet .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ - -} - -.RoundConerViolet .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/RoundConerViolet.png'); -} - -.RoundConerViolet .Information { - height: 18px; line-height: 18px; - font-size: 10px; - padding-left: 5px; - margin-right: 18px; -} - -.RoundConerViolet .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .RoundConerViolet .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.RoundConerViolet .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 19px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.RoundConerViolet .ArrowDownIcon { - background-position: center 21px; -} - -.RoundConerViolet .OverArrowDownIcon { - background-position: center 117px; -} - -.RoundConerViolet .MinimizedIcon { - background-position: center 45px; -} - -.RoundConerViolet .OverMinimizedIcon { - background-position: center 141px; -} - -.RoundConerViolet .MaximizedIcon { - background-position: center 69px; -} - -.RoundConerViolet .OverMaximizedIcon { - background-position: center 165px; -} - -.RoundConerViolet .RestoreIcon { - background-position: center 93px; -} - -.RoundConerViolet .OverRestoreIcon { - background-position: center 189px; -} - -.RoundConerViolet .NormalIcon { - background-position: center 93px; -} - -.RoundConerViolet .OverNormalIcon { - background-position: center 189px; -} - -.RoundConerViolet .WindowBarLeft { - padding-left: 13px; - background-image: url('background/RoundConerViolet.png'); - background-repeat: no-repeat; - background-position: left -153px; -} - -.RoundConerViolet .WindowBarRight { - padding-right: 13px; - background-image: url('background/RoundConerViolet.png'); - background-repeat: no-repeat; - background-position: right -121px; -} - -.RoundConerViolet .WindowBarCenter { - background: url('background/RoundConerViolet.png') repeat-x; - background-position: left -90px; -} - -.RoundConerViolet .WindowBarCenter .FixHeight { - height: 22px; - padding-top: 10px; -} - -.UIPortlet .RoundConerViolet .WindowBarCenter { - height: 31px; -} - -.RoundConerViolet .MiddleDecoratorLeft { - padding-left: 13px; - background: url('background/MRoundConerViolet.png') repeat-y left; -} - -.RoundConerViolet .MiddleDecoratorRight { - padding-right: 13px; - background: url('background/MRoundConerViolet.png') repeat-y right; -} - -.RoundConerViolet .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .RoundConerViolet .MiddleDecoratorCenter { - height:100%; -} - -.RoundConerViolet .BottomDecoratorLeft { - padding-left: 13px; - background-image: url('background/RoundConerViolet.png'); - background-repeat: no-repeat; - background-position: left -60px; -} - -.RoundConerViolet .BottomDecoratorRight { - padding-right: 13px; - background-image: url('background/RoundConerViolet.png'); - background-repeat: no-repeat; - background-position: right -30px; -} - -.RoundConerViolet .BottomDecoratorCenter { - background: url('background/RoundConerViolet.png') repeat-x; - background-position: top; -} - -.RoundConerViolet .BottomDecoratorCenter .FixHeight { - height: 30px; -} - -/*------------------------------- RoundConerOrange ----------------------------------*/ - -.RoundConerOrange .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.RoundConerOrange .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/RoundConerOrange.png'); -} - -.RoundConerOrange .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.RoundConerOrange .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .RoundConerOrange .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.RoundConerOrange .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 19px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.RoundConerOrange .ArrowDownIcon { - background-position: center 21px; -} - -.RoundConerOrange .OverArrowDownIcon { - background-position: center 117px; -} - -.RoundConerOrange .MinimizedIcon { - background-position: center 45px; -} - -.RoundConerOrange .OverMinimizedIcon { - background-position: center 141px; -} - -.RoundConerOrange .MaximizedIcon { - background-position: center 69px; -} - -.RoundConerOrange .OverMaximizedIcon { - background-position: center 165px; -} - -.RoundConerOrange .RestoreIcon { - background-position: center 93px; -} - -.RoundConerOrange .OverRestoreIcon { - background-position: center 189px; -} - -.RoundConerOrange .NormalIcon { - background-position: center 93px; -} - -.RoundConerOrange .OverNormalIcon { - background-position: center 189px; -} - -.RoundConerOrange .WindowBarLeft { - padding-left: 13px; - background-image: url('background/RoundConerOrange.png'); - background-repeat: no-repeat; - background-position: left -153px; -} - -.RoundConerOrange .WindowBarRight { - padding-right: 13px; - background-image: url('background/RoundConerOrange.png'); - background-repeat: no-repeat; - background-position: right -121px; -} - -.RoundConerOrange .WindowBarCenter { - background: url('background/RoundConerOrange.png') repeat-x; - background-position: left -90px; -} - -.RoundConerOrange .WindowBarCenter .FixHeight { - height: 22px; - padding-top: 10px; -} - -.UIPortlet .RoundConerOrange .WindowBarCenter { - height: 31px; -} - -.RoundConerOrange .MiddleDecoratorLeft { - padding-left: 13px; - background: url('background/MRoundConerOrange.png') repeat-y left; -} - -.RoundConerOrange .MiddleDecoratorRight { - padding-right: 13px; - background: url('background/MRoundConerOrange.png') repeat-y right; -} - -.RoundConerOrange .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .RoundConerOrange .MiddleDecoratorCenter { - height: 100%; -} - -.RoundConerOrange .BottomDecoratorLeft { - padding-left: 13px; - background-image: url('background/RoundConerOrange.png'); - background-repeat: no-repeat; - background-position: left -60px; -} - -.RoundConerOrange .BottomDecoratorRight { - padding-right: 13px; - background-image: url('background/RoundConerOrange.png'); - background-repeat: no-repeat; - background-position: right -30px; -} - -.RoundConerOrange .BottomDecoratorCenter { - background: url('background/RoundConerOrange.png') repeat-x; - background-position: top; -} - -.RoundConerOrange .BottomDecoratorCenter .FixHeight { - height: 30px; -} - -/*------------------------------- RoundConerPink ----------------------------------*/ - -.RoundConerPink .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.RoundConerPink .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/RoundConerPink.png'); -} - -.RoundConerPink .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.RoundConerPink .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .RoundConerPink .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.RoundConerPink .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 19px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.RoundConerPink .ArrowDownIcon { - background-position: center 21px; -} - -.RoundConerPink .OverArrowDownIcon { - background-position: center 117px; -} - -.RoundConerPink .MinimizedIcon { - background-position: center 45px; -} - -.RoundConerPink .OverMinimizedIcon { - background-position: center 141px; -} - -.RoundConerPink .MaximizedIcon { - background-position: center 69px; -} - -.RoundConerPink .OverMaximizedIcon { - background-position: center 165px; -} - -.RoundConerPink .RestoreIcon { - background-position: center 93px; -} - -.RoundConerPink .OverRestoreIcon { - background-position: center 189px; -} - -.RoundConerPink .NormalIcon { - background-position: center 93px; -} - -.RoundConerPink .OverNormalIcon { - background-position: center 189px; -} - -.RoundConerPink .WindowBarLeft { - padding-left: 13px; - background-image: url('background/RoundConerPink.png'); - background-repeat: no-repeat; - background-position: left -153px; -} - -.RoundConerPink .WindowBarRight { - padding-right: 13px; - background-image: url('background/RoundConerPink.png'); - background-repeat: no-repeat; - background-position: right -121px; -} - -.RoundConerPink .WindowBarCenter { - background: url('background/RoundConerPink.png') repeat-x; - background-position: left -90px; -} - -.RoundConerPink .WindowBarCenter .FixHeight { - height: 22px; - padding-top: 10px; -} - -.UIPortlet .RoundConerPink .WindowBarCenter { - height: 31px; -} - -.RoundConerPink .MiddleDecoratorLeft { - padding-left: 13px; - background: url('background/MRoundConerPink.png') repeat-y left; -} - -.RoundConerPink .MiddleDecoratorRight { - padding-right: 13px; - background: url('background/MRoundConerPink.png') repeat-y right; -} - -.RoundConerPink .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .RoundConerPink .MiddleDecoratorCenter { - height: 100%; -} - -.RoundConerPink .BottomDecoratorLeft { - padding-left: 13px; - background-image: url('background/RoundConerPink.png'); - background-repeat: no-repeat; - background-position: left -60px; -} - -.RoundConerPink .BottomDecoratorRight { - padding-right: 13px; - background-image: url('background/RoundConerPink.png'); - background-repeat: no-repeat; - background-position: right -30px; -} - -.RoundConerPink .BottomDecoratorCenter { - background: url('background/RoundConerPink.png') repeat-x; - background-position: top; -} - -.RoundConerPink .BottomDecoratorCenter .FixHeight { - height: 30px; -} - -/*------------------------------- RoundConerGreen ----------------------------------*/ - -.RoundConerGreen .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.RoundConerGreen .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/RoundConerGreen.png'); -} - -.RoundConerGreen .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.RoundConerGreen .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .RoundConerGreen .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.RoundConerGreen .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 19px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.RoundConerGreen .ArrowDownIcon { - background-position: center 21px; -} - -.RoundConerGreen .OverArrowDownIcon { - background-position: center 117px; -} - -.RoundConerGreen .MinimizedIcon { - background-position: center 45px; -} - -.RoundConerGreen .OverMinimizedIcon { - background-position: center 141px; -} - -.RoundConerGreen .MaximizedIcon { - background-position: center 69px; -} - -.RoundConerGreen .OverMaximizedIcon { - background-position: center 165px; -} - -.RoundConerGreen .RestoreIcon { - background-position: center 93px; -} - -.RoundConerGreen .OverRestoreIcon { - background-position: center 189px; -} - -.RoundConerGreen .NormalIcon { - background-position: center 93px; -} - -.RoundConerGreen .OverNormalIcon { - background-position: center 189px; -} - -.RoundConerGreen .WindowBarLeft { - padding-left: 13px; - background-image: url('background/RoundConerGreen.png'); - background-repeat: no-repeat; - background-position: left -153px; -} - -.RoundConerGreen .WindowBarRight { - padding-right: 13px; - background-image: url('background/RoundConerGreen.png'); - background-repeat: no-repeat; - background-position: right -121px; -} - -.RoundConerGreen .WindowBarCenter { - background: url('background/RoundConerGreen.png') repeat-x; - background-position: left -90px; -} - -.RoundConerGreen .WindowBarCenter .FixHeight { - height: 22px; - padding-top: 10px; -} - -.UIPortlet .RoundConerGreen .WindowBarCenter { - height: 31px; -} - -.RoundConerGreen .MiddleDecoratorLeft { - padding-left: 13px; - background: url('background/MRoundConerGreen.png') repeat-y left; -} - -.RoundConerGreen .MiddleDecoratorRight { - padding-right: 13px; - background: url('background/MRoundConerGreen.png') repeat-y right; -} - -.RoundConerGreen .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .RoundConerGreen .MiddleDecoratorCenter { - height: 100%; -} - -.RoundConerGreen .BottomDecoratorLeft { - padding-left: 13px; - background-image: url('background/RoundConerGreen.png'); - background-repeat: no-repeat; - background-position: left -60px; -} - -.RoundConerGreen .BottomDecoratorRight { - padding-right: 13px; - background-image: url('background/RoundConerGreen.png'); - background-repeat: no-repeat; - background-position: right -30px; -} - -.RoundConerGreen .BottomDecoratorCenter { - background: url('background/RoundConerGreen.png') repeat-x; - background-position: top; -} - -.RoundConerGreen .BottomDecoratorCenter .FixHeight { - height: 30px; -} - -/*-------------------------- ShadowBlue ---------------------------*/ - -.ShadowBlue .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.ShadowBlue .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/ShadowBlue.png'); -} - -.ShadowBlue .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.ShadowBlue .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .ShadowBlue .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.ShadowBlue .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 16px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.ShadowBlue .ArrowDownIcon { - background-position: center 20px; -} - -.ShadowBlue .OverArrowDownIcon { - background-position: center 116px; -} - -.ShadowBlue .MinimizedIcon { - background-position: center 44px; -} - -.ShadowBlue .OverMinimizedIcon { - background-position: center 140px; -} - -.ShadowBlue .MaximizedIcon { - background-position: center 68px; -} - -.ShadowBlue .OverMaximizedIcon { - background-position: center 164px; -} - -.ShadowBlue .RestoreIcon { - background-position: center 92px; -} - -.ShadowBlue .OverRestoreIcon { - background-position: center 188px; -} - -.ShadowBlue .NormalIcon { - background-position: center 92px; -} - -.ShadowBlue .OverNormalIcon { - background-position: center 188px; -} - -.ShadowBlue .WindowBarLeft { - padding-left: 11px; - background-image: url('background/ShadowBlue.png'); - background-repeat: no-repeat; - background-position: left -142px; -} - -.ShadowBlue .WindowBarRight { - padding-right: 10px; - background-image: url('background/ShadowBlue.png'); - background-repeat: no-repeat; - background-position: right -113px; -} - -.ShadowBlue .WindowBarCenter { - background-image: url('background/ShadowBlue.png'); - background-repeat: repeat-x; - background-position: center -84px; -} - -.ShadowBlue .WindowBarCenter .FixHeight { - height: 20px; - padding-top: 9px; -} - -.ShadowBlue .MiddleDecoratorLeft { - padding-left: 11px; - background: url('background/MShadowBlue.png') repeat-y left; -} - -.ShadowBlue .MiddleDecoratorRight { - padding-right: 10px; - background: url('background/MShadowBlue.png') repeat-y right; -} - -.ShadowBlue .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .ShadowBlue .MiddleDecoratorCenter { - height: 100%; -} - -.ShadowBlue .BottomDecoratorLeft { - padding-left: 11px; - background-image: url('background/ShadowBlue.png'); - background-repeat: no-repeat; - background-position: left -56px; -} - -.ShadowBlue .BottomDecoratorRight { - padding-right: 10px; - background-image: url('background/ShadowBlue.png'); - background-repeat: no-repeat; - background-position: right -28px; -} - -.ShadowBlue .BottomDecoratorCenter { - background-image: url('background/ShadowBlue.png'); - background-repeat: repeat-x; - background-position: center top; -} - -.ShadowBlue .BottomDecoratorCenter .FixHeight { - height: 28px; -} - -/*------------------------------ ShadowViolet -----------------------------------*/ - -.ShadowViolet .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.ShadowViolet .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/ShadowViolet.png'); -} - -.ShadowViolet .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.ShadowViolet .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .ShadowViolet .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.ShadowViolet .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 16px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.ShadowViolet .ArrowDownIcon { - background-position: center 20px; -} - -.ShadowViolet .OverArrowDownIcon { - background-position: center 116px; -} - -.ShadowViolet .MinimizedIcon { - background-position: center 44px; -} - -.ShadowViolet .OverMinimizedIcon { - background-position: center 140px; -} - -.ShadowViolet .MaximizedIcon { - background-position: center 68px; -} - -.ShadowViolet .OverMaximizedIcon { - background-position: center 164px; -} - -.ShadowViolet .RestoreIcon { - background-position: center 92px; -} - -.ShadowViolet .OverRestoreIcon { - background-position: center 188px; -} - -.ShadowViolet .NormalIcon { - background-position: center 92px; -} - -.ShadowViolet .OverNormalIcon { - background-position: center 188px; -} - -.ShadowViolet .WindowBarLeft { - padding-left: 11px; - background-image: url('background/ShadowViolet.png'); - background-repeat: no-repeat; - background-position: left -142px; -} - -.ShadowViolet .WindowBarRight { - padding-right: 10px; - background-image: url('background/ShadowViolet.png'); - background-repeat: no-repeat; - background-position: right -113px; -} - -.ShadowViolet .WindowBarCenter { - background-image: url('background/ShadowViolet.png'); - background-repeat: repeat-x; - background-position: center -84px; -} - -.ShadowViolet .WindowBarCenter .FixHeight { - height: 20px; - padding-top: 9px; -} - -.ShadowViolet .MiddleDecoratorLeft { - padding-left: 11px; - background: url('background/MShadowViolet.png') repeat-y left; -} - -.ShadowViolet .MiddleDecoratorRight { - padding-right: 10px; - background: url('background/MShadowViolet.png') repeat-y right; -} - -.ShadowViolet .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .ShadowViolet .MiddleDecoratorCenter { - height: 100%; -} - -.ShadowViolet .BottomDecoratorLeft { - padding-left: 11px; - background-image: url('background/ShadowViolet.png'); - background-repeat: no-repeat; - background-position: left -56px; -} - -.ShadowViolet .BottomDecoratorRight { - padding-right: 10px; - background-image: url('background/ShadowViolet.png'); - background-repeat: no-repeat; - background-position: right -28px; -} - -.ShadowViolet .BottomDecoratorCenter { - background-image: url('background/ShadowViolet.png'); - background-repeat: repeat-x; - background-position: center top; -} - -.ShadowViolet .BottomDecoratorCenter .FixHeight { - height: 28px; -} - -/*------------------------------ ShadowOrange -----------------------------------*/ - -.ShadowOrange .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.ShadowOrange .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/ShadowOrange.png'); -} - -.ShadowOrange .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.ShadowOrange .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .ShadowOrange .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.ShadowOrange .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 16px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.ShadowOrange .ArrowDownIcon { - background-position: center 20px; -} - -.ShadowOrange .OverArrowDownIcon { - background-position: center 116px; -} - -.ShadowOrange .MinimizedIcon { - background-position: center 44px; -} - -.ShadowOrange .OverMinimizedIcon { - background-position: center 140px; -} - -.ShadowOrange .MaximizedIcon { - background-position: center 68px; -} - -.ShadowOrange .OverMaximizedIcon { - background-position: center 164px; -} - -.ShadowOrange .RestoreIcon { - background-position: center 92px; -} - -.ShadowOrange .OverRestoreIcon { - background-position: center 188px; -} - -.ShadowOrange .NormalIcon { - background-position: center 92px; -} - -.ShadowOrange .OverNormalIcon { - background-position: center 188px; -} - -.ShadowOrange .WindowBarLeft { - padding-left: 11px; - background-image: url('background/ShadowOrange.png'); - background-repeat: no-repeat; - background-position: left -142px; -} - -.ShadowOrange .WindowBarRight { - padding-right: 10px; - background-image: url('background/ShadowOrange.png'); - background-repeat: no-repeat; - background-position: right -113px; -} - -.ShadowOrange .WindowBarCenter { - background-image: url('background/ShadowOrange.png'); - background-repeat: repeat-x; - background-position: center -84px; -} - -.ShadowOrange .WindowBarCenter .FixHeight { - height: 19px; - padding-top: 10px; -} - -.ShadowOrange .MiddleDecoratorLeft { - padding-left: 11px; - background: url('background/MShadowOrange.png') repeat-y left; -} - -.ShadowOrange .MiddleDecoratorRight { - padding-right: 10px; - background: url('background/MShadowOrange.png') repeat-y right; -} - -.ShadowOrange .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .ShadowOrange .MiddleDecoratorCenter { - height: 100%; -} - -.ShadowOrange .BottomDecoratorLeft { - padding-left: 11px; - background-image: url('background/ShadowOrange.png'); - background-repeat: no-repeat; - background-position: left -56px; -} - -.ShadowOrange .BottomDecoratorRight { - padding-right: 10px; - background-image: url('background/ShadowOrange.png'); - background-repeat: no-repeat; - background-position: right -28px; -} - -.ShadowOrange .BottomDecoratorCenter { - background-image: url('background/ShadowOrange.png'); - background-repeat: repeat-x; - background-position: center top; -} - -.ShadowOrange .BottomDecoratorCenter .FixHeight { - height: 28px; -} - -/*------------------------------ ShadowPink -----------------------------------*/ - - -.ShadowPink .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.ShadowPink .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/ShadowPink.png'); -} - -.ShadowPink .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.ShadowPink .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .ShadowPink .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.ShadowPink .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 16px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.ShadowPink .ArrowDownIcon { - background-position: center 20px; -} - -.ShadowPink .OverArrowDownIcon { - background-position: center 116px; -} - -.ShadowPink .MinimizedIcon { - background-position: center 44px; -} - -.ShadowPink .OverMinimizedIcon { - background-position: center 140px; -} - -.ShadowPink .MaximizedIcon { - background-position: center 68px; -} - -.ShadowPink .OverMaximizedIcon { - background-position: center 164px; -} - -.ShadowPink .RestoreIcon { - background-position: center 92px; -} - -.ShadowPink .OverRestoreIcon { - background-position: center 188px; -} - -.ShadowPink .NormalIcon { - background-position: center 92px; -} - -.ShadowPink .OverNormalIcon { - background-position: center 188px; -} - -.ShadowPink .WindowBarLeft { - padding-left: 11px; - background-image: url('background/ShadowPink.png'); - background-repeat: no-repeat; - background-position: left -142px; -} - -.ShadowPink .WindowBarRight { - padding-right: 10px; - background-image: url('background/ShadowPink.png'); - background-repeat: no-repeat; - background-position: right -113px; -} - -.ShadowPink .WindowBarCenter { - background-image: url('background/ShadowPink.png'); - background-repeat: repeat-x; - background-position: center -84px; -} - -.ShadowPink .WindowBarCenter .FixHeight { - height: 19px; - padding-top: 10px; -} - -.ShadowPink .MiddleDecoratorLeft { - padding-left: 11px; - background: url('background/MShadowPink.png') repeat-y left; -} - -.ShadowPink .MiddleDecoratorRight { - padding-right: 10px; - background: url('background/MShadowPink.png') repeat-y right; -} - -.ShadowPink .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .ShadowPink .MiddleDecoratorCenter { - height: 100%; -} - -.ShadowPink .BottomDecoratorLeft { - padding-left: 11px; - background-image: url('background/ShadowPink.png'); - background-repeat: no-repeat; - background-position: left -56px; -} - -.ShadowPink .BottomDecoratorRight { - padding-right: 10px; - background-image: url('background/ShadowPink.png'); - background-repeat: no-repeat; - background-position: right -28px; -} - -.ShadowPink .BottomDecoratorCenter { - background-image: url('background/ShadowPink.png'); - background-repeat: repeat-x; - background-position: center top; -} - -.ShadowPink .BottomDecoratorCenter .FixHeight { - height: 28px; -} - -/*------------------------------ ShadowGreen -----------------------------------*/ - - -.ShadowGreen .WindowBarCenter .WindowPortletInfo { - margin-right: 70px; /* orientation=lt */ - margin-left: 70px; /* orientation=rt */ -} - -.ShadowGreen .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; - background-image: url('background/ShadowGreen.png'); -} - -.ShadowGreen .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.ShadowGreen .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .ShadowGreen .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.ShadowGreen .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - line-height: 16px; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.ShadowGreen .ArrowDownIcon { - background-position: center 20px; -} - -.ShadowGreen .OverArrowDownIcon { - background-position: center 116px; -} - -.ShadowGreen .MinimizedIcon { - background-position: center 44px; -} - -.ShadowGreen .OverMinimizedIcon { - background-position: center 140px; -} - -.ShadowGreen .MaximizedIcon { - background-position: center 68px; -} - -.ShadowGreen .OverMaximizedIcon { - background-position: center 164px; -} - -.ShadowGreen .RestoreIcon { - background-position: center 92px; -} - -.ShadowGreen .OverRestoreIcon { - background-position: center 188px; -} - -.ShadowGreen .NormalIcon { - background-position: center 92px; -} - -.ShadowGreen .OverNormalIcon { - background-position: center 188px; -} - -.ShadowGreen .WindowBarLeft { - padding-left: 11px; - background-image: url('background/ShadowGreen.png'); - background-repeat: no-repeat; - background-position: left -142px; -} - -.ShadowGreen .WindowBarRight { - padding-right: 10px; - background-image: url('background/ShadowGreen.png'); - background-repeat: no-repeat; - background-position: right -113px; -} - -.ShadowGreen .WindowBarCenter { - background-image: url('background/ShadowGreen.png'); - background-repeat: repeat-x; - background-position: center -84px; -} - -.ShadowGreen .WindowBarCenter .FixHeight { - height: 20px; - padding-top: 9px; -} - -.ShadowGreen .MiddleDecoratorLeft { - padding-left: 11px; - background: url('background/MShadowGreen.png') repeat-y left; -} - -.ShadowGreen .MiddleDecoratorRight { - padding-right: 10px; - background: url('background/MShadowGreen.png') repeat-y right; -} - -.ShadowGreen .MiddleDecoratorCenter { - background: #ffffff; -} - -.UIPortlet .ShadowGreen .MiddleDecoratorCenter { - height: 100%; -} - -.ShadowGreen .BottomDecoratorLeft { - padding-left: 11px; - background-image: url('background/ShadowGreen.png'); - background-repeat: no-repeat; - background-position: left -56px; -} - -.ShadowGreen .BottomDecoratorRight { - padding-right: 10px; - background-image: url('background/ShadowGreen.png'); - background-repeat: no-repeat; - background-position: right -28px; -} - -.ShadowGreen .BottomDecoratorCenter { - background-image: url('background/ShadowGreen.png'); - background-repeat: repeat-x; - background-position: center top; -} - -.ShadowGreen .BottomDecoratorCenter .FixHeight { - height: 28px; -} - -/*------------------------------ SimpleBlue -----------------------------------*/ - -.SimpleBlue .WindowBarCenter .WindowPortletInfo { - margin-right: 60px; /* orientation=lt */ - margin-left: 60px; /* orientation=rt */ -} - -.SimpleBlue .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; -} - -.SimpleBlue .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.SimpleBlue .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .SimpleBlue .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.SimpleBlue .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.SimpleBlue .ArrowDownIcon { - background: url('background/SimpleStyle.gif') left 16px; -} - -.SimpleBlue .OverArrowDownIcon { - background: url('background/SimpleStyle.gif') right 16px; -} - -.SimpleBlue .MinimizedIcon { - background: url('background/SimpleStyle.gif') left 32px; -} - -.SimpleBlue .OverMinimizedIcon { - background: url('background/SimpleStyle.gif') right 32px; -} - -.SimpleBlue .MaximizedIcon { - background: url('background/SimpleStyle.gif') left 48px; -} - -.SimpleBlue .OverMaximizedIcon { - background: url('background/SimpleStyle.gif') right 48px; -} - -.SimpleBlue .RestoreIcon { - background: url('background/SimpleStyle.gif') left 64px; -} - -.SimpleBlue .OverRestoreIcon { - background: url('background/SimpleStyle.gif') right 64px; -} - -.SimpleBlue .NormalIcon { - background: url('background/SimpleStyle.gif') left 64px; -} - -.SimpleBlue .OverNormalIcon { - background: url('background/SimpleStyle.gif') right 64px; -} - -.SimpleBlue .WindowBarLeft { - border: 1px solid #3d589d; - border-bottom: none; -} - -.SimpleBlue .WindowBarRight { - border: 1px solid #d7e5f2; -} - -.SimpleBlue .WindowBarCenter { - background: #b0c0f5; -} - -.SimpleBlue .WindowBarCenter .FixHeight { - height: 18px; - line-height: 18px; -} - - -.SimpleBlue .MiddleDecoratorLeft { - border-left: 1px solid #3d589d; - border-right: 1px solid #3d589d; -} - -.SimpleBlue .MiddleDecoratorRight { - border: 2px solid #d7e5f2; - border-top: none; - border-bottom: none; -} - -.SimpleBlue .MiddleDecoratorCenter { - border: 1px solid #4a67b1; - border-bottom: none; - background: #ffffff; - padding: 1px; -} - -.SimpleBlue .BottomDecoratorLeft { - border-left: 1px solid #3d589d; - border-right: 1px solid #3d589d; - border-bottom: 1px solid #3d589d; -} - -.SimpleBlue .BottomDecoratorRight { - border: 2px solid #d7e5f2; - border-top: none; -} - -.SimpleBlue .BottomDecoratorCenter { - border: 1px solid #4a67b1; - border-top: none; - background: white url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleBlue .BottomDecoratorCenter .FixHeight { - height: 19px; -} - -/*------------------------------ SimpleViolet -----------------------------------*/ - -.SimpleViolet .WindowBarCenter .WindowPortletInfo { - margin-right: 60px; /* orientation=lt */ - margin-left: 60px; /* orientation=rt */ -} - -.SimpleViolet .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; -} - -.SimpleViolet .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.SimpleViolet .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .SimpleViolet .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.SimpleViolet .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.SimpleViolet .ArrowDownIcon { - background: url('background/SimpleStyle.gif') left 80px; -} - -.SimpleViolet .OverArrowDownIcon { - background: url('background/SimpleStyle.gif') right 80px; -} - -.SimpleViolet .MinimizedIcon { - background: url('background/SimpleStyle.gif') left 96px; -} - -.SimpleViolet .OverMinimizedIcon { - background: url('background/SimpleStyle.gif') right 96px; -} - -.SimpleViolet .MaximizedIcon { - background: url('background/SimpleStyle.gif') left 112px; -} - -.SimpleViolet .OverMaximizedIcon { - background: url('background/SimpleStyle.gif') right 112px; -} - -.SimpleViolet .RestoreIcon { - background: url('background/SimpleStyle.gif') left 128px; -} - -.SimpleViolet .OverRestoreIcon { - background: url('background/SimpleStyle.gif') right 128px; -} - -.SimpleViolet .NormalIcon { - background: url('background/SimpleStyle.gif') left 128px; -} - -.SimpleViolet .OverNormalIcon { - background: url('background/SimpleStyle.gif') right 128px; -} - -.SimpleViolet .WindowBarLeft { - border: 1px solid #c41fdc; - border-bottom: none; -} - -.SimpleViolet .WindowBarRight { - border: 1px solid #ece7ff; -} - -.SimpleViolet .WindowBarCenter { - background: #c4a6ff; -} - -.SimpleViolet .WindowBarCenter .FixHeight { - height: 18px; - line-height: 18px; -} - -.SimpleViolet .MiddleDecoratorLeft { - border-left: 1px solid #c41fdc; - border-right: 1px solid #c41fdc; -} - -.SimpleViolet .MiddleDecoratorRight { - border: 2px solid #ece7ff; - border-top: none; - border-bottom: none; -} - -.SimpleViolet .MiddleDecoratorCenter { - border: 1px solid #5700a9; - border-bottom: none; - background: #ffffff; - padding: 1px; -} - -.SimpleViolet .BottomDecoratorLeft { - border: 1px solid #c41fdc; - border-top: none; -} - -.SimpleViolet .BottomDecoratorRight { - border: 2px solid #ece7ff; - border-top: none; -} - -.SimpleViolet .BottomDecoratorCenter { - border: 1px solid #5700a9; - border-top: none; - background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleViolet .BottomDecoratorCenter .FixHeight { - height: 19px; -} - -.UIPortlet .SimpleViolet .BottomDecoratorCenter { - height: 18px; -} - -/*------------------------------ SimpleOrange -----------------------------------*/ - -.SimpleOrange .WindowBarCenter .WindowPortletInfo { - margin-right: 60px; /* orientation=lt */ - margin-left: 60px; /* orientation=rt */ -} - -.SimpleOrange .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; -} - -.SimpleOrange .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.SimpleOrange .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .SimpleOrange .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.SimpleOrange .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.SimpleOrange .ArrowDownIcon { - background: url('background/SimpleStyle.gif') left 144px; -} - -.SimpleOrange .OverArrowDownIcon { - background: url('background/SimpleStyle.gif') right 144px; -} - -.SimpleOrange .MinimizedIcon { - background: url('background/SimpleStyle.gif') left 160px; -} - -.SimpleOrange .OverMinimizedIcon { - background: url('background/SimpleStyle.gif') right 160px; -} - -.SimpleOrange .MaximizedIcon { - background: url('background/SimpleStyle.gif') left 192px; -} - -.SimpleOrange .OverMaximizedIcon { - background: url('background/SimpleStyle.gif') right 192px; -} - -.SimpleOrange .RestoreIcon { - background: url('background/SimpleStyle.gif') left 176px; -} - -.SimpleOrange .OverRestoreIcon { - background: url('background/SimpleStyle.gif') right 176px; -} - -.SimpleOrange .NormalIcon { - background: url('background/SimpleStyle.gif') left 176px; -} - -.SimpleOrange .OverNormalIcon { - background: url('background/SimpleStyle.gif') right 176px; -} - -.SimpleOrange .WindowBarLeft { - border: 1px solid #ffb27f; - border-bottom: none; -} - -.SimpleOrange .WindowBarRight { - border: 1px solid #fff1e5; -} - -.SimpleOrange .WindowBarCenter { - background: #ffd1a8; -} - -.SimpleOrange .WindowBarCenter .FixHeight { - height: 18px; - line-height: 18px; -} - -.SimpleOrange .MiddleDecoratorLeft { - border-left: 1px solid #ffb27f; - border-right: 1px solid #ffb27f; -} - -.SimpleOrange .MiddleDecoratorRight { - border: 2px solid #fff1e5; - border-top: none; - border-bottom: none; -} - -.SimpleOrange .MiddleDecoratorCenter { - border: 1px solid #b27a49; - border-bottom: none; - background: #ffffff; - padding: 1px; -} - -.SimpleOrange .BottomDecoratorLeft { - border: 1px solid #ffb27f; - border-top: none; -} - -.SimpleOrange .BottomDecoratorRight { - border: 2px solid #fff1e5; - border-top: none; -} - -.SimpleOrange .BottomDecoratorCenter { - border: 1px solid #b27a49; - border-top: none; - background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleOrange .BottomDecoratorCenter .FixHeight { - height: 19px; -} - -.UIPortlet .SimpleOrange .BottomDecoratorCenter { - height: 18px; -} - -/*------------------------------ SimplePink -----------------------------------*/ - -.SimplePink .WindowBarCenter .WindowPortletInfo { - margin-right: 60px; /* orientation=lt */ - margin-left: 60px; /* orientation=rt */ -} - -.SimplePink .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; -} - -.SimplePink .Information { - height: 18px; line-height: 18px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.SimplePink .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .SimplePink .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.SimplePink .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.SimplePink .ArrowDownIcon { - background: url('background/SimpleStyle.gif') left 208px; -} - -.SimplePink .OverArrowDownIcon { - background: url('background/SimpleStyle.gif') right 208px; -} - -.SimplePink .MinimizedIcon { - background: url('background/SimpleStyle.gif') left 224px; -} - -.SimplePink .OverMinimizedIcon { - background: url('background/SimpleStyle.gif') right 224px; -} - -.SimplePink .MaximizedIcon { - background: url('background/SimpleStyle.gif') left 240px; -} - -.SimplePink .OverMaximizedIcon { - background: url('background/SimpleStyle.gif') right 240px; -} - -.SimplePink .RestoreIcon { - background: url('background/SimpleStyle.gif') left 256px; -} - -.SimplePink .OverRestoreIcon { - background: url('background/SimpleStyle.gif') right 256px; -} - -.SimplePink .NormalIcon { - background: url('background/SimpleStyle.gif') left 256px; -} - -.SimplePink .OverNormalIcon { - background: url('background/SimpleStyle.gif') right 256px; -} - -.SimplePink .WindowBarLeft { - border: 1px solid #b69db3; - border-bottom: none; -} - -.SimplePink .WindowBarRight { - border: 1px solid #fff1fd; -} - -.SimplePink .WindowBarCenter { - background: #fdd8f9; -} - -.SimplePink .WindowBarCenter .FixHeight { - height: 18px; - line-height: 18px; -} - -.SimplePink .MiddleDecoratorLeft { - border-left: 1px solid #b69db3; - border-right: 1px solid #b69db3; -} - -.SimplePink .MiddleDecoratorRight { - border: 2px solid #fff1fd; - border-top: none; - border-bottom: none; -} - -.SimplePink .MiddleDecoratorCenter { - border: 1px solid #9a5591; - border-bottom: none; - background: #ffffff; - padding: 1px; -} - -.SimplePink .BottomDecoratorLeft { - border: 1px solid #b69db3; - border-top: none; -} - -.SimplePink .BottomDecoratorRight { - border: 2px solid #fff1fd; - border-top: none; -} - -.SimplePink .BottomDecoratorCenter { - border: 1px solid #9a5591; - border-top: none; - background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimplePink .BottomDecoratorCenter .FixHeight { - height: 19px; -} - -.UIPortlet .SimplePink .BottomDecoratorCenter { - height: 18px; -} - -/*------------------------------ SimpleGreen -----------------------------------*/ - -.SimpleGreen .WindowBarCenter .WindowPortletInfo { - margin-right: 60px; /* orientation=lt */ - margin-left: 60px; /* orientation=rt */ -} - -.SimpleGreen .WindowBarCenter .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - cursor: pointer; -} - -.SimpleGreen .Information { - line-height: 18px; - width: 100px; - font-size: 10px; - margin-right: 18px; /* orientation=lt */ - margin-left: 18px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.SimpleGreen .WindowBarCenter .WindowPortletIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - height: 16px; -} - -.UIPageDesktop .SimpleGreen .ResizeArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 17px; height: 19px; - cursor: nw-resize; - background: url('background/Resize17x19.png') no-repeat; -} - -.SimpleGreen .WindowBarCenter .PortletName { - font-weight: bold; - color: #333333; - overflow: hidden; - white-space: nowrap; - width: 100%; -} - -.SimpleGreen .ArrowDownIcon { - background: url('background/SimpleStyle.gif') left 272px; -} - -.SimpleGreen .OverArrowDownIcon { - background: url('background/SimpleStyle.gif') right 272px; -} - -.SimpleGreen .MinimizedIcon { - background: url('background/SimpleStyle.gif') left 288px; -} - -.SimpleGreen .OverMinimizedIcon { - background: url('background/SimpleStyle.gif') right 288px; -} - -.SimpleGreen .MaximizedIcon { - background: url('background/SimpleStyle.gif') left 304px; -} - -.SimpleGreen .OverMaximizedIcon { - background: url('background/SimpleStyle.gif') right 304px; -} - -.SimpleGreen .RestoreIcon { - background: url('background/SimpleStyle.gif') left 320px; -} - -.SimpleGreen .OverRestoreIcon { - background: url('background/SimpleStyle.gif') right 320px; -} - -.SimpleGreen .NormalIcon { - background: url('background/SimpleStyle.gif') left 320px; -} - -.SimpleGreen .OverNormalIcon { - background: url('background/SimpleStyle.gif') right 320px; -} - -.SimpleGreen .WindowBarLeft { - border: 1px solid #a0b9b6; - border-bottom: none; -} - -.SimpleGreen .WindowBarRight { - border: 1px solid #eaf4ff; -} - -.SimpleGreen .WindowBarCenter { - background: #a3d0ff; -} - -.SimpleGreen .WindowBarCenter .FixHeight { - height: 18px; - line-height: 18px; -} - - -.SimpleGreen .MiddleDecoratorLeft { - border-left: 1px solid #a0b9b6; - border-right: 1px solid #a0b9b6; -} - -.SimpleGreen .MiddleDecoratorRight { - border: 2px solid #eaf4ff; - border-top: none; - border-bottom: none; -} - -.SimpleGreen .MiddleDecoratorCenter { - background: #ffffff; - border: 1px solid #4c717e; - border-bottom: none; - padding: 1px; -} - -.SimpleGreen .BottomDecoratorLeft { - border: 1px solid #a0b9b6; - border-top: none; -} - -.SimpleGreen .BottomDecoratorRight { - background: #eaf4ff; - padding: 0px 2px 2px 2px; -} - -.SimpleGreen .BottomDecoratorCenter { - border: 1px solid #4c717e; - border-top: none; - background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleGreen .BottomDecoratorCenter .FixHeight { - height: 19px; -} - -.UIPortlet .SimpleGreen .BottomDecoratorCenter { - height: 18px; -} Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/BGDecoratorCenter1x18.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/DefaultTheme.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MDefaultTheme.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacBlack.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGray.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGreen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacTheme.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerBlue.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerGreen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerOrange.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerPink.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerViolet.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowBlue.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowGreen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowOrange.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowPink.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowViolet.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaBlue.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaTheme.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacBlack.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGray.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGreen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacTheme.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/Resize17x19.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea17x15.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerGreen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerOrange.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerPink.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerViolet.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundCornerBlue.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowBlue.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowGreen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowOrange.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowPink.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowViolet.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/SimpleStyle.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaBlue.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaTheme.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/icons/SimpleIcons.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,46 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIBreadcumbs { - padding: 0 40px; -} - -.UIBreadcumbs .LeftBreadcumbsBar { - background: none; -} - -.UIBreadcumbs .HomeIcon { - background: url('background/HomeIcon.gif') no-repeat left top; - width: 16px; - height: 16px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 6px 5px 0 0; /* orientation=lt */ - margin: 6px 0 0 5px; /* orientation=rt */ -} - -.UIBreadcumbs .BreadcumbsInfoBar { - padding: 0; -} - -.UIBreadcumbs .RightBlackGridArrowIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 5px 0px 0px 0px; -} \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/background/HomeIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,97 +0,0 @@ -#UITabbedDashboardPortlet { - padding: 0 8px; -} - -.UITabPaneDashboard { - background: #f9f9f9; - border-bottom: 1px solid #e5e5e5; - padding: 0px 9px; -} - -.UITabPaneDashboard .LtTabDashboard { - padding: 0; - background: none; -} - -.UITabPaneDashboard .RtTabDashboard { - padding: 0; - background: none; -} - -.UITabPaneDashboard .CtTabDashboard { - padding: 0; - background: none; -} - -.UITabPaneDashboard .UIHorizontalTabs { - padding: 5px 0px 4px 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .TabsContainer { - height: auto; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle { - margin: 0px 4px 0px 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab, -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .UITab span { - margin: 0px 10px; - font-weight: normal; -} - -.UITabPaneDashboard .UIHorizontalTabs .UITab .CloseIcon { - background: url('background/IconClose.gif') no-repeat left top; - width: 16px; - height: 16px; - cursor: pointer; -} - -.UITabPaneDashboard .UIHorizontalTabs .AddDashboard { - background: url('background/AddDashboard.gif') no-repeat left top; - width: 22px; height: 22px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - cursor: pointer; - margin-top: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab { - background: #E6E6E6; - border: 1px solid #DADADA; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab { - background: none; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab { - background: none; - line-height: 20px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab span { - color: #999999; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab { - background: #fff; - border: 1px solid #dadada; - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab { - background: #fff; - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - background: #fff; - padding: 0px; - line-height: 20px; -} Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/background/AddDashboard.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/background/IconClose.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,169 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIToolbarContainer .ToolbarContainer .TRContainer { - height: 30px; -} - -.UIToolbarContainer .NormalContainerBlock .ToolbarContainer { - background: #232d36; - height: 30px; - border: none; -} - -.UIToolbarContainer .ToolbarContainer a { - padding: 0px 15px 0px 35px; /* orientation=lt */ - padding: 0px 35px 0px 15px; /* orientation=rt */ - color: #fff; -} - -.UIToolbarContainer .UITab a:hover { - color: #9fc5ff; -} - -.UIToolbarContainer .UIHorizontalTabs .TabsContainer { - height: 30px; /* orientation=lt */ - height: auto; /* orientation=rt */ -} - -.UIToolbarContainer .UIHorizontalTabs .UITab { - line-height: 30px; - background: none; - font-weight: normal; -} - - -/****************************/ - -.UIToolbarContainer .MenuItemContainer { - border: 1px solid #e7e6eb; - background: #e7e6eb; -} - -.UIToolbarContainer .TitleBar { - color: #232d36; - background: #cccccc; - font-weight: normal; - padding: 0px 5px; -} - -.UIToolbarContainer .MenuItem { - background: none; -} - -.UIToolbarContainer .MenuItem .ArrowIcon { - background: url('background/ToolbarContainer.gif') no-repeat right bottom; /* orientation=lt */ - background: url('background/ToolbarContainer-rt.gif') no-repeat -5px bottom; /* orientation=rt */ -} - -.UIToolbarContainer .MenuItem a { - padding: 0px 25px 0px 30px; /* orientation=lt */ - padding: 0px 30px 0px 25px; /* orientation=rt */ - color: #232d36; -} - -.UIToolbarContainer .MenuItem a:hover { - color: #000; - background-color: #d7d7d7; -} - -.UIToolbarContainer .ItemIcon { - background-position: 5px center; /* orientation=lt */ - background-position: 95% center; /* orientation=rt */ -} - -/**********************************/ - -.UIToolbarContainer .DashboardIcon { - background: url('background/ToolbarContainer.gif') no-repeat 5px -65px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -65px; /* orientation=rt */ -} - -.UIToolbarContainer .SitesIcon { - background: url('background/ToolbarContainer.gif') no-repeat 5px -96px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -96px; /* orientation=rt */ -} - -.UIToolbarContainer .GroupIcon { - background: url('background/ToolbarContainer.gif') no-repeat left -131px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -131px; /* orientation=rt */ - margin-left: 10px; /* orientation=lt */ - margin-right: 10px; /* orientation=rt */ -} - -.UIToolbarContainer .EditorIcon { - background: url('background/ToolbarContainer.gif') no-repeat 5px -164px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -164px; /* orientation=rt */ -} - -.UIToolbarContainer .AddPageIcon { - background: url('background/ToolbarContainer.gif') no-repeat 0px -320px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -320px; /* orientation=rt */ -} - -.UIToolbarContainer .EditPageIcon { - background: url('background/ToolbarContainer.gif') no-repeat 0px -352px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -352px; /* orientation=rt */ -} - -.UIToolbarContainer .EditSiteIcon { - background: url('background/ToolbarContainer.gif') no-repeat 0px -384px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -384px; /* orientation=rt */ -} - -.UIToolbarContainer .ChangeLanguageIcon { - background: url('background/ToolbarContainer.gif') no-repeat 0px -192px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -192px; /* orientation=rt */ -} - -.UIToolbarContainer .ChangeSkinIcon { - background: url('background/ToolbarContainer.gif') no-repeat 0px -224px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -224px; /* orientation=rt */ -} - -.UIToolbarContainer .AccountSettingIcon { - background: url('background/ToolbarContainer.gif') no-repeat 5px -256px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -256px; /* orientation=rt */ -} - -.UIToolbarContainer .SignOutIcon { - background: url('background/ToolbarContainer.gif') no-repeat 0px -288px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -288px; /* orientation=rt */ -} - -.UIToolbarContainer .Name a { - background: url('background/UseIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/UseIcon.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 10px 0px 25px; /* orientation=lt */ - padding: 0px 25px 0px 10px; /* orientation=rt */ - color: #fff; - line-height: 30px; -} - -.UIToolbarContainer .Name a:hover { - color: #9fc5ff; -} -/***************UIStarToolBarPortlet*****************/ - -.UIStarToolBarPortlet { - background: url('background/GateinLogo.jpg') no-repeat 10px 6px; /* orientation=lt */ - background: url('background/GateinLogo.jpg') no-repeat 23px 5px; /* orientation=rt */ - width: 64px; - height: 30px; -} \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.jpg =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/ToolbarContainer.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/UseIcon.gif =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -16,8 +16,6 @@ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ - -@import url(UIPortalComponent/Stylesheet.css); @import url(UIPage/Stylesheet.css); @import url(UIToolbarContainer/Stylesheet.css); @import url(UITabPaneDashboard/Stylesheet.css); Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,141 +1,43 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + /*##############################-Page Layout Decorator-################################*/ - -.LAYOUT-BLOCK .PageLayoutDecorator { - cursor: move; -} - + + .UIPageBody .PageLayoutDecorator { - padding: 0px; - margin: 0px 2px auto 2px; + margin: 0px 2px auto 2px; overflow: hidden; } -.UIPageBody .PageLayoutDecorator .MiddlePageBG { - background: white; - height: 80px; -} - -.UIPageBody .PageLayoutDecorator .TopLeftPage { - background: url('background/ViewPage.gif') no-repeat left -113px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat right -113px; /* orientation=rt */ - padding: 0px 0px 0px 143px; /* orientation=lt */ - padding: 0px 143px 0px 0px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .TopRightPage { - background: url('background/ViewPage.gif') no-repeat right -226px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat left -226px; /* orientation=rt */ - padding: 0px 47px 0px 0px; /* orientation=lt */ - padding: 0px 0px 0px 47px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .TopCenterPage { - height: 112px; line-height: 98px; - background: url('background/ViewPage.gif') repeat-x center top; - color: #525252; text-align: center; - font-weight: bold; - padding: 0px; white-space: nowrap; -} - -.UIPageBody .PageLayoutDecorator .MiddleLeftPage { - background: url('background/ViewPageRepeat.gif') repeat-y left; /* orientation=lt */ - background: url('background/ViewPageRepeat-rt.gif') repeat-y right; /* orientation=rt */ - padding: 0px 0px 0px 22px; /* orientation=lt */ - padding: 0px 22px 0px 0px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .MiddleRightPage { - background: url('background/ViewPageRepeat.gif') repeat-y right; /* orientation=lt */ - background: url('background/ViewPageRepeat-rt.gif') repeat-y left; /* orientation=rt */ - padding: 0px 23px 0px 0px; /* orientation=lt */ - padding: 0px 0px 0px 23px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .BottomLeftPage { - background: url('background/ViewPage.gif') no-repeat left -378px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat right -378px; /* orientation=rt */ - padding: 0px 0px 0px 46px; /* orientation=lt */ - padding: 0px 46px 0px 0px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .BottomRightPage { - background: url('background/ViewPage.gif') no-repeat right -378px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat left -378px; /* orientation=rt */ - padding: 0px 35px 0px 0px; /* orientation=lt */ - padding: 0px 0px 0px 35px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .BottomCenterPage { - line-height: 38px; - background: url('background/ViewPage.gif') repeat-x center -339px; -} - -.UIPageBody .PageLayoutDecorator .BottomCenterPage .FixBug { - height: 38px; -} - .UIPageBody .VIEW-PAGEBODY .UIPage { - padding: 8px; + padding: 0 8px; } -.UIPageBody .VIEW-PAGEBODY .UIPage .UIComponentBlock { - background: white; - height: 100%; -} -.UIPageBody .BLPagebody { - background: url('background/BgPagebody.gif') no-repeat left top; - padding-left: 6px; - height: 16px; -} - -.UIPageBody .BRPagebody { - background: url('background/BgPagebody.gif') no-repeat right top; - padding-right: 6px; - height: 16px; -} - -.UIPageBody .BMPagebody { - background: url('background/BgPagebody.gif') repeat-x center bottom; - height: 16px; -} - .UIPage .UIRowContainer { padding: 0px; } -.BottomDecoratorHome .BottomDecoratorLeft{ - background: url('background/BottomDecoratorHome.gif') no-repeat left; - padding-left: 7px; - height: 7px; -} - -.BottomDecoratorHome .BottomDecoratorRight{ - background: url('background/BottomDecoratorHome.gif') no-repeat right; - padding-right: 7px; - height: 7px; -} - -.BottomDecoratorHome .BottomDecoratorMiddle{ - background: white; - height: 7px; +.UIWorkingWorkspace .UIPageBody .VIEW-PAGEBODY { + -moz-border-radius:0; + -webkit-border-radius:0; + border-radius:0; + background: #fff; + padding:0; } \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/BgPagebody.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/BottomDecoratorHome.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/ViewPage.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPage/background/ViewPageRepeat.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,317 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIPortlet .LAYOUT-BLOCK { - padding: 5px; -} - -.UIPortlet .CONTROL-PORTLET { - left: 0; /* orientation=lt */ - right: 0; /* orientation=rt */ -} - -.UIPortlet .CONTROL-PORTLET .Login { - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center; -} - -.UIPortlet .CONTROL-PORTLET .DragControlArea { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 7px; height: 13px; - margin: 5px 0px 0px 3px; /* orientation=lt */ - margin: 5px 3px 0px 0px; /* orientation=rt */ - background: url('background/DragBg2x2.gif'); - cursor: move; -} - -.UIPortlet .ViewPortletIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin: 4px 5px 0px 0px; /* orientation=lt */ - margin: 4px 0px 0px 5px; /* orientation=rt */ - background: url('background/BlueBoxLight.gif') no-repeat; - cursor: pointer; -} - -.UIPortlet .EditPortletPropertiesIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 20px; height: 20px; - background: url('background/Pen.gif') no-repeat top; - margin: 4px 0px 0px 5px; /* orientation=lt */ - margin: 4px 5px 0px 0px; /* orientation=rt */ -} - -.UIPortlet .DeletePortletIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 20px; height:20px; - background: url('background/Close.gif') no-repeat bottom; - margin: 0px 0px 0px 2px; /* orientation=lt */ - margin: 0px 2px 0px 0px; /* orientation=rt */ -} - -.UIPortlet .SelectedContainerBlock { - background: white; - border-top: 1px solid #91bcdd; -} - -.UIPortlet .SelectedContainerBlock .LeftContainerBlock { - background: url('background/BgContainerBlock.gif') no-repeat left top; - padding-left: 1px; -} - -.UIPortlet .SelectedContainerBlock .RightContainerBlock { - background: url('background/BgContainerBlock.gif') no-repeat right top; - padding: 4px; -} - -.UIPortlet .NewLayer { - background: #d1dce5; - filter: alpha(opacity=80); - opacity: 0.8; - width: 100%; height: 100%; -} - -/*##############################- PortletLayoutDecorator -################################*/ - -.PortletLayoutDecorator { -} - -.PortletLayoutDecorator .LPortletLayoutDecorator { - background: url('background/PortletLayoutDecorator.gif') no-repeat left top; - padding: 0px 0px 0px 12px; -} - -.PortletLayoutDecorator .RPortletLayoutDecorator { - background: url('background/PortletLayoutDecorator.gif') no-repeat right top; - padding-right: 12px; -} - -.PortletLayoutDecorator .CPortletLayoutDecorator { - background: url('background/PortletLayoutDecorator.gif') repeat-x center -89px; -} - -.PortletLayoutDecorator .FixHeight { - height: 69px; - padding: 10px 0; -} -.ProtectedPortlet .PortletLayoutDecorator { - background: white; -} -.ProtectedPortlet .PortletLayoutDecorator .LPortletLayoutDecorator { - opacity: 0.3; - filter: alpha(opacity=30); -} -/*############### End Decorator ###################################################*/ - -.LAYOUT-CONTAINER .UIContainer { - /* - fix bug dragdrop in IE6 - */ -} - -.LAYOUT-CONTAINER .TDContainer { - padding: 0px 2px; -} - -.UIContainer .LAYOUT-BLOCK .UIRowContainer { - min-height: 86px; - _height: 86px; -} - -.UIContainer .VIEW-BLOCK .EmptyContainer { - height: 82px; -} - -.UIContainer .NewLayer { - background: #93c0e2; - filter: alpha(opacity=40); - opacity: 0.4; - width: 100%; height: 100%; -} - -/* -.UIContainer .LAYOUT-CONTAINER { - background: #f5f5f5; - border: solid 1px #38acf3; - padding: 5px; - margin: 0px 1px; - min-height: 60px; -} - -* html .UIContainer .LAYOUT-CONTAINER { - height: 60px; -} - -.UIContainer .UIInfoBar .BlueRoundedStyle { - padding: 0px; margin: 0px; - height: 22px; -} -*/ - -.UIContainer .CONTROL-CONTAINER .DragControlArea { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 7px; height: 13px; - background: url('background/DragBg2x2.gif'); - cursor: move; - margin: 5px 0px 0px 2px; /* orientation=lt */ - margin: 5px 2px 0px 0px; /* orientation=rt */ -} - -.UIContainer .LAYOUT-CONTAINER .UITableColumnContainer { - background: none; - border: none; - margin: auto; -} - -.UIContainer .EditContainerIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 22px; height: 16px; - background: url('background/Pen.gif') no-repeat top; - margin: 4px 0px 0px 2px; /* orientation=lt */ - margin: 4px 2px 0px 0px; /* orientation=rt */ -} - -.UIContainer .DeleteContainerIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 22px; height: 16px; - background: url('background/Close.gif') no-repeat bottom; - margin: 4px 0px 0px 0px; /* orientation=lt */ - margin: 4px 0px 0px 0px; /* orientation=rt */ -} - -.UIContainer .ContainerIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - height: 16px; line-height: 16px; - padding-left: 24px; /* orientation=lt */ - padding-right: 24px; /* orientation=rt */ - margin: 3px 0px 0px 5px; /* orientation=lt */ - margin: 3px 5px 0px 0px; /* orientation=rt */ - background: url('background/DefaultContainerIcon.png') no-repeat; -} - -.UIColumnContainer .ControlIcon { - float: right;/* orientation=lt */ - float: left;/* orientation=rt */ - width: 28px; - height: 20px; - cursor: pointer; - background: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png') no-repeat center; -} - -.UIColumnContainer .EditContainerIcon { - margin-left: 0px; /* orientation=lt */ - margin-right: 0px; /* orientation=rt */ -} - -.UIColumnContainer .ArrowDownIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 22px; height: 16px; - background: url('background/ArrowDown.gif') no-repeat center top; - margin: 4px 0px 0px 2px; /* orientation=lt */ - margin: 4px 2px 0px 0px; /* orientation=rt */ -} - -.UIPortal .LAYOUT-PORTAL { - /* background: url('background/PortalBackground4x4.gif');*/ - background: white; - padding: 8px; - _padding: 8px 0px; /* orientation=rt */ - margin: auto; - _margin: 0px; /* orientation=rt */ - _width: 99%; /* orientation=rt */ -} - -.DragAndDropPreview { - width: auto; height: 80px; - background: url('background/DragAndDropPreview4x4.gif'); - border: 1px solid #c4c4c4; - margin: 0px 12px 10px 12px; -} - -.PortletBlockDecorator { - -} - -.EdittingContainer { - padding: 3px; -} - -.EdittingContainer .NormalContainerBlock { - background: white; - border: 1px dashed #a2a2a2; - height: 100%; -} - -.EdittingContainer .NormalContainerBlock .LeftContainerBlock, -.EdittingContainer .OverContainerBlock .NormalContainerBlock .LeftContainerBlock { - background: none; -} - -.EdittingContainer .NormalContainerBlock .RightContainerBlock, -.EdittingContainer .OverContainerBlock .NormalContainerBlock .RightContainerBlock { - padding: 2px; - background: none; -} - -.UIContainer .UIPortlet { - padding: 0px; -} - -.UIPortletMask { - opacity: 0; - filter: alpha(opacity=0); - background: #ffffff; -} - -.EdittingContainer .OverContainerBlock { - border: 1px solid #b8babf; - background: none; - height: 100%; -} - -.EdittingContainer .OverContainerBlock .LeftContainerBlock { - background: white; -} - -.EdittingContainer .OverContainerBlock .RightContainerBlock { - background: none; - padding: 2px; -} - -.ProtectedContainer .ProtectedContent { - opacity: 0.3; - filter: alpha(opacity=80); - height: 70px; - padding: 6px 10px; -} - -.UIPageBodyMask { - opacity: 0; - filter: alpha(opacity=0); - background: #ffffff; - cursor:move; -} Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/ArrowDown.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/BgContainerBlock.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/BottomVTabSimpleStyle224x1.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/Close.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/DragAndDropPreview4x4.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/LineBlock.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/Pen.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/Pen.png =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/PortalBackground4x4.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecoratorHidden.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIPortalComponent/background/close.png =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UITabPaneDashboard/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UITabPaneDashboard/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UITabPaneDashboard/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,97 +1,37 @@ -#UITabbedDashboardPortlet { - padding: 0 8px; + +.UITabPaneDashboard { + background-color: #F0F0F0; + border-bottom: 1px solid #e5e5e5; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + margin: 0 8px; } - -.UITabPaneDashboard { - background: #f0f0f0; - border-bottom: 1px solid #e5e5e5; - padding: 0px 9px; +.UITabPaneDashboard .AddDashboard{ + background-image: url('background/AddDashboard.gif'); + width: 22px; } -.UITabPaneDashboard .LtTabDashboard { - padding: 0; - background: none; -} - -.UITabPaneDashboard .RtTabDashboard { - padding: 0; - background: none; -} - -.UITabPaneDashboard .CtTabDashboard { - padding: 0; - background: none; -} - -.UITabPaneDashboard .UIHorizontalTabs { - padding: 5px 0px 4px 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .TabsContainer { - height: auto; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle { - margin: 0px 4px 0px 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab, -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .UITab span { - margin: 0px 10px; - font-weight: normal; -} - -.UITabPaneDashboard .UIHorizontalTabs .UITab .CloseIcon { - background: url('background/IconClose.gif') no-repeat left top; - width: 16px; - height: 16px; - cursor: pointer; -} - -.UITabPaneDashboard .UIHorizontalTabs .AddDashboard { - background: url('background/AddDashboard.gif') no-repeat left top; - width: 22px; height: 22px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - cursor: pointer; - margin-top: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab { - background: #E6E6E6; - border: 1px solid #DADADA; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab { - background: none; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab { - background: none; - line-height: 20px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab span { - color: #999999; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab { - background: #fff; - border: 1px solid #dadada; - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab { - background: #fff; - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - background: #fff; - padding: 0px; - line-height: 20px; -} +.UITabPaneDashboard .UITab { + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + background-color:#E6E6E6; + border:1px solid #DADADA; + height: 20px; + line-height: 20px; + margin-top: 5px; + margin-right: 4px;/* orientation=lt */ + margin-left: 4px;/* orientation=rt */ +} +.UITabPaneDashboard .UITab .Tablabel { + color:#999; +} + +.UITabPaneDashboard .UITab .CloseIcon { + background-image: url('background/IconClose.gif'); +} + +.UITabPaneDashboard .SelectedTab { + background-color:#fff; +} \ No newline at end of file Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,56 +17,22 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIToolbarContainer { - padding: 0px; - height: auto; -} - -.UIToolbarContainer .UserInfoPortletTDContainer { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ -} - -.UIToolbarContainer .LAYOUT-CONTAINER { - overflow: hidden; -} - -.UIToolbarContainer .LAYOUT-BLOCK .UIRowContainer { - height: auto; - min-height: inherit; - border: none; - background: none; -} - -.UIToolbarContainer .ToolbarContainer .TRContainer { +.UIToolbarContainer .ToolbarContainer .TRContainer,.UIToolbarContainer .UIHorizontalTabs { height: 30px; } -.UIToolbarContainer .UIContainer { - padding: 0px; -} - -.UIToolbarContainer .UITableColumnContainer { - margin: 0px; -} - .UIToolbarContainer .NormalContainerBlock .ToolbarContainer { background: #232d36; height: 30px; border: none; } -.UIToolbarContainer .ToolbarContainer a { +.UIToolbarContainer .ToolbarContainer .TBIcon { padding: 0px 15px 0px 35px; /* orientation=lt */ padding: 0px 35px 0px 15px; /* orientation=rt */ color: #fff; - display: block; - white-space: nowrap; } -.UIToolbarContainer .UITab a:hover { - color: #9fc5ff; -} .UIToolbarContainer .UIHorizontalTabs .TabsContainer { height: 30px; /* orientation=lt */ @@ -74,71 +40,32 @@ } .UIToolbarContainer .UIHorizontalTabs .UITab { - line-height: 30px; background: none; font-weight: normal; - padding-right: 2px; /* orientation=lt */ - padding-left: 2px; /* orientation=rt */ - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ - float: none; - !float: left;/* orientation=rt */ - _float: none;/* orientation=rt */ - cursor: pointer; } -.UserToolBarSitePortletTDContainer { - position: relative; -} - -.UserToolBarGroupPortletTDContainer { - position: relative; -} - -.UserToolBarGroupPortletTDContainer { - position: relative; -} - -.UserToolBarDashboardPortletTDContainer { - position: relative; -} - -.AdminToolBarPortletTDContainer { - position: relative; -} - - /****************************/ .UIToolbarContainer .MenuItemContainer { border: 1px solid #e7e6eb; background: #e7e6eb; - position: absolute; - z-index: 1; } .UIToolbarContainer .TitleBar { color: #232d36; background: #cccccc; font-weight: normal; - height: 23px; - line-height: 23px; - opacity: 0.9; - padding: 0 5px; - white-space: nowrap; - filter: alpha(opacity=90); } .UIToolbarContainer .MenuItem { - background: none; - height: 28px; - line-height: 28px; - opacity: 0.9; - filter: alpha(opacity=90); - width: 100%; + background: none; } -.UIToolbarContainer .MenuItem .ArrowIcon { +.UIToolbarContainer .MenuItem:hover { + background-color: #d7d7d7; +} + +.UIToolbarContainer .ArrowIcon { background: url('background/ToolbarContainer.gif') no-repeat right bottom; /* orientation=lt */ background: url('background/ToolbarContainer-rt.gif') no-repeat -5px bottom; /* orientation=rt */ } @@ -149,11 +76,6 @@ color: #232d36; } -.UIToolbarContainer .MenuItem a:hover { - color: #000; - background-color: #d7d7d7; -} - .UIToolbarContainer .ItemIcon { background-position: 5px center; /* orientation=lt */ background-position: 95% center; /* orientation=rt */ @@ -167,7 +89,7 @@ } .UIToolbarContainer .SiteIcon { - background: url('background/ToolbarContainer.gif') no-repeat 5px -97px; /* orientation=lt */ + background: url('background/ToolbarContainer.gif') no-repeat 0px -97px; /* orientation=lt */ background: url('background/ToolbarContainer.gif') no-repeat 100% -97px; /* orientation=rt */ } @@ -226,11 +148,6 @@ .UIToolbarContainer .Name a { background: url('background/UseIcon.gif') no-repeat left center; /* orientation=lt */ background: url('background/UseIcon.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 10px 0px 25px; /* orientation=lt */ - padding: 0px 25px 0px 10px; /* orientation=rt */ - color: #fff; - cursor: pointer; - font-weight: bold; line-height: 30px; } @@ -242,28 +159,14 @@ .UIStarToolBarPortlet { background: url('background/GateinLogo.jpg') no-repeat 10px 6px; /* orientation=lt */ background: url('background/GateinLogo.jpg') no-repeat 23px 5px; /* orientation=rt */ - width: 64px; - height: 30px; } .UIStarToolBarPortlet .UITab { - height: 30px; float: none; /* orientation=rt */ } /***************UIUserToolBarPortlet*****************/ -.UIUserToolbarPortlet .MenuItemContainer .SelectedItem { - line-height: 24px; - width: auto; - background: #c7c7c7; - color: #3e8df0; -} -.UIToolbarContainer .UIAdminToolbarPortlet .UIHorizontalTabs .UITab { - background: none; - padding: 0px; -} - .UIToolbarContainer .UIUserToolbarPortlet .UIHorizontalTabs .TabsContainer { width: 400px; /* orientation=rt */ } Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/16x16/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/16x16/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/16x16/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,1734 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.Next16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueNextArrow.gif'); -} - -.BCHome16x16Icon { - width: 16px; height: 16px; - background: url('icons/Home.gif'); -} - -.DownArrow1Icon { - background: url('icons/BlueDownArrow.gif') no-repeat right; -} - -.NextArrow1Icon { - background: url('icons/BlueNextArrow.gif') no-repeat right; -} - -.RightBlackGridArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BreadcumbsArrowIcon.gif'); /* orientation=lt */ - background: url('icons/BreadcumbsArrowIcon-rt.gif'); /* orientation=rt */ -} - -.DefaultContainer16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueContainer.gif'); -} - -.AddNewNodeIcon { - width: 16px; height: 16px; - background: url('icons/BlueCirclePlus.gif'); -} - -.BlueCirclePlusIcon { - width: 16px; height: 16px; - background: url('icons/BlueCirclePlus.gif'); -} - -.SelectPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/SelectPage.gif'); -} - -.PermissionSettingIcon { - width: 17px; height: 17px; - background: url('icons/PermissionSetting.gif') no-repeat center; -} - -.PreviewIcon { - width: 16px; height: 16px; - background: url('icons/LightBulbOn.gif'); -} - -.SaveIcon { - background: url('icons/FloppyDisk.gif'); -} - -.OrangeBoxPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/MiniOrangeBoxPage.gif'); -} - -.CancelIcon { - width: 16px; height: 16px; - background: url('icons/Cancel.gif'); -} - -.AddPage16x16Icon{ - width: 16px; height: 16px; - background: url('icons/AddPage.gif'); -} - -.GreenArrowPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/GreenRightArrowPage.gif'); -} - -.GreenPlusPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/GreenPlusPage.gif'); -} - -.SelectPageIcon { - width: 16px; height: 16px; - background: url('icons/SelectIcon.gif'); - margin: auto; -} - -.SelectPortalIcon { - width: 16px; height: 16px; margin: auto; - background: url('icons/SelectIcon.gif'); -} - -.SearchIcon { - width: 16px; - height: 16px; - margin: auto; - background: url('icons/SearchIcon.png') no-repeat left; /* orientation=lt */ - background: url('icons/SearchIcon-rt.png') no-repeat right; /* orientation=rt */ -} - -.DeletePortalIcon { - width: 16px; height: 16px; margin: auto; - background: url('icons/DustBin.gif'); -} - -.OnLightPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/OrangeLightPage.gif'); -} - -.Save16x16Icon { - width: 16px; height: 16px; - background: url('icons/FloppyDisk.gif'); -} - -.Cancel16x16Icon { - width: 16px; height: 16px; - background: url('icons/RedCrossCircle.gif'); -} - -.Close16x16Icon { - width: 16px; height: 16px; - background: url('icons/RedCrossCircle.gif'); -} - -.Refresh16x16Icon { - width: 18px; height: 18px; - background: url('icons/RefreshIcon.gif'); -} - -.Update16x16Icon { - width: 16px; height: 16px; - background: url('icons/Refresh.gif'); -} - -.Back16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueBackArrow.gif'); -} - -.Copy16x16Icon { - width: 16px; height: 16px; - background: url('icons/CopyIcon.gif'); -} - -.CloseFolder16x16Icon { - width: 16px; height: 16px; - background: url('icons/CloseFolder.gif'); -} - -.OpenFolder16x16Icon { - width: 16px; height: 16px; - background: url('icons/OpenFolder.gif'); -} - -.Pencil16x16Icon { - width: 16px; height: 16px; - background: url('icons/Pencil.gif'); -} - -.DustBin16x16Icon { - width: 16px; height: 16px; - background: url('icons/DustBin.gif'); -} - -.Level116x16Icon { - width: 16px; height: 16px; - background: url('icons/SmallArrowBox.gif'); -} - -.Level216x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueSquare.gif'); -} - -.Level316x16Icon { - width: 16px; height: 16px; - background: url('icons/GreenMiniBox.gif'); -} - -.CircleInfo16x16Icon { - width: 16px; height: 16px; - background: url('icons/CircleInfo.gif'); -} - -.Lock16x16Icon { - width: 16px; height: 16px; - background: url('icons/Lock.gif'); -} - -.PastePalate16x16Icon { - width: 16px; height: 16px; - background: url('icons/PastePalate.gif'); -} - -.BlueNote16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueNote.gif'); -} - -.DoublePaper16x16Icon { - width: 16px; height: 16px; - background: url('icons/DoublePaper.gif'); -} - -.LoadingInfo16x16Icon { - width: 16px; height: 16px; - background: url('icons/LoadingInfo.gif'); -} - -.ScissorsEraser16x16Icon { - width: 16px; height: 16px; - background: url('icons/ScissorsEraser.gif'); -} - -.ScissorsEraserWarning16x16Icon { - width: 16px; height: 16px; - background: url('icons/ScissorsEraserWarning.gif'); -} - -.OrangeNote16x16Icon { - width: 16px; height: 16px; - background: url('icons/OrangeNote.gif'); -} - -/********************* Icon PortletIcon************************************/ - -.PortletIcon { - background: url('icons/Earth.gif') no-repeat left center; /* orientation=lt */ - background: url('icons/Earth.gif') no-repeat right center; /* orientation=rt */ -} - -.Organization { - background: url('icons/Earth.gif') no-repeat center; -} - -.Fast { - background: url('icons/EditIcon.gif') no-repeat center; -} - -.Account { - background: url('icons/UserAccount.gif') no-repeat center; -} - -.Registry-Portlet { - background: url('icons/RegistryPortlet.gif') no-repeat center; -} - -.Site { - background: url('icons/SiteMap.gif') no-repeat center; -} - -.Login { - background: url('icons/ToolIcons/Key.gif') no-repeat center; -} - -.Mail { - background: url('icons/OfficeIcons/Email.gif') no-repeat center; -} - -.Forum { - background: url('icons/ForumIcon.gif') no-repeat center; -} - -.ECMAdminIcon { - background: url('icons/ECMAdmin.gif') no-repeat center; -} - -.ExplorerIcon { - background: url('icons/JCRExplorer.gif') no-repeat center; -} - -.Dialog { - background: url('icons/DialogIcon.gif') no-repeat center; -} - -.Browse{ - background: url('icons/BrowseContent.gif') no-repeat center; -} - -.Workflow { - background: url('icons/WorkflowIcon.gif') no-repeat center; -} - -/*##############- Misc Icons -#############*/ - -.BlueArrowFloppy16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueArrowBlackFloppy.gif'); -} - -.BlueInfoBox16x16Icon { - width: 16px; height: 16px; - background: url('icons/Info.gif'); /* orientation=lt */ - background: url('icons/Info.gif') right center; /* orientation=rt */ -} - -.Config16x16Icon { - width: 16px; height: 16px; - background: url('icons/Config.gif'); -} - -.SelectPermissionIcon { - width: 16px; height: 16px; - background: url('icons/SelectPermission.gif'); -} - -.Node16x16Icon { - width: 16px; height: 16px; - background: url('icons/Node.gif'); -} - -.Level16x16Icon { - width: 16px; height: 16px; - background: url('icons/Level.gif'); -} - -.Feature16x16Icon { - width: 16px; height: 16px; - background: url('icons/Feature.gif'); -} - -.RSS16x16Icon { - width: 16px; height: 16px; - background: url('icons/RSS.gif'); -} - -.Earth16x16Icon { - width: 16px; height: 16px; - background: url('icons/Earth.gif'); -} - -.AdminView16x16Icon { - width: 16px; height: 16px; - background: url('icons/AdminView.gif'); -} - -.Briefcase16x16Icon { - width: 16px; height: 16px; - background: url('icons/Briefcase.gif'); -} - -.AddNode16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueCirclePlus.gif'); -} - -.EditIcon { - width: 16px; - height: 16px; - background: url('icons/EditIcon.gif'); /* orientation=lt */ - background: url('icons/EditIcon-rt.gif'); /* orientation=rt */ -} - -.Organization16x16Icon { - width: 16px; height: 16px; - background: url('icons/Organization.gif'); -} - -.UserRegistration16x16Icon { - width: 16px; height: 16px; - background: url('icons/UserRegistration.gif'); -} - -.Management16x16Icon { - width: 16px; height: 16px; - background: url('icons/Management.gif'); -} - -.PortalAdmin16x16Icon { - width: 16px; height: 16px; - background: url('icons/PortalAdmin.gif'); -} - -.Duplicate16x16Icon { - width: 16px; height: 16px; - background: url('icons/Duplicate.gif'); -} - -.Portal16x16Icon { - width: 16px; height: 16px; - background: url('icons/Portal.gif'); -} - -.Administration16x16Icon { - width: 16px; height: 16px; - background: url('icons/Monitor.gif'); -} - -.SiteMap16x16Icon { - width: 16px; height: 16px; - background: url('icons/SiteMap.gif'); -} - -.SearchPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/SearchPage.gif'); -} - -.BlueCirclePlus16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueCirclePlus.gif'); -} - -.ShieldGreenPlus16x16Icon { - width: 16px; height: 16px; - background: url('icons/ShieldGreenPlus.gif'); -} - -.InfoMessage16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueSquare.gif'); -} - -.WarningMessageSquare16x16Icon { - width: 16px; height: 16px; - background: url('icons/YellowSquare.gif'); -} - -.ErrorMessage16x16Icon { - width: 16px; height: 16px; - background: url('icons/RedSquare.gif'); -} - -.DoubleBrownNoteIcon { - width: 16px; height: 16px; - background: url('icons/DoubleBrownNote.gif'); -} - -.Execute16x16Icon { - width: 16px; height: 16px; - background: url('icons/Execute.gif'); -} - -.OrangePencilSourceBox16x16Icon { - width: 16px; height: 16px; - background: url('icons/OrangePencilSourceBox.gif'); -} - -.Home16x16Icon { - width: 16px; height: 16px; - background: url('icons/Home.gif'); -} - -.ColorPen16x16Icon { - width: 16px; height: 16px; - background: url('icons/ColorPen.gif'); -} - -.NestedSquare16x16Icon { - width: 16px; height: 16px; - background: url('icons/NestedSquare.gif'); -} - -.VioletInfoWindow16x16Icon { - width: 16px; height: 16px; - background: url('icons/VioletInfoWindow.gif'); -} - -.PageTicker16x16Icon { - width: 16px; height: 16px; - background: url('icons/PageTicker.gif'); -} - -.GreenPlusPage16x16Icon { - width: 16px; height: 16px; - background: url('icons/GreenPlusPage.gif'); -} - -.BlackBorderSquareBlueBall16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlackBorderSquareBlueBall.gif'); -} - -.GreenPlusDataBox16x16Icon { - height: 16px; - width: 16px; - background: url('icons/GreenPlusDatabox.gif'); -} - -/* TODO: Change image'name to "BlueShapeLeftArrow" */ -.BlueBackArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueBackArrow.gif'); - cursor: pointer; -} - -/* TODO: Change image'name to "BlueShapeRightArrow" */ -.BlueNextArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueNextArrow.gif'); - cursor: pointer; -} - -.Remove16x16Icon { - width: 16px; height: 16px; - background: url('icons/DustBin.gif'); -} - -.GrayBackArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/GrayShapeLeftArrow.gif'); - cursor: pointer; -} - -.GrayNextArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/GrayShapeRightArrow.gif'); -} - -.BlueCircleLeftArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueCircleLeftArrow.gif'); -} - -.BlueCircleRightArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueCircleRightArrow.gif'); -} - -.BlueGridRightArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueGridRightArrow.gif'); -} - -.GrayDoubleGridDownArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/GrayDoubleGridDownArrow.gif'); -} - -.GrayFillRightArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/GrayFillRightArrow.gif'); -} - -.BlueSquareRightArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueSquareRightArrow.gif'); -} - -.DotArrowRight16x16Icon { - width: 16px; height: 16px; - background: url('icons/DotArrowRight.gif'); -} - -.BlackGridRightArrow16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlackGridRightArrow.gif'); -} - -.BlueCloseButton16x16Icon { - width: 16px; height: 16px; - background: url('icons/BlueCloseButton.gif'); -} - -.Logout16x16Icon { - width: 16px; height: 16px; - background: url('icons/RedLogoutIcon.gif'); -} - -.TreeNode16x16Icon { - width: 16px; height: 16px; - background: url('icons/TreeNodeIcon.gif'); -} - -.Scissors16x16Icon { - width: 16px; height: 16px; - background: url('icons/Scissors.gif'); -} - -.HotNews16x16Icon { - width: 16px; height: 16px; - background: url('icons/HotNews.gif'); -} - -.ArrowS1Down16x16Icon { - width: 22px; height: 17px; - background: url('icons/ArrowSLDown.gif') no-repeat center; -} - -.ArrowS1Up16x16Icon { - width: 16px; height: 16px; - background: url('icons/WhiteArrowUp.gif'); -} - -.Portlet16x16Icon { - width: 16px; height: 16px; - background: url('icons/DefaultPortletIcon.gif'); -} - -.Container16x16Icon { - width: 16px; height: 16px; - background: url('icons/DefaultContainerIcon.gif'); -} - -.SmallGroup16x16Icon { - width: 16px; height: 16px; - background: url('icons/SmallGroup.gif'); -} - -.DefaultPageIcon { - background: url('icons/DefaultNodeIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('icons/DefaultNodeIcon.gif') no-repeat right center; /* orientation=rt */ -} - -/*##############################Icon Stylesheet for IconSelector##########################*/ -/*===========================Misc Icons Stylesheet=======================*/ - -.AcrobatFile { - background: url('icons/MiscIcons/AcrobatFile.gif') no-repeat center left; -} - -.AdminView { - background: url('icons/MiscIcons/AdminView.gif') no-repeat center left; -} - -.AllTags { - background: url('icons/MiscIcons/AllTags.gif') no-repeat center left; -} - -.AmericanExpressCard { - background: url('icons/MiscIcons/AmericanExpressCard.gif') no-repeat center left; -} - -.ApplicationGallery { - background: url('icons/MiscIcons/ApplicationGallery.gif') no-repeat center left; -} - -.ApplicationLink { - background: url('icons/MiscIcons/ApplicationLink.gif') no-repeat center left; -} - -.ApplicationList { - background: url('icons/MiscIcons/ApplicationList.gif') no-repeat center left; -} - -.ApplicationSize { - background: url('icons/MiscIcons/ApplicationSize.gif') no-repeat center left; -} - -.ApplicationTerminal { - background: url('icons/MiscIcons/ApplicationTerminal.gif') no-repeat center left; - -} - -.ApplicationWorldWide { - background: url('icons/MiscIcons/ApplicationWorldWide.png') no-repeat center left; -} - -.BlueInfo { - background: url('icons/MiscIcons/BlueInfo.gif') no-repeat center left; -} - -.Bomb { - background: url('icons/MiscIcons/Bomb.png') no-repeat center left; -} - -.BookmarkPage { - background: url('icons/MiscIcons/BookmarkPage.gif') no-repeat center left; -} - -.BreakLink { - background: url('icons/MiscIcons/BreakLink.gif') no-repeat center left; -} - -.Brick { - background: url('icons/MiscIcons/Brick.gif') no-repeat center left; -} - -.CategoryList { - background: url('icons/MiscIcons/CategoryList.gif') no-repeat center left; -} - -.Checkout { - background: url('icons/MiscIcons/Checkout.gif') no-repeat center left; -} - -.CheckPage { - background: url('icons/MiscIcons/CheckPage.gif') no-repeat center left; -} - -.ComponentsList { - background: url('icons/MiscIcons/ComponentsList.gif') no-repeat center left; -} - -.Config { - background: url('icons/MiscIcons/Config.gif') no-repeat center left; -} - -.CSS { - background: url('icons/MiscIcons/CSS.gif') no-repeat center left; -} - - -.DiskDrive { - background: url('icons/MiscIcons/DiskDrive.gif') no-repeat center left; -} - -.DownloadApplication { - background: url('icons/MiscIcons/DownloadApplication.gif') no-repeat center left; -} - -.DreamweaverApplication { - background: url('icons/MiscIcons/DreamweaverApplication.gif') no-repeat center left; -} - -.DynamicContentPage { - background: url('icons/MiscIcons/DynamicContentPage.gif') no-repeat center left; -} - -.Extension { - background: url('icons/MiscIcons/Extension.gif') no-repeat center left; -} - -.Factory { - background: url('icons/MiscIcons/Factory.gif') no-repeat center left; -} - -.Feature { - background: url('icons/MiscIcons/Feature.gif') no-repeat center left; -} - -.Flash { - background: url('icons/MiscIcons/Flash.gif') no-repeat center left; -} - -.FlashFile { - background: url('icons/MiscIcons/FlashFile.gif') no-repeat center left; -} - -.FolderLock { - background: url('icons/MiscIcons/FolderLock.gif') no-repeat center left; -} - -.FontFile { - background: url('icons/MiscIcons/FontFile.gif') no-repeat center left; -} - -.Glove { - background: url('icons/MiscIcons/Glove.gif') no-repeat center left; -} - -.Home { - background: url('icons/MiscIcons/Home.gif') no-repeat center left; -} - -.HTML { - background: url('icons/MiscIcons/HTML.gif') no-repeat center left; -} - -.Humer { - background: url('icons/MiscIcons/Humer.gif') no-repeat center left; -} - -.IconsView { - background: url('icons/MiscIcons/IconsView.gif') no-repeat center left; -} - -.ImageFrame { - background: url('icons/MiscIcons/ImageFrame.gif') no-repeat center left; -} - -.Images { - background: url('icons/MiscIcons/Images.gif') no-repeat center left; -} - -.ImagesFolder { - background: url('icons/MiscIcons/ImagesFolder.gif') no-repeat center left; -} - -.ImageSize { - background: url('icons/MiscIcons/ImageSize.gif') no-repeat center left; -} - -.ImagesList { - background: url('icons/MiscIcons/ImagesList.gif') no-repeat center left; -} - -.Info { - background: url('icons/MiscIcons/Info.png') no-repeat center left; -} - -.InstallerProgress { - background: url('icons/MiscIcons/InstallerProgress.gif') no-repeat center left; -} - -.JavaPge { - background: url('icons/MiscIcons/JavaPge.gif') no-repeat center left; -} - -.Layout { - background: url('icons/MiscIcons/Layout.gif') no-repeat center left; -} - -.Link { - background: url('icons/MiscIcons/Link.gif') no-repeat center left; -} - -.LockPage { - background: url('icons/MiscIcons/LockPage.gif') no-repeat center left; -} - -.MasterCard { - background: url('icons/MiscIcons/MasterCard.gif') no-repeat center left; -} - -.Music { - background: url('icons/MiscIcons/Music.gif') no-repeat center left; -} - -.MusicDownload { - background: url('icons/MiscIcons/MusicDownload.gif') no-repeat center left; -} - -.New { - background: url('icons/MiscIcons/New.gif') no-repeat center left; -} - -.PackagesList { - background: url('icons/MiscIcons/PackagesList.gif') no-repeat center left; -} - -.PageCategory { - background: url('icons/MiscIcons/PageCategory.gif') no-repeat center left; -} - -.PhotoshopFile { - background: url('icons/MiscIcons/PhotoshopFile.gif') no-repeat center left; -} - -.Printer { - background: url('icons/MiscIcons/Printer.gif') no-repeat center left; -} - -.Puzzle { - background: url('icons/MiscIcons/Puzzle.gif') no-repeat center left; -} - -.QuicktimeMovieFile { - background: url('icons/MiscIcons/QuicktimeMovieFile.gif') no-repeat center left; -} - -.Rainbow { - background: url('icons/MiscIcons/Rainbow.gif') no-repeat center left; -} - -.RefeshPage { - background: url('icons/MiscIcons/RefeshPage.gif') no-repeat center left; -} - -.RSS { - background: url('icons/MiscIcons/RSS.gif') no-repeat center left; -} - -.RSSFeed { - background: url('icons/MiscIcons/RSSFeed.gif') no-repeat center left; -} - -.SearchFolder { - background: url('icons/MiscIcons/SearchFolder.gif') no-repeat center left; -} - -.Security { - background: url('icons/MiscIcons/Security.gif') no-repeat center left; -} - -.Software { - background: url('icons/MiscIcons/Software.gif') no-repeat center left; -} - -.Speaker { - background: url('icons/MiscIcons/Speaker.gif') no-repeat center left; -} - -.Speaker2 { - background: url('icons/MiscIcons/Speaker2.gif') no-repeat center left; -} - -.StarAward { - background: url('icons/MiscIcons/StarAward.gif') no-repeat center left; -} - -.StarPage { - background: url('icons/MiscIcons/StarPage.gif') no-repeat center left; -} - -.Stats { - background: url('icons/MiscIcons/Stats.gif') no-repeat center left; -} - -.TagPage { - background: url('icons/MiscIcons/TagPage.gif') no-repeat center left; -} - -.TagSign { - background: url('icons/MiscIcons/TagSign.gif') no-repeat center left; -} - -.Ticket { - background: url('icons/MiscIcons/Ticket.gif') no-repeat center left; -} - -.TrueTypeFont { - background: url('icons/MiscIcons/TrueTypeFont.gif') no-repeat center left; -} - -.Tux { - background: url('icons/MiscIcons/Tux.gif') no-repeat center left; -} - -.Vector { - background: url('icons/MiscIcons/Vector.gif') no-repeat center left; -} - -.Version { - background: url('icons/MiscIcons/Version.gif') no-repeat center left; -} - -.VisaCard { - background: url('icons/MiscIcons/VisaCard.gif') no-repeat center left; -} - -.WeatherClouds { - background: url('icons/MiscIcons/WeatherClouds.gif') no-repeat center left; -} - -.WeatherCloudy { - background: url('icons/MiscIcons/WeatherCloudy.gif') no-repeat center left; -} - -.WeatherLightning { - background: url('icons/MiscIcons/WeatherLightning.gif') no-repeat center left; -} - -.WeatherRain { - background: url('icons/MiscIcons/WeatherRain.gif') no-repeat center left; -} - -.WeatherSnow { - background: url('icons/MiscIcons/WeatherSnow.gif') no-repeat center left; -} - -.WeatherSun { - background: url('icons/MiscIcons/WeatherSun.gif') no-repeat center left; -} - -.World { - background: url('icons/MiscIcons/World.gif') no-repeat center left; -} - -.XHTML { - background: url('icons/MiscIcons/XHTML.gif') no-repeat center left; -} - -.YellowStar { - background: url('icons/MiscIcons/YellowStar.png') no-repeat center left; -} - -/*===========================End Misc Icons Stylesheet=======================*/ -/*===========================Navigation Icons Stylesheet=======================*/ - -.BlackDownSolidArrow { - background: url('icons/NavigationIcons/BlackDownSolidArrow.gif') no-repeat center left; -} - -.BlackLeftSolidArrow { - background: url('icons/NavigationIcons/BlackLeftSolidArrow.gif') no-repeat center left; -} - -.BlackRightSolidArrow { - background: url('icons/NavigationIcons/BlackRightSolidArrow.gif') no-repeat center left; -} - -.BlackUpSolidArrow { - background: url('icons/NavigationIcons/BlackUpSolidArrow.gif') no-repeat center left; -} - -.BlueAquaBallBullet { - background: url('icons/NavigationIcons/BlueAquaBallBullet.gif') no-repeat center left; -} - -.BlueArrowIn { - background: url('icons/NavigationIcons/BlueArrowIn.gif') no-repeat center left; -} - -.BlueArrowInOut { - background: url('icons/NavigationIcons/BlueArrowInOut.gif') no-repeat center left; -} - -.BlueBallBullet { - background: url('icons/NavigationIcons/BlueBallBullet.gif') no-repeat center left; -} - -.BlueBranchArrow { - background: url('icons/NavigationIcons/BlueBranchArrow.gif') no-repeat center left; -} - -.BlueDividedArrow { - background: url('icons/NavigationIcons/BlueDividedArrow.gif') no-repeat center left; -} - -.BlueDownArrow { - background: url('icons/NavigationIcons/BlueDownArrow.gif') no-repeat center left; -} - -.BlueJoinArrow { - background: url('icons/NavigationIcons/BlueJoinArrow.gif') no-repeat center left; -} - -.BlueRedoArrow { - background: url('icons/NavigationIcons/BlueRedoArrow.gif') no-repeat center left; -} - -.BlueRotateRightArrow { - background: url('icons/NavigationIcons/BlueRotateRightArrow.gif') no-repeat center left; -} - -.BlueSquareBullet { - background: url('icons/NavigationIcons/BlueSquareBullet.gif') no-repeat center left; -} - -.BlueSwitchArrow { - background: url('icons/NavigationIcons/BlueSwitchArrow.gif') no-repeat center left; -} - -.BlueTriangleBullet { - background: url('icons/NavigationIcons/BlueTriangleBullet.gif') no-repeat center left; -} - -.BlueUndoArrow { - background: url('icons/NavigationIcons/BlueUndoArrow.gif') no-repeat center left; -} - -.BlueUpArrow { - background: url('icons/NavigationIcons/BlueUpArrow.gif') no-repeat center left; -} - -.Check { - background: url('icons/NavigationIcons/Check.png') no-repeat center left; -} - -.Check2 { - background: url('icons/NavigationIcons/Check2.gif') no-repeat center left; -} - -.Delete { - background: url('icons/NavigationIcons/Delete.gif') no-repeat center left; -} - -.Forward { - background: url('icons/NavigationIcons/Forward.gif') no-repeat center left; -} - -.GrassGreenBallBullet { - background: url('icons/NavigationIcons/GrassGreenBallBullet.gif') no-repeat center left; -} - -.GreenBallBullet { - background: url('icons/NavigationIcons/GreenBallBullet.gif') no-repeat center left; -} - -.GreenSquareBullet { - background: url('icons/NavigationIcons/GreenSquareBullet.gif') no-repeat center left; -} - -.GreenTriangleBullet { - background: url('icons/NavigationIcons/GreenTriangleBullet.gif') no-repeat center left; -} - -.GreyAquaBallBullet { - background: url('icons/NavigationIcons/GreyAquaBallBullet.gif') no-repeat center left; -} - -.GreyBallBullet { - background: url('icons/NavigationIcons/GreyBallBullet.gif') no-repeat center left; -} - -.GreyLeftShapeArrow { - background: url('icons/NavigationIcons/GreyLeftShapeArrow.gif') no-repeat center left; -} - -.GreySquareBullet { - background: url('icons/NavigationIcons/GreySquareBullet.gif') no-repeat center left; -} - -.GreyTriangleBullet { - background: url('icons/NavigationIcons/GreyTriangleBullet.gif') no-repeat center left; -} - -.RedAquaBallBullet { - background: url('icons/NavigationIcons/RedAquaBallBullet.gif') no-repeat center left; -} - -.RedBallBullet { - background: url('icons/NavigationIcons/RedBallBullet.gif') no-repeat center left; -} - -.RedSquareBullet { - background: url('icons/NavigationIcons/RedSquareBullet.gif') no-repeat center left; -} - -.RedTriangleBullet { - background: url('icons/NavigationIcons/RedTriangleBullet.gif') no-repeat center left; -} - -.Reply { - background: url('icons/NavigationIcons/Reply.gif') no-repeat center left; -} - -.RightShapeArrow { - background: url('icons/NavigationIcons/RightShapeArrow.gif') no-repeat center left; -} - -.YellowAquaBallBullet { - background: url('icons/NavigationIcons/YellowAquaBallBullet.gif') no-repeat center left; -} - -.YellowBallBullet { - background: url('icons/NavigationIcons/YellowBallBullet.gif') no-repeat center left; -} - -.YellowSquareBullet { - background: url('icons/NavigationIcons/YellowSquareBullet.gif') no-repeat center left; -} - -.YellowTriangleBullet { - background: url('icons/NavigationIcons/YellowTriangleBullet.gif') no-repeat center left; -} - -/*===========================End Navigation Icons Stylesheet=======================*/ -/*===========================Office Icons Stylesheet=======================*/ - -.AddressBook { - background: url('icons/OfficeIcons/AddressBook.gif') no-repeat center left; -} - -.ArticleDocument { - background: url('icons/OfficeIcons/ArticleDocument.gif') no-repeat center left; -} - -.At { - background: url('icons/OfficeIcons/At.png') no-repeat center left; -} - -.Attachment { - background: url('icons/OfficeIcons/Attachment.gif') no-repeat center left; -} - -.Book { - background: url('icons/OfficeIcons/Book.gif') no-repeat center left; -} - -.Chair { - background: url('icons/OfficeIcons/Chair.gif') no-repeat center left; -} - -.ChartBar { - background: url('icons/OfficeIcons/ChartBar.gif') no-repeat center left; -} - -.ChartLine { - background: url('icons/OfficeIcons/ChartLine.gif') no-repeat center left; -} - -.CoffeeCup { - background: url('icons/OfficeIcons/CoffeeCup.gif') no-repeat center left; -} - -.CoinsCurency { - background: url('icons/OfficeIcons/CoinsCurency.gif') no-repeat center left; -} - -.Computer { - background: url('icons/OfficeIcons/Computer.gif') no-repeat center left; -} - -.Conference { - background: url('icons/OfficeIcons/Conference.gif') no-repeat center left; -} - -.Date { - background: url('icons/OfficeIcons/Date.gif') no-repeat center left; -} - -.DocumentBox { - background: url('icons/OfficeIcons/DocumentBox.gif') no-repeat center left; -} - -.Door { - background: url('icons/OfficeIcons/Door.gif') no-repeat center left; -} - -.DreamweaverFile { - background: url('icons/OfficeIcons/DreamweaverFile.gif') no-repeat center left; -} - -.Email { - background: url('icons/OfficeIcons/Email.gif') no-repeat center left; -} - -.Envelope { - background: url('icons/OfficeIcons/Envelope.gif') no-repeat center left; -} - -.ExeFile { - background: url('icons/OfficeIcons/ExeFile.gif') no-repeat center left; -} - -.FloppyDisk { - background: url('icons/OfficeIcons/FloppyDisk.gif') no-repeat center left; -} - -.Folder1 { - background: url('icons/OfficeIcons/Folder1.gif') no-repeat center left; -} - -.Folder2 { - background: url('icons/OfficeIcons/Folder2.gif') no-repeat center left; -} - -.Folder3 { - background: url('icons/OfficeIcons/Folder3.gif') no-repeat center left; -} - -.Folder4 { - background: url('icons/OfficeIcons/Folder4.gif') no-repeat center left; -} - -.Folder5 { - background: url('icons/OfficeIcons/Folder5.gif') no-repeat center left; -} - -.HomePage { - background: url('icons/OfficeIcons/HomePage.gif') no-repeat center left; -} - -.HotNews { - background: url('icons/OfficeIcons/HotNews.gif') no-repeat center left; -} - -.IDCard { - background: url('icons/OfficeIcons/IDCard.gif') no-repeat center left; -} - -.IllustratorFile { - background: url('icons/OfficeIcons/IllustratorFile.gif') no-repeat center left; -} - -.IndesignFile { - background: url('icons/OfficeIcons/IndesignFile.gif') no-repeat center left; -} - -.Index { - background: url('icons/OfficeIcons/Index.gif') no-repeat center left; -} - -.Keyboard { - background: url('icons/OfficeIcons/Keyboard.gif') no-repeat center left; -} - -.Letter { - background: url('icons/OfficeIcons/Letter.gif') no-repeat center left; -} - -.MacOSXFolder { - background: url('icons/OfficeIcons/MacOSXFolder.gif') no-repeat center left; -} - -.Mail { - background: url('icons/OfficeIcons/Mail.gif') no-repeat center left; -} - -.Map { - background: url('icons/OfficeIcons/Map.gif') no-repeat center left; -} - -.Monitor { - background: url('icons/OfficeIcons/Monitor.gif') no-repeat center left; -} - -.Mouse { - background: url('icons/OfficeIcons/Mouse.gif') no-repeat center left; -} - -.Newspaper { - background: url('icons/OfficeIcons/Newspaper.gif') no-repeat center left; -} - -.Newspaper2 { - background: url('icons/OfficeIcons/Newspaper2.gif') no-repeat center left; -} - -.NotePage { - background: url('icons/OfficeIcons/NotePage.gif') no-repeat center left; -} - -.OpenBook { - background: url('icons/OfficeIcons/OpenBook.gif') no-repeat center left; -} - -.OpenEmail { - background: url('icons/OfficeIcons/OpenEmail.gif') no-repeat center left; -} - -.OpenFolder { - background: url('icons/OfficeIcons/OpenFolder.gif') no-repeat center left; -} - -.Page { - background: url('icons/OfficeIcons/Page.gif') no-repeat center left; -} - -.PaperList { - background: url('icons/OfficeIcons/PaperList.gif') no-repeat center left; -} - -.PastePalate { - background: url('icons/OfficeIcons/PastePalate.gif') no-repeat center left; -} - -.Picture { - background: url('icons/OfficeIcons/Picture.gif') no-repeat center left; -} - -.Purchase { - background: url('icons/OfficeIcons/Purchase.gif') no-repeat center left; -} - -.Script { - background: url('icons/OfficeIcons/Script.gif') no-repeat center left; -} - -.SearchPage { - background: url('icons/OfficeIcons/SearchPage.gif') no-repeat center left; -} - -.ShoppingBag { - background: url('icons/OfficeIcons/ShoppingBag.gif') no-repeat center left; -} - -.Sitemap { - background: url('icons/OfficeIcons/Sitemap.gif') no-repeat center left; -} - -.Stats2 { - background: url('icons/OfficeIcons/Stats2.gif') no-repeat center left; -} - -.Tag { - background: url('icons/OfficeIcons/Tag.gif') no-repeat center left; -} - -.Telephone { - background: url('icons/OfficeIcons/Telephone.gif') no-repeat center left; -} - -.TextFile { - background: url('icons/OfficeIcons/TextFile.gif') no-repeat center left; -} - -.YellowFolder { - background: url('icons/OfficeIcons/YellowFolder.gif') no-repeat center left; -} - -.YellowPen { - background: url('icons/OfficeIcons/YellowPen.gif') no-repeat center left; -} -.ZipFile { - background: url('icons/OfficeIcons/ZipFile.gif') no-repeat center left; -} - -/*===========================End Office Icons Stylesheet=======================*/ -/*===========================Tool Icons Stylesheet=======================*/ - -.Alarm { - background: url('icons/ToolIcons/Alarm.gif') no-repeat center left; -} - -.Anchor { - background: url('icons/ToolIcons/Anchor.gif') no-repeat center left; -} - -.Basketball { - background: url('icons/ToolIcons/Basketball.gif') no-repeat center left; -} - -.Bell { - background: url('icons/ToolIcons/Bell.gif') no-repeat center left; -} - -.Billards { - background: url('icons/ToolIcons/Billards.gif') no-repeat center left; -} - -.BlueActionWheel { - background: url('icons/ToolIcons/BlueActionWheel.gif') no-repeat center left; -} - -.BlueFlag { - background: url('icons/ToolIcons/BlueFlag.gif') no-repeat center left; -} - -.Box { - background: url('icons/ToolIcons/Box.gif') no-repeat center left; -} - -.BriefCase { - background: url('icons/ToolIcons/BriefCase.gif') no-repeat center left; -} - -.Calculator { - background: url('icons/ToolIcons/Calculator.gif') no-repeat center left; -} - -.Calendar { - background: url('icons/ToolIcons/Calendar.gif') no-repeat center left; - -} - -.Cart { - background: url('icons/ToolIcons/Cart.gif') no-repeat center left; -} - -.CD { - background: url('icons/ToolIcons/CD.gif') no-repeat center left; -} - -.Clock { - background: url('icons/ToolIcons/Clock.gif') no-repeat center left; -} - -.Component { - background: url('icons/ToolIcons/Component.gif') no-repeat center left; -} - -.CropTool { - background: url('icons/ToolIcons/CropTool.gif') no-repeat center left; -} - -.DeskPhone { - background: url('icons/ToolIcons/DeskPhone.gif') no-repeat center left; -} - -.EmptyBox { - background: url('icons/ToolIcons/EmptyBox.gif') no-repeat center left; -} - -.Entertainment { - background: url('icons/ToolIcons/Entertainment.gif') no-repeat center left; -} - -.FileBox { - background: url('icons/ToolIcons/FileBox.gif') no-repeat center left; -} - -.FirefoxBrowser { - background: url('icons/ToolIcons/FirefoxBrowser.gif') no-repeat center left; -} - -.FolderExport { - background: url('icons/ToolIcons/FolderExport.gif') no-repeat center left; -} - -.FolderImport { - background: url('icons/ToolIcons/FolderImport.gif') no-repeat center left; -} - -.Football { - background: url('icons/ToolIcons/Football.gif') no-repeat center left; -} - -.Gear { - background: url('icons/ToolIcons/Gear.gif') no-repeat center left; -} - -.Golf { - background: url('icons/ToolIcons/Golf.gif') no-repeat center left; -} - -.GrayWallet { - background: url('icons/ToolIcons/GrayWallet.gif') no-repeat center left; -} - -.GreenFlag { - background: url('icons/ToolIcons/GreenFlag.gif') no-repeat center left; -} - -.GreyFlag { - background: url('icons/ToolIcons/GreyFlag.gif') no-repeat center left; -} - -.HardDisk { - background: url('icons/ToolIcons/HardDisk.gif') no-repeat center left; -} - -.HourGlass { - background: url('icons/ToolIcons/HourGlass.gif') no-repeat center left; -} - -.Key { - background: url('icons/ToolIcons/Key.gif') no-repeat center left; -} - -.Light { - background: url('icons/ToolIcons/Light.gif') no-repeat center left; -} - -.Lock { - background: url('icons/ToolIcons/Lock.gif') no-repeat center left; -} - -.MacApplicationTool { - background: url('icons/ToolIcons/MacApplicationTool.gif') no-repeat center left; -} - -.MacMonitor { - background: url('icons/ToolIcons/MacMonitor.gif') no-repeat center left; -} - -.Magnifier { - background: url('icons/ToolIcons/Magnifier.gif') no-repeat center left; -} - -.MoveTool { - background: url('icons/ToolIcons/MoveTool.gif') no-repeat center left; -} - -.Movie { - background: url('icons/ToolIcons/Movie.gif') no-repeat center left; -} - -.Network { - background: url('icons/ToolIcons/Network.gif') no-repeat center left; -} - -.Paste { - background: url('icons/ToolIcons/Paste.gif') no-repeat center left; -} - -.PCMonitor { - background: url('icons/ToolIcons/PCMonitor.gif') no-repeat center left; -} - -.Pencil { - background: url('icons/ToolIcons/Pencil.gif') no-repeat center left; -} - -.Raquet { - background: url('icons/ToolIcons/Raquet.gif') no-repeat center left; -} - -.RedFlag { - background: url('icons/ToolIcons/RedFlag.gif') no-repeat center left; -} - -.Ruler { - background: url('icons/ToolIcons/Ruler.gif') no-repeat center left; -} - -.Search { - background: url('icons/ToolIcons/Search.png') no-repeat center left; -} - -.Shield { - background: url('icons/ToolIcons/Shield.png') no-repeat center left; -} - -.Shuttlecock { - background: url('icons/ToolIcons/Shuttlecock.gif') no-repeat center left; -} - -.Soccer { - background: url('icons/ToolIcons/Soccer.gif') no-repeat center left; -} - -.Sound { - background: url('icons/ToolIcons/Sound.gif') no-repeat center left; -} - -.Switcher { - background: url('icons/ToolIcons/Switcher.gif') no-repeat center left; -} - -.Tennis { - background: url('icons/ToolIcons/Tennis.gif') no-repeat center left; -} - -.ToolBoxOpen { - background: url('icons/ToolIcons/ToolBoxOpen.gif') no-repeat center left; -} - -.UnLock { - background: url('icons/ToolIcons/UnLock.gif') no-repeat center left; -} - -.VolumeControl { - background: url('icons/ToolIcons/VolumeControl.gif') no-repeat center left; -} - -.Wand { - background: url('icons/ToolIcons/Wand.gif') no-repeat center left; -} - -.Warning { - background: url('icons/ToolIcons/Warning.gif') no-repeat center left; -} - -.Webcam { - background: url('icons/ToolIcons/Webcam.gif') no-repeat center left; -} - -.Wrench { - background: url('icons/ToolIcons/Wrench.gif') no-repeat center left; -} - -.YellowBulb { - background: url('icons/ToolIcons/YellowBulb.gif') no-repeat center left; -} - -.YellowFlag { - background: url('icons/ToolIcons/YellowFlag.gif') no-repeat center left; -} - -/*===========================End Tool Icons Stylesheet=======================*/ -/*===========================User Icons Stylesheet=======================*/ - -.Comment { - background: url('icons/UserIcons/Comment.gif') no-repeat center left; -} - -.Contact { - background: url('icons/UserIcons/Contact.gif') no-repeat center left; -} - -.Eye { - background: url('icons/UserIcons/Eye.gif') no-repeat center left; -} - -.Finger { - background: url('icons/UserIcons/Finger.gif') no-repeat center left; -} - -.FolderHolder { - background: url('icons/UserIcons/FolderHolder.gif') no-repeat center left; -} - -.Hand { - background: url('icons/UserIcons/Hand.gif') no-repeat center left; -} - -.HandPoint { - background: url('icons/UserIcons/HandPoint.gif') no-repeat center left; -} - -.Help { - background: url('icons/UserIcons/Help.gif') no-repeat center left; -} - -.Personal { - background: url('icons/UserIcons/Personal.png') no-repeat center left; -} - -.Public { - background: url('icons/UserIcons/Public.gif') no-repeat center left; -} - -.User { - background: url('icons/UserIcons/User.gif') no-repeat center left; -} - -.VIPCard { - background: url('icons/UserIcons/VIPCard.gif') no-repeat center left; -} - -.Woman1 { - background: url('icons/UserIcons/Woman1.png') no-repeat center left; -} - -.Woman2 { - background: url('icons/UserIcons/Woman2.png') no-repeat center left; -} - -.Woman3 { - background: url('icons/UserIcons/Woman3.png') no-repeat center left; -} - -.Woman4 { - background: url('icons/UserIcons/Woman4.png') no-repeat center left; -} - -.Worker1 { - background: url('icons/UserIcons/Worker.png') no-repeat center left; -} - -.Worker2 { - background: url('icons/UserIcons/Worker2.png') no-repeat center left; -} - -.YellowComment { - background: url('icons/UserIcons/YellowComment.gif') no-repeat center left; -} - -.MoveUp16x16Icon { - background: url('icons/MoveUp.gif') no-repeat left center; /* orientation=lt */ - background: url('icons/MoveUp.gif') no-repeat right center; /* orientation=rt */ -} - -.MoveDown16x16Icon { - background: url('icons/MoveDown.gif') no-repeat left center; /* orientation=lt */ - background: url('icons/MoveDown.gif') no-repeat right center; /* orientation=rt */ -} - -/*===========================End User Icons Stylesheet=======================*/ Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/16x16/icons/EditIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/skinIcons/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,20 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -@import url("16x16/Stylesheet.css"); Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,16 +17,12 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -@import url(../../skinIcons/Stylesheet.css); @import url(UIBreadcumbs/Stylesheet.css); @import url(UISearch/Stylesheet.css); @import url(UITree/Stylesheet.css); - -@import url(UIForms/Stylesheet.css); @import url(UITabSystem/Stylesheet.css); @import url(UISelector/Stylesheet.css); @import url(UIBarDecorator/Stylesheet.css); - @import url(UIToolbar/Stylesheet.css); Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,23 +1,21 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + @import url(UIAction/Stylesheet.css); @import url(UIBarStyle/Stylesheet.css); -@import url(UIBoxDecorator/Stylesheet.css); -@import url(UIInfoBar/Stylesheet.css); Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,133 +1,22 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIAction { - padding: 8px 0px; -} +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ -.UIAction .ActionContainer { - width: auto; - margin: auto; +.UIAction .LightBlueStyle { + background: url('background/SimpleStyle1.gif') repeat-x center; } - -.UIAction .ActionButton { - display: block; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 0px 3px; - cursor: pointer; -} - -.UIAction .ActionButton .Icon { - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - width: auto; - height: auto; - background-position: left center; /* orientation=lt */ - background-position: right center; /* orientation=rt */ - background-repeat: no-repeat; -} - -/*##############################-LightBlueStyle ActionButton-################################*/ - -.UIAction .LightBlueStyle .ButtonLeft { - background: url(background/SimpleStyle1.gif) no-repeat left top; - padding-left: 3px; -} - -.UIAction .LightBlueStyle .ButtonRight { - background: url(background/SimpleStyle1.gif) no-repeat right top; - padding-right: 3px; -} - -.UIAction .LightBlueStyle .ButtonMiddle { - background: url(background/SimpleStyle1.gif) repeat-x left -20px; - line-height: 20px; - padding: 0px 12px; - color: #565656; -} - -/*##############################-SimpleStyle ActionButton-################################*/ - -.UIAction .SimpleStyle { -} - -.UIAction .SimpleStyle .ButtonLeft { - background: url('background/SimpleStyle.gif') no-repeat left top; - padding: 0px 0px 0px 10px; -} - -.UIAction .SimpleStyle .ButtonRight { - background: url('background/SimpleStyle.gif') no-repeat right top; - padding: 0px 10px 0px 0px ; -} - -.UIAction .SimpleStyle .ButtonMiddle { - line-height: 21px; - background: url('background/SimpleStyle.gif') repeat-x bottom; - text-align: center; - padding: 0px 12px; - display: table-cell; - white-space: nowrap; -} - -.UIAction a { - color: #565656; - white-space: nowrap; -} - -.UIAction a:hover { - color: #9f9f9f; -} - -/*************************SimpleStyle1********************/ - -.UIAction .SimpleStyle1 .ButtonLeft { - background: url(background/SimpleStyle1.gif) no-repeat left top; - padding-left: 3px; -} - -.UIAction .SimpleStyle1 .ButtonRight { - background: url(background/SimpleStyle1.gif) no-repeat right top; - padding-right: 3px; -} - -.UIAction .SimpleStyle1 .ButtonMiddle { - background: url(background/SimpleStyle1.gif) repeat-x left -20px; - line-height: 20px; - padding: 0px 4px; -} - -.UIAction .SimpleStyle1 .ButtonMiddle .PageProfileIcon { - background: url(background/PageProfileIcon.gif) no-repeat left; /* orientation=lt */ - background: url(background/PageProfileIcon.gif) no-repeat right; /* orientation=rt */ - line-height: 20px; - padding-left: 22px; /* orientation=lt */ - padding-right: 22px; /* orientation=rt */ - white-space: nowrap; -} - -.UIAction .SimpleStyle1 .ButtonMiddle .ViewAsBlockIcon { - background: url(background/ViewAsBlockIcon.gif) no-repeat left; /* orientation=lt */ - background: url(background/ViewAsBlockIcon.gif) no-repeat right; /* orientation=rt */ - line-height: 20px; - padding-left: 22px; /* orientation=lt */ - padding-right: 22px; /* orientation=rt */ - white-space: nowrap; -} Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/PageProfileIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIAction/background/ViewAsBlockIcon.gif =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,38 +1,32 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ /*###########################-BarStyle2-###########################*/ -.UIBarStyle .BarStyle2 { - height: 39px; -} - .UIBarStyle .BarStyle2 .LeftBar { background: #e7e7e7; - padding: 0px 0px 0px 6px; - height: 36px; + height: 36px; border: 1px solid #dedede; } .UIBarStyle .BarStyle2 .RightBar { background: none; - padding: 0px 6px 0px 0px; height: 36px; } @@ -41,69 +35,3 @@ line-height: 36px; background: none; } -/*###########################-SmoothNavy40Style-###########################*/ - -.UIBarStyle .SmoothNavy40Style { - height: 40px; -} - -.UIBarStyle .SmoothNavy40Style .LeftBar { - background: url('background/SmoothNavy40Style.gif') no-repeat top left; - padding: 0px 0px 0px 13px; -} - -.UIBarStyle .SmoothNavy40Style .RightBar { - background: url('background/SmoothNavy40Style.gif') no-repeat top right; - padding: 0px 14px 0px 0px; -} - -.UIBarStyle .SmoothNavy40Style .MiddleBar { - height: 40px; - line-height: 40px; - vertical-align: middle; - background: url('background/SmoothNavy40Style.gif') repeat-x bottom; -} - -/*============================== Title Bar ========================================*/ - -.UIBarStyle .TitleBar .LeftBar { - background: url('background/TitleBar.gif') no-repeat top left; - padding-left: 11px; - height: 30px; -} - -.UIBarStyle .TitleBar .RightBar { - padding-right: 11px; - background: url('background/TitleBar.gif') no-repeat top right; - height: 30px; -} - -.UIBarStyle .TitleBar .MiddleBar { - background: url('background/TitleBar.gif') repeat-x bottom; - padding-left: 8px; - height: 30px; line-height: 30px; - color: #058ee6; font-weight: bold; - font-size: 14px; font-family: arial; -} - -/*======================================== NormalBarStyle ==================================*/ - -.UIBarStyle .NormalBarStyle { - height: 38px; -} - -.UIBarStyle .NormalBarStyle .LeftBar { - background: url('background/NormalBarStyle.gif') no-repeat top left; - padding: 0px 0px 0px 6px; -} - -.UIBarStyle .NormalBarStyle .RightBar { - background: url('background/NormalBarStyle.gif') no-repeat top right; - padding: 0px 6px 0px 0px; -} - -.UIBarStyle .NormalBarStyle .MiddleBar { - background: url('background/NormalBarStyle.gif') repeat-x bottom; - height: 38px; - line-height: 38px; -} Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,124 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIInfoBar { -} - -/*######################-Blue Rounded Style-######################*/ - -.UIInfoBar .BlueRoundedStyle { - padding: 0px; margin: 0px; -} - -.UIInfoBar .BlueRoundedStyle .LeftBar { - background: url('background/ViewBlockBar.png') no-repeat left top; /* orientation=lt */ - background: url('background/ViewBlockBar-rt.png') no-repeat left -26px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-left: 9px; /* orientation=rt */ -} - -.UIInfoBar .BlueRoundedStyle .RightBar { - background: url('background/ViewBlockBar.png') no-repeat right -26px; /* orientation=lt */ - background: url('background/ViewBlockBar-rt.png') no-repeat right top; /* orientation=rt */ - padding-right: 9px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.UIInfoBar .BlueRoundedStyle .MiddleBar { - background: url('background/ViewBlockBar.png') repeat-x center -52px; -} - -.UIInfoBar .BlueRoundedStyle .FixHeight { - height: 26px; - white-space: nowrap; -} - -.UIInfoBar .BlueRoundedStyle .PortletIcon { - background: url('background/Earth.gif') no-repeat left center; /* orientation=lt */ - background: url('background/Earth.gif') no-repeat right center; /* orientation=rt */ - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - text-overflow: ellipsis; - width: auto; - line-height: 23px; - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ - margin: 0px 0px 0px 6px; /* orientation=lt */ - margin: 0px 6px 0px 0px; /* orientation=rt */ - color: black; -} - -.UIInfoBar .BlueRoundedStyle .ContainerIcon { - background: url('background/DefaultContainerIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/DefaultContainerIcon.gif') no-repeat right center; /* orientation=rt */ - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - text-overflow: ellipsis; - width: auto; - line-height: 23px; - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ - margin: 0px 0px 0px 6px; /* orientation=lt */ - margin: 0px 6px 0px 0px; /* orientation=rt */ - height: auto; - color: black; -} - -/*######################-Polygon Navyblue Style-######################*/ - -.UIInfoBar .PolygonNavyBlueStyle { - height: 26px; -} - -.UIInfoBar .PolygonNavyBlueStyle .LeftBar { - background: url('background/PolygonNavyBlueStyle.gif') no-repeat left top; - padding: 0px 0px 0px 3px; -} - -.UIInfoBar .PolygonNavyBlueStyle .RightBar { - background: url('background/PolygonNavyBlueStyle.gif') no-repeat right top; - padding: 0px 3px 0px 0px; -} - -.UIInfoBar .PolygonNavyBlueStyle .MiddleBar { - height: 26px; - background: url('background/PolygonNavyBlueStyle.gif') repeat-x center bottom; - padding: 0px 0px 0px 2px; -} - -/*######################-Smooth Style 26 -######################*/ - -.UIInfoBar .SmoothStyle26 { - height: 26px; -} - -.UIInfoBar .SmoothStyle26 .LeftBar { - background: url('background/SmoothStyle26.gif') no-repeat left top; - padding: 0px 0px 0px 1px; -} - -.UIInfoBar .SmoothStyle26 .RightBar { - background: url('background/SmoothStyle26.gif') no-repeat right top; - padding: 0px 1px 0px 0px; -} - -.UIInfoBar .SmoothStyle26 .MiddleBar { - height: 26px; - background: url('background/SmoothStyle26.gif') repeat-x center bottom; -} Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/DefaultContainerIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/Earth.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBreadcumbs/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBreadcumbs/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIBreadcumbs/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,55 +1,37 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIBreadcumbs { - padding: 0 40px; -} - -.UIBreadcumbs a { - line-height: 16px; -} - -.UIBreadcumbs a.Selected { - color: #777777; -} - -.UIBreadcumbs .LeftBreadcumbsBar { - background: none; -} - -.UIBreadcumbs .HomeIcon { - background: url('background/HomeIcon.gif') no-repeat left top; - width: 16px; - height: 16px; - line-height: 16px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 0px 5px 0 0; /* orientation=lt */ - margin: 0px 0 0 5px; /* orientation=rt */ -} - -.UIBreadcumbs .BreadcumbsInfoBar { - padding-top: 6px; -} - -.UIBreadcumbs .RightBlackGridArrowIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 5px 0px 0px 0px; +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + + +.UIBreadcumbs .LeftBreadcumbsBar { + background: none; +} + +.UIBreadcumbs .HomeIcon { + background: url('background/HomeIcon.gif') no-repeat left top; + width: 16px; + height: 16px; + line-height: 16px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ +} + + +.UIBreadcumbs .RightBlackGridArrowIcon { + margin: 4px 0px 0px 0px; } \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,20 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -@import url(UIForm/Stylesheet.css); Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/UIForm/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/UIForm/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIForms/UIForm/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,206 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -/*####################- HorizontalLayout -#################*/ - -.UIForm .HorizontalLayout { - border: 1px solid #aeaeae; - background: #F7F7F7; - padding: 10px; -} - -.UIFormGrid { - width: auto; - margin: auto; -} - -.UIForm .UIFormGrid td.FieldLabel { - padding: 4px; - text-align: right; /* orientation=lt */ - text-align: left; /* orientation=rt */ - vertical-align: top; -} - -.UIForm .UIFormGrid td.FieldComponent { - padding: 4px; - *padding: 2px 0px 4px 4px; -} - -.UIForm .UIFormGrid td.NonEditableField { -} - -.UIForm .HorizontalLayout .MultiValueContainer { - margin-bottom: 5px; -} - -.UIForm .HorizontalLayout .MultiValueContainer .MultiFieldAction { - margin: 0px 3px; -} - -.UIForm .HorizontalLayout .FieldContainer .UIFormMultiValueInputSet { - float: left; - margin: 0px 10px 0px 5px; -} - -.UIForm .HorizontalLayout .UIFormInputSet { - padding: 10px; - margin: auto; -} - -.HorizontalLayout .UIForm .UIFormInputSet { - padding: 10px; margin: auto; -} - -.UIForm .HorizontalLayout .UIFormInputSet .Title { - margin: 10px 0px 0px 10px; /* orientation=lt */ - margin: 10px 10px 0px 0px; /* orientation=rt */ - color: #5f7fd6; -} - -.UIForm .HorizontalLayout .UIFormInputSet .ItemLabel { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - font-weight: bold; - width: 100px; -} - -.UIForm .HorizontalLayout .UIFormInputSet .ItemValue { - margin-left: 5px; /* orientation=lt */ - margin-right: 5px; /* orientation=rt */ - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - color: #2f76e2; -} - -.UIForm .HorizontalLayout .UIFormInputSet .ItemValueDescription { - margin-top: 10px; - height: 50px; - border: solid 1px gray; - background: white; -} - -.UIForm .HorizontalLayout input { - width: 235px; - font-size: 11px; - color: #565656; -} - -.UIForm .FieldComponent .FieldComponent input { - width: 200px; -} - -.UIForm .HorizontalLayout input.checkbox { - width: 16px; - margin: 0px; -} - -.UIForm .HorizontalLayout input.radio { - width: 15px; - margin-right: 5px; /* orientation=lt */ - margin-left: 5px; /* orientation=rt */ -} - -.UIForm .HorizontalLayout textarea { - width: 235px; height: 75px; - font-size: 11px; - border: 1px solid #b7b7b7; -} - -.UIForm .HorizontalLayout select { - width: 239px; - font-size: 11px; -} - -.HorizontalLayout .UIForm input { - width: 235px; - font-size: 11px; -} - -.HorizontalLayout .UIForm input.checkbox { - width: 16px; - margin: 0px; -} - -.HorizontalLayout .UIForm input.radio { - width: 15px; -} - -.HorizontalLayout .UIForm textarea { - width: 232px; height: 75px; - font-size: 11px; -} - -.HorizontalLayout .UIForm select { - width: 239px; - font-size: 11px; -} - -/*####################- VerticalLayout -#################*/ - -.UIForm .VerticalLayout { -} - -.UIForm .VerticalLayout label { - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ - font-weight: bold; - margin-bottom: 15px; -} - -.UIForm .VerticalLayout input { - width: 170px; - border: 1px solid gray; - font-size: 11px; -} - -.UIForm .VerticalLayout input.checkbox { - width: auto; -} - -.UIForm .VerticalLayout textarea { - width: 170px; height: 75px; - border: 1px solid gray; - font-size: 11px; -} - -.UIForm .VerticalLayout select { - width: 170px; - font-size: 11px; -} - -/*####################- UIFormInputSet -#################*/ - -.UIFormInputSet .UIFormInputSetWithAction .UIFormGrid td { - padding: 0px 4px; -} - -/*####################- UIPermissionForm -#################*/ - -.UIPermissionForm .UIGroupSelector .RightGroupSelector .Content { - height: 160px; -} - -.UIPermissionForm .UIForm .HorizontalLayout .UIAccessGroup td.FieldLabel { - line-height: 16px; -} - -.UIPermissionForm .UIForm .UIAccessGroup .UIFormGrid td.FieldComponent { - padding: 4px; - *padding: 2px 0px 4px 4px; -} Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISearch/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISearch/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISearch/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,46 +1,23 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UISearch { - height: 39px; - line-height: 39px; - padding-bottom: 2px; -} +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ -.UISearch .UISearchForm { - height: 36px; line-height: 36px; -} - -.UISearch .UISearchForm .QuickSet { - overflow: hidden; - width: 100%; - padding-top: 9px; -} - .UISearch .UISearchForm .QuickSet .SearchTitle { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - font-weight: bold; - height: 20px; - line-height: 20px; - padding-left: 10px; /* orientation=lt */ - padding-right: 10px; /* orientation=rt */ color: #565656; } @@ -56,18 +33,12 @@ } .UISearch .UISearchForm .QuickSet .SimpleSearchIcon { - margin-left: 5px; /* orientation=lt */ - margin-right: 5px; /* orientation=rt */ - width: 24px; - height: 24px; background: url('background/QuickSearch.gif') no-repeat; /* orientation=lt */ background: url('background/QuickSearch-rt.gif') no-repeat; /* orientation=rt */ - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ } -.UISearch .UISearchForm .QuickSet .SimpleSearchIcon:hover { - background: url('background/QuickSearchHover.gif') no-repeat; /* orientation=lt */ +.UISearch .UISearchForm .QuickSet .SimpleSearchIcon:hover { + background: url('background/QuickSearchHover.gif') no-repeat; /* orientation=lt */ background: url('background/QuickSearchHover-rt.gif') no-repeat; /* orientation=rt */ } @@ -81,25 +52,13 @@ } .UISearch .UISearchForm .QuickSet select { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 115px; - padding: 1px; border: 1px solid #cccccc; - font-size: 11px; - color: #565656; + color: #565656; height: 20px; } .UISearch .UISearchForm .QuickSet input { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 0px 5px 0px 10px; /* orientation=lt */ - margin: 0px 10px 0px 5px; /* orientation=rt */ - padding-left: 4px; /* orientation=lt */ - padding-right: 4px; /* orientation=rt */ border: 1px solid #cccccc; - width: 180px; height: 16px; } .UIFormTabPane .UISearch .UISearchForm .QuickSet select { Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,687 +1,22 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIItemSelector { - margin: 2px 0px 2px 2px; /* orientation=lt */ - margin: 2px 2px 2px 0px; /* orientation=rt */ -} +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ -.UIItemSelector .ItemDetailList .TemplateContainer .PortalOfficeImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -614px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .PortalDefaultImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -392px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .PageDefaultImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -392px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .PageDesktopImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -836px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .ClassicPortalImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -392px; - margin-top: 9px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .WebOSPortalImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -170px; - margin-top: 9px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .BasicPortalImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -1059px; - margin-top: 9px; -} - -.UIItemSelector .TemplateContainer .DefaultImage { - height: 222px; - background: url('background/TemplateContainer.jpg') no-repeat center -392px; -} - -.UIItemSelector .ItemDetailList .TemplateContainer .DesktopImage { - background: url('background/TemplateContainer.jpg') no-repeat center -836px; - height: 222px; -} - -.UIItemSelector .ItemDetailList .LayoutHolder .DesktopImage { - background: url('background/TemplateContainer.jpg') no-repeat top left; - height: 170px; - width: 270px; - margin: auto; -} - -.UIItemSelector .ItemDetailList .ItemDescription { - height: 100px; - background: white; - border: solid 1px #b7b7b7; - padding: 2px; -} - -.UIItemSelector .ItemDetailList .ItemDetail .ItemValueDescription { - width: 50%; height: 53px; - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ - margin-top: 12px; - overflow: auto; - border: none; -} - -/*=================Right Column Style======================*/ - -.UIItemSelector .RightColumnStyle { - width: 99.5%; - overflow: hidden; -} - -.UIItemSelector .RightColumnStyle .ItemListContainer { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 220px; -} - -.UIItemSelector .ItemListContainer .ItemList { - border: 1px #c7c7c7 solid; - background: white url('background/ItemList.jpg') no-repeat right bottom; - height: 240px; - overflow: auto; -} - -.UIItemSelector .RightColumnStyle .ItemListContainer .ItemListBackground { - background: white url('background/ItemList.jpg') no-repeat right bottom; - height: 258px; -} - -.UIItemSelector .RightColumnStyle .ItemDetailList { - height: auto; - margin-right: 225px; /* orientation=lt */ - margin-left: 225px; /* orientation=rt */ - padding: 1px; -} - -.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail { - height: 240px; - background: white; - border: 1px #C7C7C7 solid; -} - -.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailTitle{ - height: 23px; -} - -.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailContainer{ - background: #ffffff; -} - -.UIItemSelector .RightColumnStyle .ItemListTitle { - height: 23px; -} - -.UIItemSelector .RightColumnStyle .ItemListTitle .ArrowS1Down16x16Icon { - margin: 3px 0px 0px 4px; /* orientation=lt */ - margin: 3px 4px 0px 0px; /* orientation=rt */ - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MacSkin/GrayAquaDownArrow.png') no-repeat; - width: 18px; height: 18px; -} - -.UIItemSelector .RightColumnStyle .TitleIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 0px 5px 0px 5px; -} - -.UIItemSelector .RightColumnStyle .ItemDetailList .Title { - width: 300px; overflow: hidden; -} - -.UIItemSelector .RightColumnStyle .ItemListContainer .Title { - width: 143px; overflow: hidden; -} - -.UIItemSelector .RightColumnStyle .Title { - line-height: 22px; white-space: nowrap; - font-weight: bold; color: #5c5c5c; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ -} - -.UIItemSelector .RightColumnStyle .ItemListIcon { - width: 16px; height: 16px; - background: url('background/SelectedItem.gif') no-repeat left -418px; - -} - -.UIItemSelector .RightColumnStyle .ViewListIcon { - width: 16px; height: 16px; - background: url('background/SelectedItem.gif') no-repeat left -434px; - margin-top: 3px; -} - -/*##########################- Default Item -#########################*/ - -.UIItemSelector .RightColumnStyle .ItemList .Item { - height: 26px; - cursor: pointer; - border-bottom: 1px solid #dfdfdf; -} - -.UIItemSelector .RightColumnStyle .ItemList .Item .LeftItem { - height: 26px; - background: url('background/SelectedItem.gif') no-repeat left top; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right top; /* orientation=rt */ - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnStyle .ItemList .Item .RightItem { - height: 26px; line-height: 26px; -} - -.UIItemSelector .RightColumnStyle .ItemList .Item .ItemTitle { - height: 26px; line-height: 26px; - padding-left: 3px; /* orientation=lt */ - padding-right: 3px; /* orientation=rt */ -} - -/*###########################- Over Item (When mouse over on this item) -############################*/ - -.UIItemSelector .RightColumnStyle .ItemList .OverItem { - height: 26px; - cursor: pointer; - background: url('background/SelectedItem.gif') repeat-x left -104px; -} - -.UIItemSelector .RightColumnStyle .ItemList .OverItem .LeftItem { - background: url('background/SelectedItem.gif') no-repeat left -52px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -52px; /* orientation=rt */ - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ -} - - -.UIItemSelector .RightColumnStyle .ItemList .OverItem .RightItem { - height: 26px; line-height: 26px; - background: url('background/SelectedItem.gif') repeat-x left -104px; -} - -.UIItemSelector .RightColumnStyle .ItemList .OverItem .ItemTitle { - height: 26px; line-height: 26px; - color: #f67a02; - padding-left: 3px; /* orientation=lt */ - padding-right: 3px; /* orientation=rt */ -} - -/*##########################- Selected Item (When Item is selected)-#########################*/ - -.UIItemSelector .RightColumnStyle .ItemList .SelectedItem { - height: 26px; - cursor: pointer; -} - -.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .LeftItem { - background: url('background/SelectedItem.gif') no-repeat left -26px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -26px; /* orientation=rt */ - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .RightItem { - height: 26px; line-height: 26px; - background: url('background/SelectedItem.gif') repeat-x left -78px; -} - -.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .ItemTitle { - height: 26px; line-height: 26px; - color: #0575CA;; - padding-left: 3px; /* orientation=lt */ - padding-right: 3px; /* orientation=rt */ -} - -/*#######################################-----RightColumnBigItemStyle-----####################################*/ - - -.UIItemSelector .RightColumnBigItemStyle { - overflow: hidden; - width: 99.5%; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemListContainer { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 210px; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemList { - border: 1px #dedede solid; - background: white url('background/ItemList.jpg') no-repeat right bottom; - height: 290px; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemDetailList { - border: 1px #dedede solid; - background: white; - padding: 1px; - margin-right: 220px; /* orientation=lt */ - margin-left: 220px; /* orientation=rt */ - height: 290px; -} - .UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemListTitle { - font-size: 12px; text-align: center; - height: 19px; line-height: 19px; - border: solid 1px #dedede; - font-weight: bold; - color: #565656; - margin-bottom: 2px; background: url('/gatein-sample-skin/skin/exoadmin/organization/webui/component/UIOrganizationPortlet/SimpleSkin/background/BreadcumbsBar.gif') repeat-x; -} - -.UIItemSelector .RightColumnBigItemStyle .ImageDecorator { - height: 230px; - padding: 5px; -} - -/*###########################- Item Default -#############################*/ -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item { - margin: 13px 6px; - height: 32px; - cursor: pointer; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserAccountIcon { - height: 32px; - background: url('background/BigStyleUserAccountItem.gif') no-repeat; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .MembershipIcon { - height: 32px; - background: url('background/BigStyleMembershipItem.gif') no-repeat; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserProfileIcon { - height: 32px; - background: url('background/SelectedItem.gif') no-repeat left -130px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -130px; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserHomeInfoIcon { - height: 32px; - background: url('background/SelectedItem.gif') no-repeat left -162px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -162px; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserBusinessInfoIcon { - height: 32px; - background: url('background/SelectedItem.gif') no-repeat left -194px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -194px; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemName { - height: 32px; line-height: 32px; - background: url('background/SelectedItem.gif') no-repeat right -322px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat left -322px; /* orientation=rt */ - padding-right: 15px; /* orientation=lt */ - padding-left: 15px; /* orientation=rt */ - color: #526791; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemTitle { - height: 32px; line-height: 32px; - background: url('background/SelectedItem.gif') repeat-x left -386px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') repeat-x right -386px; /* orientation=rt */ - color: gray; - padding-left: 10px; /* orientation=lt */ - padding-right: 10px; /* orientation=rt */ -} - - -/*###########################- Item Selected -#############################*/ -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem { - margin: 13px 6px; - height: 32px; - cursor: pointer; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserAccountIcon { - height: 32px; - background: url('background/BigStyleUserAccountSelected.gif') no-repeat left; /* orientation=lt */ - background: url('background/BigStyleUserAccountSelected-rt.gif') no-repeat right; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .MembershipIcon { - height: 32px; - background: url('background/BigStyleMembershipSelected.gif') no-repeat left; /* orientation=lt */ - background: url('background/BigStyleMembershipSelected-rt.gif') no-repeat right; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserProfileIcon { - height: 32px; - background: url('background/SelectedItem.gif') no-repeat left -226px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -226px; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserHomeInfoIcon { - height: 32px; - background: url('background/SelectedItem.gif') no-repeat left -258px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -258px; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserBusinessInfoIcon { - height: 32px; - background: url('background/SelectedItem.gif') no-repeat left -290px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -290px; /* orientation=rt */ -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemName { - height: 32px; line-height: 32px; - background: url('background/SelectedItem.gif') no-repeat right -354px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat left -354px; /* orientation=rt */ - padding-right: 15px; /* orientation=lt */ - padding-left: 15px; /* orientation=rt */ - color: black; -} - -.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemTitle { - height: 32px; line-height: 32px; - background: #d3d3eb; - font-weight: bold; color: #565656; - padding-left: 10px; /* orientation=lt */ - padding-right: 10px; /* orientation=rt */ -} - -/*#####################- End Item Selected && END BIG STYLE -#########################*/ - -/*###########################- LeftColumnStyle (The Item List is on the left side) -#########################*/ - -.UIItemSelector .LeftColumnStyle { - width: 99.5%; - overflow: hidden; -} - -.UIItemSelector .LeftColumnStyle .ItemListContainer { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 175px; -} - -.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemList { - border: 1px #a4a4a4 solid; - background: white; -} - -.UIItemSelector .LeftColumnStyle .ItemDetailList { - height: auto; - margin-left: 180px; /* orientation=lt */ - margin-right: 180px; /* orientation=rt */ - padding: 1px; -} - -.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetail { - height: 240px; - background: white; - border: 1px #a4a4a4 solid; -} - -.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetailTitle{ - height: 22px; - -} - -.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemListTitle { - height: 23px; -} - -.UIItemSelector .LeftColumnStyle .TitleIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 0px 5px 0px 5px; -} - -.UIItemSelector .LeftColumnStyle .Title { - line-height: 22px; - font-weight: bold; color: #5c5c5c; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ -} - -.UIItemSelector .LeftColumnStyle .ItemListIcon { - width: 16px; height: 16px; - background: url('background/SelectedItem.gif') no-repeat left -418px; -} - -.UIItemSelector .LeftColumnStyle .ViewListIcon { - width: 16px; height: 16px; - background: url('background/SelectedItem.gif') no-repeat left -434px; - margin-top: 3px; -} - -/*##########################- Default Item -#########################*/ - -.UIItemSelector .LeftColumnStyle .ItemList .Item { - height: 26px; - cursor: pointer; - border-bottom: 1px solid #dfdfdf; -} - -.UIItemSelector .LeftColumnStyle .ItemList .Item .LeftItem { - background: url('background/SelectedItem.gif') no-repeat left top; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right top; /* orientation=rt */ - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ - height: 26px; -} - -.UIItemSelector .LeftColumnStyle .ItemList .Item .RightItem { - height: 26px; line-height: 26px; -} - -.UIItemSelector .LeftColumnStyle .ItemList .Item .ItemTitle { - height: 26px; line-height: 24px; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ - white-space: nowrap; - overflow: hidden; - width: 95%; -} - -.UIItemSelector .LeftColumnStyle .ItemList .Item .CenterItemTitle { - width: 96%; - overflow: hidden; - white-space: nowrap; -} - -/*###########################- Over Item (When mouse over on this item) -############################*/ - -.UIItemSelector .LeftColumnStyle .ItemList .OverItem { - height: 26px; - cursor: pointer; - border-bottom: 1px solid #dfdfdf; - background: url('background/SelectedItem.gif') repeat-x left -104px; -} - -.UIItemSelector .LeftColumnStyle .ItemList .OverItem .LeftItem { - background: url('background/SelectedItem.gif') no-repeat left -52px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -52px; /* orientation=rt */ - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ -} - -.UIItemSelector .LeftColumnStyle .ItemList .OverItem .RightItem { - height: 26px; line-height: 26px; - background: url('background/SelectedItem.gif') repeat-x left -104px; -} - -.UIItemSelector .LeftColumnStyle .ItemList .OverItem .ItemTitle { - height: 26px; line-height: 24px; - color: #f67a02; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ - white-space: nowrap; - overflow: hidden; - width: 95%; -} - -.UIItemSelector .LeftColumnStyle .ItemList .OverItem .CenterItemTitle { - width: 96%; - overflow: hidden; - white-space: nowrap; -} - -/*##########################- Selected Item (When Item is selected)-#########################*/ - -.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem { - height: 26px; - cursor: pointer; - border-bottom: 1px solid #dfdfdf; -} - -.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .LeftItem { - background: url('background/SelectedItem.gif') no-repeat left -26px; /* orientation=lt */ - background: url('background/SelectedItem-rt.gif') no-repeat right -26px; /* orientation=rt */ - padding-left: 15px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ - height: 26px; -} - -.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .RightItem { - height: 25px; line-height: 23px; - background: url('background/SelectedItem.gif') repeat-x left -78px; -} - -.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .ItemTitle { - height: 26px; - line-height: 24px; - color: #0575CA; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ - white-space: nowrap; - overflow: hidden; - width: 95%; -} - -.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .CenterItemTitle { - width: 96%; - overflow: hidden; - white-space: nowrap; -} - -/*###########################- End LeftColumnItemList -#########################*/ -/*###########################- Layout Template -#########################*/ - -.UIItemSelector .EmptyLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat top left; -} - -.UIItemSelector .DesktopLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/TemplateContainer.jpg') no-repeat top left; -} - -.UIItemSelector .DashboardLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/DashboardLayout.jpg') no-repeat center; -} - -.UIItemSelector .TwoColumnsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -170px; -} - -.UIItemSelector .ThreeColumnsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -340px; -} - -.UIItemSelector .TwoColumnsOneRowLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -510px; -} - -.UIItemSelector .TwoColumnsTwoRowsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -680px; -} - -.UIItemSelector .TwoRowsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -850px; -} - -.UIItemSelector .ThreeRowsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -1020px; -} - -.UIItemSelector .OneRowTwoColumnsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -1190px; -} - -.UIItemSelector .TwoTabsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -1360px; -} - -.UIItemSelector .ThreeTabsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -1530px; -} - -.UIItemSelector .ThreeRowsTwoColumnsLayout { - width: 270px; height: 170px; - margin: auto; - background: url('background/ItemSelector.gif') no-repeat left -1700px; } \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/DashboardLayout.jpg =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -18,4 +18,3 @@ */ @import url(UITabs/Stylesheet.css); -@import url(UITabPane/Stylesheet.css); Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabPane/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabPane/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabPane/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,50 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UITabPane { - height: 100%; -} - -.UITabPane .TabPaneContent { - padding: 8px; -} - -.UITabPane .UITabContentContainer { - border: solid 1px #cecece; - border-top: none; - background: white; -} - -.UITabPane .UITabContentContainer .UITabContent { - background: #f3f3f3; - border: solid 1px white; border-top: none; - padding: 10px; -} - -.UITabPane .UIForm .HorizontalLayout { - border: none; - background: none; - padding: 0px; -} - -.UITabPane .UIFormWithTitle .HorizontalLayout { - border: 1px solid #b7b7b7; - border-top: none; - padding: 10px; -} \ No newline at end of file Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,101 +1,55 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIHorizontalTabs { -} +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + .UIHorizontalTabs .CenterHorizontalTabs { - overflow-y: hidden; background: url('background/NormalTabStyle.gif') repeat-x center top; - padding: 0px 6px; } -.UIHorizontalTabs .TabsContainer { - height: 24px; -} -.UIHorizontalTabs .UITab { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - font-weight: bold; - text-align: center; - width: auto; -} - /*###########################-- NormalTabStyle --############################*/ -.UIHorizontalTabs .NormalTabStyle .NormalTab { - line-height: 24px; - margin-right: 1px; - color: #202020; - font-weight: normal; -} -.UIHorizontalTabs .NormalTabStyle .NormalTab a { - line-height: 24px; -} - .UIHorizontalTabs .NormalTabStyle .NormalTab .LeftTab { - padding-left: 12px; /* orientation=lt */ - padding-left: 3px; /* orientation=rt */ - line-height: 24px; background: url('background/NormalTabStyle.gif') no-repeat left -24px; /* orientation=lt */ background: url('background/NormalTabStyle-rt.gif') no-repeat left -24px; /* orientation=rt */ } .UIHorizontalTabs .NormalTabStyle .NormalTab .RightTab { - line-height: 24px; - padding-right: 3px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ background: url('background/NormalTabStyle.gif') no-repeat right -24px; /* orientation=lt */ background: url('background/NormalTabStyle-rt.gif') no-repeat right -24px; /* orientation=rt */ } .UIHorizontalTabs .NormalTabStyle .NormalTab .MiddleTab { - line-height: 24px; background: url('background/NormalTabStyle.gif') repeat-x center -47px; - cursor: pointer; - padding: 0px 8px; text-align: right; /* orientation=rt */ - white-space: nowrap; /* orientation=rt */ + white-space: nowrap; /* orientation=rt */ color: #9e9e9e; } -.UIHorizontalTabs .NormalTabStyle .HighlightTab { - line-height: 24px; - margin-right: 1px; - color: #0666d2; - font-weight: normal; -} .UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab { - line-height: 24px; - padding-left: 12px; /* orientation=lt */ - padding-left: 3px; /* orientation=rt */ background: url('background/NormalTabStyle.gif') no-repeat left -72px; /* orientation=lt */ background: url('background/NormalTabStyle-rt.gif') no-repeat left -72px; /* orientation=rt */ } .UIHorizontalTabs .NormalTabStyle .HighlightTab .RightTab { - line-height: 24px; - padding-right: 3px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ background: url('background/NormalTabStyle.gif') no-repeat right -72px; /* orientation=lt */ background: url('background/NormalTabStyle-rt.gif') no-repeat right -72px; /* orientation=rt */ } @@ -107,247 +61,19 @@ padding: 0px 4px; } -.UIHorizontalTabs .NormalTabStyle .SelectedTab { - line-height: 24px; - margin-right: 1px; - color: #307dcc; -} - .UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab { - line-height: 24px; - padding-left: 15px; /* orientation=lt */ - padding-left: 3px; /* orientation=rt */ background: url('background/NormalTabStyle.gif') no-repeat left -70px; /* orientation=lt */ background: url('background/NormalTabStyle-rt.gif') no-repeat left -70px; /* orientation=rt */ } .UIHorizontalTabs .NormalTabStyle .SelectedTab .RightTab { - line-height: 24px; - padding-right: 3px; /* orientation=lt */ - padding-right: 15px; /* orientation=rt */ background: url('background/NormalTabStyle.gif') no-repeat right -70px; /* orientation=lt */ background: url('background/NormalTabStyle-rt.gif') no-repeat right -70px; /* orientation=rt */ } .UIHorizontalTabs .NormalTabStyle .SelectedTab .MiddleTab { - line-height: 24px; background: url('background/NormalTabStyle.gif') repeat-x center -94px; - cursor: pointer; - font-weight: normal; - padding: 0px 8px; text-align: right; /* orientation=rt */ - white-space: nowrap; /* orientation=rt */ + white-space: nowrap; /* orientation=rt */ color: #565656; } - -/*###########################-- MessageTabDialog --############################*/ -/*==============================NormalTab for MessageTab=====================*/ - -.UIHorizontalTabs .MessageTabDialog { - padding-top: 1px; -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab { - line-height: 31px; - margin-right: 1px; /* orientation=lt */ - margin-left: 1px; /* orientation=rt */ - color: #202020; font-weight: normal; - overflow: hidden; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab { - padding-left: 2px; /* orientation=lt */ - padding-right: 2px; /* orientation=rt */ - line-height: 31px; -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab { - line-height: 31px; -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab { - line-height: 31px; - cursor: pointer; - padding: 4px 8px 5px 4px; /* orientation=lt */ - padding: 4px 4px 5px 8px; /* orientation=rt */ - color: black; - font-weight: normal; -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{ - color: orange; -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon { - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ - line-height: 21px; -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -105px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -105px; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -21px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -21px; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -63px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -63px; /* orientation=rt */ -} - -/*==============================Disable Tab for MessageTab=====================*/ - -.UIHorizontalTabs .MessageTabDialog .DisabledTab { - line-height: 31px; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - color: #202020; font-weight: normal; - overflow: hidden; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab { - padding-left: 2px; /* orientation=lt */ - padding-right: 2px; /* orientation=rt */ - line-height: 31px; -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab { - line-height: 31px; -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab { - line-height: 31px; - cursor: pointer; - padding: 4px 8px 5px 4px; /* orientation=lt */ - padding: 4px 4px 5px 8px; /* orientation=rt */ - color: gray; - font-weight: normal; -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon { - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ - line-height: 21px; -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -84px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -84px; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon { - background: url('background/MessageTabDialog.gif') no-repeat left top; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right top; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -42px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -42px; /* orientation=rt */ -} - -/*==============================Selected Tab for MessageTab=====================*/ - -.UIHorizontalTabs .MessageTabDialog .SelectedTab { - line-height: 27px; - color: #058ee6; - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ - overflow: hidden; /* orientation=rt */ - } - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab { - line-height: 31px; - padding-left: 2px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat left -126px; /* orientation=lt */ - background: url('background/MessageTabDialog-rt.gif') no-repeat left -126px; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .RightTab { - line-height: 31px; - padding-right: 2px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -126px; /* orientation=lt */ - background: url('background/MessageTabDialog-rt.gif') no-repeat right -126px; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab { - line-height: 31px; - background: url('background/MessageTabDialog.gif') repeat-x center -156px; - cursor: pointer; - padding: 4px 8px 5px 4px; /* orientation=lt */ - padding: 4px 4px 5px 8px; /* orientation=rt */ - color: #058ee6; font-weight: normal; -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab div:hover{ - color: orange; -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon { - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ - line-height: 21px; -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -105px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -105px; /* orientation=rt */ - -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -21px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -21px; /* orientation=rt */ -} - -.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon { - background: url('background/MessageTabDialog.gif') no-repeat left -63px; /* orientation=lt */ - background: url('background/MessageTabDialog.gif') no-repeat right -63px; /* orientation=rt */ -} - -/***************************** GrayTabStyle ************************/ -.UIHorizontalTabs .GrayTabStyle { - margin-right: 2px; /* orientation=lt */ - margin-left: 2px; /* orientation=rt */ -} - -.UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab { - background: url(background/TabEditInline.gif) no-repeat left top; - padding-left: 4px; - cursor: pointer; -} - -.UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab { - background: url(background/TabEditInline.gif) no-repeat right top; - padding-right: 4px; -} - -.UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab { - background: url(background/TabEditInline.gif) repeat-x left -25px; - line-height: 25px; - color: #000; - padding: 0px 8px; - font-weight: normal; -} - -.UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab { - background: url(background/TabEditInline.gif) no-repeat left -50px; - padding-left: 4px; - cursor: pointer; -} - -.UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab { - background: url(background/TabEditInline.gif) no-repeat right -50px; - padding-right: 4px; -} - -.UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - background: url(background/TabEditInline.gif) repeat-x left -75px; - line-height: 25px; - color: #000; - padding: 0px 8px; - font-weight: normal; -} \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle_.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIToolbar/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIToolbar/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UIToolbar/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,279 +1,91 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UIToolbar .ToolbarContainer { -} +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ -.UIToolbar .Button { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - cursor: pointer; -} - -.UIToolbar .Button .ButtonLabel { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ -} - -.UIToolbar .HorizontalSeparator { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 2px; height: 30px; - background: none; - margin: 7px 10px 0px 10px; -} - -/*##############################- LargeToolbar style -#########################*/ - -.UIToolbar .LargeToolbar { - height: 64px; line-height: 64px; - margin-bottom: 3px; -} - .UIToolbar .LargeToolbar .LeftToolbar { - height: 64px; - line-height: 64px; background: url('background/LargeToolBar.gif') repeat-x left top; - padding-left: 8px; /* orientation=lt */ - padding-left: 94px; /* orientation=rt */ border: 1px solid #dedede; } .UIToolbar .LargeToolbar .RightToolbar { - height: 64px; - line-height: 64px; background: none; - padding-right: 94px; /* orientation=lt */ - padding-right: 8px; /* orientation=rt */ } .UIToolbar .LargeToolbar .MiddleToolbar { - height: 64px; - line-height: 64px; background: none; } -.UIToolbar .LargeToolbar a { - color: #9f9f9f; - font-weight: bold; - padding: 0px 3px 0px 3px; - cursor: pointer; - white-space: nowrap; - overflow: hidden; -} - -.UIToolbar .LargeToolbar a:hover{ - color: #565656; -} - -.UIToolbar .LargeToolbar .SelectButtonLabel { - line-height: 18px; - color: #565656; -} - -.UIToolbar .LargeToolbar .HorizontalSeparator { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 3px 8px 0px 10px; - width: 2px; height: 50px; -} - .UIToolbar .LargeToolbar .UserButton { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ padding-top: 4px; - cursor: pointer; - width: 130px; } .UIToolbar .LargeToolbar .GroupButton { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ padding-top: 4px; - cursor: pointer; - width: 140px; } .UIToolbar .LargeToolbar .MembershipButton { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ padding-top: 4px; - cursor: pointer; - width: 180px; } -.UIToolbar .LargeToolbar .ButtonLabel { - height: 18px; - line-height: 18px; - padding-left: 10px; -} - -.UIToolbar .LargeToolbar .ManagementIconContainer { - padding-top: 4px; - margin-left: 5px; -} - .UIToolbar .LargeToolbar .UserManagementIcon { - width: 32px; height: 32px; background: url('background/IconLargeToolBar.gif') no-repeat left top; - margin: auto; } .UIToolbar .LargeToolbar .GroupManagementIcon { - width: 54px; height: 32px; + width: 54px; background: url('background/IconLargeToolBar.gif') no-repeat -32px top; - margin: auto; } .UIToolbar .LargeToolbar .MembershipManagementIcon { - width: 32px; height: 32px; background: url('background/IconLargeToolBar.gif') no-repeat -86px top; - margin: auto; } -/*##############################- BlueLargeToolbar style -#########################*/ -.UIToolbar .BlueLargeToolbar { - height: 32px; -} - -.UIToolbar .BlueLargeToolbar .LeftToolbar { - background: url('background/BlueLargeToolbar.gif') no-repeat left top; - padding-left: 5px; - border-bottom: 1px solid #9a9a9a; -} - -.UIToolbar .BlueLargeToolbar .RightToolbar { - background: url('background/BlueLargeToolbar.gif') no-repeat right top; - padding-right: 5px; -} - -.UIToolbar .BlueLargeToolbar .MiddleToolbar { - height: 32px; - background: url('background/BlueLargeToolbar.gif') repeat-x center -61px; -} - -.UIToolbar .BlueLargeToolbar a { - color: #7e9bc9; font-weight: bold; - padding: 0px 5px 0px 5px; - cursor: pointer; -} - -.UIToolbar .BlueLargeToolbar a:hover { - color: #003c7f; -} - -.UIToolbar .BlueLargeToolbar .SelectItemButton .LablelIcon { - filter: alpha(opacity=100); - -moz-opacity: 1.0; -} - -.UIToolbar .BlueLargeToolbar .SelectItemButton .ButtonLabel { - line-height: 18px; - color: #003c7f; -} - -.UIToolbar .BlueLargeToolbar .HorizontalSeparator { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 2px 8px 0px 10px; - margin: 2px 10px 0px 8px; - width: 2px; - height: 22px; - background: url('background/BlueLargeToolbar.gif') no-repeat -6px top; -} - -.UIToolbar .BlueLargeToolbar .ManagementIconContainer { - padding-top: 4px; - margin-left: 5px; -} - -.UIToolbar .BlueLargeToolbar .ItemButton { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - padding-left: 35px; /* orientation=lt */ - padding-right: 35px; /* orientation=rt */ - margin: 0 10px; display: block; - background-image: url('background/BlueLargeToolbar.gif'); - background-repeat: no-repeat; - height: 26px; line-height: 26px; - color: #363636; -} - -.UIToolbar .BlueLargeToolbar .OrganizeIcon { - background-position: left -122px; /* orientation=lt */ - background-position: right -122px; /* orientation=rt */ -} - -.UIToolbar .BlueLargeToolbar .PorletIcon { - background-position: left -148px; /* orientation=lt */ - background-position: right -148px; /* orientation=rt */ -} - -.UIToolbar .BlueLargeToolbar .GadgetIcon { - background-position: left -174px; /* orientation=lt */ - background-position: right -174px; /* orientation=rt */ -} - /* * minh.js.exo */ /*#################################- LightToolbar -##############################*/ -.UIToolbar .LightToolbar { - height: 33px; - margin-top: 3px; -} .UIToolbar .LightToolbar .LeftBar { - padding-left: 3px; background: url('background/LightToolbar.gif') no-repeat left top; } .UIToolbar .LightToolbar .RightBar { - padding-right: 3px; background: url('background/LightToolbar.gif') no-repeat right top; } .UIToolbar .LightToolbar .MiddleBar { - height: 33px; line-height: 33px; background: url('background/LightToolbar.gif') repeat-x bottom; } /*#################################- HeaderToolbar-##############################*/ -.UIToolbar .HeaderToolbar { - height: 31px; -} .UIToolbar .HeaderToolbar .LeftBar { - padding-left: 7px; background: url('background/HeaderToolbar.gif') no-repeat left top; } .UIToolbar .HeaderToolbar .RightBar { - padding-right: 7px; background: url('background/HeaderToolbar.gif') no-repeat right top; } .UIToolbar .HeaderToolbar .CenterBar { - height: 31px; line-height: 31px; background: url('background/HeaderToolbar.gif') repeat-x left -31px; } Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,129 +1,36 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -.UITrees { - border: 1px solid #b7b7b7; - background: white; -} +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ -.UITrees .TreeContainer { - overflow-y: auto; - overflow-x: hidden; - width: 99.5%; -} -.UITrees a { - display: block; -} - -.UITrees a:hover { - color: #058ee6; -} - -.UITrees .LevelUpArrowIcon { - height: 20px; - margin-left: 10px; /* orientation=lt */ - margin-right: 10px; /* orientation=rt */ - background: url(background/BlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */ - background: url(background/BlueUpLevelArrow-rt.gif) no-repeat 0 center; /* orientation=rt */ -} - -.UITrees a.LevelUpArrowIcon:hover { - background: url(background/OverBlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */ - background: url(background/OverBlueUpLevelArrow-rt.gif) no-repeat 0 center; /* orientation=rt */ - margin-left: 10px; /* orientation=lt */ - margin-right: 10px; /* orientation=rt */ -} - -.UITrees .Node { - line-height: 19px; - padding-top: 7px; - margin-left: 15px; /* orientation=lt */ - margin-right: 15px; /* orientation=rt */ - white-space: nowrap; - background: url('background/Dotted.gif') repeat-y left; /* orientation=lt */ - background: url('background/Dotted-rt.gif') repeat-y right; /* orientation=rt */ - width: 100%; -} - -.UITrees .LastNode { - background: url('background/Dotted.gif') no-repeat left top; /* orientation=lt */ - background: url('background/Dotted-rt.gif') no-repeat right top; /* orientation=rt */ -} - -.UITrees .Node .NodeIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - width: 100%; - height: auto; - color: #565656; -} - -.UITrees .Node .ExpandIcon { - padding-left: 18px; /* orientation=lt */ - padding-right: 18px; /* orientation=rt */ - background: url('background/SmallGrayMinus.gif') no-repeat left top; /* orientation=lt */ - background: url('background/SmallGrayMinus-rt.gif') no-repeat right top; /* orientation=rt */ - width: 100%; height: auto; -} - -.UITrees .Node .CollapseIcon { - padding-left: 18px; /* orientation=lt */ - padding-right: 18px; /* orientation=rt */ - background: url('background/SmallGrayPlus.gif') no-repeat left top; /* orientation=lt */ - background: url('background/SmallGrayPlus-rt.gif') no-repeat right top; /* orientation=rt */ - width: 100%; - height: auto; -} - .UITrees .Node .NodeSelected { - font-weight: bold; color: #565656; - cursor: pointer; -} - -.UITrees .Node .NullItemIcon { - padding-left: 18px; /* orientation=lt */ - padding-right: 18px; /* orientation=rt */ - background: url('background/NullItemIcon.gif') no-repeat 6px top; /* orientation=lt */ - background: url('background/NullItemIcon-rt.gif') no-repeat 98.5% top; /* orientation=rt */ - -webkit-background: url('background/NullItemIcon-rt.gif') no-repeat 98.2% top; /* orientation=rt */ - width: 100%; height: auto; } /** ################# Icons ###################*/ -.UITrees .TreeContainer .GroupAdminIcon { +.UITrees .Node .GroupAdminIcon { background: url('background/NormalGroup.gif') no-repeat left top; /* orientation=lt */ background: url('background/NormalGroup-rt.gif') no-repeat right top; /* orientation=rt */ - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ } -.UITrees .TreeContainer .PortalIcon { +.UITrees .Node .PortalIcon { background: url('background/SelectedGroup.gif') no-repeat left top; /* orientation=lt */ background: url('background/SelectedGroup.gif') no-repeat right top; /* orientation=rt */ - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ } - - Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/BlueUpLevelArrow.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/Dotted.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/NullItemIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/OverBlueUpLevelArrow.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/SmallGrayMinus.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/webui/component/UITree/background/SmallGrayPlus.gif =================================================================== (Binary files differ) Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -20,5 +20,5 @@ @import url(/eXoResources/skin/DefaultSkin/webui/component/Stylesheet.css); @import url(SimpleSkin/portal/webui/component/UIPortalApplicationSkin.css); @import url(SimpleSkin/webui/component/Stylesheet.css); -@import url(PortletThemes/Stylesheet.css); +@import url(/eXoResources/skin/PortletThemes/Stylesheet.css); @import url(Portlet/Stylesheet.css); Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/AppRegistryControl.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/BlueDownArrow.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/BlueNextArrow.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/ControlIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/CopyIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleSkin/background/Repeat-Y16x2.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleStylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleStylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/applicationregistry/webui/component/UIApplicationRegistryPortlet/SimpleStylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,530 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -/** - * Created by The eXo Platform SARL - * Modifile : Nguyen Ngoc Thuy - * May 8, 2007 - * version: $Id$ - */ - -.UIWindow .UIApplicationRegistryPortlet { - overflow: visible; -} - -.UIApplicationRegistryPortlet { - overflow: auto; - background: white; -} - -.UIApplicationRegistryPortlet .CategoryContainer .EditIcon { - float: none; -} - -.UIApplicationRegistryPortlet .UIControlbar { - background: url('SimpleSkin/background/ControlIcon.gif') repeat-x center -222px; - border: 1px solid #b7b7b7; - height: 23px; line-height: 23px; - padding: 0px 10px; - margin: 5px 0px; -} - -.UIApplicationRegistryPortlet .UIControlbar .IconControl { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - cursor: pointer; - background-image: url('SimpleSkin/background/ControlIcon.gif'); /* orientation=lt */ - background-image: url('SimpleSkin/background/ControlIcon-rt.gif'); /* orientation=rt */ - background-repeat: no-repeat; - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ - line-height: 23px; - margin: 0px 15px 0px 7px; /* orientation=lt */ - margin: 0px 7px 0px 15px; /* orientation=rt */ - width: auto; - height: auto; -} - -.UIApplicationRegistryPortlet .UIControlbar .AddNewIcon { - background-position: left top; /* orientation=lt */ - background-position: right top; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .AddIcon { - background: url('SimpleSkin/background/ControlIcon.gif') no-repeat left -247px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') no-repeat right -247px; /* orientation=rt */ - width: 19px; - height: 20px; -} - -.UIApplicationRegistryPortlet .ReloadIcon { - background: url('SimpleSkin/background/ControlIcon.gif') no-repeat left -273px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') no-repeat right -273px; /* orientation=rt */ - width: 19px; - height: 20px; -} - -.UIApplicationRegistryPortlet .UIControlbar .AddCategoryIcon { - background-position: left -46px; /* orientation=lt */ - background-position: right -46px; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .CreateNewIcon { - background: url('SimpleSkin/background/ControlIcon.gif') no-repeat left -25px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') no-repeat right -25px; /* orientation=rt */ - width: 19px; - height: 20px; -} - -.UIApplicationRegistryPortlet .UIControlbar .ImportIcon { - background-position: left -69px; /* orientation=lt */ - background-position: right -69px; /* orientation=rt */ - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .CopyGadgetIcon { - background: url('SimpleSkin/background/ControlIcon.gif') repeat-x left -69px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') repeat-x right -69px; /* orientation=rt */ - width: 23px; - height: 22px; -} - -.UIApplicationRegistryPortlet .AppRegistryContainer { - height: 100%; - border: 1px solid #b7b7b7; - background: url('SimpleSkin/background/Repeat-Y16x2.gif') repeat-y left top; /* orientation=lt */ - background: url('SimpleSkin/background/Repeat-Y16x2-rt.gif') repeat-y right top; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .AppRegistryContainer .AppRegistryControl { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 239px; -} - -.UIApplicationRegistryPortlet .AppRegistryContainer .ControlArea { - padding: 5px 2px 5px 5px; /* orientation=lt */ - padding: 5px 5px 5px 2px; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .AppRegistryControl .CategoryContent { - padding: 1px; - background: white; - border: 1px solid #d7d7d7; -} - -.UIApplicationRegistryPortlet .AppRegistryControl .Border { - border: 1px solid #d7d7d7; - padding: 1px; margin: 1px; -} - -.UIApplicationRegistryPortlet .AppRegistryControl .TitleCategory { - background: url('SimpleSkin/background/AppRegistryControl.gif') repeat-x left top; - height: 17px; - padding: 10px 5px 0px 5px; - color: white; - font-weight: bold; - letter-spacing: 2px; - text-transform: uppercase; -} - -.UIApplicationRegistryPortlet .CategoryContent .ListContent { - border: 1px solid #d7d7d7; - margin: 5px; -} - -.UIApplicationRegistryPortlet .CategoryContent .ItemContent { - line-height: 26px; - height: 26px; - background: url('SimpleSkin/background/AppRegistryControl.gif') no-repeat -453px bottom; - padding: 0px 5px; -} - -.UIApplicationRegistryPortlet .CategoryContent a.TabLabel:hover { - color: #058ee6; -} - -.UIApplicationRegistryPortlet .CategoryContent .SelectedItem .TabLabel { - color: #058ee6; -} - -.UIApplicationRegistryPortlet .CategoryContent a.TabLabel { - display: block; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - background: url('SimpleSkin/background/ControlIcon.gif') repeat-y left -92px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') repeat-y right -92px; /* orientation=rt */ - padding: 0px 0px 0px 20px; /* orientation=lt */ - padding: 0px 20px 0px 0px; /* orientation=rt */ - cursor: pointer; - width: 160px; - overflow: hidden; - white-space: nowrap; -} - -.UIApplicationRegistryPortlet .CategoryContent .ControlIcon { - display: block; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - margin: 3px; - filter: alpha(opacity=30); - -moz-opacity: 0.3; -} - -.UIApplicationRegistryPortlet .ListItem .SelectedItem a.TabLabel { - font-weight: bold; - padding-left: 3px; /* orientation=lt */ - padding-right: 3px; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .CategoryContent .ItemContent:hover { - background-color: #9d9d9d; -} - -.UIApplicationRegistryPortlet .CategoryContent .ItemContent:hover a { - color: white; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs { - margin: 1px 1px 1px 0px; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs a:hover { - color: #058ee6; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .NormalTab a.TabLabel { - background: url('SimpleSkin/background/BlueNextArrow.gif') no-repeat left center; /* orientation=lt */ - background: url('SimpleSkin/background/BlueNextArrow-rt.gif') no-repeat right center; /* orientation=rt */ - padding: 0 0 0 18px; /* orientation=lt */ - padding: 0 18px 0 0; /* orientation=rt */ - display: block; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .SelectedTab a.TabLabel { - background: url('SimpleSkin/background/BlueDownArrow.gif') no-repeat left center; - padding: 0 0 0 18px; /* orientation=lt */ - padding: 0 18px 0 0; /* orientation=rt */ - display: block; - width: 120px; overflow: hidden; - color: #626262; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .NormalTab .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .SelectedTab .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - filter: alpha(opacity=100); - -moz-opacity: 1.0; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .UIVTabContent .ItemLabel { - background: url('SimpleSkin/background/ControlIcon.gif') no-repeat left -170px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') no-repeat right -170px; /* orientation=rt */ - padding-left: 10px; /* orientation=lt */ - padding-right: 10px; /* orientation=rt */ - display: block; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - cursor: pointer; - width: 160px; - overflow: hidden; - white-space: nowrap; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .VTabSimpleStyle .UIVTabContent { - padding: 5px; - margin: 0px; -} - -.UIApplicationRegistryPortlet .UIVTabContent .SelectedItem .ItemLabel { - background: url('SimpleSkin/background/ControlIcon.gif') no-repeat left -196px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon-rt.gif') no-repeat right -196px; /* orientation=rt */ - display: block; - color: #898989; -} - -.UIApplicationRegistryPortlet .UIVerticalSlideTabs .UIVTabContent .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - cursor: pointer; -} - -/**************************** AppWorkingArea *****************************/ - -.UIApplicationRegistryPortlet .AppWorkingArea { - margin-left: 260px; /* orientation=lt */ - margin-right: 260px; /* orientation=rt */ - padding: 10px; -} - -.UIApplicationRegistryPortlet .UIBreadcumb { - padding: 0px 10px; - border-bottom: 1px solid #b7b7b7; - height: 19px; - color: #4b4b4b; - font-weight: bold; -} - -.UIApplicationRegistryPortlet .UIBreadcumb .BreadcumbInfo { - width: 90%; - overflow: hidden; - height: 16px; - line-height: 16px; -} - -.UIApplicationRegistryPortlet .UIBreadcumb .RightBlackGridArrow16x16Icon { - background-position: center; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - height: 6px; - margin: 5px 0px 0px; -} - -.UIApplicationRegistryPortlet .UIBreadcumb .Selected { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - color: #535353; -} - -.UIApplicationRegistryPortlet .UIBreadcumb .ControlIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - margin: 0px 5px; - cursor: pointer; -} - -.UIApplicationRegistryPortlet .ApplicationContainer { - padding: 10px 0px; -} - -.UIApplicationRegistryPortlet .ApplicationContent { - margin-left: 90px; /* orientation=lt */ - margin-right: 90px; /* orientation=rt */ - padding: 15px 15px 15px 0px; /* orientation=lt */ - padding: 15px 0px 15px 15px; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .ApplicationContent table { - table-layout: fixed; - width: 99%; - line-height: 18px; -} - -.UIApplicationRegistryPortlet .ApplicationContent .RightLabel { - width: 78%; - overflow: hidden; - padding: 0px 4px; - vertical-align: middle; -} - -.UIApplicationRegistryPortlet .TitleBarApplication { - background: none; - font-weight: bold; font-size: 12px; color: #535353; -} - -.UIApplicationRegistryPortlet .ApplicationContentLabel { - line-height: 16px; - margin: auto; -} - -.UIApplicationRegistryPortlet .ApplicationContent .LeftLabel { - font-weight: bold; - font-size: 11px; - color: black; - text-align: right; /* orientation=lt */ - text-align: left; /* orientation=rt */ - word-wrap: break-word; -} - -.UIApplicationRegistryPortlet .ApplicationContentLabel .RightLabel { - padding: 0px 5px; -} - -.UIApplicationRegistryPortlet .PortletIcons { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 80px; - height: 80px; - cursor: pointer; - margin-top: 2px; -} - -.UIApplicationRegistryPortlet .UIFormWithTitle { - width: 480px; -} - -.UIApplicationRegistryPortlet .UIFormWithTitle .HintMessage { - font-style:italic; - padding:10px; - text-align:center; -} -/*******************************UIAcessPermissions******************************/ - -.UIApplicationRegistryPortlet .UIAcessPermissions { - margin: 20px 0px; - width: auto; - height: 100%; -} - -.UIApplicationRegistryPortlet .UIAcessPermissions .UIForm .HorizontalLayout { - padding: 0px; - border: none; - background: none; -} - -.UIApplicationRegistryPortlet .UIAcessPermissions .UIFormGrid { - width: 100%; -} - -.UIApplicationRegistryPortlet .UIAcessPermissions .PublicCheck .UIFormGrid { - width: auto; -} - -/**************************** UIOrganizerManagement ***************************/ - -.UIApplicationRegistryPortlet .UIAddApplicationForm .UIFormGrid { - width: 99%; -} - -.UIOrganizerManagement .UIFormInputSet .UIFormGrid { - width: 99%; -} - -.UIOrganizerManagement .UIFormInputSet .PublicCheck .UIFormGrid { - width: auto; -} - -.UIOrganizerManagement .UIAddApplicationForm .UIFormGrid td.text { - white-space: normal; -} -/***************************** UIPortletManagement ***************************/ - -.UIPortletManagement .ListCategory .CategoryLable { - background: url(SimpleSkin/background/ControlIcon.gif) no-repeat scroll 5px -170px; /* orientation=lt */ - background: url(SimpleSkin/background/ControlIcon-rt.gif) no-repeat scroll right -170px; /* orientation=rt */ - padding: 0px 0px 0px 15px; /* orientation=lt */ - padding: 0px 15px 0px 0px; /* orientation=rt */ - display: block; - line-height: 25px; - border-bottom: 1px solid #dddddd; -} - -.UIPortletManagement .SelectedCategory .CategoryLable { - background: #b7b7b7 url(SimpleSkin/background/ControlIcon.gif) no-repeat scroll 5px -196px; /* orientation=lt */ - background: #b7b7b7 url(SimpleSkin/background/ControlIcon-rt.gif) no-repeat scroll right -196px; /* orientation=rt */ - color: white; - font-weight: bold; - white-space: nowrap; - overflow: hidden; -} - -.UIPortletManagement .ListCategory .ListItem { - background: #f7f7f7; - border-bottom: 1px solid #dddddd; -} - -.UIPortletManagement .ListCategory .Item { - display: block; - background: url('SimpleSkin/background/ControlIcon.gif') repeat-y left -92px; /* orientation=lt */ - background: url('SimpleSkin/background/ControlIcon.gif') repeat-y right -92px; /* orientation=rt */ - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - cursor: pointer; - width: 160px; overflow: hidden; - white-space: nowrap; - line-height: 25px; -} - -.UIPortletManagement .UIVerticalSlideTabs .VTabSimpleStyle .UIVTabContent { - background: none; -} - -.UIPortletManagement .BoxContent { - padding: 1px; - border: 1px solid #d7d7d7; - margin: 1px; -} - -.UIPortletManagement .BoxContent .TitleCategory { - cursor: pointer; - text-transform: capitalize; -} - -.UIPortletManagement .UIGrid .FieldLable { - width: 30%; - text-align: right; -} - -.UIPortletManagement .UIGrid .FieldComponent { - padding: 4px 0px; -} - -/******************************** UIGadgetManagement ******************************/ -.UIApplicationRegistryPortlet .UIGadgetManagement .PortletIcons { - width: 150px; height: 120px; - padding-top: 20px; text-align: center; -} - -.UIApplicationRegistryPortlet .UIGadgetManagement .ApplicationContent { - margin-left: 150px; /* orientation=lt */ - margin-right: 150px; /* orientation=rt */ -} - -.UIApplicationRegistryPortlet .UIGadgetManagement .URL table { - width: 99%; - table-layout: fixed; -} - -.UIApplicationRegistryPortlet .UIGadgetManagement .URL .RightLabel { - overflow: hidden; -} - -.UIGadgetManagement .UIGadgetEditor table.UIFormGrid { - width: 99%; - table-layout: fixed; -} - -.UIGadgetManagement .UIGadgetEditor .HorizontalLayout textarea { - height: 250px; - padding: 0px; - width: 97%; - overflow: auto; -} - -.UIGadgetManagement .UIGadgetEditor td.FieldComponent { - width: 90%; -} - -.UIGadgetManagement .GadgetCategory .UIFormGrid { - width: 100%; -} - -.UIGadgetManagement .UIGadgetEditor .HorizontalLayout input { - width: 97%; -} - -.UIGadgetManagement .GadgetCategory .UIFormGrid { - width: 100%; -} Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/organization/webui/component/UIOrganizationPortlet/SimpleStylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/organization/webui/component/UIOrganizationPortlet/SimpleStylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/exoadmin/organization/webui/component/UIOrganizationPortlet/SimpleStylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -47,7 +47,6 @@ .UIOrganizationPortlet .UIToolbar .LargeToolbar .SelectButtonLabel { color: #565656; - line-height: 18px; } .UIOrganizationPortlet .UISearch { @@ -55,16 +54,7 @@ margin: 0px auto; } -.UIOrganizationPortlet .UIToolbar .LargeToolbar .HorizontalSeparator { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin-top: 3px; - width: 2px; - height: 50px; -} - .UIOrganizationPortlet .UIToolbar .LargeToolbar .ButtonLabel { - height: 18px; line-height: 18px; padding-left: 0px; } @@ -178,7 +168,6 @@ } .UIOrganizationPortlet .UIGroupManagement .UITrees { - width: 99%; border: 1px solid #dedede; border-top: none; background: #f7f7f7; @@ -190,7 +179,7 @@ background: #f7f7f7; } -.UIOrganizationPortlet .UIGroupManagement .UITrees .TreeContainer { +.UIOrganizationPortlet .UIGroupManagement .TreeContainer { height: 218px; } @@ -316,12 +305,6 @@ padding-top: 10px; } -.UIOrganizationPortlet .UIPageIterator { - height: 22px; - margin-top: 3px; - width: 99.5%; -} - -.UIOrganizationPortlet .UIMembershipManagement .UIGrid { - margin: auto; +.UIOrganizationPortlet .UIMembershipTypeForm .UIFormGrid { + width: auto; } \ No newline at end of file Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,7 +1,3 @@ -.UIWorkingWorkspace { - width: 1017px; -} - .UIWindow .UIHomePagePortlet { margin: 0px; } Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,327 +1,202 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -/** - * Created by The eXo Platform SARL - * Modifier : Nguyen Ngoc Thuy - * April 23, 2007 - * version: $Id$ - */ - -.UINavigationPortlet { - border-bottom: 1px solid #e5e5e5; -} - -.UINavigationPortlet .UINavigationBar { - white-space: nowrap; -} - -.UINavigationPortlet .UINavigationBar .UIHorizontalTabs { - height: 30px; -} - -.UINavigationPortlet .UINavigationBar .UIHorizontalTabs .TabsContainer { - float: none; - !position: relative; - height: 30px; -} - -.UINavigationPortlet .UINavigationBar .LeftNavigationBar { -} - -.UINavigationPortlet .UINavigationBar .RightNavigationBar { -} - -.UINavigationPortlet .UINavigationBar .MiddleNavigationBar { - padding: 0px 24px; - background: #f9f9f9; -} - -.UINavigationPortlet .UITab a.TabLabel { - display: block; - padding: 0px 0px 0px 20px; /* orientation=lt */ - padding: 0px 20px 0px 0px; /* orientation=rt */ - background-position: left; /* orientation=lt */ - background-position: right; /* orientation=rt */ -} - -.UINavigationPortlet .UITab a.DefaultPageIcon { - background: none; - padding: 0px; -} - -/*###########################--NavigationTabTab--############################*/ - -.UINavigationPortlet .UITab .NormalNavigationTab { - line-height: 230px; - margin: 0px 8px 0px 0px; -} - -.UINavigationPortlet .UITab .NormalNavigationTab .LeftTab { - line-height: 30px; -} - -.UINavigationPortlet .UITab .NormalNavigationTab .RightTab { - line-height: 30px; -} - -.UINavigationPortlet .UITab .NormalNavigationTab .MiddleTab { - line-height: 30px; - text-align: center; - padding: 0px 10px; -} - -.UINavigationPortlet .UITab .NormalNavigationTab .TabIcon { - line-height: 27px; -} - -.UINavigationPortlet .UITab .NormalNavigationTab a { - color: #565656; - font-weight: normal; -} - -.UINavigationPortlet .UITab .NormalNavigationTab .DropDownArrowIcon { - padding-right: 12px; /* orientation=lt */ - padding-left: 12px; /* orientation=rt */ - background: url('background/NavDownArrow.gif') no-repeat right; /* orientation=lt */ - background: url('background/NavDownArrow.gif') no-repeat left; /* orientation=rt */ - cursor: pointer; -} - -/*###############-Hightlight Navigation Tab -################*/ - -.UINavigationPortlet .UITab .HighlightNavigationTab { - line-height: 30px; - margin: 0px 8px 0px 0px; -} - -.UINavigationPortlet .UITab .HighlightNavigationTab .LeftTab { - line-height: 30px; -} - -.UINavigationPortlet .UITab .HighlightNavigationTab .RightTab { - line-height: 30px; -} - -.UINavigationPortlet .UITab .HighlightNavigationTab .MiddleTab { - height: 30px; - text-align: center; - padding: 0px 10px; -} - -.UINavigationPortlet .UITab .HighlightNavigationTab .TabIcon { - color: #000; - line-height: 27px; - border-bottom:3px solid #E5E5E5; -} - -.UINavigationPortlet .UITab .HighlightNavigationTab a { - color: #000; - font-weight: normal; -} - -.UINavigationPortlet .UITab .HighlightNavigationTab .DropDownArrowIcon { - padding-right: 12px; /* orientation=lt */ - padding-left: 12px; /* orientation=rt */ - background: url('background/NavDownArrow.gif') no-repeat right; /* orientation=lt */ - background: url('background/NavDownArrow.gif') no-repeat left; /* orientation=rt */ - cursor: pointer; -} - -/*###############-Selected Navigation Tab-################*/ - -.UINavigationPortlet .UITab .SelectedNavigationTab { - line-height: 30px; - margin: 0px 8px 0px 0px; -} - - -.UINavigationPortlet .UITab .SelectedNavigationTab .LeftTab { - line-height: 30px; -} - -.UINavigationPortlet .UITab .SelectedNavigationTab .RightTab { - line-height: 30px; -} - -.UINavigationPortlet .UITab .SelectedNavigationTab .MiddleTab { - line-height: 30px; - text-align: center; - padding: 0px 10px; -} - -.UINavigationPortlet .UITab .SelectedNavigationTab .TabIcon { - color: #000; - line-height: 27px; - border-bottom: 3px solid #E5E5E5; -} - -.UINavigationPortlet .UITab .SelectedNavigationTab a { - color: #000; -} - -.UINavigationPortlet .UITab .SelectedNavigationTab .DropDownArrowIcon { - padding-right: 12px; /* orientation=lt */ - padding-left: 12px; /* orientation=rt */ - background: url('background/NavDownArrow.gif') no-repeat right center; /* orientation=lt */ - background: url('background/NavDownArrow.gif') no-repeat left center; /* orientation=rt */ - cursor: pointer; -} - -.UINavigationPortlet .MenuItemContainer { - white-space: nowrap; - border: solid #b7b7b7 1px; /*fix for IE*/ - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ -} - -.UINavigationPortlet .MenuItemContainer .MenuItemDecorator { - border: 1px solid #fcfcfc; - background: white; - padding-bottom: 6px; -} - -.UINavigationPortlet .MenuItemContainer .MenuItem { - border-bottom: 1px solid #fff; - cursor: pointer; - line-height: 24px; - height: 24px; width: auto; - display: block; - white-space: nowrap; - font-weight: normal; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.UINavigationPortlet .MenuItemContainer .MenuItem a { - padding: 0px 20px 0px 25px; /* orientation=lt */ - padding: 0px 25px 0px 20px; /* orientation=rt */ - display: block; -} - -.UINavigationPortlet .MenuItemContainer .MenuItem a:hover { - color: #3e8df0; -} - -.UINavigationPortlet .MenuItemContainer .SelectedItem { - line-height: 24px; - width: auto; - background: #c7c7c7; - color: #3e8df0; -} - -.UINavigationPortlet .MenuItemContainer .SelectedItem a { - color: #3e8df0; -} - -.UINavigationPortlet .MenuItemContainer .SelectedItem .NormalItem a { - color: #000; -} - -.UINavigationPortlet .MenuItemContainer .SelectedItem .NormalItem a:hover { - color: #3e8df0; -} - -.UINavigationPortlet .MenuItemContainer .NormalItem .SelectedItem a { - color: #3e8df0; -} - -.UINavigationPortlet .MenuItemContainer .ItemIcon { - height: 24px; width: auto; -} - -.UINavigationPortlet .MenuItemContainer .MenuItem .ArrowIcon { - height: 24px; - width: auto; +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + +/** + * Created by The eXo Platform SARL + * Modifier : Nguyen Ngoc Thuy + * April 23, 2007 + * version: $Id$ + */ + +.UINavigationPortlet { + border-bottom: 1px solid #e5e5e5; +} + +.UINavigationPortlet ul { + list-style:none; + padding:0px; + margin:0px; +} + +.UINavigationPortlet .UINavigationBar { + white-space: nowrap; + padding: 0px 24px; + background: #f9f9f9; + float: none; + !position: relative; + height: 30px; +} + +.UINavigationPortlet .UINavigationBar .UITab { + font-weight:normal; +} + +.UINavigationPortlet .UITab a.TabIcon { + display: block; + padding-left: 23px;/* orientation=lt */ + padding-right: 23px;/* orientation=rt */ + line-height: 27px; + background-position: right ;/* orientation=rt */ +} + +.UINavigationPortlet .UITab > span a.DefaultPageIcon { + background: none; + padding: 0px; +} + +.UINavigationPortlet .SelectedNavigationTab .TabIcon { + font-weight:bold; +} + +.UINavigationPortlet .UITab > span { + display:block; + padding: 0px; + margin-right: 28px;/* orientation=lt */ + margin-left: 28px;/* orientation=rt */ +} + +.UINavigationPortlet .UITab .DropDownArrowIcon { + background: url('background/NavDownArrow.gif') no-repeat right center; /* orientation=lt */ + background: url('background/NavDownArrow_ar.gif') no-repeat left center; /* orientation=rt */ + padding: 0 17px 0 0px; /* orientation=lt */ + padding: 0 0px 0 17px; /* orientation=rt */ +} + +.UINavigationPortlet .HighlightNavigationTab > span,.UINavigationPortlet .SelectedNavigationTab > span { + border-bottom:3px solid #E5E5E5; +} + +/*============ Submenu =====================*/ + + +.UINavigationPortlet .MenuItemContainer { + white-space: nowrap; + border: solid #b7b7b7 1px; /*fix for IE*/ + text-align: left; /* orientation=lt */ + text-align: right; /* orientation=rt */ + padding: 1px 1px 6px 1px; + background-color: #FFF; +} + +.UINavigationPortlet .MenuItemContainer .MenuItem { + cursor: pointer; + line-height: 24px; + height: 24px; + width: auto; + display: block; + white-space: nowrap; + font-weight: normal; + padding-left: 5px; /* orientation=lt */ + padding-right: 5px; /* orientation=rt */ +} + +.UINavigationPortlet .MenuItemContainer .MenuItem a { + padding: 0px 20px 0px 25px; /* orientation=lt */ + padding: 0px 25px 0px 20px; /* orientation=rt */ + display: block; +} + +.UINavigationPortlet .MenuItemContainer .MenuItem a:hover { + color: #3e8df0; +} + +.UINavigationPortlet .MenuItemContainer .ArrowIcon { background: url('background/Button.gif') no-repeat right -48px; /* orientation=lt */ background: url('background/Button-rt.gif') no-repeat left -48px; /* orientation=rt */ } -/*============ Scroll Buttons =====================*/ - -.UINavigationPortlet .ScrollButtons { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - padding-top: 10px; - display: none; -} - -.UINavigationPortlet .ScrollLeftButton { - cursor: pointer; - background: url('background/Button.gif') no-repeat left -15px; /* orientation=lt */ - background: url('background/Button-rt.gif') no-repeat right -15px; /* orientation=rt */ - width: 10px; - height: 15px; - padding-left: 12px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ - margin: 0px 5px; -} - -.UINavigationPortlet .ScrollRightButton { - cursor: pointer; - background: url('background/Button.gif') no-repeat right -15px; /* orientation=lt */ - background: url('background/Button-rt.gif') no-repeat left -15px; /* orientation=rt */ - width: 10px; - height: 15px; -} - -.UINavigationPortlet .DisableScrollLeftButton { - cursor: pointer; - background: url('background/Button.gif') no-repeat left -30px; /* orientation=lt */ - background: url('background/Button-rt.gif') no-repeat right -30px; /* orientation=rt */ - width: 10px; - height: 15px; - padding-left: 12px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ - margin: 0px 5px; -} - -.UINavigationPortlet .DisableScrollRightButton { - cursor: pointer; - background: url('background/Button.gif') no-repeat right -30px; /* orientation=lt */ - background: url('background/Button-rt.gif') no-repeat left -30px; /* orientation=rt */ - width: 10px; - height: 15px; -} - -.UINavigationPortlet .HighlightScrollLeftButton { - cursor: pointer; - background: url('background/Button.gif') no-repeat left top; /* orientation=lt */ - background: url('background/Button-rt.gif') no-repeat right top; /* orientation=rt */ - width: 10px; - height: 15px; - padding-left: 12px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ - margin: 0px 5px; -} - -.UINavigationPortlet .HighlightScrollRightButton { - cursor: pointer; - background: url('background/Button.gif') no-repeat right top; /* orientation=lt */ - background: url('background/Button-rt.gif') no-repeat left top; /* orientation=rt */ - width: 10px; - height: 15px; -} - -/***********GroupNavigation*************/ - -.UINavigationPortlet .GroupNavigation { - background: #f9f9f9; -} - +.UINavigationPortlet .MenuItemContainer .SelectedItem { + background: #c7c7c7; +} + +.UINavigationPortlet .MenuItemContainer .SelectedItem a { + color: #3e8df0; +} + +.UINavigationPortlet .MenuItemContainer .SelectedItem .NormalItem a { + color: #000; +} + +.UINavigationPortlet .MenuItemContainer .SelectedItem .NormalItem a:hover { + color: #3e8df0; +} + +.UINavigationPortlet .MenuItemContainer .NormalItem .SelectedItem a { + color: #3e8df0; +} + +.UINavigationPortlet .MenuItemContainer .ItemIcon { + height: 24px; + width: auto; + background-position: right;/* orientation=rt */ +} + + +/*============ Scroll Buttons =====================*/ + +.UINavigationPortlet .ScrollButtons { + margin: 10px 0 0 0; + display: none; + cursor:pointer; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + height: 15px; + width: 20px; +} + +.UINavigationPortlet .ScrollButtons a { + display:block; + cursor:pointer; + width: 10px; + height: 15px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ +} + +.UINavigationPortlet .ScrollLeftButton { + background: url('background/Button.gif') no-repeat left -15px; /* orientation=lt */ + background: url('background/Button-rt.gif') no-repeat right -15px; /* orientation=rt */ + +} + +.UINavigationPortlet .ScrollRightButton { + background: url('background/Button.gif') no-repeat right -15px; /* orientation=lt */ + background: url('background/Button-rt.gif') no-repeat left -15px; /* orientation=rt */ +} + +.UINavigationPortlet .DisableScrollLeftButton { + background: url('background/Button.gif') no-repeat left -30px; /* orientation=lt */ + background: url('background/Button-rt.gif') no-repeat right -30px; /* orientation=rt */ +} + +.UINavigationPortlet .DisableScrollRightButton { + background: url('background/Button.gif') no-repeat right -30px; /* orientation=lt */ + background: url('background/Button-rt.gif') no-repeat left -30px; /* orientation=rt */ +} + +.UINavigationPortlet .HighlightScrollLeftButton ,.UINavigationPortlet .ScrollLeftButton:hover{ + background: url('background/Button.gif') no-repeat left top; /* orientation=lt */ + background: url('background/Button-rt.gif') no-repeat right top; /* orientation=rt */ +} + +.UINavigationPortlet .HighlightScrollRightButton ,.UINavigationPortlet .ScrollRightButton:hover{ + background: url('background/Button.gif') no-repeat right top; /* orientation=lt */ + background: url('background/Button-rt.gif') no-repeat left top; /* orientation=rt */ +} + Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow.gif =================================================================== (Binary files differ) Copied: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow_ar.gif (from rev 7349, portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow_ar.gif) =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css =================================================================== --- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,136 +0,0 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - -/** - * Cated by The eXo Platform SAS - * Modifile : Vu Duy Tu - * duytucntt(a)gmail.com - * January 10, 2007 - * version: $Id$ - */ - - -.UIWindow .UISitemapPortlet { - border: none; - margin: 0px; -} - -.UISitemapPortlet { -} - -.UISitemap { - background: #fff url('background/default_sitemap.gif') no-repeat 95% 90%; - padding: 10px 30px; - color: #4e4e4e; -} - -.UISitemap a { - color: #4e4e4e; -} - -.UISitemap .ClearFix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.UISitemap .ClearFix { - !display: inline-block; - !zoom: 1; - !display: block; -} - -.UISitemap .CollapseAll { - background: url('background/CollapseAllIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/CollapseAllIcon-rt.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 20px; - cursor: pointer; -} - -.UISitemap .ExpandAll { - background: url('background/ExpandAllIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/ExpandAllIcon-rt.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 20px; - cursor: pointer; -} - -.UISitemap .SitemapContent { - background: url('background/RootTree.gif') no-repeat left top; /* orientation=lt */ - background: url('background/RootTree-rt.gif') no-repeat right top; /* orientation=rt */ - padding-top: 8px; - margin: 20px 0px; -} - -.UISitemap .SitemapContent .UISiteTree a { - display: block; -} - -.UISitemap .SitemapContent .UISiteTree a:hover { - color: #058bb6; -} - -.UISitemap .UISiteTree .Node { - line-height: 30px; - background: url('background/Dotted.gif') repeat-y 4px top; /* orientation=lt */ - background: url('background/Dotted-rt.gif') repeat-y 99.6% top; /* orientation=rt */ -} - -.UISitemap .UISiteTree .LastNode { - line-height: 26px; - background: url('background/LastNode.gif') no-repeat 4px top; /* orientation=lt */ - background: url('background/LastNode-rt.gif') no-repeat 99.6% top; /* orientation=rt */ -} - -.UISitemap .CollapseIcon { - background: url('background/CollapseIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/CollapseIcon-rt.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 0px 0px 32px; /* orientation=lt */ - padding: 0px 32px 0px 0px; /* orientation=rt */ - cursor: pointer; -} - -.UISitemap .ExpandIcon { - background: url('background/ExpandIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/ExpandIcon-rt.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 0px 0px 32px; /* orientation=lt */ - padding: 0px 32px 0px 0px; /* orientation=rt */ - cursor: pointer; -} - -.UISitemap .NullItem { - background: url('background/NullItem.gif') no-repeat left center; /* orientation=lt */ - background: url('background/NullItem-rt.gif') no-repeat right center; /* orientation=rt */ - padding: 0px 32px; -} - -.UISitemap .DefaultPageIcon { - padding: 0px 0px 0px 20px; /* orientation=lt */ - padding: 0px 20px 0px 0px; /* orientation=rt */ - background-position: left center; /* orientation=lt */ - background-position: right center; /* orientation=rt */ - width: auto; -} - -.UISitemap .ChildrenContainer { - padding-left: 31px; /* orientation=lt */ - padding-right: 31px; /* orientation=rt */ - float: none; -} \ No newline at end of file Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseAllIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/Dotted.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandAllIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/LastNode.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/NullItem.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/RootTree.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/SitemapItemBoxTitle150x1.gif =================================================================== (Binary files differ) Deleted: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/default_sitemap.gif =================================================================== (Binary files differ) Modified: portal/trunk/gadgets/eXoGadgets/src/main/webapp/gadgets/Todo/Todo.xml =================================================================== --- portal/trunk/gadgets/eXoGadgets/src/main/webapp/gadgets/Todo/Todo.xml 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/gadgets/eXoGadgets/src/main/webapp/gadgets/Todo/Todo.xml 2011-09-12 10:54:34 UTC (rev 7355) @@ -98,52 +98,32 @@ height: 15px; } - .UIAction .ActionContainer { - width: auto; - margin: auto; - } - .UIAction .ActionButton { - display: block; - float: __BIDI_START_EDGE__; + display: inline-block; margin: 0px 3px; cursor: pointer; } - - .UIAction .SimpleStyle {} - - .UIAction .SimpleStyle .ButtonLeft { - background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') no-repeat left top; - padding: 0px 0px 0px 10px; - height: 21px; - } - - .UIAction .SimpleStyle .ButtonRight { - background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') no-repeat right top; - padding: 0px 10px 0px 0px ; - height: 21px; - } - - .UIAction .SimpleStyle .ButtonMiddle { - line-height: 21px; - background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') repeat-x bottom; + + .UIAction .SimpleStyle { + line-height: 20px; + background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') repeat-x center; text-align: center; padding: 0px 12px; - height: 21px; + white-space: nowrap; + border: 1px solid #c9c9c9; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + color: #313131; + margin: 0px 6px; + white-space: nowrap; + text-decoration: none; + font-size: 12px; } - - .UIAction .SimpleStyle a { - color: #353535; - margin: 0px 6px; - white-space: nowrap; - font-size: 11px; - text-decoration: none; - display: block; + + .UIAction .SimpleStyle:hover { + color: #1273df; } - - .UIAction .SimpleStyle a:hover { - color: #1273df; - } </style> <script type="text/javascript"> @@ -253,24 +233,10 @@ </div> -<div class="UIAction"> - <table class="ActionContainer"> - <tbody><tr> - <td> - <div class="ActionButton SimpleStyle" onclick="save();"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);">__MSG_save__</a> - </div> - </div> - </div> - </div> - </td> - </tr> - </tbody></table> - </div> - </div> + <div class="UIAction"> + <a href="javascript:void(0);" onclick="save();" class="ActionButton SimpleStyle">__MSG_save__</a> + </div> + </div> ]]> </Content> </Module> \ No newline at end of file Modified: portal/trunk/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl =================================================================== --- portal/trunk/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -18,12 +18,7 @@ JavascriptManager jsManager = pcontext.getJavascriptManager(); jsManager.importJavascript("eXo.webui.UITabbedDashboard"); %> -<div id="$uicomponent.id" class="UITabPaneDashboard"> - <div class="LtTabDashboard"> - <div class="RtTabDashboard"> - <div class="CtTabDashboard"> - <div class="UIHorizontalTabs"> - <div class="TabsContainer ClearFix"> +<div id="$uicomponent.id" class="UITabPaneDashboard UIHorizontalTabs ClearFix"> <% int i = 0; for(UserNode node : nodes){ @@ -36,45 +31,20 @@ String param = node.getName(); if(node.getURI().equals(selectedNode.getURI())){ %> - <div class="UITab GrayTabStyle"> - <div class="SelectedTab"> - <div class="LeftTab"> - <div class="RightTab"> - <div class="MiddleTab"> - <% - String ondblclick = "eXo.webui.UITabbedDashboard.showEditLabelInput(this,\"" + param + "\",this.innerHTML)"; - %> - <span ondblclick='$ondblclick'>$tabLabel</span> - <a href="<%= uicomponent.url("DeleteTab",param); %>"> - <img class="CloseIcon" src="/eXoResources/skin/sharedImages/Blank.gif" alt="DEL" /> - </a> - </div> - </div> - </div> - </div> + <div class="UITab SelectedTab"> + <% + String ondblclick = "eXo.webui.UITabbedDashboard.showEditLabelInput(this,\"" + param + "\",this.innerHTML)"; + %> + <span ondblclick='$ondblclick'>$tabLabel</span> + <a href="<%= uicomponent.url("DeleteTab",param); %>" class="CloseIcon" title="DEL"></a> </div> <%}else{ %> - <div class="UITab GrayTabStyle"> - <div class="NormalTab"> - <div class="LeftTab"> - <div class="RightTab"> - <div class="MiddleTab"> - <a href="<%= nodeURL.toString()%>"><span>$tabLabel</span></a> - <a href="<%= uicomponent.url("DeleteTab",param); %>"> - <img class="CloseIcon" src="/eXoResources/skin/sharedImages/Blank.gif" alt="DEL" /> - </a> - </div> - </div> - </div> - </div> - </div> + <div class="UITab NormalTab"> + <a href="<%= nodeURL.toString()%>" class="Tablabel">$tabLabel</a> + <a href="<%= uicomponent.url("DeleteTab",param); %>" class="CloseIcon" title="DEL" ></a> + + </div> <%} %> <% } %> - <div class="AddDashboard" onclick="eXo.webui.UITabbedDashboard.createTabDashboard(this)"><span></span></div> - </div> - </div> - - </div> - </div> - </div> -</div> \ No newline at end of file + <a class="AddDashboard" onclick="eXo.webui.UITabbedDashboard.createTabDashboard(this)"></a> +</div> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIAdminToolbarPortlet.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIAdminToolbarPortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIAdminToolbarPortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -27,37 +27,29 @@ if (selectedNav != null) { editorLabel = _ctx.appRes("UIAdminToolbarPortlet.action." + selectedNav.getKey().getTypeName() + ".Editor"); } - String accountSetting = "javascript:if(document.getElementById('UIMaskWorkspace')) ajaxGet(eXo.env.server.createPortalURL('UIPortal', 'AccountSettings', true));" -%> -<div class="UIAdminToolbarPortlet" id="$uicomponent.id" > - <div class="UIHorizontalTabs"> - <div class="TabsContainer" > - <div class="UITab NormalToolbarTab portlet-menu-item"> - <div class=""> - <a class="EditorIcon TBIcon" href="#">$editorLabel</a> - </div> - <div class="MenuItemContainer portlet-menu-cascade" style="display:none;"> - <div class="SubBlock"> - <% if(userCouldEditNavigation){ %> - <div class="MenuItem portlet-menu-cascade-item"> - <a href="javascript:ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'PageCreationWizard', true))" title="" class="ItemIcon AddPageIcon">$addPageLabel</a> - </div> - <% } %> - - <% if(userCouldEditPage){ %> - <div class="MenuItem portlet-menu-cascade-item"> - <a href="javascript:ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'EditCurrentPage', true))" title="" class="ItemIcon EditPageIcon">$editPageLabel</a> - </div> - <% } %> - - <% if(userCouldEditPortal){ %> - <div class="MenuItem portlet-menu-cascade-item"> - <a href="javascript:ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'EditInline', true))" title="" class="ItemIcon EditSiteIcon">$editSiteLayout</a> - </div> - <% } %> - </div> - </div> - </div> - </div> - </div> -</div> + String accountSetting = "javascript:if(document.getElementById('UIMaskWorkspace')) ajaxGet(eXo.env.server.createPortalURL('UIPortal', 'AccountSettings', true));" +%> +<ul class="UIAdminToolbarPortlet UIHorizontalTabs" id="$uicomponent.id" > + <li class="UITab NormalToolbarTab portlet-menu-item"> + <a class="EditorIcon TBIcon" href="#">$editorLabel</a> + <ul class="MenuItemContainer portlet-menu-cascade" style="display:none;"> + <% if(userCouldEditNavigation){ %> + <li class="MenuItem portlet-menu-cascade-item"> + <a href="javascript:ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'PageCreationWizard', true))" title="" class="ItemIcon AddPageIcon">$addPageLabel</a> + </li> + <% } %> + + <% if(userCouldEditPage){ %> + <li class="MenuItem portlet-menu-cascade-item"> + <a href="javascript:ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'EditCurrentPage', true))" title="" class="ItemIcon EditPageIcon">$editPageLabel</a> + </li> + <% } %> + + <% if(userCouldEditPortal){ %> + <li class="MenuItem portlet-menu-cascade-item"> + <a href="javascript:ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'EditInline', true))" title="" class="ItemIcon EditSiteIcon">$editSiteLayout</a> + </li> + <% } %> + </ul> + </li> +</ul> \ No newline at end of file Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIStarToolBarPortlet.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIStarToolBarPortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIStarToolBarPortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -9,24 +9,19 @@ String changeLanguageAction = "if(document.getElementById('UIMaskWorkspace')) ajaxGet(eXo.env.server.createPortalURL('UIPortal', 'ChangeLanguage', true));"; String accountSetting = "if(document.getElementById('UIMaskWorkspace')) ajaxGet(eXo.env.server.createPortalURL('UIPortal', 'AccountSettings', true));"; String changeSkinAction = "if(document.getElementById('UIMaskWorkspace')) ajaxGet(eXo.env.server.createPortalURL('UIPortal', 'ChangeSkin', true));"; -%> -<div class="UIStarToolBarPortlet" id="$uicomponent.id" > - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> - <div class="UITab portlet-menu-item" style="width: 62px"> - <div class=""></div> - <div class="MenuItemContainer portlet-menu-cascade" style="display:none;"> - <div class="MenuItem portlet-menu-cascade-item" onclick="$changeLanguageAction"> - <a href="#" class="ChangeLanguageIcon"><%=_ctx.appRes("UIStarToolbarPortlet.item.ChangeLanguage")%></a> - </div> - <div class="MenuItem portlet-menu-cascade-item" onclick="$changeSkinAction"> - <a href="#" class="ChangeSkinIcon"><%=_ctx.appRes("UIStarToolbarPortlet.item.ChangeSkin")%></a> - </div> - <div class="MenuItem portlet-menu-cascade-item" onclick="eXo.portal.logout();"> - <a href="#" class="SignOutIcon"><%=_ctx.appRes("UIStarToolbarPortlet.item.Logout")%></a> - </div> - </div> - </div> - </div> - </div> -</div> +%> +<ul class="UIStarToolBarPortlet UIHorizontalTabs" id="$uicomponent.id" > + <li class="UITab portlet-menu-item" style="width: 62px"> + <ul class="MenuItemContainer portlet-menu-cascade" style="display:none;"> + <li class="MenuItem portlet-menu-cascade-item" onclick="$changeLanguageAction"> + <a href="#" class="ChangeLanguageIcon"><%=_ctx.appRes("UIStarToolbarPortlet.item.ChangeLanguage")%></a> + </li> + <li class="MenuItem portlet-menu-cascade-item" onclick="$changeSkinAction"> + <a href="#" class="ChangeSkinIcon"><%=_ctx.appRes("UIStarToolbarPortlet.item.ChangeSkin")%></a> + </li> + <li class="MenuItem portlet-menu-cascade-item" onclick="eXo.portal.logout();"> + <a href="#" class="SignOutIcon"><%=_ctx.appRes("UIStarToolbarPortlet.item.Logout")%></a> + </li> + </ul> + </li> +</ul> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserInfoPortlet.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserInfoPortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserInfoPortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -5,16 +5,16 @@ def rcontext = _ctx.getRequestContext(); String accountSetting = "javascript:if(document.getElementById('UIMaskWorkspace')) ajaxGet(eXo.env.server.createPortalURL('UIPortal', 'AccountSettings', true));" -%> -<div class="UIUserInfoPortlet" id="$uicomponent.id"> - <div class="Name"> +%> +<ul class="UIUserInfoPortlet" id="$uicomponent.id"> + <li class="Name"> <% if(rcontext.getRemoteUser() != null) { - EntityEncoder encoder = EntityEncoder.FULL; - fullName = encoder.encode(uicomponent.getUser().getFullName()); + EntityEncoder encoder = EntityEncoder.FULL; + fullName = encoder.encode(uicomponent.getUser().getFullName()); %> <a href="$accountSetting"><%=fullName%></a> <%} else {%> <span></span> <%}%> - </div> -</div> + </li> +</li> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -21,15 +21,13 @@ PortalURL nodeURL = nodeurl(); void renderDashboards(PortalURL nodeURL, PortalRequestContext pcontext, Collection nodes) { print """ - <div style="display:none" class="MenuItemContainer"> - <div class="SubBlock"> + <ul style="display:none" class="MenuItemContainer"> """; for(UserNode node : nodes) { renderPageNode(nodeURL, pcontext, node); } print """ - </div> - </div> + </ul> """ ; } @@ -67,33 +65,27 @@ } print """ - <div class="MenuItem $tabStyleNavigation" $getNodeURL> - <div class="$clazz"> + <li class="MenuItem $clazz $tabStyleNavigation" $getNodeURL> """; if(node.pageRef != null) { print """<a class="ItemIcon $icon" href="$href" $title>$label</a>"""; } else { print """<a class="ItemIcon $icon" href="#" $title>$label</a>"""; } - print """ - </div> - """ ; if(hasChild) { print """ - <div class="MenuItemContainer"> - <div class="SubBlock"> + <ul class="MenuItemContainer"> """ ; for(UserNode child : node.getChildren()) { renderPageNode(nodeURL, pcontext, child); } print """ - </div> - </div> + </ul> """ ; } print """ - </div> + </li> """ ; } %> @@ -103,31 +95,19 @@ if(userNodes.size() < 1) { String createDashboardLink = nodeURL.setResource(new NavigationResource(SiteType.USER, rcontext.getRemoteUser(), null)).toString(); %> - <div class="UIUserToolBarDashboardPortlet" id="$uicomponent.id"> - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> - <div class="UITab NormalToolbarTab"> - <div class=""> - <a class="DashboardIcon TBIcon" href="<%= createDashboardLink%>">Dashboard</a> - </div> - </div> - </div> - </div> - </div> + <ul class="UIUserToolBarDashboardPortlet UIHorizontalTabs" id="$uicomponent.id"> + <li class="UITab NormalToolbarTab"> + <a class="DashboardIcon TBIcon" href="<%= createDashboardLink%>">Dashboard</a> + </li> + </ul> <% }else{ String link = nodeURL.setResource(new NavigationResource(SiteType.USER, rcontext.getRemoteUser(), null)).toString(); %> - <div class="UIUserToolBarDashboardPortlet" id="$uicomponent.id" > - <div class="UIHorizontalTabs"> - <div class="TabsContainer" > - <div class="UITab NormalToolbarTab"> - <div class=""> - <a class="DashboardIcon TBIcon" href="<%= link%>">Dashboard</a> - </div> - <% renderDashboards(nodeURL, pcontext, userNodes); %> - </div> - </div> - </div> - </div> + <ul class="UIUserToolBarDashboardPortlet UIHorizontalTabs" id="$uicomponent.id" > + <li class="UITab NormalToolbarTab"> + <a class="DashboardIcon TBIcon" href="<%= link%>">Dashboard</a> + <% renderDashboards(nodeURL, pcontext, userNodes); %> + </li> + </ul> <% } %> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarGroupPortlet.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarGroupPortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarGroupPortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -25,20 +25,16 @@ void renderGroupPageNavigation(UserNavigation navigation, PortalURL nodeURL) { def nodes = uicomponent.getNavigationNodes(navigation); - if(nodes.size() < 1) return ; - String navTitle = _ctx.appRes("UIPageNavigation.label.titleBar") ; - def ownerId = navigation.getKey().getName(); - navTitle = navTitle.replace("{0}", OrganizationUtils.getGroupLabel(ownerId)); + if(nodes.size() < 1) return ; + String navTitle = _ctx.appRes("UIPageNavigation.label.titleBar") ; + def ownerId = navigation.getKey().getName(); + navTitle = navTitle.replace("{0}", OrganizationUtils.getGroupLabel(ownerId)); print """ - <div class="TitleBar portlet-menu-description"><div style="width: 99%" title="$ownerId">$navTitle</div></div> - <div class="SubBlock"> - """ ; - for(UserNode node : nodes) { - renderPageNode(node, nodeURL); - } - print """ - </div> - """ ; + <li class="TitleBar portlet-menu-description" title="$ownerId">$navTitle</li> + """ ; + for(UserNode node : nodes) { + renderPageNode(node, nodeURL); + } } void renderPageNode(UserNode node, PortalURL nodeURL) { @@ -66,58 +62,44 @@ MimeResponse res = _ctx.getRequestContext().getResponse(); ResourceURL resourceURL = res.createResourceURL(); resourceURL.setResourceID(groupId + "::" + node.getURI()); - getNodeURL = "exo:getNodeURL='" + resourceURL.toString() + "'"; - } - + getNodeURL = "exo:getNodeURL='" + resourceURL.toString() + "'"; + } + print """ - <div class="MenuItem $tabStyleNavigation portlet-menu-cascade-item" $getNodeURL> - <div class="$clazz"> + <li class="MenuItem $clazz $tabStyleNavigation portlet-menu-cascade-item" $getNodeURL> """; if(node.pageRef != null) { print """<a class="ItemIcon $icon" href="$actionLink" $title>$label</a>"""; } else { print """<a class="ItemIcon $icon" href="#" $title>$label</a>"""; } - print """ - </div> - """ ; if(hasChild) { - print """ - <div class="MenuItemContainer portlet-menu-cascade-separator" style="position: absolute; display:none"> - <div class="SubBlock"> + print """ + <ul class="MenuItemContainer portlet-menu-cascade-separator" style="position: absolute; display:none"> """ ; - for(UserNode child : node.getChildren()) { - renderPageNode(child, nodeURL); - } - print """ - </div> - </div> - """ ; - - } - print """ - </div> - """ ; + for(UserNode child : node.getChildren()) { + renderPageNode(child, nodeURL); + } + print """ + </ul> + """ ; + + } + print """ + </li> + """ ; } - def currentPortal = pcontext.getPortalOwner(); + def currentPortal = pcontext.getPortalOwner(); %> -<div class="UIUserToolBarGroupPortlet" id="$uicomponent.id" > - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> - <div class="UITab NormalToolbarTab portlet-menu-item"> - <div class=""> - <a class="GroupIcon TBIcon" href="<%=nodeURL.setResource(new NavigationResource(SiteType.PORTAL, currentPortal, "groupnavigation")).toString() %>" ><%=_ctx.appRes("UIUserToolBarGroupPortlet.header.group")%></a> - </div> - <% - if (!groupNavigations.isEmpty()) { - %> - <div style="display:none" class="MenuItemContainer portlet-menu-cascade"> - <% for(nav in groupNavigations) { - renderGroupPageNavigation(nav, nodeURL); - } %> - </div> - <% } %> - </div> - </div> - </div> -</div> +<ul class="UIUserToolBarGroupPortlet UIHorizontalTabs" id="$uicomponent.id" > + <li class="UITab NormalToolbarTab portlet-menu-item"> + <a class="GroupIcon TBIcon" href="<%=nodeURL.setResource(new NavigationResource(SiteType.PORTAL, currentPortal, "groupnavigation")).toString() %>"><%=_ctx.appRes("UIUserToolBarGroupPortlet.header.group")%></a> + <% if (!groupNavigations.isEmpty()) { %> + <ul style="display:none" class="MenuItemContainer portlet-menu-cascade"> + <% for(nav in groupNavigations) { + renderGroupPageNavigation(nav, nodeURL); + } %> + </ul> + <% } %> + </li> +</ul> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarSitePortlet.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarSitePortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarSitePortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -13,7 +13,7 @@ import org.exoplatform.portal.config.model.PortalConfig; def rcontext = _ctx.getRequestContext() ; - JavascriptManager jsmanager = rcontext.getJavascriptManager(); + JavascriptManager jsmanager = rcontext.getJavascriptManager(); jsmanager.importJavascript('eXo.portal.UIPortalNavigation') ; jsmanager.importJavascript('eXo.portal.UIAdminToolbar') ; jsmanager.addCustomizedOnLoadScript('eXo.portal.UIAdminToolbar.onLoad("' + uicomponent.id + '");'); @@ -23,14 +23,13 @@ void renderPortalNavigations(PortalURL nodeURL) { print """ - <div style="position: absolute; display:none" class="MenuItemContainer portlet-menu-cascade"> - <div class="SubBlock"> + <ul style="position: absolute; display:none" class="MenuItemContainer portlet-menu-cascade"> """; boolean isCurrent = false; String clazz = ""; String href = "#"; - for(int i = 0; i < uicomponent.getAllPortalNames().size(); i++) { + for(int i = 0; i < uicomponent.getAllPortalNames().size(); i++) { String portalName = uicomponent.getAllPortalNames().get(i); if(portalName.equals(uicomponent.getCurrentPortal())) { isCurrent = true; @@ -45,37 +44,33 @@ EntityEncoder entityEncoder = EntityEncoder.FULL; label = uicomponent.getPortalLabel(portalName); label = entityEncoder.encode(label); - print """ - <div class="MenuItem portlet-menu-cascade-item"> - <div class="$clazz"> - <a href="$href" class="ItemIcon SiteIcon">$label</a> - </div> + print """ + <li class="MenuItem $clazz portlet-menu-cascade-item"> + <a href="$href" class="ItemIcon SiteIcon">$label</a> """; if(isCurrent) { renderCurrentPortal(nodeURL); } print """ - </div> + </li> """; } print """ - </div> - </div> + + </ul> """; - } + } void renderCurrentPortal(PortalURL nodeURL) { def nodes = _ctx.getRequestContext().getAttribute("nodes"); print """ - <div style="position: absolute; display:none" class="MenuItemContainer portlet-menu-cascade"> - <div class="SubBlock"> + <ul style="position: absolute; display:none" class="MenuItemContainer portlet-menu-cascade"> """; for(UserNode node : nodes) { renderPageNode(nodeURL, node); } print """ - </div> - </div> + </ul> """; } @@ -103,12 +98,11 @@ MimeResponse res = _ctx.getRequestContext().getResponse(); ResourceURL resourceURL = res.createResourceURL(); resourceURL.setResourceID(node.getURI()); - getNodeURL = "exo:getNodeURL='" + resourceURL.toString() + "'"; + getNodeURL = "exo:getNodeURL='" + resourceURL.toString() + "'"; } print """ - <div class="MenuItem $tabStyleNavigation portlet-menu-cascade-item" $getNodeURL> - <div class="$clazz"> + <li class="MenuItem $tabStyleNavigation $clazz portlet-menu-cascade-item" $getNodeURL> """; if(node.pageRef != null) { print """<a class="ItemIcon $icon" href="$href" $title>$label</a>"""; @@ -116,44 +110,35 @@ print """<a class="ItemIcon $icon" href="#" $title>$label</a>"""; } print """ - </div> + """ ; if(hasChild) { - print """ - <div class="MenuItemContainer portlet-menu-indicator" style="position: absolute; display:none"> - <div class="SubBlock"> + print """ + <ul class="MenuItemContainer portlet-menu-indicator" style="position: absolute; display:none"> """ ; for(UserNode child : node.getChildren()) { renderPageNode(nodeURL, child); - } - print """ - </div> - </div> - """ ; - - } + } + print """ + </ul> + """ ; + + } print """ - </div> - """ ; + </li> + """ ; } - def currentPortal = uicomponent.getCurrentPortal(); def navigation = uicomponent.getNavigation(SiteKey.portal(currentPortal)); def nodes = uicomponent.getNavigationNodes(navigation); - _ctx.getRequestContext().setAttribute("nodes", nodes); -%> - -<div class="UIUserToolBarSitePortlet" id="$uicomponent.id" > - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> - <div class="UITab NormalToolbarTab portlet-menu-item"> - <div class=""> - <a class="SitesIcon TBIcon" href="<%= nodeURL.setResource(new NavigationResource(SiteType.PORTAL, currentPortal, "portalnavigation")).toString() %>"> - <%=_ctx.appRes("UIUserToolBarSitePortlet.header.site")%> - </a> - </div> - <% renderPortalNavigations(nodeURL) %> - </div> - </div> - </div> -</div> + _ctx.getRequestContext().setAttribute("nodes", nodes); +%> + +<ul class="UIUserToolBarSitePortlet UIHorizontalTabs" id="$uicomponent.id" > + <li class="UITab NormalToolbarTab portlet-menu-item"> + <a class="SitesIcon TBIcon" href="<%= nodeURL.setResource(new NavigationResource(SiteType.PORTAL, currentPortal, "portalnavigation")).toString() %>"> + <%=_ctx.appRes("UIUserToolBarSitePortlet.header.site")%> + </a> + <% renderPortalNavigations(nodeURL) %> + </li> +</ul> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UIGroupNavigationManagement.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UIGroupNavigationManagement.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UIGroupNavigationManagement.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -9,21 +9,7 @@ if(uicomponent.userHasRightToAddNavigation()){ %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="<%=uicomponent.event("AddNavigation")%>" class="ActionButton BlueButton"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".Action.Add")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("AddNavigation")%>" class="ActionButton DarkGrayButton"><%=_ctx.appRes(uicomponent.getId() + ".Action.Add")%></a> </div> <% } Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UINavigationManagement.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UINavigationManagement.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UINavigationManagement.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -24,33 +24,7 @@ uicomponent.renderChild(UINavigationNodeSelector.class); %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - - <td> - <div onclick="<%=uicomponent.event("AddRootNode")%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.addNode")%></a> - </div> - </div> - </div> - </div> - </td> - <td> - <div onclick="<%=uicomponent.event("Save")%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.Save")%></a> - </div> - </div> - </div> - </div> - </td> - - </tr> - </table> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("AddRootNode")%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action.addNode")%></a> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Save")%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action.Save")%></a> </div> </div> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UISiteManagement.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UISiteManagement.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/navigation/webui/component/UISiteManagement.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -51,21 +51,7 @@ if(uicomponent.getPortalConfigs() != null && uicomponent.getPortalConfigs().size() > 0){ %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'CreatePortal', true))" class="ActionButton BlueButton"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.addNewPortal")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="ajaxGet(eXo.env.server.createPortalURL('UIWorkingWorkspace', 'CreatePortal', true))" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action.addNewPortal")%></a> </div> <% } Modified: portal/trunk/portlet/exoadmin/src/main/webapp/groovy/organization/webui/component/UIGroupMembershipForm.gtmpl =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/groovy/organization/webui/component/UIGroupMembershipForm.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/groovy/organization/webui/component/UIGroupMembershipForm.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -37,21 +37,7 @@ <%// start render action%> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="<%=uicomponent.event("Save")%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.Save")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Save")%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action.Save")%></a> </div> </div> Modified: portal/trunk/portlet/exoadmin/src/main/webapp/skin/applicationregistry/webui/component/UIApplicationRegistryPortlet/DefaultStylesheet.css =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/skin/applicationregistry/webui/component/UIApplicationRegistryPortlet/DefaultStylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/skin/applicationregistry/webui/component/UIApplicationRegistryPortlet/DefaultStylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -484,9 +484,7 @@ /******************************** UIGadgetManagement ******************************/ .UIApplicationRegistryPortlet .UIGadgetManagement .PortletIcons { width: 150px; - padding: 10px 0px; - text-align: center; - height: auto; + padding-top: 20px; text-align: center; } .UIApplicationRegistryPortlet .UIGadgetManagement .PortletIcons img { Modified: portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/DefaultStylesheet.css =================================================================== --- portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/DefaultStylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/DefaultStylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -126,32 +126,6 @@ background: url('background/MiniIcon-rt.gif') no-repeat right 2px; /* orientation=rt */ } -.UIManagement .UIAction .ButtonLeft { - background: url('background/Button.gif') no-repeat left top; - padding-left: 5px; -} - -.UIManagement .UIAction .ButtonRight { - background: url('background/Button.gif') no-repeat right top; - padding-right: 5px; -} - -.UIManagement .UIAction .ButtonMiddle { - background: url('background/Button.gif') repeat-x left -24px; - font-size: 11px; - line-height: 24px; - padding: 0px 10px; -} - -.UIManagement .UIAction .ButtonMiddle a { - font-weight: normal; -} - -.UIManagement .UIAction .ButtonMiddle a:hover { - color: #9b9b9b; -} - - /***********************UIAddGroupNavigation************************/ .UIAddGroupNavigation { Deleted: portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/background/Button.gif =================================================================== (Binary files differ) Modified: portal/trunk/portlet/web/src/main/webapp/groovy/portal/webui/component/UIPortalNavigation.gtmpl =================================================================== --- portal/trunk/portlet/web/src/main/webapp/groovy/portal/webui/component/UIPortalNavigation.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/web/src/main/webapp/groovy/portal/webui/component/UIPortalNavigation.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -10,7 +10,7 @@ def rcontext = _ctx.getRequestContext(); JavascriptManager jsmanager = rcontext.getJavascriptManager(); - jsmanager.importJavascript('eXo.webui.UIHorizontalTabs'); + jsmanager.importJavascript('eXo.webui.UIHorizontalTabs'); jsmanager.importJavascript('eXo.portal.UIPortalNavigation'); jsmanager.addOnLoadJavascript('eXo.portal.UIPortalNavigation.onLoad'); jsmanager.addOnLoadJavascript('eXo.portal.UIPortalNavigation.loadScroll'); @@ -20,33 +20,15 @@ PortalURL nodeURL = nodeurl(); public void renderChildrenContainer(UserNode node, PortalURL nodeURL) { - print """ - <div class="MenuItemContainer" style="display: none;"> - <div class="MenuItemDecorator"> - <div class="LeftTopMenuDecorator"> - <div class="RightTopMenuDecorator"> - <div class="CenterTopMenuDecorator"><span></span></div> - </div> - </div> - <div class="LeftMiddleMenuDecorator"> - <div class="RightMiddleMenuDecorator"> - <div class="CenterMiddleMenuDecorator"> + print """ + <ul class="MenuItemContainer " style="display: none;"> """; for(child in node.getChildren()) { renderChildNode(child, nodeURL); } - print """ - </div> - </div> - </div> - <div class="LeftBottomMenuDecorator"> - <div class="RightBottomMenuDecorator"> - <div class="CenterBottomMenuDecorator"><span></span></div> - </div> - </div> - </div> - </div> - """; + print """ + </ul> + """; } public void renderChildNode(UserNode node, PortalURL nodeURL) { @@ -81,27 +63,18 @@ nodeURL.setAjax(uicomponent.isUseAjax()); actionLink = nodeURL.toString(); } - print """ - <div class="MenuItem $tabStyleNavigation" $getNodeURL> - <div class="$arrowIcon" title="$title"> - <div class="ItemIcon $icon"> - <a href="$actionLink">$label</a> - </div> - </div> + print """ + <li class="MenuItem $tabStyleNavigation $arrowIcon" title="$title" $getNodeURL> + <a class="ItemIcon $icon" href="$actionLink">$label</a> """; if (node.getChildren().size() > 0) { renderChildrenContainer(node, nodeURL); } - print "</div>"; + print "</li>"; } %> -<div class="UINavigationBar <%=uicomponent.getCssClassName()%>"> - <div class="LeftNavigationBar"> - <div class="RightNavigationBar"> - <div class="MiddleNavigationBar"> - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> +<ul class="UINavigationBar UIHorizontalTabs <%=uicomponent.getCssClassName()%>" > <% MimeResponse res = _ctx.getRequestContext().getResponse(); @@ -119,63 +92,46 @@ if (node.getChildrenCount() > 0) { javax.portlet.ResourceURL resourceURL = res.createResourceURL(); resourceURL.setResourceID(node.getURI()); - %> - <div class="UITab" exo:getNodeURL="<%=resourceURL.toString() %>"> + %> + <li class="UITab $tabStyleNavigation" exo:getNodeURL="<%=resourceURL.toString() %>"> <% } else { %> - <div class="UITab"> - <% } %> - <div class="$tabStyleNavigation"> - <div class="LeftTab"> - <div class="RightTab"> - <div class="MiddleTab"> - <div class="TabIcon"> - <% - String arrowIcon = ""; - if (node.getChildrenCount() > 0) { - arrowIcon = "DropDownArrowIcon"; - } - String iconType = node.getIcon(); - if(iconType == null) iconType = "DefaultPageIcon"; - %> - <div class="$arrowIcon"> - <% - String label = node.getEncodedResolvedLabel(); - if(label.length() > 30) label = label.substring(0,29) + "..."; - if(node.getPageRef() != null) { - nodeURL.setNode(node); - nodeURL.setAjax(uicomponent.isUseAjax()); - print """ - <a class="TabLabel ${iconType}" href="$nodeURL">$label</a> - """; - } else {%> - <a class="TabLabel ${iconType}" href="javascript:void(0)">$label</a> - <%}%> - </div> - </div> - </div> - </div> - </div> - </div> + <li class="UITab $tabStyleNavigation"> + <% } + String arrowIcon = ""; + if (node.getChildrenCount() > 0) { + arrowIcon = "DropDownArrowIcon"; + } + String iconType = node.getIcon(); + if(iconType == null) iconType = "DefaultPageIcon"; + %> + <span class="$arrowIcon"> + <% + String label = node.getEncodedResolvedLabel(); + if(label.length() > 30) label = label.substring(0,29) + "..."; + if(node.getPageRef() != null) { + nodeURL.setNode(node); + nodeURL.setAjax(uicomponent.isUseAjax()); + print """ + <a class="TabIcon ${iconType}" href="$nodeURL">$label</a> + """; + } else {%> + <a class="TabIcon ${iconType}" href="javascript:void(0)">$label</a> + <%}%> + </span> <% /*Render Popup Menu*/ if (node.getChildren().size() > 0) { renderChildrenContainer(node, nodeURL); } %> - </div> + </li> <% } } } %> - <div class="ScrollButtons"> - <div class="ScrollLeftButton" title="<%= _ctx.appRes("UIPortalNavigation.Label.Previous") %>"> - <div class="ScrollRightButton" title="<%= _ctx.appRes("UIPortalNavigation.Label.Next") %>"><span></span></div> - </div> - </div> - </div> - </div> - </div> - </div> - </div> -</div> \ No newline at end of file + <li class="ScrollButtons"> + <a title="<%= _ctx.appRes("UIPortalNavigation.Label.Previous") %>" class="ScrollLeftButton"></a> + <a title="<%= _ctx.appRes("UIPortalNavigation.Label.Next") %>" class="ScrollRightButton"></a> + </li> +</ul> Modified: portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultSkin/background/NavDownArrow.gif =================================================================== (Binary files differ) Copied: portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultSkin/background/NavDownArrowHover.gif (from rev 7349, portal/branches/dom/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultSkin/background/NavDownArrowHover.gif) =================================================================== (Binary files differ) Modified: portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultStylesheet.css =================================================================== --- portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultStylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/portlet/web/src/main/webapp/skin/portal/webui/component/UINavigationPortlet/DefaultStylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -24,6 +24,12 @@ * version: $Id$ */ +.UINavigationPortlet ul { + list-style:none; + padding:0px; + margin:0px; +} + .UINavigationPortlet { background: #b6b6b6; padding: 0px 8px; @@ -31,209 +37,132 @@ .UINavigationPortlet .UINavigationBar { white-space: nowrap; -} - -.UINavigationPortlet .UINavigationBar .UIHorizontalTabs { - height: 33px; -} - -.UINavigationPortlet .UINavigationBar .UIHorizontalTabs .TabsContainer { - float: none; + background-color:#0e4aaa; + padding: 0 10px; + height: 33px; !position: relative; + -moz-border-radius-topleft: 5px; /* Firefox up to version 3.6 */ + -moz-border-radius-topright: 5px; + -webkit-border-top-left-radius: 5px; /* Safari, Chrome (before WebKit version 533) */ + -webkit-border-top-right-radius: 5px; + border-top-left-radius: 5px; /*Firefox 4; browsers with CSS3 support */ + border-top-right-radius: 5px; } -.UINavigationPortlet .UINavigationBar .LeftNavigationBar { - background: url('DefaultSkin/background/LeftNavigation.gif') no-repeat left top; - padding-left: 3px; - height: 32px; +.UINavigationPortlet .UINavigationBar .UITab { + float:left;/* orientation=lt */ + float:right;/* orientation=rt */ + margin: 6px 10px 0 0; + font-weight:bold; + text-align:center; } - -.UINavigationPortlet .UINavigationBar .RightNavigationBar { - background: url('DefaultSkin/background/RightNavigation.gif') no-repeat right top; - padding-right: 3px; - height: 32px; -} - -.UINavigationPortlet .UINavigationBar .MiddleNavigationBar { - height: 32px; - background: url('DefaultSkin/background/MiddleNavigation.gif') repeat-x; - padding: 0px 8px 0px 8px; -} - -.UINavigationPortlet .UITab a.TabLabel { - display: block; - padding: 0px 0px 0px 20px; /* orientation=lt */ - padding: 0px 20px 0px 0px; /* orientation=rt */ - background-position: left; /* orientation=lt */ - background-position: right; /* orientation=rt */ -} - -.UINavigationPortlet .UITab a.DefaultPageIcon { - background: none; - padding: 0px; -} - -/*###########################--NavigationTabTab--############################*/ - -.UINavigationPortlet .UITab .NormalNavigationTab { - line-height: 26px; - margin: 6px 8px 0px 0px; -} - -.UINavigationPortlet .UITab .NormalNavigationTab .LeftTab { +.UINavigationPortlet .UITab > span { + padding: 0 6px; + color: #f57a00; line-height: 21px; - padding-left: 3px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + display:block; + zoom:1; } -.UINavigationPortlet .UITab .NormalNavigationTab .RightTab { - line-height: 21px; - padding-right: 3px; +.UINavigationPortlet .UITab .DropDownArrowIcon { + padding: 0 19px 0 6px;/* orientation=lt */ + padding: 0 6px 0 19px;/* orientation=rt */ } -.UINavigationPortlet .UITab .NormalNavigationTab .MiddleTab { - line-height: 21px; - text-align: center; - padding: 0px 4px 0px 4px; +.UINavigationPortlet .UITab a.TabIcon { + display:block; + padding:0 0 0 21px;/* orientation=lt */ + padding:0 21px 0 0px;/* orientation=rt */ + background-position: right;/* orientation=rt */ } -.UINavigationPortlet .UITab .NormalNavigationTab .TabIcon { - color: #fff; - line-height: 21px; +.UINavigationPortlet .UITab > span a.DefaultPageIcon { + background:none; + padding:0; } -.UINavigationPortlet .UITab .NormalNavigationTab a { - color: #fff; -} -.UINavigationPortlet .UITab .NormalNavigationTab .DropDownArrowIcon { - padding-right: 16px; /* orientation=lt */ - padding-left: 16px; /* orientation=rt */ - background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right; /* orientation=lt */ - background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left; /* orientation=rt */ - cursor: pointer; - border-right: 1px solid #0a4da6; -} +/*###############-Selected Navigation Tab-################*/ -/*###############-Hightlight Navigation Tab -################*/ - -.UINavigationPortlet .UITab .HighlightNavigationTab { +.UINavigationPortlet .UINavigationBar .SelectedNavigationTab { line-height: 26px; - margin: 6px 8px 0px 0px; + background: url('DefaultSkin/background/NavigationTab.gif') no-repeat center -82px; + padding-bottom: 5px; } -.UINavigationPortlet .UITab .HighlightNavigationTab .LeftTab { - line-height: 26px; - padding-left: 3px; - background: url('DefaultSkin/background/NavigationTab.gif') no-repeat left -108px; +.UINavigationPortlet .SelectedNavigationTab > span { + background-color:#fff; } -.UINavigationPortlet .UITab .HighlightNavigationTab .RightTab { - line-height: 26px; - padding-right: 3px; - background: url('DefaultSkin/background/NavigationTab.gif') no-repeat right -130px; +.UINavigationPortlet .SelectedNavigationTab a { + color: #f57a00; } -.UINavigationPortlet .UITab .HighlightNavigationTab .MiddleTab { - height: 21px; - text-align: center; - padding: 0px 4px 0px 4px; - background: #6d94c8; - margin-bottom: 4px; +.UINavigationPortlet .SelectedNavigationTab .DropDownArrowIcon { + background:#fff url('DefaultSkin/background/NavDownArrowHover.gif') no-repeat right center; /* orientation=lt */ + background:#fff url('DefaultSkin/background/NavDownArrowHover.gif') no-repeat left center; /* orientation=rt */ } -.UINavigationPortlet .UITab .HighlightNavigationTab .TabIcon { - color: #fff; - line-height: 21px; -} +/*###########################-NormalNavigationTab--############################*/ -.UINavigationPortlet .UITab .HighlightNavigationTab a { - color: #fff; -} -.UINavigationPortlet .UITab .HighlightNavigationTab .DropDownArrowIcon { - padding-right: 16px; /* orientation=lt */ - padding-left: 16px; /* orientation=rt */ +.UINavigationPortlet .NormalNavigationTab .DropDownArrowIcon { background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right; /* orientation=lt */ background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left; /* orientation=rt */ - cursor: default; - border-right: 1px solid #6d94c8; + cursor: pointer; } -/*###############-Selected Navigation Tab-################*/ +/*###########################-Hightlight-NavigationTabTab--############################*/ -.UINavigationPortlet .UITab .SelectedNavigationTab { - line-height: 26px; - margin: 6px 8px 0px 0px; +.UINavigationPortlet .HighlightNavigationTab .TabIcon ,.UINavigationPortlet .NormalNavigationTab .TabIcon{ + color: #fff; } - -.UINavigationPortlet .UITab .SelectedNavigationTab .LeftTab { - line-height: 21px; - background: #0a4da6 url('DefaultSkin/background/NavigationTab.gif') no-repeat left -28px; - padding-left: 3px; +.UINavigationPortlet .HighlightNavigationTab > span { + background-color:#6D94C8; + margin-bottom: 5px; } -.UINavigationPortlet .UITab .SelectedNavigationTab .RightTab { - line-height: 21px; - background: #0a4da6 url('DefaultSkin/background/NavigationTab.gif') no-repeat right -55px; - padding-right: 3px; -} -.UINavigationPortlet .UITab .SelectedNavigationTab .MiddleTab { - line-height: 21px; - background: #0a4da6 url('DefaultSkin/background/NavigationTab.gif') repeat-x; - text-align: center; - padding: 0px 4px 0px 4px; +.UINavigationPortlet .HighlightNavigationTab .DropDownArrowIcon { + background:#6D94C8 url('DefaultSkin/background/NavDownArrow.gif') no-repeat right center; /* orientation=lt */ + background:#6D94C8 url('DefaultSkin/background/NavDownArrow.gif') no-repeat left center; /* orientation=rt */ } -.UINavigationPortlet .UITab .SelectedNavigationTab .TabIcon { - color: #f57a00; - line-height: 21px; - padding-bottom: 5px; - background: url('DefaultSkin/background/NavigationTab.gif') no-repeat center -82px;; -} +/*============ Submenu =====================*/ -.UINavigationPortlet .UITab .SelectedNavigationTab a { - color: #f57a00; -} - -.UINavigationPortlet .UITab .SelectedNavigationTab .DropDownArrowIcon { - padding-right: 16px; /* orientation=lt */ - padding-left: 16px; /* orientation=rt */ - background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right center; /* orientation=lt */ - background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left center; /* orientation=rt */ - cursor: pointer; - border-right: 1px solid white; -} - .UINavigationPortlet .MenuItemContainer { white-space: nowrap; border: solid #b7b7b7 1px; /*fix for IE*/ text-align: left; /* orientation=lt */ text-align: right; /* orientation=rt */ - z-index: 1; -} - -.UINavigationPortlet .MenuItemContainer .MenuItemDecorator { - border: 1px solid #fcfcfc; - background: white; - padding-bottom: 6px; + z-index: 1; + background: #FFF; + padding: 1px 1px 6px 1px; opacity: 0.9; - filter: alpha(opacity=90); } .UINavigationPortlet .MenuItemContainer .MenuItem { border-bottom: 1px solid #fff; cursor: pointer; line-height: 24px; - height: 24px; width: auto; + height: 24px; + width: auto; display: block; white-space: nowrap; font-weight: normal; - padding-left: 5px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ + padding:0 5px; } +.UINavigationPortlet .MenuItemContainer .ArrowIcon{ + background: url('DefaultSkin/background/Button.gif') no-repeat right -46px; /* orientation=lt */ + background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -46px; /* orientation=rt */ +} + + .UINavigationPortlet .MenuItemContainer .MenuItem a { padding: 0px 20px 0px 25px; /* orientation=lt */ padding: 0px 25px 0px 20px; /* orientation=rt */ @@ -247,11 +176,11 @@ .UINavigationPortlet .MenuItemContainer .SelectedItem { line-height: 24px; width: auto; - background: #c7c7c7; + background-color: #c7c7c7; color: #3e8df0; } -.UINavigationPortlet .MenuItemContainer .SelectedItem a { +.UINavigationPortlet .MenuItemContainer .SelectedItem a { color: #3e8df0; } @@ -268,127 +197,74 @@ } .UINavigationPortlet .MenuItemContainer .ItemIcon { - height: 24px; width: auto; -} - -.UINavigationPortlet .MenuItemContainer .MenuItem .ArrowIcon { height: 24px; width: auto; - background: url('DefaultSkin/background/Button.gif') no-repeat right -48px; /* orientation=lt */ - background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -48px; /* orientation=rt */ -} + background-position: right;/* orientation=rt */ +} /*============ Scroll Buttons =====================*/ -.UINavigationPortlet .ScrollButtons { +.UINavigationPortlet .ScrollButtons { + margin: 10px 0 0 0; + display: none; + cursor:pointer; float: right; /* orientation=lt */ float: left; /* orientation=rt */ - padding-top: 10px; - display: none; + height: 15px; + width: 20px; } +.UINavigationPortlet .ScrollButtons a { + display:block; + cursor:pointer; + width: 10px; + height: 15px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ +} + .UINavigationPortlet .ScrollLeftButton { - cursor: pointer; background: url('DefaultSkin/background/Button.gif') no-repeat left -15px; /* orientation=lt */ background: url('DefaultSkin/background/Button-rt.gif') no-repeat right -15px; /* orientation=rt */ - width: 10px; - height: 15px; - padding-left: 12px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ - margin: 0px 5px; + } .UINavigationPortlet .ScrollRightButton { - cursor: pointer; background: url('DefaultSkin/background/Button.gif') no-repeat right -15px; /* orientation=lt */ background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -15px; /* orientation=rt */ - width: 10px; - height: 15px; } .UINavigationPortlet .DisableScrollLeftButton { - cursor: pointer; background: url('DefaultSkin/background/Button.gif') no-repeat left -30px; /* orientation=lt */ background: url('DefaultSkin/background/Button-rt.gif') no-repeat right -30px; /* orientation=rt */ - width: 10px; - height: 15px; - padding-left: 12px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ - margin: 0px 5px; } .UINavigationPortlet .DisableScrollRightButton { - cursor: pointer; background: url('DefaultSkin/background/Button.gif') no-repeat right -30px; /* orientation=lt */ background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -30px; /* orientation=rt */ - width: 10px; - height: 15px; } -.UINavigationPortlet .HighlightScrollLeftButton { - cursor: pointer; +.UINavigationPortlet .HighlightScrollLeftButton ,.UINavigationPortlet .ScrollLeftButton:hover{ background: url('DefaultSkin/background/Button.gif') no-repeat left top; /* orientation=lt */ background: url('DefaultSkin/background/Button-rt.gif') no-repeat right top; /* orientation=rt */ - width: 10px; - height: 15px; - padding-left: 12px; /* orientation=lt */ - padding-right: 12px; /* orientation=rt */ - margin: 0px 5px; } -.UINavigationPortlet .HighlightScrollRightButton { - cursor: pointer; +.UINavigationPortlet .HighlightScrollRightButton,.UINavigationPortlet .ScrollRightButton:hover { background: url('DefaultSkin/background/Button.gif') no-repeat right top; /* orientation=lt */ background: url('DefaultSkin/background/Button-rt.gif') no-repeat left top; /* orientation=rt */ - width: 10px; - height: 15px; } /***********GroupNavigation*************/ -.UINavigationPortlet .GroupNavigation .LeftNavigationBar { - background: url('DefaultSkin/background/NavGroup.gif') no-repeat left top; -} -.UINavigationPortlet .GroupNavigation .RightNavigationBar { - background: url('DefaultSkin/background/NavGroup.gif') no-repeat right top; +.UINavigationPortlet .GroupNavigation { + background-color:#ffa200; } -.UINavigationPortlet .GroupNavigation .MiddleNavigationBar { - background: url('DefaultSkin/background/NavGroup.gif') repeat-x center bottom; +.UINavigationPortlet .GroupNavigation .HighlightNavigationTab > span { +<<<<<<< HEAD + background-color:#ffcf01; +} +======= + background-color:#ffcf01; } - -.UINavigationPortlet .GroupNavigation .UITab .NormalNavigationTab .MiddleTab .DropDownArrowIcon { - border-right: 1px solid #ffa200; -} - -.UINavigationPortlet .GroupNavigation .UITab .HighlightNavigationTab .LeftTab { - background: url('DefaultSkin/background/NavigationTab.gif') no-repeat left -152px; -} - -.UINavigationPortlet .GroupNavigation .UITab .HighlightNavigationTab .RightTab { - background: url('DefaultSkin/background/NavigationTab.gif') no-repeat right -174px; -} - -.UINavigationPortlet .GroupNavigation .UITab .HighlightNavigationTab .MiddleTab { - background: #ffcf01; -} - -.UINavigationPortlet .GroupNavigation .UITab .HighlightNavigationTab .MiddleTab .DropDownArrowIcon { - border-right: 1px solid #ffcf01; -} - -.UINavigationPortlet .GroupNavigation .UITab .SelectedNavigationTab .LeftTab { - background: #ffa200 url('DefaultSkin/background/NavigationTab.gif') no-repeat left -28px; -} - -.UINavigationPortlet .GroupNavigation .UITab .SelectedNavigationTab .RightTab { - background: #ffa200 url('DefaultSkin/background/NavigationTab.gif') no-repeat right -55px; -} - -.UINavigationPortlet .GroupNavigation .UITab .SelectedNavigationTab .MiddleTab { - background: #ffa200 url('DefaultSkin/background/NavigationTab.gif') repeat-x; -} - -.UINavigationPortlet .GroupNavigation .UITab .SelectedNavigationTab .MiddleTab .DropDownArrowIcon { - border-right: 1px solid white; -} \ No newline at end of file +>>>>>>> 4765c2a... EXOGTN-427 [DOM] Admin Toolbar optimization Modified: portal/trunk/testsuite/webuibasedsamples/src/main/webapp/groovy/webui/component/UISampleDownloadUpload.gtmpl =================================================================== --- portal/trunk/testsuite/webuibasedsamples/src/main/webapp/groovy/webui/component/UISampleDownloadUpload.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/testsuite/webuibasedsamples/src/main/webapp/groovy/webui/component/UISampleDownloadUpload.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -48,23 +48,8 @@ <tr> <td> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - - <div onclick="<%=uicomponent.event("Submit")%>" class="ActionButton LightBlueStyle" onmouseover="this.style.color = '#058ee6'" onmouseout="this.style.color='black'"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);">Save</a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> - </div> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Submit")%>" class="ActionButton LightBlueStyle">Save</a> + </div> </td> </tr> </table> Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/gadget/UIGadget.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/gadget/UIGadget.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/gadget/UIGadget.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -99,7 +99,7 @@ } else { var gadgetControl = eXo.core.DOMUtil.findFirstDescendantByClass(uiGadget, "div", "GadgetControl"); gadgetControl.style.display = "block"; - var gadgetTitle = eXo.core.DOMUtil.findFirstDescendantByClass(gadgetControl, "div", "GadgetTitle") ; + var gadgetTitle = eXo.core.DOMUtil.findFirstDescendantByClass(gadgetControl, "span", "GadgetTitle") ; gadgetTitle.style.display = "block"; if (metadata && metadata.modulePrefs.title != null && metadata.modulePrefs.title.length > 0) gadgetTitle.innerHTML = metadata.modulePrefs.title; } Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIAdminToolbar.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIAdminToolbar.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIAdminToolbar.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -19,8 +19,8 @@ function UIAdminToolbar() {} ; UIAdminToolbar.prototype.onLoad = function(baseId) { - var uiNavPortlet = document.getElementById(baseId) ; - var mainContainer = eXo.core.DOMUtil.findFirstDescendantByClass(uiNavPortlet, "div", "TabsContainer"); + var uiNavPortlet = document.getElementById(baseId).parentNode ; + var mainContainer = eXo.core.DOMUtil.findFirstDescendantByClass(uiNavPortlet, "ul", "UIHorizontalTabs"); if(mainContainer) eXo.portal.UIPortalNavigation.init(uiNavPortlet, mainContainer, 0, 0); } ; Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortal.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortal.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortal.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -645,19 +645,13 @@ UIPortal.prototype.toggleComposer = function(clickedEle) { var portalComposer = eXo.core.DOMUtil.findAncestorByClass(clickedEle, "UIPortalComposer"); - var middleBlock = eXo.core.DOMUtil.findFirstChildByClass(portalComposer, "div", "MLPortalComposer"); - var bottomBlock = eXo.core.DOMUtil.findFirstChildByClass(portalComposer, "div", "BLPortalComposer"); - var fakeBottom = eXo.core.DOMUtil.findFirstChildByClass(portalComposer, "div", "Bottom"); - if(middleBlock && middleBlock.style.display != "none") { - middleBlock.style.display = "none"; - bottomBlock.style.display = "none"; - fakeBottom.style.display = "block"; - eXo.core.DOMUtil.replaceClass(clickedEle, "ExpandIcon", "CollapseIcon"); + var content = eXo.core.DOMUtil.findFirstChildByClass(portalComposer, "div", "UIWindowContent"); + if(content && content.style.display != "none") { + content.style.display = "none"; + eXo.core.DOMUtil.replaceClass(clickedEle, "ExpandIcon", "CollapseIcon"); } else { - middleBlock.style.display = "block"; - bottomBlock.style.display = "block"; - fakeBottom.style.display = "none"; - eXo.core.DOMUtil.replaceClass(clickedEle, "CollapseIcon", "ExpandIcon"); + content.style.display = "block"; + eXo.core.DOMUtil.replaceClass(clickedEle, "CollapseIcon", "ExpandIcon"); } var requestStr = eXo.env.server.createPortalURL(portalComposer.id, "Toggle", true); ajaxAsyncGetRequest(requestStr); Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalControl.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalControl.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalControl.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -183,7 +183,7 @@ ScrollManager.prototype.loadElements = function(elementClass, clean) { if (clean) this.cleanElements(); this.elements.clear(); - this.elements.pushAll(eXo.core.DOMUtil.findDescendantsByClass(this.mainContainer, "div", elementClass)); + this.elements.pushAll(eXo.core.DOMUtil.findDescendantsByClass(this.mainContainer, "li", elementClass)); }; /** * Calculates the available space for the elements, and inits the elements array like this : Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalNavigation.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalNavigation.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/portal/UIPortalNavigation.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -50,7 +50,7 @@ var uiWorkingWorkspace = document.getElementById("UIWorkingWorkspace"); var uiNavPortlets = eXo.core.DOMUtil.findDescendantsByClass(uiWorkingWorkspace, "div", "UINavigationPortlet"); if (uiNavPortlets.length) { - var mainContainer = eXo.core.DOMUtil.findFirstDescendantByClass(uiNavPortlets[0], "div", "TabsContainer"); + var mainContainer = eXo.core.DOMUtil.findFirstDescendantByClass(uiNavPortlets[0], "ul", "UIHorizontalTabs"); eXo.portal.UIPortalNavigation.init(uiNavPortlets[0], mainContainer, 0, 0); for (var i = 1; i < uiNavPortlets.length; ++i) { uiNavPortlets[i].style.display = "none"; @@ -71,10 +71,10 @@ */ UIPortalNavigation.prototype.buildMenu = function(popupMenu) { var DOMUtil = eXo.core.DOMUtil; - var topContainer = DOMUtil.findFirstDescendantByClass(popupMenu, "div", "TabsContainer"); + var topContainer = DOMUtil.findFirstDescendantByClass(popupMenu, "ul", "UIHorizontalTabs"); topContainer.id = "PortalNavigationTopContainer"; // Top menu items - var topItems = DOMUtil.findDescendantsByClass(topContainer, "div", "UITab"); + var topItems = DOMUtil.findDescendantsByClass(topContainer, "li", "UITab"); for (var i = 0; i < topItems.length; i++) { var item = topItems[i]; item.onmouseover = eXo.portal.UIPortalNavigation.setTabStyleOnMouseOver ; @@ -88,7 +88,7 @@ /** * TODO: fix IE7; */ - var container = DOMUtil.findFirstDescendantByClass(item, "div", this.containerStyleClass); + var container = DOMUtil.findFirstDescendantByClass(item, "ul", this.containerStyleClass); if (container) { if (eXo.core.Browser.isIE6()) { container.style.width = item.offsetWidth + "px"; @@ -97,20 +97,19 @@ } } - var itemConts = DOMUtil.findDescendantsByClass(topContainer, "div", this.containerStyleClass); + var itemConts = DOMUtil.findDescendantsByClass(topContainer, "ul", this.containerStyleClass); for (var i = 0; i < itemConts.length; i++) { var cont = itemConts[i]; if(!cont.id) cont.id = DOMUtil.generateId("PortalNavigationContainer"); cont.resized = false; - var items = DOMUtil.findDescendantsByClass(cont, "div", this.tabStyleClass); + var items = DOMUtil.findDescendantsByClass(cont, "li", this.tabStyleClass); if(items.length == 0) cont.parentNode.removeChild(cont); for(var j = 0; j < items.length; j ++) { items[j].onmouseover = eXo.portal.UIPortalNavigation.onMenuItemOver; items[j].onmouseout = eXo.portal.UIPortalNavigation.onMenuItemOut; } } - }; /** * Sets the tab style on mouse over and mouse out @@ -132,31 +131,25 @@ //} UIPortalNavigation.prototype.generateContainer = function(data) { - var htmlFrags = "<div class='" + this.containerStyleClass + "' style='display: none;' id='"; + var htmlFrags = "<ul class='" + this.containerStyleClass + "' style='display: none;' id='"; htmlFrags += eXo.core.DOMUtil.generateId("PortalNavigationContainer") + "' resized='false'>"; - htmlFrags += "<div class='MenuItemDecorator'>"; - htmlFrags += "<div class='LeftTopMenuDecorator'><div class='RightTopMenuDecorator'>"; - htmlFrags += "<div class='CenterTopMenuDecorator'><span></span></div></div></div>"; - htmlFrags += "<div class='LeftMiddleMenuDecorator'><div class='RightMiddleMenuDecorator'>"; - htmlFrags += "<div class='CenterMiddleMenuDecorator'>"; + for (var i = 0; i < data.length; i++) { var node = data[i]; var actionLink = node.actionLink ? node.actionLink : "javascript:void(0);"; - htmlFrags += ("<div class='MenuItem " + (node.isSelected ? "SelectedItem'" : "NormalItem'")); + htmlFrags += ("<li class='MenuItem " + (node.hasChild ? "ArrowIcon " : "") + (node.isSelected ? "SelectedItem'" : "NormalItem'")); htmlFrags += (node.hasChild ? (" exo:getNodeURL='" + node.getNodeURL + "' ") : "" ); - htmlFrags += ("onmouseover='eXo.portal.UIPortalNavigation.onMenuItemOver(this)' onmouseout='eXo.portal.UIPortalNavigation.onMenuItemOut(this)'>"); - htmlFrags += ("<div class='" + (node.hasChild ? "ArrowIcon" : "") + "' title='" + node.label + "'>"); - htmlFrags += ("<div class='ItemIcon " + (node.icon ? node.icon : "DefaultPageIcon") + "'>"); - htmlFrags += ("<a href='" + actionLink + "'>" + (node.label.length > 40 ? node.label.substring(0,37) + "..." : node.label) + "</a>"); - htmlFrags += ("</div></div>"); + htmlFrags += ("onmouseover='eXo.portal.UIPortalNavigation.onMenuItemOver(this)' onmouseout='eXo.portal.UIPortalNavigation.onMenuItemOut(this)'"); + htmlFrags += ("' title='" + node.label + "'>"); + htmlFrags += ("<a class='ItemIcon " + (node.icon ? node.icon : "DefaultPageIcon") + "'" + + "href='" + actionLink + "'>" + (node.label.length > 40 ? node.label.substring(0,37) + "..." : node.label) + "</a>"); if (node.childs.length) { htmlFrags += eXo.portal.UIPortalNavigation.generateContainer(node.childs); } - htmlFrags += "</div>"; + htmlFrags += "</li>"; } - htmlFrags += "</div></div></div><div class='LeftBottomMenuDecorator'><div class='RightBottomMenuDecorator'>"; - htmlFrags += "<div class='CenterBottomMenuDecorator'><span></span></div></div></div></div></div>"; + htmlFrags += "</ul>"; return htmlFrags; }; @@ -169,7 +162,7 @@ eXo.portal.UIPortalNavigation.previousMenuItem = tab ; var getNodeURL = tab.getAttribute("exo:getNodeURL"); - var menuItemContainer = eXo.core.DOMUtil.findFirstDescendantByClass(tab, "div", eXo.portal.UIPortalNavigation.containerStyleClass); + var menuItemContainer = eXo.core.DOMUtil.findFirstDescendantByClass(tab, "ul", eXo.portal.UIPortalNavigation.containerStyleClass); if (getNodeURL && !menuItemContainer) { var jsChilds = ajaxAsyncGetRequest(getNodeURL,false) try { @@ -181,12 +174,12 @@ } var temp = document.createElement("div"); temp.innerHTML = eXo.portal.UIPortalNavigation.generateContainer(data); - tab.appendChild(eXo.core.DOMUtil.findFirstChildByClass(temp, "div", eXo.portal.UIPortalNavigation.containerStyleClass)); + tab.appendChild(eXo.core.DOMUtil.findFirstChildByClass(temp, "ul", eXo.portal.UIPortalNavigation.containerStyleClass)); } if (!eXo.portal.UIPortalNavigation.menuVisible) { var hideSubmenu = tab.getAttribute('hideSubmenu') ; - menuItemContainer = eXo.core.DOMUtil.findFirstDescendantByClass(tab, "div", eXo.portal.UIPortalNavigation.containerStyleClass); + menuItemContainer = eXo.core.DOMUtil.findFirstDescendantByClass(tab, "ul", eXo.portal.UIPortalNavigation.containerStyleClass); if (menuItemContainer && !hideSubmenu) { var DOMUtil = eXo.core.DOMUtil ; if(eXo.core.Browser.browserType == "ie") { @@ -197,7 +190,7 @@ for(var i = 0; i < uicomponents.length; i ++) { var navPortlet = DOMUtil.findFirstDescendantByClass(uicomponents[i], "div", "UINavigationPortlet") ; if(navPortlet && (navAncestor != navPortlet)) { - var tabsContainer = DOMUtil.findFirstDescendantByClass(navPortlet, "div", "TabsContainer"); + var tabsContainer = DOMUtil.findFirstDescendantByClass(navPortlet, "ul", "UIHorizontalTabs"); tabsContainer.style.position = "static" ; } } @@ -213,15 +206,11 @@ UIPortalNavigation.prototype.setTabStyleOnMouseOut = function(e, src) { var tab = src || this; - var tabChildren = eXo.core.DOMUtil.getChildrenByTagName(tab, "div") ; - if (tabChildren.length <= 0) { - return ; - } - if (tabChildren[0].className != "HighlightNavigationTab") { + if (!eXo.core.DOMUtil.hasClass(tab, "HighlightNavigationTab")) { // highlights the tab eXo.webui.UIHorizontalTabs.changeTabNavigationStyle(tab, true); } else { - if(tabChildren.length <= 1 || tabChildren[1].id != eXo.portal.UIPortalNavigation.currentOpenedMenu) { + if(tab.id != eXo.portal.UIPortalNavigation.currentOpenedMenu) { // de-highlights the tab if it doesn't have a submenu (cond 1) or its submenu isn't visible (cond 2) eXo.webui.UIHorizontalTabs.changeTabNavigationStyle(tab, false); } @@ -357,7 +346,7 @@ for(var i = 0; i < uicomponents.length; i ++) { var navPortlet = DOMUtil.findFirstDescendantByClass(uicomponents[i], "div", "UINavigationPortlet") ; if(navPortlet) { - var tabsContainer = DOMUtil.findFirstDescendantByClass(navPortlet, "div", "TabsContainer"); + var tabsContainer = DOMUtil.findFirstDescendantByClass(navPortlet, "ul", "UIHorizontalTabs"); tabsContainer.style.position = "relative" ; } } @@ -373,7 +362,7 @@ var DOMUtil = eXo.core.DOMUtil; var getNodeURL = menuItem.getAttribute("exo:getNodeURL"); - var subContainer = DOMUtil.findFirstDescendantByClass(menuItem, "div", eXo.portal.UIPortalNavigation.containerStyleClass); + var subContainer = DOMUtil.findFirstDescendantByClass(menuItem, "ul", eXo.portal.UIPortalNavigation.containerStyleClass); if (getNodeURL && !subContainer) { var jsChilds = ajaxAsyncGetRequest(getNodeURL,false) try { @@ -381,17 +370,16 @@ } catch (e) { } if (!data || !data.length) { - var arrow = DOMUtil.findFirstChildByClass(menuItem, "div", "ArrowIcon"); - DOMUtil.removeClass(arrow, "ArrowIcon"); + DOMUtil.removeClass(menuItem, "ArrowIcon"); menuItem.removeAttribute("exo:getNodeURL"); return; } var temp = document.createElement("div"); temp.innerHTML = eXo.portal.UIPortalNavigation.generateContainer(data); - menuItem.appendChild(eXo.core.DOMUtil.findFirstChildByClass(temp, "div", eXo.portal.UIPortalNavigation.containerStyleClass)); + menuItem.appendChild(eXo.core.DOMUtil.findFirstChildByClass(temp, "ul", eXo.portal.UIPortalNavigation.containerStyleClass)); } - subContainer = DOMUtil.findFirstDescendantByClass(menuItem, "div", eXo.portal.UIPortalNavigation.containerStyleClass); + subContainer = DOMUtil.findFirstDescendantByClass(menuItem, "ul", eXo.portal.UIPortalNavigation.containerStyleClass); if (subContainer) { eXo.portal.UIPortalNavigation.superClass.pushVisibleContainer(subContainer.id); eXo.portal.UIPortalNavigation.showMenuItemContainer(menuItem, subContainer) ; @@ -422,7 +410,7 @@ UIPortalNavigation.prototype.onMenuItemOut = function(menuItem) { if (!menuItem || !menuItem.nodeName) menuItem = this; - var subContainer = eXo.core.DOMUtil.findFirstDescendantByClass(menuItem, "div", eXo.portal.UIPortalNavigation.containerStyleClass); + var subContainer = eXo.core.DOMUtil.findFirstDescendantByClass(menuItem, "ul", eXo.portal.UIPortalNavigation.containerStyleClass); if (subContainer) { eXo.portal.UIPortalNavigation.superClass.pushHiddenContainer(subContainer.id); eXo.portal.UIPortalNavigation.superClass.popVisibleContainer(); @@ -446,12 +434,11 @@ uiNav.scrollMgr = eXo.portal.UIPortalControl.newScrollManager("PortalNavigationTopContainer"); uiNav.scrollMgr.initFunction = uiNav.initScroll; // Adds the tab elements to the manager - var tabs = eXo.core.DOMUtil.findAncestorByClass(portalNav, "UIHorizontalTabs"); - uiNav.scrollMgr.mainContainer = tabs; - uiNav.scrollMgr.arrowsContainer = eXo.core.DOMUtil.findFirstDescendantByClass(tabs, "div", "ScrollButtons"); + uiNav.scrollMgr.mainContainer = portalNav; + uiNav.scrollMgr.arrowsContainer = eXo.core.DOMUtil.findFirstDescendantByClass(portalNav, "li", "ScrollButtons"); uiNav.scrollMgr.loadElements("UITab"); // Configures the arrow buttons - var arrowButtons = eXo.core.DOMUtil.findDescendantsByTagName(uiNav.scrollMgr.arrowsContainer, "div"); + var arrowButtons = eXo.core.DOMUtil.findDescendantsByTagName(uiNav.scrollMgr.arrowsContainer, "a"); if (arrowButtons.length == 2) { uiNav.scrollMgr.initArrowButton(arrowButtons[0], "left", "ScrollLeftButton", "HighlightScrollLeftButton", "DisableScrollLeftButton"); uiNav.scrollMgr.initArrowButton(arrowButtons[1], "right", "ScrollRightButton", "HighlightScrollRightButton", "DisableScrollRightButton"); Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIDashboard.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIDashboard.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIDashboard.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -279,7 +279,7 @@ if(eXo.core.Browser.isIE6()) gadgetContainer.style.width = "99.5%"; var selectPopup = DOMUtil.findPreviousElementByTagName(uiContainer, "div"); - var closeButton = DOMUtil.findFirstDescendantByClass(selectPopup, "div", "CloseButton"); + var closeButton = DOMUtil.findFirstDescendantByClass(selectPopup, "a", "CloseButton"); closeButton.onclick = eXo.webui.UIDashboard.showHideSelectContainer; var colsContainer = DOMUtil.findFirstChildByClass(gadgetContainer, "div", "UIColumns"); @@ -310,7 +310,7 @@ if (iframe) { iframe.style.width = "99.9%" ; } - var minimizeButton = DOMUtil.findFirstDescendantByClass(gadgetControls[j], "div", "MinimizeAction") ; + var minimizeButton = DOMUtil.findFirstDescendantByClass(gadgetControls[j], "span", "MinimizeAction") ; if(canEdit) { eXo.webui.UIDashboard.init(gadgetControls[j], uiGadget); Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIHorizontalTabs.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIHorizontalTabs.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIHorizontalTabs.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -38,12 +38,11 @@ if (clickedEle == null) return; if (!eXo.core.DOMUtil.hasClass(clickedEle, "UITab")) clickedEle = eXo.core.DOMUtil.findAncestorByClass(clickedEle, "UITab") ; - var tabStyle = eXo.core.DOMUtil.getChildrenByTagName(clickedEle, "div")[0] ; if(over) { - this.backupNavigationTabStyle = tabStyle.className ; - tabStyle.className = "HighlightNavigationTab" ; + this.backupNavigationTabStyle = clickedEle.className ; + clickedEle.className = "UITab HighlightNavigationTab" ; } else if (this.backupNavigationTabStyle){ - tabStyle.className = this.backupNavigationTabStyle ; + clickedEle.className = this.backupNavigationTabStyle ; } } /** Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIPopupWindow.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIPopupWindow.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UIPopupWindow.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -44,7 +44,7 @@ if(contentBlock && (eXo.core.Browser.getBrowserHeight() - 100 < contentBlock.offsetHeight)) { contentBlock.style.height = (eXo.core.Browser.getBrowserHeight() - 100) + "px"; } - var popupBar = DOMUtil.findFirstDescendantByClass(popup, 'div' ,'PopupTitle') ; + var popupBar = DOMUtil.findFirstDescendantByClass(popup, 'span' ,'PopupTitle') ; popupBar.onmousedown = this.initDND ; @@ -54,7 +54,7 @@ } if(isResizable) { - var resizeBtn = DOMUtil.findFirstDescendantByClass(popup, "div", "ResizeButton"); + var resizeBtn = DOMUtil.findFirstDescendantByClass(popup, "span", "ResizeButton"); resizeBtn.style.display = 'block' ; resizeBtn.onmousedown = this.startResizeEvt ; } @@ -256,7 +256,7 @@ if(!dragObject.uiWindowContent) return; if(eXo.core.Browser.browserType == "mozilla") { dragObject.uiWindowContent.style.overflow = "hidden" ; - var elements = eXo.core.DOMUtil.findDescendantsByClass(dragObject.uiWindowContent, "div" ,"PopupMessageBox") ; + var elements = eXo.core.DOMUtil.findDescendantsByClass(dragObject.uiWindowContent, "ul" ,"PopupMessageBox") ; for(var i = 0; i < elements.length; i++) { elements[i].style.overflow = "hidden" ; } @@ -270,7 +270,7 @@ var dragObject = dndEvent.dragObject ; if(eXo.core.Browser.browserType == "mozilla" && dragObject.uiWindowContent) { dragObject.uiWindowContent.style.overflow = "auto" ; - var elements = eXo.core.DOMUtil.findDescendantsByClass(dragObject.uiWindowContent, "div" ,"PopupMessageBox") ; + var elements = eXo.core.DOMUtil.findDescendantsByClass(dragObject.uiWindowContent, "ul" ,"PopupMessageBox") ; for(var i = 0; i < elements.length; i++) { elements[i].style.overflow = "auto" ; } Modified: portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js 2011-09-12 10:54:34 UTC (rev 7355) @@ -62,8 +62,6 @@ showEditLabelInput : function(selectedElement, nodeName, currentContent){ eXo.webui.UITabbedDashboard.backupElement = selectedElement; var prNode = selectedElement.parentNode; - var tabContainer = eXo.core.DOMUtil.findAncestorByClass(prNode, "TabsContainer"); - var addButton = eXo.core.DOMUtil.findFirstChildByClass(tabContainer, "div", "AddDashboard"); var inputElement = document.createElement("input"); inputElement.type = "text"; @@ -81,10 +79,9 @@ prNode.replaceChild(inputElement, selectedElement); inputElement.focus(); - //find Middle tab of MiddleTab var DOMUtil = eXo.core.DOMUtil; - var middleTab = DOMUtil.findAncestorByClass(inputElement, "MiddleTab"); - middleTab.className = "MiddleTab EditTab"; + var uiTab = DOMUtil.findAncestorByClass(inputElement, "UITab"); + DOMUtil.addClass(uiTab, "EditTab"); }, createDashboardPage : function(e){ @@ -113,7 +110,7 @@ //If user presses on ESCAPE button else if(keyNum == 27){ var inputElement = eXo.core.Browser.getEventSource(e); - var editingTabElement = eXo.core.DOMUtil.findAncestorByClass(inputElement, "UITab GrayTabStyle"); + var editingTabElement = eXo.core.DOMUtil.findAncestorByClass(inputElement, "UITab"); //Remove the editing tab editingTabElement.parentNode.removeChild(editingTabElement); @@ -125,7 +122,7 @@ e = window.event; } var inputElement = eXo.core.Browser.getEventSource(e); - var editingTabElement = eXo.core.DOMUtil.findAncestorByClass(inputElement, "UITab GrayTabStyle"); + var editingTabElement = eXo.core.DOMUtil.findAncestorByClass(inputElement, "UITab"); //Remove the editing tab editingTabElement.parentNode.removeChild(editingTabElement); @@ -134,11 +131,11 @@ createTabDashboard : function(addTabElement){ var DOMUtil = eXo.core.DOMUtil; var tabContainer = addTabElement.parentNode; - var tabElements = DOMUtil.findChildrenByClass(tabContainer, "div", "UITab GrayTabStyle"); + var tabElements = DOMUtil.findChildrenByClass(tabContainer, "div", "UITab"); var portletFrag = DOMUtil.findAncestorByClass(tabContainer, "PORTLET-FRAGMENT"); var selectedTabElement = DOMUtil.findFirstDescendantByClass(tabContainer, "div", "SelectedTab"); - var newTabElement = selectedTabElement.parentNode.cloneNode(true); + var newTabElement = selectedTabElement.cloneNode(true); tabContainer.insertBefore(newTabElement, addTabElement); var inputElement = document.createElement("input"); @@ -157,8 +154,8 @@ DOMUtil.findNextElementByTagName(inputElement, "a").href = "#"; inputElement.focus(); - //find Middle tab of MiddleTab - var middleTab = DOMUtil.findAncestorByClass(inputElement, "MiddleTab"); - middleTab.className = "MiddleTab EditTab"; + var DOMUtil = eXo.core.DOMUtil; + var uiTab = DOMUtil.findAncestorByClass(inputElement, "UITab"); + DOMUtil.addClass(uiTab, "EditTab"); } } \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/UIPortalApplicationSkin.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/UIPortalApplicationSkin.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/UIPortalApplicationSkin.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -138,10 +138,6 @@ margin: auto; } -.AjaxLoadingMask .UIAction .ActionButton{ - float: none; -} - .FloatLeft { float: left; /* orientation=lt */ float: right; /* orientation=rt */ Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,49 +17,57 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ - -.UIWorkingWorkspace { - margin: 0px; - -/* - * minh.js.exo - * bug : right click with IE7 in ECM - */ -} - -.UIWorkingWorkspace { - width: 980px; - margin: auto; - background: #b5b6b6; -} - -.UIWorkingWorkspace .UIPageBody { - -} - -.MaskLayer { - background: black; - text-align: center; - position: absolute; - overflow: auto; /* Fix for FF2 */ -} - -.WarningLayer { - width: 300px; height: 100px; - line-height: 100px; - text-align: center; - position: absolute; - opacity: 0.5 !important; - filter: alpha(opacity=50); -} - -.PreviewMode { - width: 160px; height: 160px; - background: url("background/PreviewModeImage146x156.png") no-repeat top right; /* orientation=lt */ - background: url("background/PreviewModeImageRTL146x156.png") no-repeat top left; /* orientation=rt */ - position: absolute; - cursor: pointer; - right: 0px; /* orientation=lt */ - left: 0px; /* orientation=rt */ - top: 0px; + +.UIWorkingWorkspace { + margin: 0px; + +/* + * minh.js.exo + * bug : right click with IE7 in ECM + */ +} + +.UIWorkingWorkspace { + width: 980px; + margin: auto; + background: #b5b6b6; +} + +.UIWorkingWorkspace .UIPageBody { + background: #DEDFDF; +} + +.UIWorkingWorkspace .UIPageBody .VIEW-PAGEBODY{ + background: #b5b6b6; + -moz-border-radius:0px 0px 9px 9px; + -webkit-border-radius:0px 0px 9px 9px; + border-radius:0px 0px 9px 9px; + padding: 0px 8px 8px; +} + +.MaskLayer { + background: black; + text-align: center; + position: absolute; + overflow: auto; /* Fix for FF2 */ +} + +.WarningLayer { + width: 300px; height: 100px; + line-height: 100px; + text-align: center; + position: absolute; + opacity: 0.5 !important; + filter: alpha(opacity=50); +} + +.PreviewMode { + width: 160px; height: 160px; + background: url("background/PreviewModeImage146x156.png") no-repeat top right; /* orientation=lt */ + background: url("background/PreviewModeImageRTL146x156.png") no-repeat top left; /* orientation=rt */ + position: absolute; + cursor: pointer; + right: 0px; /* orientation=lt */ + left: 0px; /* orientation=rt */ + top: 0px; } \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,647 +1,450 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ - - -.UIWindow .UIDashboardPortlet { - margin: 0px; -} - -.UIDashboardPortlet { - background: #fff; - border: 1px solid #b7b7b7; - border-top: none; - height: 100%; -} - -.UIWindow .UIDashboard { - border: none; - margin: 0px; -} - -.UIDashboard { - height: 100%; -} - -.UIDashboard .DashboardContainer { - background: url('background/BgBottom.gif') no-repeat bottom left; - height: 100%; -} - -.UIDashboard .GadgetTitle { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - padding: 0px 5px; - color: #5b5b5b; - font-weight: normal; - cursor: move; - overflow: hidden; - white-space: nowrap; - width: 195px; - margin-right: 75px !important; /* orientation=lt */ - margin: 0px 0px 0px 75px !important; /* orientation=rt */ -} - -.UIDashboard .UIDashboardEditForm { - background: white; - padding: 10px; -} - -.UITabPaneDashboard { - padding: 0 9px; -} - -.UITabPaneDashboard .LtTabDashboard { - background: #ffcf01 url('background/NavUser.gif') no-repeat left top; - padding-left: 3px; - _height: 32px; -} - -.UITabPaneDashboard .RtTabDashboard { - background: #ffcf01 url('background/NavUser.gif') no-repeat right top; - padding-right: 3px; - _height: 32px; -} - -.UITabPaneDashboard .CtTabDashboard { - background: #ffcf01 url('background/NavUser.gif') repeat-x center -32px; - padding: 0px 6px; - _height: 32px; -} - -.UITabPaneDashboard .UIHorizontalTabs { - padding: 1px 0px 4px 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .TabsContainer { - height: auto; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle { - margin: 3px 2px 0 0; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab, -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .MiddleTab, -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - padding: 0px 5px; - _padding: 4px 5px; - white-space:nowrap; - font-weight: normal; - line-height: 24px; -} - - - -.UITabPaneDashboard .UIHorizontalTabs .UITab .CloseIcon { - background: url('background/IconClose.gif') no-repeat center; - width: 16px; height: 16px; - cursor: pointer; -} - -.UITabPaneDashboard .UIHorizontalTabs .AddDashboard { - background: url('background/AddDashboard.gif') no-repeat bottom; - width: 34px; height: 24px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - cursor: pointer; - margin-top: 3px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab { - background: url(background/TabDashboard.gif) no-repeat left -48px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab { - background: url(background/TabDashboard.gif) no-repeat right -48px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab { - background: url(background/TabDashboard.gif) repeat-x left -72px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .LeftTab { - background: url(background/TabDashboard.gif) no-repeat left -48px; - padding-left: 4px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .RightTab { - background: url(background/TabDashboard.gif) no-repeat right -48px; - padding-right: 4px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .MiddleTab { - background: url(background/TabDashboard.gif) repeat-x left -72px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab { - background: url(background/TabDashboard.gif) no-repeat left top; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab { - background: url(background/TabDashboard.gif) no-repeat right top; - padding-right: 4px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - background: url(background/TabDashboard.gif) repeat-x left -24px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .EditnewTab .LeftTab { - background: url(background/TabDashboard.gif) no-repeat left top; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .EditnewTab .RightTab { - background: url(background/TabDashboard.gif) no-repeat right top; - padding-right: 4px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .EditnewTab .MiddleTab { - background: url(background/TabDashboard.gif) repeat-x left -24px; - line-height: 22px; - vertical-align: middle; - padding-top: 0; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .EditTab { - _padding: 2px 5px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .MiddleTab span { - margin-top: 1px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle input { - font-size: 11px; - background: white; - padding: 0 !important; - text-align: left !important; - font-family: Tahoma !important; - margin: 0; - !height: 16px; - !line-height: 14px; - vertical-align: middle; -} - -/*----------------------UIGadgetsSelectorForm-------------------*/ - -.UIDashboardSelectContainer { - height: 100%; -} - -.UIDashboardSelectContainer .DashboardControlBar { - height: 23px; - background: url('background/Dashboard.gif') repeat-x top; - border-bottom: 1px solid #b7b7b7; -} - -.UIDashboardSelectContainer .TitleBar { - color: black; - font-weight: bold; - line-height: 23px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - padding-left: 10px; /* orientation=lt */ - padding-right: 10px; /* orientation=rt */ -} - -.UIDashboardSelectContainer .CloseIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - background: url('background/Dashboard.gif') no-repeat left -180px; - height: 20px; - width: 20px; -} - -.UIDashboardSelectContainer .DashboardItemContainer { -} - -.UIDashboardSelectContainer .DashboardItemContainer .InputContainer { - padding: 4px 0px 4px 10px; - _padding: 0px 10px; - background: #ececec; -} - -.UIDashboardSelectContainer .DashboardItemContainer .InputContainer input { - margin: 0 3px 0 0px; - border: 1px solid #b8babf; - font-size: 11px; - width: 165px; -} - -.UIDashboardSelectContainer .DashboardItemContainer .GadgetItemsContainer { - border-top: 1px solid #b7b7b7; - font-weight: bold; -} - -.UIDashboardSelectContainer .DashboardItemContainer .TopItemContainer { - background: url('background/Dashboard.gif') repeat-x center -37px; - height: 11px; - padding: 1px; - border-bottom: 1px solid #b7b7b7; - display: none; -} - -.UIDashboardSelectContainer .DashboardItemContainer .UpArrowIcon { - background: url('background/Dashboard.gif') repeat-x center -98px; - height: 11px; width: 15px; - margin: auto; - cursor: pointer; -} - -.UIDashboardSelectContainer .DashboardItemContainer .DisableArrowIcon { - filter: alpha(opacity=30); - -moz-opacity: 0.3; -} - -.UIDashboardSelectContainer .DashboardItemContainer .MiddleItemContainer { - overflow: hidden; -} - -.UIDashboardSelectContainer .DashboardItemContainer .BottomItemContainer { - background: url('background/Dashboard.gif') repeat-x center -37px; - height: 11px; - padding: 1px; - border-top: 1px solid #b7b7b7; - display: none; -} - -.UIDashboardSelectContainer .DashboardItemContainer .DownArrowIcon { - background: url('background/Dashboard.gif') repeat-x center -114px; - height: 11px; width: 15px; - margin: auto; - cursor: pointer; -} - -.UIDashboardSelectContainer .DashboardItemContainer .DisableContainer { - background: url('background/Dashboard.gif') repeat-x center -23px; -} - -.UIDashboardSelectContainer .DashboardItemContainer .GadgetCategory { - padding: 10px; - text-transform: capitalize; -} - -.UIDashboardSelectContainer .GadgetCategory .GadgetTab .LeftCategoryTitleBar { - background: url('background/CategoryTitleBar.gif') repeat-x left top; - border: 1px solid #b8babf; -} - -.UIDashboardSelectContainer .GadgetCategory .GadgetTab .RightCategoryTitleBar { - -} - -.UIDashboardSelectContainer .GadgetCategory .GadgetTab .MiddleCategoryTitleBar { - height: 23px; - padding: 0px 8px; -} - -.UIDashboardSelectContainer .GadgetCategory .GadgetTab .ArrowIcon { - background: url('background/ArrowIcon.gif') no-repeat left -14px; /* orientation=lt */ - background: url('background/ArrowIcon.gif') no-repeat right -14px; /* orientation=rt */ - line-height: 23px; - overflow: hidden; - padding-left: 18px; /* orientation=lt */ - padding-right: 18px; /* orientation=rt */ - color: #000; - font-weight: normal; -} - -.UIDashboardSelectContainer .GadgetCategory .SelectedTab .ArrowIcon { - background: url('background/ArrowIcon.gif') no-repeat left 8px; /* orientation=lt */ - background: url('background/ArrowIcon.gif') no-repeat right 8px; /* orientation=rt */ -} - -.UIDashboardSelectContainer .GadgetCategory .ItemsContainer { - background: #fff url('background/BGItemsContainer.gif') repeat-x left 1px; - border: 1px solid #b8babf; - border-top: none; - padding: 8px 8px 4px 8px; -} - -.UIDashboardSelectContainer .GadgetCategory .UIGadget { - background: url('background/GadgetControl.gif') repeat-x left top; - margin: 0px 0px 4px 0px; - height: 18px; - line-height: 18px; - color: #676767; - padding: 0px; - background: #f2f2f3; -} - -.UIDashboard .UIDashboardSelectContainer .GadgetTitle { - width: 150px; - float: none; - margin: 0px !important; -} - -/*----------------------UIGadgetsContainer-------------------*/ - -.UIDashboard .UIDashboardContainer .NoGadget { - text-align: center; - font-size: 12px; font-weight: bold; - padding: 5px; color: #111; -} - -.UIDashboard .UIGadget { - padding: 5px 0px; -} - -.UIDashboard .UIGadget .GadgetControl { - float: none; - padding: 0px; - height: auto; width: auto; -} - -.UIDashboard .UIGadget .GadgetControl .LeftControlBar { - background: none; - padding: 0px; -} - -.UIDashboard .UIGadget .GadgetControl .RightControlBar { - background: none; - padding: 0px; -} - -.UIDashboard .UIGadget .GadgetControl .CenterControlBar { - background: url('background/BgTitleGadget.gif') repeat-x left top; - height: 23px; - line-height: 23px; - padding: 0 9px; - border: 1px solid #dbdbdb; - border-top: none; - cursor: move; -} - -.UIDashboard .UIGadget .GadgetControl .GadgetDragHandleArea { - display: none; -} - -.UIDashboard .UIGadget .TLGadget { - display: none; -} - -.UIDashboard .UIGadget .MLGadget { - background: #f2f2f3; - border: 1px solid #c3c3c3; - border-top: none; - padding: 3px; -} - -.UIDashboard .UIGadget .MRGadget { - background: white; - padding: 0 0 1px; -} - -.UIDashboard .UIGadget .BLGadget { - display: none; -} - -/*------------------UIDashboardContainer----------------*/ - -.UIDashboardContainer { - height: 100%; - background: #fff; -} - -.UIDashboardContainer .GadgetContainer { - overflow: auto; - height: 100%; - min-height: 400px; - _height: 400px; -} - -/**html .UIDashboardContainer .GadgetContainer { - height: 400px; -}*/ - -.UIDashboardContainer .GadgetContainer .ContainerControlBarL { - padding: 5px 10px; - height: 22px; -} - -.UIDashboardContainer .ContainerControlBarL .AddIcon { - background: url('background/Dashboard.gif') no-repeat left -200px; /* orientation=lt */ - background: url('background/Dashboard.gif') no-repeat right -200px; /* orientation=rt */ - padding-left: 30px; /* orientation=lt */ - padding-right: 30px; /* orientation=rt */ - width: 200px; /* orientation=rt */ - font-weight: bold; font-size: 12px; - display: block; - line-height: 22px; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ -} - -.UIDashboardContainer .GadgetContainer .AddIcon a { - text-decoration: underline; - color: #292929; - cursor: pointer; -} - -.UIDashboardContainer .GadgetContainer .AddIcon a:hover { - text-decoration: none; -} - -.GadgetContainer .UIColumns { -} - -.GadgetContainer .UIColumn { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 325px; - padding: 2px; -} - -.UIDashboardContainer .UIGadget { - width: 320px; -} -.UIDashboardContainer .UIGadget .GadgetMenuBar{ - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ -} - -.UIDashboardContainer .UITarget { - background: #f2f2f3; - margin: 5px 5px 10px 5px; -} - -.UIDashboard .Dragging { - margin: 3px 0px 0px 3px; /* orientation=lt */ - margin: 3px 3px 0px 0px; /* orientation=rt */ -} - -.UIDashboard .UIPopupWindow { - width: 240px; -} - -#UIAddGadgetPopup { - width: 225px; -} - -#UIAddGadgetPopup .TopLeftCornerDecorator { - background: url('background/PortalComposer.gif') no-repeat left top; - padding-left: 7px; -} - -#UIAddGadgetPopup .TopCenterDecorator { - background: url('background/PortalComposer.gif') repeat-x left -34px; - height: 34px; - padding: 0px; -} - -#UIAddGadgetPopup .TopRightCornerDecorator { - background: url('background/PortalComposer.gif') no-repeat right top; - padding-right: 7px; -} - -#UIAddGadgetPopup .MiddleLeftSideDecorator { - background: url(background/MiddlePortalComposer.gif) repeat-y left top; - padding-left: 3px; -} - -#UIAddGadgetPopup .MiddleCenterDecorator { - background: #d8dae1 url(background/CenterMiddleWindow.gif) repeat-x left top; - padding: 4px; - padding-bottom: 0px; -} - -#UIAddGadgetPopup .MiddleRightSideDecorator { - background: url(background/MiddlePortalComposer.gif) repeat-y right top; - padding-right: 3px; -} - -#UIAddGadgetPopup .UIWindowContent { - border: 1px solid #bdbcbd; -} - -#UIAddGadgetPopup .PopupContent { - background: #fff; -} - -#UIAddGadgetPopup .ResizeButton { - background: url('background/ResizeBtn.gif') no-repeat right top; /* orientation=lt */ - background: url('background/ResizeBtn-rt.gif') no-repeat left top; /* orientation=rt */ - display: block; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - cursor: nw-resize; /* orientation=lt */ - cursor: ne-resize; /* orientation=rt */ -} - -#UIAddGadgetPopup .BottomLeftCornerDecorator { - border: 1px solid #a2a3a9; - border-top: none; - background: #d8dae1; -} - -#UIAddGadgetPopup .BottomCenterDecorator { - height: 0px; - background: none; -} - -#UIAddGadgetPopup .BottomRightCornerDecorator { - padding: 0px 6px 6px 6px; - background: none; -} - -#UIAddGadgetPopup .CloseButton { - background: url('background/TopExitBtn.gif') no-repeat left top; - width: 23px; - height: 17px; - margin-right: 0px; -} - -#UIAddGadgetPopup .PopupTitleIcon { - margin-left: 0px; -} - -#UIAddGadgetPopup .PopupTitle { - margin-left: 22px; -} -/*----------------------Maximized-------------------*/ - -.Maximized .UIGadget { - padding: 5px; - margin: 0px; -} - -.Maximized .UIGadget .GadgetControl { - float: none; - padding: 0px; - height: auto; width: auto; -} - -.Maximized .UIGadget .GadgetControl .LeftControlBar { - background: none; - padding: 0px; -} - -.Maximized .UIGadget .GadgetControl .RightControlBar { - background: none; - padding: 0px; -} - -.Maximized .UIGadget .GadgetControl .CenterControlBar { - background: url('background/BgTitleGadget.gif') repeat-x left top; - height: 23px; - line-height: 23px; - padding: 0 9px; - border: 1px solid #dbdbdb; - border-top: none; -} - -.Maximized .UIGadget .GadgetControl .GadgetDragHandleArea { - display: none; -} - -.Maximized .UIGadget .TLGadget { - display: none; -} - -.Maximized .UIGadget .MLGadget { - background: #f2f2f3; - border: 1px solid #c3c3c3; - border-top: none; - padding: 3px; -} - -.Maximized .UIGadget .MRGadget { - background: white; - padding: 0 0 1px; -} - -.Maximized .UIGadget .BLGadget { - display: none; -} - -.Maximized .GadgetTitle { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - padding: 0px 5px; - color: #5b5b5b; - font-weight: bold; - cursor: move; - overflow: hidden; - white-space: nowrap; -} - -.Maximized iframe { - width: 100%; - _width: 98%; +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ + + +.UIWindow .UIDashboardPortlet { + margin: 0px; +} + +.UIDashboardPortlet { + background: #fff; + border: 1px solid #b7b7b7; + border-top: none; + height: 100%; +} + +.UIWindow .UIDashboard { + border: none; + margin: 0px; +} + +.UIDashboard { + height: 100%; +} + +.UIDashboard .DashboardContainer { + background: url('background/BgBottom.gif') no-repeat bottom left; + height: 100%; +} + +.UIDashboard .UIDashboardEditForm { + background: white; + padding: 10px; +} + +.UITabPaneDashboard { + padding: 0 9px; +} + +/*-------------------UITabPaneDashboard-------------------*/ + +.UITabPaneDashboard { + height: auto; + -moz-border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; + background-color: #ffcf01; + padding: 0px 9px; + margin: 0 9px; +} +.UITabPaneDashboard .UITab { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + height: 24px; + line-height: 24px; + padding:0px 6px 0px 9px;/* orientation=lt */ + padding:0px 9px 0px 6px;/* orientation=rt */ + margin: 4px 2px 0px 0px;/* orientation=lt */ + margin: 4px 0px 0px 2px;/* orientation=rt */ +} + +.UITabPaneDashboard .NormalTab { + background-color:#E6E6E6; +} + +.UITabPaneDashboard .SelectedTab { + background-color:#fff; +} + +.UITabPaneDashboard input { + font-size: 11px; + background-color:#fff; + text-align: left;/* orientation=lt */ + text-align: right;/* orientation=rt */ + height: 13px; + padding:0; +} + + +.UITabPaneDashboard .UITab .Tablabel, .UITabPaneDashboard span { + font-weight:normal; + line-height: 14px; +} + + +.UITabPaneDashboard .UITab .CloseIcon { + background: url('background/IconClose.gif') no-repeat center top; + width: 14px; + height: 13px; + cursor: pointer; + display:inline-block; + margin-left: 3px;/* orientation=lt */ + margin-right: 3px;/* orientation=rt */ + vertical-align: middle; +} + +.UITabPaneDashboard .SelectedTab .CloseIcon { + margin:0; +} + +.UITabPaneDashboard .AddDashboard { + background: url('background/AddDashboard.gif') no-repeat center center; + width: 34px; + height: 32px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + cursor: pointer; +} + +/*----------------------UIGadgetsSelectorForm-------------------*/ + +.UIDashboardSelectContainer { + height: 100%; +} + +.UIDashboardSelectContainer .DashboardControlBar { + height: 23px; + background: url('background/Dashboard.gif') repeat-x top; + border-bottom: 1px solid #b7b7b7; +} + +.UIDashboardSelectContainer .TitleBar { + color: black; + font-weight: bold; + line-height: 23px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + padding-left: 10px; /* orientation=lt */ + padding-right: 10px; /* orientation=rt */ +} + +.UIDashboardSelectContainer .CloseIcon { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + background: url('background/Dashboard.gif') no-repeat left -180px; + height: 20px; + width: 20px; +} + +.UIDashboardSelectContainer .DashboardItemContainer .InputContainer { + padding: 4px 0px 4px 10px; + _padding: 0px 10px; + background: #ececec; +} + +.UIDashboardSelectContainer .DashboardItemContainer .InputContainer input { + margin: 0 3px 0 0px; + border: 1px solid #b8babf; + font-size: 11px; + width: 165px; +} + +.UIDashboardSelectContainer .DashboardItemContainer .GadgetItemsContainer { + border-top: 1px solid #b7b7b7; + font-weight: bold; +} + +.UIDashboardSelectContainer .DashboardItemContainer .TopItemContainer { + background: url('background/Dashboard.gif') repeat-x center -37px; + height: 11px; + padding: 1px; + border-bottom: 1px solid #b7b7b7; + display: none; +} + +.UIDashboardSelectContainer .DashboardItemContainer .UpArrowIcon { + background: url('background/Dashboard.gif') repeat-x center -98px; + height: 11px; width: 15px; + margin: auto; + cursor: pointer; +} + +.UIDashboardSelectContainer .DashboardItemContainer .DisableArrowIcon { + filter: alpha(opacity=30); + -moz-opacity: 0.3; +} + +.UIDashboardSelectContainer .DashboardItemContainer .MiddleItemContainer { + overflow: hidden; +} + +.UIDashboardSelectContainer .DashboardItemContainer .BottomItemContainer { + background: url('background/Dashboard.gif') repeat-x center -37px; + height: 11px; + padding: 1px; + border-top: 1px solid #b7b7b7; + display: none; +} + +.UIDashboardSelectContainer .DashboardItemContainer .DownArrowIcon { + background: url('background/Dashboard.gif') repeat-x center -114px; + height: 11px; width: 15px; + margin: auto; + cursor: pointer; +} + +.UIDashboardSelectContainer .DashboardItemContainer .DisableContainer { + background: url('background/Dashboard.gif') repeat-x center -23px; +} + +.UIDashboardSelectContainer .DashboardItemContainer .GadgetCategory { + padding: 10px; + text-transform: capitalize; +} + +.UIDashboardSelectContainer .GadgetCategory .GadgetTab .LeftCategoryTitleBar { + background: url('background/CategoryTitleBar.gif') repeat-x left top; + border: 1px solid #b8babf; +} + +.UIDashboardSelectContainer .GadgetCategory .GadgetTab .MiddleCategoryTitleBar { + height: 23px; + padding: 0px 8px; +} + +.UIDashboardSelectContainer .GadgetCategory .GadgetTab .ArrowIcon { + background: url('background/ArrowIcon.gif') no-repeat left -14px; /* orientation=lt */ + background: url('background/ArrowIcon.gif') no-repeat right -14px; /* orientation=rt */ + line-height: 23px; + overflow: hidden; + padding-left: 18px; /* orientation=lt */ + padding-right: 18px; /* orientation=rt */ + color: #000; + font-weight: normal; +} + +.UIDashboardSelectContainer .GadgetCategory .SelectedTab .ArrowIcon { + background: url('background/ArrowIcon.gif') no-repeat left 8px; /* orientation=lt */ + background: url('background/ArrowIcon.gif') no-repeat right 8px; /* orientation=rt */ +} + +.UIDashboardSelectContainer .GadgetCategory .ItemsContainer { + background: #fff url('background/BGItemsContainer.gif') repeat-x left 1px; + border: 1px solid #b8babf; + border-top: none; + padding: 8px 8px 4px 8px; +} + +.UIDashboardSelectContainer .GadgetCategory .UIGadget { + background: url('background/GadgetControl.gif') repeat-x left top; + margin: 0px 0px 4px 0px; + height: 18px; + line-height: 18px; + color: #676767; + padding: 0px; + background: #f2f2f3; +} + +.UIDashboard .UIDashboardSelectContainer .GadgetTitle { + width: 150px; + float: none; + margin: 0px !important; +} + +/*----------------------UIGadgetsContainer-------------------*/ + +.UIDashboard .UIDashboardContainer .NoGadget { + text-align: center; + font-size: 12px; font-weight: bold; + padding: 5px; color: #111; +} + +/*------------------UIDashboardContainer----------------*/ + +.UIDashboardContainer { + height: 100%; + background: #fff; +} + +.UIDashboardContainer .GadgetContainer { + overflow: auto; + height: 100%; + min-height: 400px; + _height: 400px; +} + +.UIDashboardContainer .GadgetContainer .ContainerControlBarL { + padding: 5px 10px; + height: 22px; +} + +.UIDashboardContainer .ContainerControlBarL .AddIcon { + background: url('background/Dashboard.gif') no-repeat left -200px; /* orientation=lt */ + background: url('background/Dashboard.gif') no-repeat right -200px; /* orientation=rt */ + padding-left: 30px; /* orientation=lt */ + padding-right: 30px; /* orientation=rt */ + width: 200px; /* orientation=rt */ + font-weight: bold; font-size: 12px; + display: block; + line-height: 22px; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ +} + +.UIDashboardContainer .GadgetContainer .AddIcon a { + text-decoration: underline; + color: #292929; + cursor: pointer; +} + +.UIDashboardContainer .GadgetContainer .AddIcon a:hover { + text-decoration: none; +} + +.UIDashboardContainer .GadgetContainer .UIColumn { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + width: 325px; + padding: 2px; +} + +.UIDashboardContainer .UIGadget .GadgetMenuBar{ + text-align: left; /* orientation=lt */ + text-align: right; /* orientation=rt */ +} + +.UIDashboardContainer .UITarget { + background: #f2f2f3; + margin: 5px 5px 10px 5px; +} + +.UIDashboard .Dragging { + margin: 3px 0px 0px 3px; /* orientation=lt */ + margin: 3px 3px 0px 0px; /* orientation=rt */ +} + +.UIDashboard .UIPopupWindow { + width: 240px; +} + +#UIAddGadgetPopup { + width: 225px; +} + +#UIAddGadgetPopup .TopLeftCornerDecorator { + background: url('background/PortalComposer.gif') no-repeat left top; + padding-left: 7px; +} + +#UIAddGadgetPopup .TopCenterDecorator { + background: url('background/PortalComposer.gif') repeat-x left -34px; + height: 34px; + padding: 0px; +} + +#UIAddGadgetPopup .TopRightCornerDecorator { + background: url('background/PortalComposer.gif') no-repeat right top; + padding-right: 7px; +} + +#UIAddGadgetPopup .MiddleLeftSideDecorator { + background: url(background/MiddlePortalComposer.gif) repeat-y left top; + padding-left: 3px; +} + +#UIAddGadgetPopup .MiddleCenterDecorator { + background: #d8dae1 url(background/CenterMiddleWindow.gif) repeat-x left top; + padding: 4px; + padding-bottom: 0px; +} + +#UIAddGadgetPopup .MiddleRightSideDecorator { + background: url(background/MiddlePortalComposer.gif) repeat-y right top; + padding-right: 3px; +} + +#UIAddGadgetPopup .UIWindowContent { + border: 1px solid #bdbcbd; +} + +#UIAddGadgetPopup .PopupContent { + background: #fff; +} + +#UIAddGadgetPopup .ResizeButton { + background: url('background/ResizeBtn.gif') no-repeat right top; /* orientation=lt */ + background: url('background/ResizeBtn-rt.gif') no-repeat left top; /* orientation=rt */ + display: block; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + cursor: nw-resize; /* orientation=lt */ + cursor: ne-resize; /* orientation=rt */ +} + +#UIAddGadgetPopup .BottomLeftCornerDecorator { + border: 1px solid #a2a3a9; + border-top: none; + background: #d8dae1; +} + +#UIAddGadgetPopup .BottomCenterDecorator { + height: 0px; + background: none; +} + +#UIAddGadgetPopup .BottomRightCornerDecorator { + padding: 0px 6px 6px 6px; + background: none; +} + +#UIAddGadgetPopup .CloseButton { + background: url('background/TopExitBtn.gif') no-repeat left top; + width: 23px; + height: 17px; + margin-right: 0px; +} + +#UIAddGadgetPopup .PopupTitleIcon { + margin-left: 0px; +} + +#UIAddGadgetPopup .PopupTitle { + margin-left: 22px; +} + +/*----------------------Maximized-------------------*/ + +.Maximized .UIGadget { + padding: 5px; + margin: 0px; +} + +.Maximized .GadgetTitle { + color: #5b5b5b; + font-weight: bold; + cursor: move; + overflow: hidden; + white-space: nowrap; +} + +.Maximized iframe { + width: 100%; + _width: 98%; } \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIGadget/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIGadget/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIGadget/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -36,38 +36,30 @@ } .UIGadget .GadgetControl { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 100px; height: 20px; - padding-right: 6px; /* orientation=lt */ - padding-left: 6px; /* orientation=rt */ + background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BgTitleGadget.gif') repeat-x left top; + height: 23px; + line-height: 23px; + padding: 0 9px; + border: 1px solid #dbdbdb; + border-top: none; + cursor: move; + text-align: left; } -.UIGadget .GadgetControl .LeftControlBar { - background: url('background/Gadget.png') no-repeat left top; /* orientation=lt */ - background: url('background/Gadget-rt.png') no-repeat right top; /* orientation=rt */ - padding-left: 23px; /* orientation=lt */ - padding-right: 23px; /* orientation=rt */ +.UIGadget .GadgetTitle { + padding: 0px 5px; + color: #5b5b5b; + font-weight: normal; + cursor: move; + overflow: hidden; + white-space: nowrap; + width: auto; + margin-right: 75px !important; /* orientation=lt */ + margin: 0px 0px 0px 75px !important; /* orientation=rt */ } -.UIGadget .GadgetControl .RightControlBar{ - background: url('background/Gadget.png') no-repeat right top; /* orientation=lt */ - background: url('background/Gadget-rt.png') no-repeat left top; /* orientation=rt */ - padding-right: 4px; /* orientation=lt */ - padding-left: 4px; /* orientation=rt */ -} - -.UIGadget .GadgetControl .CenterControlBar { - height: 19px; - background: url('background/Gadget.png') repeat-x center -19px; -} - .UIGadget .GadgetControl .GadgetDragHandleArea { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 13px; height: 13px; cursor: move; - margin: 3px 3px 0px 3px; background: url('background/Gadget.png') left -78px; } @@ -102,50 +94,13 @@ background-position: 65px top; } -.UIGadget .TLGadget { - background: url('background/Gadget.png') no-repeat left -38px; - padding-left: 8px; +.UIGadget .GadgetApplication { + background: #f2f2f3; + border: 1px solid #c3c3c3; + border-top: none; + padding: 3px; } -.UIGadget .TRGadget { - background: url('background/Gadget.png') no-repeat right -38px; - padding-right: 8px; -} - -.UIGadget .TCGadget { - background: url('background/Gadget.png') repeat-x center -43px; - height: 5px; -} - -.UIGadget .MLGadget { - background: url('background/MiddleGadget.png') repeat-y left; - padding-left: 6px; -} - -.UIGadget .MRGadget { - background: url('background/MiddleGadget.png') repeat-y right; - padding-right: 6px; -} - -.UIGadget .MCGadget { - background: white; -} - -.UIGadget .BLGadget { - background: url('background/Gadget.png') no-repeat left -58px; - padding-left: 9px; -} - -.UIGadget .BRGadget { - background: url('background/Gadget.png') no-repeat right -68px; - padding-right: 9px; -} - -.UIGadget .BCGadget { - background: url('background/Gadget.png') repeat-x center -48px; - height: 10px; -} - .UIGadget iframe { width: 299px; } Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPage/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPage/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPage/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,125 +17,64 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -/*##############################-Page Layout Decorator-################################*/ +/*##############################-Page Layout Decorator-################################*/ .LAYOUT-BLOCK .PageLayoutDecorator { - cursor: move; + cursor: move; + background: white; } -.UIPageBody .PageLayoutDecorator { - padding: 0px; - margin: 0px 2px auto 2px; - overflow: hidden; -} - -.UIPageBody .PageLayoutDecorator .MiddlePageBG { - background: white; - height: 80px; -} - -.UIPageBody .PageLayoutDecorator .TopLeftPage { - background: url('background/ViewPage.gif') no-repeat left -113px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat right -113px; /* orientation=rt */ - padding: 0px 0px 0px 143px; /* orientation=lt */ - padding: 0px 143px 0px 0px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .TopRightPage { - background: url('background/ViewPage.gif') no-repeat right -226px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat left -226px; /* orientation=rt */ - padding: 0px 47px 0px 0px; /* orientation=lt */ - padding: 0px 0px 0px 47px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .TopCenterPage { - height: 112px; line-height: 98px; - background: url('background/ViewPage.gif') repeat-x center top; - color: #525252; text-align: center; - font-weight: bold; - padding: 0px; white-space: nowrap; -} - -.UIPageBody .PageLayoutDecorator .MiddleLeftPage { - background: url('background/ViewPageRepeat.gif') repeat-y left; /* orientation=lt */ - background: url('background/ViewPageRepeat-rt.gif') repeat-y right; /* orientation=rt */ - padding: 0px 0px 0px 22px; /* orientation=lt */ - padding: 0px 22px 0px 0px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .MiddleRightPage { - background: url('background/ViewPageRepeat.gif') repeat-y right; /* orientation=lt */ - background: url('background/ViewPageRepeat-rt.gif') repeat-y left; /* orientation=rt */ - padding: 0px 23px 0px 0px; /* orientation=lt */ - padding: 0px 0px 0px 23px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .BottomLeftPage { - background: url('background/ViewPage.gif') no-repeat left -378px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat right -378px; /* orientation=rt */ - padding: 0px 0px 0px 46px; /* orientation=lt */ - padding: 0px 46px 0px 0px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .BottomRightPage { - background: url('background/ViewPage.gif') no-repeat right -378px; /* orientation=lt */ - background: url('background/ViewPage-rt.gif') no-repeat left -378px; /* orientation=rt */ - padding: 0px 35px 0px 0px; /* orientation=lt */ - padding: 0px 0px 0px 35px; /* orientation=rt */ -} - -.UIPageBody .PageLayoutDecorator .BottomCenterPage { - line-height: 38px; - background: url('background/ViewPage.gif') repeat-x center -339px; -} - -.UIPageBody .PageLayoutDecorator .BottomCenterPage .FixBug { - height: 38px; -} - -.UIPageBody .VIEW-PAGEBODY .UIPage { - padding: 0px 8px; -} - -.UIPageBody .VIEW-PAGEBODY .UIPage .UIComponentBlock { +.PageLayoutDecorator { + padding: 0px; +} + +.PageLayoutDecorator .LeftPage { + background: url('background/ViewPage.gif') no-repeat left top; /* orientation=lt */ + background: url('background/ViewPage-rt.gif') no-repeat right top; /* orientation=rt */ + padding: 0px 0px 0px 143px; /* orientation=lt */ + padding: 0px 143px 0px 0px; /* orientation=rt */ +} + +.PageLayoutDecorator .RightPage { + background: url('background/ViewPage.gif') no-repeat right -468px; /* orientation=lt */ + background: url('background/ViewPage-rt.gif') no-repeat left -468px; /* orientation=rt */ + padding: 0px 40px 0px 0px; /* orientation=lt */ + padding: 0px 0px 0px 40px; /* orientation=rt */ +} + +.PageLayoutDecorator .CenterPage { + height: 230px; line-height: 98px; + background: url('background/ViewPage.gif') repeat-x center -235px; + color: #525252; text-align: center; + font-weight: bold; + padding: 0px; white-space: nowrap; +} + + +.UIPageBody .VIEW-PAGEBODY .UIPage { + +} + +.UIPageBody .VIEW-PAGEBODY .UIPage .UIComponentBlock { background: white; - height: 100%; -} - -.UIPageBody .BLPagebody { - background: url('background/BgPagebody.gif') no-repeat left top; - padding-left: 6px; - height: 16px; -} - -.UIPageBody .BRPagebody { - background: url('background/BgPagebody.gif') no-repeat right top; - padding-right: 6px; - height: 16px; -} - -.UIPageBody .BMPagebody { - background: url('background/BgPagebody.gif') repeat-x center bottom; - height: 16px; -} - -.UIPage .UIRowContainer { - padding: 0px; -} - -.BottomDecoratorHome .BottomDecoratorLeft{ - background: url('background/BottomDecoratorHome.gif') no-repeat left; - padding-left: 7px; - height: 7px; -} - -.BottomDecoratorHome .BottomDecoratorRight{ - background: url('background/BottomDecoratorHome.gif') no-repeat right; - padding-right: 7px; - height: 7px; -} - -.BottomDecoratorHome .BottomDecoratorMiddle{ - background: white; - height: 7px; + height: 100%; +} + + + +.BottomDecoratorHome .BottomDecoratorLeft{ + background: url('background/BottomDecoratorHome.gif') no-repeat left; + padding-left: 7px; + height: 7px; +} + +.BottomDecoratorHome .BottomDecoratorRight{ + background: url('background/BottomDecoratorHome.gif') no-repeat right; + padding-right: 7px; + height: 7px; +} + +.BottomDecoratorHome .BottomDecoratorMiddle{ + background: white; + height: 7px; } \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,200 +17,77 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIPortlet .LAYOUT-BLOCK { - padding: 5px; -} - -.UIPortlet .CONTROL-PORTLET { - left: 0; /* orientation=lt */ - right: 0; /* orientation=rt */ -} - -.UIPortlet .CONTROL-PORTLET .Login { - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center; -} - -.UIPortlet .CONTROL-PORTLET .DragControlArea { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 7px; height: 13px; - margin: 5px 0px 0px 3px; /* orientation=lt */ - margin: 5px 3px 0px 0px; /* orientation=rt */ - background: url('background/DragBg2x2.gif'); - cursor: move; -} - -.UIPortlet .ViewPortletIcon { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 16px; height: 16px; - margin: 4px 5px 0px 0px; /* orientation=lt */ - margin: 4px 0px 0px 5px; /* orientation=rt */ - background: url('background/BlueBoxLight.gif') no-repeat; - cursor: pointer; -} - -.UIPortlet .EditPortletPropertiesIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 20px; height: 20px; - background: url('background/Pen.gif') no-repeat top; - margin: 4px 0px 0px 5px; /* orientation=lt */ - margin: 4px 5px 0px 0px; /* orientation=rt */ -} - -.UIPortlet .DeletePortletIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 20px; height:20px; - background: url('background/Close.gif') no-repeat bottom; - margin: 0px 0px 0px 2px; /* orientation=lt */ - margin: 0px 2px 0px 0px; /* orientation=rt */ -} - -.UIPortlet .SelectedContainerBlock { +.UIPortal .LAYOUT-PORTAL { background: white; - border-top: 1px solid #91bcdd; + padding: 8px; + _padding: 8px 0px; /* orientation=rt */ + margin: auto; + _margin: 0px; /* orientation=rt */ + _width: 99%; /* orientation=rt */ } -.UIPortlet .SelectedContainerBlock .LeftContainerBlock { - background: url('background/BgContainerBlock.gif') no-repeat left top; - padding-left: 1px; +.DragAndDropPreview { + width: auto; height: 80px; + background: url('background/DragAndDropPreview4x4.gif'); + border: 1px solid #c4c4c4; + margin: 0px 12px 10px 12px; } -.UIPortlet .SelectedContainerBlock .RightContainerBlock { - background: url('background/BgContainerBlock.gif') no-repeat right top; - padding: 4px; -} +/************** style for EDITION-BLOCK *****************/ -.UIPortlet .NewLayer { - background: #d1dce5; - filter: alpha(opacity=80); - opacity: 0.8; - width: 100%; height: 100%; +.EDITION-BLOCK .CONTROL-BLOCK { + position: absolute; + top: -5px; + left: 4px; /* orientation=lt */ + right: 4px; /* orientation=rt */ + white-space: nowrap; } -/*##############################- PortletLayoutDecorator -################################*/ - -.PortletLayoutDecorator { -} - -.PortletLayoutDecorator .LPortletLayoutDecorator { - background: url('background/PortletLayoutDecorator.gif') no-repeat left top; - padding: 0px 0px 0px 12px; -} - -.PortletLayoutDecorator .RPortletLayoutDecorator { - background: url('background/PortletLayoutDecorator.gif') no-repeat right top; - padding-right: 12px; -} - -.PortletLayoutDecorator .CPortletLayoutDecorator { - background: url('background/PortletLayoutDecorator.gif') repeat-x center -89px; -} - -.PortletLayoutDecorator .FixHeight { - height: 69px; - padding: 10px 0; -} -.ProtectedPortlet .PortletLayoutDecorator { - background: white; -} -.ProtectedPortlet .PortletLayoutDecorator .LPortletLayoutDecorator { - opacity: 0.3; - filter: alpha(opacity=30); -} -/*############### End Decorator ###################################################*/ - -.LAYOUT-CONTAINER .UIContainer { - _height: 100%; - /* - fix bug dragdrop in IE6 - */ -} - -.LAYOUT-CONTAINER .TDContainer { - padding: 0px 2px; -} - -.UIContainer .LAYOUT-BLOCK .UIRowContainer { - min-height: 86px; - _height: 86px; -} - -.UIContainer .VIEW-BLOCK .EmptyContainer { - height: 82px; -} - -.UIContainer .NewLayer { +.EDITION-BLOCK .NewLayer { background: #93c0e2; filter: alpha(opacity=40); opacity: 0.4; width: 100%; height: 100%; } -/* -.UIContainer .LAYOUT-CONTAINER { - background: #f5f5f5; - border: solid 1px #38acf3; - padding: 5px; - margin: 0px 1px; - min-height: 60px; -} - -* html .UIContainer .LAYOUT-CONTAINER { - height: 60px; -} - -.UIContainer .UIInfoBar .BlueRoundedStyle { - padding: 0px; margin: 0px; - height: 22px; -} -*/ - -.UIContainer .CONTROL-CONTAINER .DragControlArea { +.EDITION-BLOCK .DragControlArea { float: left; /* orientation=lt */ float: right; /* orientation=rt */ width: 7px; height: 13px; background: url('background/DragBg2x2.gif'); cursor: move; - margin: 5px 0px 0px 2px; /* orientation=lt */ - margin: 5px 2px 0px 0px; /* orientation=rt */ + margin: 3px 0px 0px 2px; /* orientation=lt */ + margin: 3px 2px 0px 0px; /* orientation=rt */ + display: block; } -.UIContainer .LAYOUT-CONTAINER .UITableColumnContainer { - background: none; - border: none; - margin: auto; -} - -.UIContainer .EditContainerIcon { +.EDITION-BLOCK .EditIcon { float: left; /* orientation=lt */ float: right; /* orientation=rt */ width: 22px; height: 16px; background: url('background/Pen.gif') no-repeat top; - margin: 4px 0px 0px 2px; /* orientation=lt */ - margin: 4px 2px 0px 0px; /* orientation=rt */ + margin: 2px 2px 0px 0px; /* orientation=lt */ + margin: 2px 0px 0px 2px; /* orientation=rt */ } -.UIContainer .DeleteContainerIcon { +.EDITION-BLOCK .DeleteIcon { float: left; /* orientation=lt */ float: right; /* orientation=rt */ width: 22px; height: 16px; background: url('background/Close.gif') no-repeat bottom; - margin: 4px 0px 0px 0px; /* orientation=lt */ - margin: 4px 0px 0px 0px; /* orientation=rt */ + margin: 2px 0px 0px 0px; /* orientation=lt */ + margin: 2px 0px 0px 0px; /* orientation=rt */ } -.UIContainer .ContainerIcon { +.EDITION-BLOCK .ContainerIcon { float: left; /* orientation=lt */ float: right; /* orientation=rt */ - height: 16px; line-height: 16px; padding-left: 24px; /* orientation=lt */ padding-right: 24px; /* orientation=rt */ - margin: 3px 0px 0px 5px; /* orientation=lt */ - margin: 3px 5px 0px 0px; /* orientation=rt */ - background: url('background/DefaultContainerIcon.png') no-repeat; + margin: 0px 0px 0px 5px; /* orientation=lt */ + margin: 0px 5px 0px 0px; /* orientation=rt */ + background: url('background/DefaultContainerIcon.gif') no-repeat left 3px; /* orientation=lt */ + background: url('background/DefaultContainerIcon.gif') no-repeat right 1px; /* orientation=rt */ } .UIColumnContainer .ControlIcon { @@ -222,41 +99,40 @@ background: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png') no-repeat center; } -.UIColumnContainer .EditContainerIcon { - margin-left: 0px; /* orientation=lt */ - margin-right: 0px; /* orientation=rt */ -} - .UIColumnContainer .ArrowDownIcon { float: left; /* orientation=lt */ float: right; /* orientation=rt */ width: 22px; height: 16px; background: url('background/ArrowDown.gif') no-repeat center top; - margin: 4px 0px 0px 2px; /* orientation=lt */ - margin: 4px 2px 0px 0px; /* orientation=rt */ + margin: 3px 0px 0px 2px; /* orientation=lt */ + margin: 3px 2px 0px 0px; /* orientation=rt */ } -.UIPortal .LAYOUT-PORTAL { - /* background: url('background/PortalBackground4x4.gif');*/ - background: white; - padding: 8px; - _padding: 8px 0px; /* orientation=rt */ - margin: auto; - _margin: 0px; /* orientation=rt */ - _width: 99%; /* orientation=rt */ +.EDITION-BLOCK .PortletIcon { + background: url('background/Earth.gif') no-repeat left center; /* orientation=lt */ + background: url('background/Earth.gif') no-repeat right center; /* orientation=rt */ + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + text-overflow: ellipsis; + width: auto; + line-height: 19px; + padding-left: 25px; /* orientation=lt */ + padding-right: 25px; /* orientation=rt */ + margin: 0px 0px 0px 6px; /* orientation=lt */ + margin: 0px 6px 0px 0px; /* orientation=rt */ + color: black; } -.DragAndDropPreview { - width: auto; height: 80px; - background: url('background/DragAndDropPreview4x4.gif'); - border: 1px solid #c4c4c4; - margin: 0px 12px 10px 12px; +/****************** edit Application *********************/ +.UIPortlet .LAYOUT-BLOCK { + padding: 2px; } -.PortletBlockDecorator { - +.UIPortlet .CONTROL-PORTLET .Login { + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center; } +/****************** edit Container *********************/ .EdittingContainer { padding: 3px; } @@ -265,44 +141,54 @@ background: white; border: 1px dashed #a2a2a2; height: 100%; + padding: 2px; } +.EdittingContainer .OverContainerBlock { + border: 1px solid #b8babf; + background: white; + height: 100%; + padding: 2px; +} -.EdittingContainer .NormalContainerBlock .LeftContainerBlock, -.EdittingContainer .OverContainerBlock .NormalContainerBlock .LeftContainerBlock { - background: none; +.EdittingContainer .LAYOUT-BLOCK .UIRowContainer { + min-height: 86px; + _height: 86px; } -.EdittingContainer .NormalContainerBlock .RightContainerBlock, -.EdittingContainer .OverContainerBlock .NormalContainerBlock .RightContainerBlock { - padding: 2px; - background: none; +.EdittingContainer .VIEW-BLOCK .EmptyContainer { + height: 82px; } -.UIContainer .UIPortlet { - padding: 0px; +.EdittingContainer .LAYOUT-CONTAINER .UIContainer { + _height: 100%; + /* + fix bug dragdrop in IE6 + */ } -.UIPortletMask { - opacity: 0; - filter: alpha(opacity=0); - background: #ffffff; +/*##############################- PortletLayoutDecorator -################################*/ + +.PortletLayoutDecorator { } -.EdittingContainer .OverContainerBlock { - border: 1px solid #b8babf; - background: none; - height: 100%; +.PortletLayoutDecorator .LPortletLayoutDecorator { + background: url('background/PortletLayoutDecorator.gif') no-repeat left top; + padding: 0px 0px 0px 12px; } -.EdittingContainer .OverContainerBlock .LeftContainerBlock { - background: white; +.PortletLayoutDecorator .RPortletLayoutDecorator { + background: url('background/PortletLayoutDecorator.gif') no-repeat right top; + padding-right: 12px; } -.EdittingContainer .OverContainerBlock .RightContainerBlock { - background: none; - padding: 2px; +.PortletLayoutDecorator .CPortletLayoutDecorator { + background: url('background/PortletLayoutDecorator.gif') repeat-x center -89px; + height: 69px; + padding: 10px 0; } +/*############### End Decorator ###################################################*/ + .ProtectedContainer .ProtectedContent { opacity: 0.3; filter: alpha(opacity=80); @@ -310,6 +196,21 @@ padding: 6px 10px; } +.ProtectedPortlet .PortletLayoutDecorator { + background: white; +} + +.ProtectedPortlet .PortletLayoutDecorator .LPortletLayoutDecorator { + opacity: 0.3; + filter: alpha(opacity=30); +} + +.UIPortletMask { + opacity: 0; + filter: alpha(opacity=0); + background: #ffffff; +} + .UIPageBodyMask { opacity: 0; filter: alpha(opacity=0); Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BgContainerBlock.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BottomVTabSimpleStyle224x1.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif =================================================================== (Binary files differ) Copied: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DefaultContainerIcon.gif (from rev 7349, portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DefaultContainerIcon.gif) =================================================================== (Binary files differ) Copied: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Earth.gif (from rev 7349, portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Earth.gif) =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/LineBlock.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Pen.png =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortalBackground4x4.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecoratorHidden.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/close.png =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -20,7 +20,14 @@ .UIToolbarContainer { padding: 0px; height: auto; + position:relative; + z-index:4; } +.UIToolbarContainer ul { + padding:0; + margin:0; + list-style:none; +} .UIToolbarContainer .UserInfoPortletTDContainer { float: right; /* orientation=lt */ @@ -39,7 +46,7 @@ } .UIToolbarContainer .ToolbarContainer .TRContainer { - height: 30px; + height: 32px; } .UIToolbarContainer .UIContainer { @@ -57,7 +64,7 @@ border-right: 1px solid white; } -.UIToolbarContainer .ToolbarContainer a { +.UIToolbarContainer .ToolbarContainer .TBIcon { display: block; padding: 0px 5px 0px 35px; /* orientation=lt */ padding: 0px 35px 0px 5px; /* orientation=rt */ @@ -69,7 +76,7 @@ color: #058ee6; } -.UIToolbarContainer .UIHorizontalTabs .TabsContainer { +.UIToolbarContainer .UIHorizontalTabs { height: 32px; /* orientation=lt */ height: auto; /* orientation=rt */ float: left; /* orientation=lt */ @@ -115,9 +122,13 @@ position: absolute; border: 1px solid #9e9fa3; display: none; - z-index: 1; + z-index: 1; } + .UIToolbarContainer .MenuItemContainer li{ + display:block; +} + .UIToolbarContainer .TitleBar { background: #cdd7e0; height: 23px; @@ -130,27 +141,35 @@ filter: alpha(opacity=90); } +.UIToolbarContainer .ArrowIcon { + background: url('background/ToolbarContainer.gif') no-repeat right -452px; /* orientation=lt */ + background: url('background/ToolbarContainer-rt.gif') no-repeat -5px -452px; /* orientation=rt */ +} + .UIToolbarContainer .MenuItem { - background: #f5f9fa; - opacity: 0.9; - filter: alpha(opacity=90); + background-color: #f5f9fa; height: 28px; line-height: 28px; width: 100%; + opacity: 0.9; + filter: alpha(opacity=90); } +*+html .UIToolbarContainer .MenuItem { + height: auto; + width: auto; +} + .UIToolbarContainer .MenuItem .MenuItemHover { background-color: #a4a4a4; } -.UIToolbarContainer .MenuItem .ArrowIcon { - background: url('background/ToolbarContainer.gif') no-repeat right bottom; /* orientation=lt */ - background: url('background/ToolbarContainer-rt.gif') no-repeat -5px bottom; /* orientation=rt */ -} - .UIToolbarContainer .MenuItem a { - padding-right: 25px; /* orientation=lt */ - padding-left: 25px; /* orientation=rt */ + display: block; + padding: 0px 25px 0px 35px; /* orientation=lt */ + padding: 0px 35px 0px 25px; /* orientation=rt */ + white-space: nowrap; + color: #3e3e3e; } .UIToolbarContainer .ItemIcon { @@ -166,8 +185,8 @@ } .UIToolbarContainer .SiteIcon { - background: url('background/ToolbarContainer.gif') no-repeat 5px -96px; /* orientation=lt */ - background: url('background/ToolbarContainer.gif') no-repeat 100% -96px; /* orientation=rt */ + background: url('background/ToolbarContainer.gif') no-repeat 5px -98px; /* orientation=lt */ + background: url('background/ToolbarContainer.gif') no-repeat 100% -98px; /* orientation=rt */ } .UIToolbarContainer .SitesIcon { @@ -257,19 +276,15 @@ color: #3e8df0; } -.UIToolbarContainer .UIAdminToolbarPortlet .UIHorizontalTabs .UITab { +.UIToolbarContainer .UIAdminToolbarPortlet .UITab { background: none; padding: 0px; } -.UIToolbarContainer .UIUserToolbarPortlet .UIHorizontalTabs .TabsContainer { - width: 400px; /* orientation=rt */ +.UIToolbarContainer .UIAdminToolbarPortlet .UIHorizontalTabs .UITab { + float: none; /* orientation=rt */ } -.UIToolbarContainer .UIAdminToolbarPortlet { - width: 200px; /* orientation=rt */ -} - -.UIToolbarContainer .UIAdminToolbarPortlet .UIHorizontalTabs .UITab { - float: none; /* orientation=rt */ +.UIUserToolBarSitePortlet .ItemIcon { + background-position: 97% center; /* orientation=rt */ } \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -21,8 +21,11 @@ margin: auto; padding: 30px 17px 30px 10px; /* orientation=lt */ padding: 30px 10px 30px 17px; /* orientation=rt */ - background: #ebebeb; -} + background: #EBEBEB; + border-radius: 5px 5px 5px 5px; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; +} /*##############################- LoginBox Style-################################*/ @@ -102,29 +105,6 @@ padding: 0px 0px 0px 10px; /* orientation=rt */ } -.UILoginForm .UIForm .SimpleStyle .ButtonLeft { - background: url('background/Login.gif') no-repeat left -150px; - padding-left: 5px; -} - -.UILoginForm .UIForm .SimpleStyle .ButtonRight { - background: url('background/Login.gif') no-repeat right -150px; - padding-right: 5px; -} - -.UILoginForm .UIForm .SimpleStyle .ButtonMiddle { - background: url('background/Login.gif') repeat-x center -150px; - line-height: 22px; -} - -.UILoginForm .UIForm .SimpleStyle .ButtonMiddle a { - color: #3f3f3f; -} - -.UILoginForm .UIForm .SimpleStyle .ButtonMiddle a:hover { - color: #058EE6; -} - /* ============================End LoginDecorator============================== */ /* * minh.js.exo @@ -187,9 +167,21 @@ .UILoginForm .UIForm .VerticalLayout .UIAction { padding: 15px 0px 0px 56px; /* orientation=lt */ - padding: 15px 56px 0px 0px; /* orientation=rt */ + padding: 15px 56px 0px 0px; /* orientation=rt */ + text-align: left; /* orientation=lt */ + text-align: right; /* orientation=rt */ +} + +.UILoginForm .UIAction .SimpleStyle { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.UILoginForm .UIAction .SimpleStyle a { + color: #3f3f3f; +} + +.UILoginForm .UIAction .SimpleStyle a:hover { + color: #058EE6; } - -.UILoginForm .UIForm .VerticalLayout .UIAction .ActionContainer { - margin: 0px; -} Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,139 +17,122 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIAction { - padding: 8px 0px; -} - -.UIAction .ActionContainer { - width: auto; - margin: auto; -} - -.UIAction .ActionButton { - display: block; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 0px 3px; - cursor: pointer; -} - -.UIAction a { -} - -.UIAction a:hover { - color: #058ee6; -} - - -.UIAction .ActionButton .Icon { - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ - width: auto; - height: auto; - background-position: left center; /* orientation=lt */ - background-position: right center; /* orientation=rt */ - background-repeat: no-repeat; -} - -/*##############################-LightBlueStyle ActionButton-################################*/ - -.UIAction .LightBlueStyle .ButtonLeft { - background: url('background/LightBlueStyle.gif') no-repeat left top; - padding: 0px 0px 0px 3px; -} - -.UIAction .LightBlueStyle .ButtonRight { - background: url('background/LightBlueStyle.gif') no-repeat right top; - padding: 0px 3px 0px 0px ; -} - -.UIAction .LightBlueStyle .ButtonMiddle { - line-height: 22px; text-align: center; - background: url('background/LightBlueStyle.gif') repeat-x bottom; - white-space: nowrap; - display: table-cell; - padding: 0px 12px; -} - -/*##############################-SimpleStyle ActionButton-################################*/ - -.UIAction .SimpleStyle { -} - -.UIAction .SimpleStyle .ButtonLeft { - background: url('background/SimpleStyle.gif') no-repeat left top; - padding: 0px 0px 0px 10px; -} - -.UIAction .SimpleStyle .ButtonRight { - background: url('background/SimpleStyle.gif') no-repeat right top; - padding: 0px 10px 0px 0px ; -} - -.UIAction .SimpleStyle .ButtonMiddle { - line-height: 21px; - background: url('background/SimpleStyle.gif') repeat-x bottom; - text-align: center; - padding: 0px 12px; - display: table-cell; - white-space: nowrap; -} - -.UIAction a.SimpleStyle { - color: #313131; - margin: 0px 6px; - white-space: nowrap; -} - -.UIAction a:hover.SimpleStyle { - color: #1273df; -} - -/*************************SimpleStyle1********************/ - -.UIAction .SimpleStyle1 .ButtonLeft { - background: transparent url(background/SimpleStyle1.gif) no-repeat left top; - padding-left: 3px; -} - -.UIAction .SimpleStyle1 .ButtonRight { - background: transparent url(background/SimpleStyle1.gif) no-repeat right top; - padding-right: 3px; -} - -.UIAction .SimpleStyle1 .ButtonMiddle { - background: transparent url(background/SimpleStyle1.gif) repeat-x left -20px; - line-height: 20px; - padding: 0px 4px; -} - -.UIAction .SimpleStyle1 .ButtonMiddle .PageProfileIcon { +.UIAction { + padding: 8px 0px; + text-align: center; +} + +.UIAction .ActionButton { + display: inline-block; + margin: 0px 3px; + cursor: pointer; +} + +.UIAction a { + display: inline-block; +} + +.UIAction .ActionButton:hover { + color: #058ee6; +} + +.UIAction .ActionButton .Icon { + padding-left: 20px; /* orientation=lt */ + padding-right: 20px; /* orientation=rt */ + width: auto; + height: auto; + background-position: left center; /* orientation=lt */ + background-position: right center; /* orientation=rt */ + background-repeat: no-repeat; +} + +/*##############################-LightBlueStyle ActionButton-################################*/ + +.UIAction .LightBlueStyle { + line-height: 19px; text-align: center; + background: url('background/LightBlueStyle.gif') repeat-x center; + white-space: nowrap; + padding: 0px 12px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 1px solid #8a8a8a; + border-bottom: 1px solid #5d5d5d; +} + +/*##############################-SimpleStyle ActionButton-################################*/ + +.UIAction .SimpleStyle { +} + +.UIAction .SimpleStyle { + line-height: 20px; + background: url('background/SimpleStyle.gif') repeat-x center; + text-align: center; + padding: 0px 12px; + white-space: nowrap; + border: 1px solid #c9c9c9; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +.UIAction a.SimpleStyle { + color: #313131; + margin: 0px 6px; + white-space: nowrap; +} + +.UIAction .SimpleStyle:hover { + color: #1273df; +} + +/********************** DarkGrayButton **********************/ + +.UIAction .DarkGrayButton { + font-weight: normal; + background: url('background/DarkGrayButton.gif') repeat-x left center; + font-size: 11px; + line-height: 22px; + padding: 0px 10px; + border: 1px solid #e2e2e2; + border-bottom: 1px solid #d9d9d9; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.UIAction .DarkGrayButton:hover { + color: #9b9b9b; +} + + +/*************************SimpleStyle1********************/ + +.UIAction .SimpleStyle1 { + background: transparent url(background/SimpleStyle1.gif) repeat-x center; + line-height: 20px; + padding: 0px 4px; + border: 1px solid #b8babf; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.UIAction .SimpleStyle1 .PageProfileIcon { background: transparent url(background/PageProfileIcon.gif) no-repeat left; /* orientation=lt */ background: transparent url(background/PageProfileIcon.gif) no-repeat right; /* orientation=rt */ line-height: 20px; padding-left: 22px; /* orientation=lt */ padding-right: 22px; /* orientation=rt */ - white-space: nowrap; + white-space: nowrap; } -.UIAction .SimpleStyle1 .ButtonMiddle .ViewAsBlockIcon { +.UIAction .SimpleStyle1 .ViewAsBlockIcon { background: transparent url(background/ViewAsBlockIcon.gif) no-repeat left; /* orientation=lt */ background: transparent url(background/ViewAsBlockIcon.gif) no-repeat right; /* orientation=rt */ line-height: 20px; padding-left: 22px; /* orientation=lt */ padding-right: 22px; /* orientation=rt */ - white-space: nowrap; + white-space: nowrap; } - -.UIAction .portlet-form-button { - -moz-border-radius: 0px; - background: none; - border: none; - display: block; - line-height: auto; - margin: 0px 3px; - padding: 0px; - text-align: center; - white-space: nowrap; -} Copied: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DarkGrayButton.gif (from rev 7349, portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DarkGrayButton.gif) =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,108 +17,69 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIInfoBar { -} - -/*######################-Blue Rounded Style-######################*/ - -.UIInfoBar .BlueRoundedStyle { - padding: 0px; margin: 0px; -} - -.UIInfoBar .BlueRoundedStyle .LeftBar { - background: url('background/ViewBlockBar.png') no-repeat left top; /* orientation=lt */ - background: url('background/ViewBlockBar-rt.png') no-repeat left -26px; /* orientation=rt */ - padding-left: 5px; /* orientation=lt */ - padding-left: 9px; /* orientation=rt */ -} - -.UIInfoBar .BlueRoundedStyle .RightBar { - background: url('background/ViewBlockBar.png') no-repeat right -26px; /* orientation=lt */ - background: url('background/ViewBlockBar-rt.png') no-repeat right top; /* orientation=rt */ - padding-right: 9px; /* orientation=lt */ - padding-right: 5px; /* orientation=rt */ -} - -.UIInfoBar .BlueRoundedStyle .MiddleBar { - background: url('background/ViewBlockBar.png') repeat-x center -52px; -} - -.UIInfoBar .BlueRoundedStyle .FixHeight { - height: 26px; - white-space: nowrap; -} - -.UIInfoBar .BlueRoundedStyle .PortletIcon { - background: url('background/Earth.gif') no-repeat left center; /* orientation=lt */ - background: url('background/Earth.gif') no-repeat right center; /* orientation=rt */ - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - text-overflow: ellipsis; - width: auto; - line-height: 23px; - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ - margin: 0px 0px 0px 6px; /* orientation=lt */ - margin: 0px 6px 0px 0px; /* orientation=rt */ - color: black; -} - -.UIInfoBar .BlueRoundedStyle .ContainerIcon { - background: url('background/DefaultContainerIcon.gif') no-repeat left center; /* orientation=lt */ - background: url('background/DefaultContainerIcon.gif') no-repeat right center; /* orientation=rt */ - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - text-overflow: ellipsis; - width: auto; - line-height: 23px; - padding-left: 25px; /* orientation=lt */ - padding-right: 25px; /* orientation=rt */ - margin: 0px 0px 0px 6px; /* orientation=lt */ - margin: 0px 6px 0px 0px; /* orientation=rt */ - height: auto; - color: black; -} - -/*######################-Polygon Navyblue Style-######################*/ - -.UIInfoBar .PolygonNavyBlueStyle { - height: 26px; -} - -.UIInfoBar .PolygonNavyBlueStyle .LeftBar { - background: url('background/PolygonNavyBlueStyle.gif') no-repeat left top; - padding: 0px 0px 0px 3px; -} - -.UIInfoBar .PolygonNavyBlueStyle .RightBar { - background: url('background/PolygonNavyBlueStyle.gif') no-repeat right top; - padding: 0px 3px 0px 0px; -} - -.UIInfoBar .PolygonNavyBlueStyle .MiddleBar { - height: 26px; - background: url('background/PolygonNavyBlueStyle.gif') repeat-x center bottom; - padding: 0px 0px 0px 2px; -} - -/*######################-Smooth Style 26 -######################*/ - -.UIInfoBar .SmoothStyle26 { - height: 26px; -} - -.UIInfoBar .SmoothStyle26 .LeftBar { - background: url('background/SmoothStyle26.gif') no-repeat left top; - padding: 0px 0px 0px 1px; -} - -.UIInfoBar .SmoothStyle26 .RightBar { - background: url('background/SmoothStyle26.gif') no-repeat right top; - padding: 0px 1px 0px 0px; -} - -.UIInfoBar .SmoothStyle26 .MiddleBar { - height: 26px; - background: url('background/SmoothStyle26.gif') repeat-x center bottom; +.UIInfoBar { } + +/*######################-Blue Rounded Style-######################*/ + +.UIInfoBar .BlueRoundedStyle { + padding: 0px 3px; margin: 0px; + background: url('background/BlueRoundedStyle.png') repeat-x center; + height: 19px; line-height: 19px; + border: 1px solid #b8babf; + -moz-border-radius: 0 0 5px 0; + -webkit-border-radius: 0 0 5px 0; + border-radius: 0 0 5px 0; + -moz-box-shadow: 1px 0px rgba(255, 255, 255, 0.6), -1px 0px rgba(255, 255, 255, 0.6), + 0px 1px rgba(255, 255, 255, 0.6), 0px -1px rgba(255, 255, 255, 0.6), + 2px 2px 2px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 1px 0px rgba(255, 255, 255, 0.6), -1px 0px rgba(255, 255, 255, 0.6), + 0px 1px rgba(255, 255, 255, 0.6), 0px -1px rgba(255, 255, 255, 0.6), + 2px 2px 2px rgba(0, 0, 0, 0.3); + box-shadow: 1px 0px rgba(255, 255, 255, 0.6), -1px 0px rgba(255, 255, 255, 0.6), + 0px 1px rgba(255, 255, 255, 0.6), 0px -1px rgba(255, 255, 255, 0.6), + 2px 2px 2px rgba(0, 0, 0, 0.3); +} + +/*######################-Polygon Navyblue Style-######################*/ + +.UIInfoBar .PolygonNavyBlueStyle { + height: 26px; +} + +.UIInfoBar .PolygonNavyBlueStyle .LeftBar { + background: url('background/PolygonNavyBlueStyle.gif') no-repeat left top; + padding: 0px 0px 0px 3px; +} + +.UIInfoBar .PolygonNavyBlueStyle .RightBar { + background: url('background/PolygonNavyBlueStyle.gif') no-repeat right top; + padding: 0px 3px 0px 0px; +} + +.UIInfoBar .PolygonNavyBlueStyle .MiddleBar { + height: 26px; + background: url('background/PolygonNavyBlueStyle.gif') repeat-x center bottom; + padding: 0px 0px 0px 2px; +} + +/*######################-Smooth Style 26 -######################*/ + +.UIInfoBar .SmoothStyle26 { + height: 26px; +} + +.UIInfoBar .SmoothStyle26 .LeftBar { + background: url('background/SmoothStyle26.gif') no-repeat left top; + padding: 0px 0px 0px 1px; +} + +.UIInfoBar .SmoothStyle26 .RightBar { + background: url('background/SmoothStyle26.gif') no-repeat right top; + padding: 0px 1px 0px 0px; +} + +.UIInfoBar .SmoothStyle26 .MiddleBar { + height: 26px; + background: url('background/SmoothStyle26.gif') repeat-x center bottom; +} Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif =================================================================== (Binary files differ) Copied: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.png (from rev 7349, portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.png) =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/DefaultContainerIcon.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/Earth.gif =================================================================== (Binary files differ) Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,201 +17,172 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIMaskWorkspace { - border: none; - width: 650px; -} - -.UIMaskWorkspace .TopLeftDecorator { - background: url('background/MaskWorkspace.png') no-repeat left top; - padding: 0px 0px 0px 13px; -} - -.UIMaskWorkspace .TopRightDecorator { - background: url('background/MaskWorkspace.png') no-repeat right -13px; - padding: 0px 13px 0px 0px; -} - -.UIMaskWorkspace .TopLeftDecorator .TopCenterDecorator { - height: 13px; - background: url('background/MaskWorkspace.png') repeat-x center -26px; -} - -.UIMaskWorkspace .MiddleLeftDecorator { - background: url('background/MiddleMaskWorkspace.png') repeat-y left top; - padding: 0px 0px 0px 10px; -} - -.UIMaskWorkspace .MiddleRightDecorator { - background: url('background/MiddleMaskWorkspace.png') repeat-y right top; - padding: 0px 11px 0px 0px; -} - -.UIMaskWorkspace .MaskContainer { - background: #f5f5f5; -} - -.UIMaskWorkspace .BottomLeftDecorator { - background: url('background/MaskWorkspace.png') no-repeat left -39px; - padding: 0px 0px 0px 13px; -} - -.UIMaskWorkspace .BottomRightDecorator { - padding: 0px 13px 0px 0px; - background: url('background/MaskWorkspace.png') no-repeat right -52px; -} - -.UIMaskWorkspace .BottomLeftDecorator .BottomCenterDecorator { - height: 13px; - background: url('background/MaskWorkspace.png') repeat-x center -65px; -} - -.UIMaskWorkspace .UIAddApplication .UIItemSelector .ItemDetailList { - margin-right: 0px; /* orientation=lt */ - margin-left: 0px; /* orientation=rt */ - height: auto; -} - -/*********************************** UITabContent ************************************/ - -.UIMaskWorkspace .UIFormTabPane { - padding: 10px; -} - -.UIMaskWorkspace .UITabContent { - overflow-y: auto; - overflow-x: hidden; - margin: auto; - height: 275px; -} - -.UIMaskWorkspace .UIForm .HorizontalLayout .SelectedIconInfo .UIFormInputSet { - margin: auto; -} - -.UIMaskWorkspace .UIAccessGroup .PublicCheck .UIFormGrid td.FieldComponent { - _padding: 0px; -} - -/*********************************** End UITabContent ************************************/ - -.UIMaskWorkspace .IconLayout { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 3px 5px 0px 5px; -} - -.UIMaskWorkspace .UIFormWithTitle { - width: 550px; - margin: auto; - padding: 50px 0px; -} - -.UIMaskWorkspace .UIFormInputSet .UIFormGrid .SelectGroup { - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat center; - height: 22px; - width: 22px; -} - -/**********************************UITabSelector*****************************************/ - -.UIMaskWorkspace .UITabPane .TabPaneContent .WorkingArea .CSSContent { - border: 1px solid #d5d5d5; - padding: 0px; -} - -.UIMaskWorkspace .UITabPane .TabPaneContent .CSSContent .UITabContent { - height: auto; - border: 1px solid white; - border-top: none; - margin: auto; - overflow: hidden; -} - -/************************************ Select Permission *******************************/ - -.UIGroupSelector { - padding: 10px; -} - -.UIGroupSelector .SelectedGroupPath { - padding: 5px 0px; -} - -.UIGroupSelector .UIBreadcumbs { - border: 1px solid white; - padding: 0px; -} - -.UIGroupSelector .UIBreadcumbs .LeftBreadcumbsBar { - background: white; - border: 1px solid #b7b7b7; -} - -.UIGroupSelector .UIBreadcumbs .RightBreadcumbsBar { - background: white; -} - -.UIGroupSelector .UIBreadcumbs .BreadcumbsInfoBar { - background: white; -} - -.UIGroupSelector .UIBreadcumbs .BCHome16x16Icon { - width: 16px; height: 16px; - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left center; -} - -.UIGroupSelector .UIBreadcumbs a.Selected { - color: #058ee6; -} - -.UIGroupSelector .GroupSelector { - padding: 10px; - background: #f4f4f4; - border: 1px solid #e4e4e4; -} - -.UIGroupSelector .TitleGroupSelector { - background: url('background/ThGridRepeatBg1x19.jpg') repeat-x; - line-height: 19px; height: 19px; - border: 1px solid #b7b7b7; - border-bottom: 1px solid #cfcfcf; - padding: 0px 10px; -} - -.UIGroupSelector .LeftGroupSelector { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 220px; height: 210px; - border: 1px solid white; -} - -.UIGroupSelector .RightGroupSelector { - margin-left: 225px; /* orientation=lt */ - margin-right: 225px; /* orientation=rt */ - height: 210px; - border: 1px solid white; -} - -.UIGroupSelector .RightGroupSelector .Content { - border: 1px solid #b7b7b7; border-top: none; - height: 170px; - color: #058ee6; - padding: 10px; - background: white; -} - -.UIGroupSelector .RightGroupSelector .Content div { - padding: 3px 0px; -} - -.UIGroupSelector .RightGroupSelector .Content span { - color: #2c2c2c; -} - -/**************************************Container Form*************************************/ -/**************************************ExoMessageDecorator*************************************/ - -.UIMaskWorkspace .UIIFramePortlet .ExoMessageDecorator .UIPopupMessages .UITabContentContainer { - border: none; -} +.UIMaskWorkspace { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + border: solid 8px #c5c5c5; + width: 650px; + -moz-box-shadow: 0px 0px 5px #909090; + -webkit-box-shadow: 0px 0px 5px #909090; + box-shadow: 0px 0px 5px #909090; + background: #c5c5c5; +} + +.UIMaskWorkspace .MaskContainer { + background: #f5f5f5; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + + +.UIMaskWorkspace .UIAddApplication .UIItemSelector .ItemDetailList { + margin-right: 0px; /* orientation=lt */ + margin-left: 0px; /* orientation=rt */ + height: auto; +} + +/*********************************** UITabContent ************************************/ + +.UIMaskWorkspace .UIFormTabPane { + padding: 10px; +} + +.UIMaskWorkspace .UITabContent { + overflow-y: auto; + overflow-x: hidden; + margin: auto; + height: 275px; +} + +.UIMaskWorkspace .UIForm .HorizontalLayout .SelectedIconInfo .UIFormInputSet { + margin: auto; +} + +.UIMaskWorkspace .UIAccessGroup .PublicCheck .UIFormGrid td.FieldComponent { + _padding: 0px; +} + +/*********************************** End UITabContent ************************************/ + +.UIMaskWorkspace .IconLayout { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + margin: 3px 5px 0px 5px; +} + +.UIMaskWorkspace .UIFormWithTitle { + width: 550px; + margin: auto; + padding: 50px 0px; +} + +.UIMaskWorkspace .UIFormInputSet .UIFormGrid .SelectGroup { + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat center; + height: 22px; + width: 22px; +} + +/**********************************UITabSelector*****************************************/ + +.UIMaskWorkspace .UITabPane .TabPaneContent .WorkingArea .CSSContent { + border: 1px solid #d5d5d5; + padding: 0px; +} + +.UIMaskWorkspace .UITabPane .TabPaneContent .CSSContent .UITabContent { + height: auto; + border: 1px solid white; + border-top: none; + margin: auto; + overflow: hidden; +} + +/************************************ Select Permission *******************************/ + +.UIGroupSelector { + padding: 10px; +} + +.UIGroupSelector .SelectedGroupPath { + padding: 5px 0px; +} + +.UIGroupSelector .UIBreadcumbs { + border: 1px solid white; + padding: 0px; +} + +.UIGroupSelector .UIBreadcumbs .LeftBreadcumbsBar { + background: white; + border: 1px solid #b7b7b7; +} + +.UIGroupSelector .UIBreadcumbs .RightBreadcumbsBar { + background: white; +} + +.UIGroupSelector .UIBreadcumbs .BreadcumbsInfoBar { + background: white; +} + +.UIGroupSelector .UIBreadcumbs .BCHome16x16Icon { + width: 16px; height: 16px; + background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left center; +} + +.UIGroupSelector .UIBreadcumbs a.Selected { + color: #058ee6; +} + +.UIGroupSelector .GroupSelector { + padding: 10px; + background: #f4f4f4; + border: 1px solid #e4e4e4; +} + +.UIGroupSelector .TitleGroupSelector { + background: url('background/ThGridRepeatBg1x19.jpg') repeat-x; + line-height: 19px; height: 19px; + border: 1px solid #b7b7b7; + border-bottom: 1px solid #cfcfcf; + padding: 0px 10px; +} + +.UIGroupSelector .LeftGroupSelector { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + width: 220px; height: 210px; + border: 1px solid white; +} + +.UIGroupSelector .RightGroupSelector { + margin-left: 225px; /* orientation=lt */ + margin-right: 225px; /* orientation=rt */ + height: 210px; + border: 1px solid white; +} + +.UIGroupSelector .RightGroupSelector .Content { + border: 1px solid #b7b7b7; border-top: none; + height: 170px; + color: #058ee6; + padding: 10px; + background: white; +} + +.UIGroupSelector .RightGroupSelector .Content div { + padding: 3px 0px; +} + +.UIGroupSelector .RightGroupSelector .Content span { + color: #2c2c2c; +} + +/**************************************Container Form*************************************/ +/**************************************ExoMessageDecorator*************************************/ + +.UIMaskWorkspace .UIIFramePortlet .ExoMessageDecorator .UIPopupMessages .UITabContentContainer { + border: none; +} Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -28,68 +28,25 @@ width: 120px; top: 15px; left: -85px; /* orientation=lt */ - right: -85px; /* orientation=rt */ + right: -85px; /* orientation=rt */ + border: 1px solid #787878; + box-shadow: 1px 1px 2px #787878; /* orientation=lt */ + -moz-box-shadow: 1px 1px 2px #787878; /* orientation=lt */ + -webkit-box-shadow: 1px 1px 2px #787878; /* orientation=lt */ + box-shadow: -1px 1px 2px #787878; /* orientation=rt */ + -moz-box-shadow: -1px 1px 2px #787878; /* orientation=rt */ + -webkit-box-shadow: -1px 1px 2px #787878; /* orientation=rt */ + margin-top: 8px; + background: #ffffff; } -.UIPopupCategory .PopupCategoryDecorator { +.UIPopupCategory .PopupCategoryDecorator { + background: url('background/PopupCategory.gif') no-repeat 88% top; /* orientation=lt */ + background: url('background/PopupCategory-rt.gif') no-repeat 8px top; /* orientation=rt */ + margin-top: -11px; + padding: 15px 4px 4px; } -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTL { - background: url('background/PopupCategory.gif') no-repeat left top; /* orientation=lt */ - background: url('background/PopupCategory-rt.gif') no-repeat right top; /* orientation=rt */ - padding-left: 6px; /* orientation=lt */ - padding-right: 6px; /* orientation=rt */ -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTC { - height: 16px; - background: url('background/PopupCategory.gif') repeat-x left -39px; -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTR { - background: url('background/PopupCategory.gif') no-repeat right -16px; /* orientation=lt */ - background: url('background/PopupCategory-rt.gif') no-repeat left -16px; /* orientation=rt */ - padding-right: 35px; /* orientation=lt */ - padding-left: 35px; /* orientation=rt */ -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryML { - background: url('background/MidlePopupCategory.gif') repeat-y left; /* orientation=lt */ - background: url('background/MidlePopupCategory-rt.gif') repeat-y right; /* orientation=rt */ - padding-left: 6px; /* orientation=lt */ - padding-right: 6px; /* orientation=rt */ -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryMC { - background: #efefef; -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryMR { - background: url('background/MidlePopupCategory.gif') repeat-y right; /* orientation=lt */ - background: url('background/MidlePopupCategory-rt.gif') repeat-y left; /* orientation=rt */ - padding-right: 8px; /* orientation=lt */ - padding-left: 8px; /* orientation=rt */ -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBL { - background: url('background/PopupCategory.gif') no-repeat left -32px; /* orientation=lt */ - background: url('background/PopupCategory-rt.gif') no-repeat right -32px; /* orientation=rt */ - padding-left: 6px; /* orientation=lt */ - padding-right: 6px; /* orientation=rt */ -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBC { - height: 7px; - background: url('background/PopupCategory.gif') repeat-x left -55px; -} - -.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBR { - background: url('background/PopupCategory.gif') no-repeat right -32px; /* orientation=lt */ - background: url('background/PopupCategory-rt.gif') no-repeat left -32px; /* orientation=rt */ - padding-right: 8px; /* orientation=lt */ - padding-left: 8px; /* orientation=rt */ -} - .UIPopupCategory .CategoryItem .Icon { width: 16px; height: 16px; @@ -110,21 +67,23 @@ border-bottom: 1px #cdcdcd solid; cursor: pointer; display: block; - text-align: left; - width: auto; + padding-left: 18px; /* orientation=lt */ + padding-right: 18px; /* orientation=rt */ + height: 22px; + line-height: 22px; + background: #efefef url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */ + background: #efefef url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow-rt.gif') no-repeat right center; /* orientation=rt */ } .UIPopupCategory .CategoryItem:hover { - background: #cbcff2; - color: #2569dc; -} - -.UIPopupCategory .CategoryItem .CategoryItemLabel { - padding-left: 18px; /* orientation=lt */ - padding-right: 18px; /* orientation=rt */ - height: 22px; + color: #2569dc; + border-bottom: 1px #cdcdcd solid; + cursor: pointer; + display: block; + padding-left: 18px; /* orientation=lt */ + padding-right: 18px; /* orientation=rt */ + height: 22px; line-height: 22px; - overflow: hidden; - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */ - background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow-rt.gif') no-repeat right center; /* orientation=rt */ + background: #cbcff2 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */ + background: #cbcff2 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow-rt.gif') no-repeat right center; /* orientation=rt */ } \ No newline at end of file Deleted: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,14 +17,7 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIPopupMessages { -} -.UIPopupMessages .UIHorizontalTabs { - height: 31px; - background: url('background/MessageTabBar.gif') repeat-x bottom; -} - .UIPopupMessages .UIHorizontalTabs .TabsContainer { height: 31px; } @@ -33,10 +26,11 @@ border: none; } -.UIPopupMessages .PopupMessageBox { +.UIPopupMessages ul { padding: 5px; height: 200px; overflow: auto; + margin: 0px; } .UIPopupMessages .WarningMessage .MessageContainer { @@ -59,126 +53,41 @@ border-bottom: 1px dotted #c3c3c3; } -.UIPopupMessages .PopupMessageContainer .PopupIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 16px; height: 16px; - margin-top: 5px; +.UIPopupMessages .MessageContainer .PopupIcon { + display: block; + line-height: 16px; + padding: 5px 0 5px 22px; } -.UIPopupMessages .PopupMessageContainer .InfoMessageIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Info.gif) no-repeat top; +.UIPopupMessages .MessageContainer .InfoMessageIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Info.gif) no-repeat left 7px; } -.UIPopupMessages .PopupMessageContainer .WarningMessageIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Warning.gif) no-repeat top; +.UIPopupMessages .MessageContainer .WarningMessageIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Warning.gif) no-repeat left 7px; } -.UIPopupMessages .PopupMessageContainer .ErrorMessageIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Error.gif) no-repeat top; +.UIPopupMessages .MessageContainer .ErrorMessageIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Error.gif) no-repeat left 7px; } -.UIPopupMessages .PopupMessageContainer .PopupMessage { - line-height: 16px; - vertical-align: middle; - padding: 5px 0px; - margin-left: 25px; /* orientation=lt */ - margin-right: 25px; /* orientation=rt */ +.UIPopupMessages .UIHorizontalTabs{ + background: url(background/MessageTabBar.gif) repeat-x center bottom; + height: 31px; } -.UIPopupMessages .MessageActionBar { -} - /***************************Begin PoupWindow ExoMessage**********************************/ -.UIPopupWindow .ExoMessageDecorator { - overflow: hidden;/*Fix for IE*/ -} - -.UIPopupWindow .ExoMessageDecorator .TopLeftCornerDecorator { - background: url('background/ExoMessageDecorator.png') no-repeat left top; - padding-left: 6px; - height: 31px; -} - -.UIPopupWindow .ExoMessageDecorator .TopRightCornerDecorator { - background: url('background/ExoMessageDecorator.png') no-repeat right -31px; - padding-right: 6px; - height: 31px; -} - -.UIPopupWindow .ExoMessageDecorator .TopCenterDecorator { - background: url('background/ExoMessageDecorator.png') repeat-x center -62px; - height: 26px; -} - -.UIPopupWindow .ExoMessageDecorator .PopupTitle { - background: none; - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ -} - -.UIPopupWindow .ExoMessageDecorator .PopupTitleIcon { - width: 16px; height: 16px; +.ExoMessageDecorator .OverflowContainer .PopupTitleIcon { + width: 16px; + height: 16px; background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Message.gif') no-repeat; float: left; /* orientation=lt */ float: right; /* orientation=rt */ - margin: 4px 0px 0px 4px; /* orientation=lt */ - margin: 4px 4px 0px 0px; /* orientation=rt */ + margin: 4px 0px 0px 8px; /* orientation=lt */ + margin: 4px 8px 0px 0px; /* orientation=rt */ } -.UIPopupWindow .ExoMessageDecorator .MiddleLeftSideDecorator { - background: url('background/MiddleExoMessage.png') repeat-y left; - padding-left: 4px; - height: 100%; -} - -.UIPopupWindow .ExoMessageDecorator .MiddleRightSideDecorator { - background: url('background/MiddleExoMessage.png') repeat-y right; - padding-right: 4px; -} - -.UIPopupWindow .ExoMessageDecorator .MiddleCenterDecorator { - background: #e1e1e1; - padding: 6px 7px; -} - -.UIPopupWindow .ExoMessageDecorator .UIWindowContent { - padding: 0px; margin: 0px; - border: none; -} - -.UIPopupWindow .ExoMessageDecorator .PopupContent { - background: none; -} - -.UIPopupWindow .ExoMessageDecorator .UIWindowContent .Content { - padding: 0px; margin: 0px; - border: none; -} - -.UIPopupWindow .ExoMessageDecorator .BottomLeftCornerDecorator { - background: url('background/ExoMessageDecorator.png') no-repeat left -93px; - padding-left: 6px; -} - -.UIPopupWindow .ExoMessageDecorator .BottomRightCornerDecorator { - background: url('background/ExoMessageDecorator.png') no-repeat right -99px; - padding-right: 6px; -} - -.UIPopupWindow .ExoMessageDecorator .BottomCenterDecorator { - background: url('background/ExoMessageDecorator.png') repeat-x center -105px; - height: 6px; -} - -.UIPopupWindow .ExoMessageDecorator .UITabContentContainer { +.ExoMessageDecorator .UITabContentContainer { background: white; } - -.UIPopupWindow .ExoMessageDecorator .UITabContentContainer .UITabContent { - height: auto; - background: none; - border: none; - padding: 0px; -} Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -17,293 +17,251 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIPopupWindow { - position: absolute; - visibility: hidden; -} - -.UIPopupWindow .PopupTitleIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 5px 0px 0px 3px; /* orientation=lt */ - margin: 5px 3px 0px 0px; /* orientation=rt */ - width: 16px; height: 16px; - background: url('background/PopupWindow.gif') no-repeat left bottom; -} - -.UIPopupWindow .PopupTitleIconRight { - float: right; - margin: 5px 3px 0px 0px; - width: 19px; height: 16px; - background: url('background/PopupWindow.gif') no-repeat left bottom; -} - -.UIPopupWindow .PopupTitle { - margin: 4px 26px 0px 26px; - line-height: 16px; - vertical-align: middle; - cursor: move; - color: #000; -} - -.UIPopupWindow .CloseButton { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - margin: 5px 3px 0px 0px; /* orientation=lt */ - margin: 5px 0px 0px 3px; /* orientation=rt */ - cursor: pointer; - width: 23px; height: 17px; - background: url('background/CloseIcon.gif') no-repeat right top; -} - -.UIPopupWindow .BackButton { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - margin: 5px 3px 0px 0px; /* orientation=lt */ - margin: 5px 0px 0px 3px; /* orientation=rt */ - cursor: pointer; - width: 18px; height: 18px; - background: url('background/Back.gif') no-repeat right bottom; -} - -.UIPopupWindow .TopLeftCornerDecorator { - background: url('background/TopPopup.png') no-repeat left top; - padding-left: 8px; -} - -.UIPopupWindow .TopCenterDecorator { - background: url('background/TopPopup.png') repeat-x left -66px; - height: 28px; - padding-top: 5px; -} - -.UIPopupWindow .TopRightCornerDecorator { - background: url('background/TopPopup.png') no-repeat right -33px; - padding-right: 8px; -} - -.UIPopupWindow .MiddleLeftSideDecorator { - background: url('background/MiddlePopup.png') repeat-y left top; - padding-left: 8px; -} - -.UIPopupWindow .MiddleCenterDecorator { - background: #e1e1e1; - padding: 0px 3px 5px 3px; -} - -.UIPopupWindow .MiddleRightSideDecorator { - background: url('background/MiddlePopup.png') repeat-y right top; - padding-right: 8px; - } - -.UIPopupWindow .UIWindowContent { - border: 1px solid #bdbcbd; -} - -.UIPopupWindow .PopupContent { - width: 100%; - background: #f7f7f7; - overflow: auto; -} - -.UIPopupWindow .ResizeButton { - background: url('background/ResizeBtn.gif') no-repeat right top; /* orientation=lt */ - background: url('background/ResizeBtn-rt.gif') no-repeat left top; /* orientation=rt */ - display: block; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - cursor: nw-resize; /* orientation=lt */ - cursor: ne-resize; /* orientation=rt */ -} - -.UIPopupWindow .BottomLeftCornerDecorator { - background: url('background/BottomPopup.png') no-repeat left top; - padding-left: 7px; -} - -.UIPopupWindow .BottomCenterDecorator { - background: url('background/BottomPopup.png') repeat-x left -14px; - height: 7px; -} - -.UIPopupWindow .BottomRightCornerDecorator { - background: url('background/BottomPopup.png') no-repeat right -7px; - padding-right: 7px; -} - -.UIPopupWindow .Content .UIPageBrowser { - padding: 7px 4px 0px 8px; - width: 96%; - margin: auto; -} - -/************************** UIPortalComposer **************************/ - -.UIPortalComposer { -} - -.UIPortalComposer .TLPortalComposer { - background: transparent url(background/PortalComposer.gif) no-repeat left top; - padding-left: 7px; -} - -.UIPortalComposer .TRPortalComposer { - background: transparent url(background/PortalComposer.gif) no-repeat right top; - padding-right: 7px; -} - -.UIPortalComposer .TCPortalComposer { - background: transparent url(background/PortalComposer.gif) repeat-x left -34px; - height: 34px; -} - -.UIPortalComposer .CollapseIcon { - background: url(background/ExpandIcon.gif) no-repeat left; /* orientation=lt */ - background: url(background/ExpandIcon-rt.gif) no-repeat right; /* orientation=rt */ - width: 16px; - height: 14px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 8px 5px; - cursor: pointer; -} - -.UIPortalComposer .ExpandIcon { - background: url(background/GrayDownIcon.gif) no-repeat left; /* orientation=lt */ - background: url(background/GrayDownIcon.gif) no-repeat right; /* orientation=rt */ - width: 16px; - height: 14px; - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - margin: 8px 5px; - cursor: pointer; -} - -.UIPortalComposer .CloseButton { - background: url(background/CloseIcon.gif) no-repeat right bottom; /* orientation=lt */ - background: url(background/CloseIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ - width: 23px; +.UIPopupWindow { + position: absolute; + visibility: hidden; + background: #E1E1E1; + border: 1px solid #CACACA; + box-shadow: 0 0 5px #AFAFAF; +} + +.UIPopupWindow .PopupTitleIcon { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + margin: 5px 0px 0px 8px; /* orientation=lt */ + margin: 5px 8px 0px 0px; /* orientation=rt */ + width: 16px; + height: 16px; + background: url('background/PopupWindow.gif') no-repeat left bottom; +} + +.UIPopupWindow .PopupTitleIconRight { + float: right; + margin: 5px 3px 0px 0px; + width: 19px; height: 16px; + background: url('background/PopupWindow.gif') no-repeat left bottom; +} + +.UIPopupWindow .PopupTitle { + margin: 0px 30px 0px; + line-height: 26px; + vertical-align: middle; + cursor: move; + color: #000; + display: block; +} + +.UIPopupWindow .CloseButton { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + margin: 5px 8px 0px 0px; /* orientation=lt */ + margin: 5px 0px 0px 8px; /* orientation=rt */ + cursor: pointer; + width: 23px; height: 17px; + background: url('background/CloseIcon.gif') no-repeat right top; +} + +.UIPopupWindow .BackButton { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + margin: 5px 3px 0px 0px; /* orientation=lt */ + margin: 5px 0px 0px 3px; /* orientation=rt */ + cursor: pointer; + width: 18px; height: 18px; + background: url('background/Back.gif') no-repeat right bottom; +} + +.UIPopupWindow .UIWindowContent { + border: 1px solid #bdbcbd; + background: #EBEBEB; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + margin: 5px 8px 8px 8px; +} + +.UIPopupWindow .PopupContent { + width: 100%; + background: #f7f7f7; + overflow: auto; +} + +.UIPopupWindow .ResizeButton { + background: url('background/ResizeBtn.gif') no-repeat right top; /* orientation=lt */ + background: url('background/ResizeBtn-rt.gif') no-repeat left top; /* orientation=rt */ + display: block; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + cursor: nw-resize; /* orientation=lt */ + cursor: ne-resize; /* orientation=rt */ +} + +.UIPopupWindow > .OverflowContainer{ + background: #e1e1e1; + height: 25px; +} + +.UIPopupWindow .Content .UIPageBrowser { + padding: 7px 4px 0px 8px; + width: 96%; + margin: auto; +} + +/************************** UIPortalComposer **************************/ + +.UIPortalComposer { + border: 1px solid #A2A3A9; + border-top: none; + background: #ececec; +} + +.UIPortalComposer .CollapseIcon { + background: url(background/ExpandIcon.gif) no-repeat left; /* orientation=lt */ + background: url(background/ExpandIcon-rt.gif) no-repeat right; /* orientation=rt */ + width: 16px; + height: 14px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + margin: 8px 5px; + cursor: pointer; +} + +.UIPortalComposer .ExpandIcon { + background: url(background/GrayDownIcon.gif) no-repeat left; /* orientation=lt */ + background: url(background/GrayDownIcon.gif) no-repeat right; /* orientation=rt */ + width: 16px; + height: 14px; + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + margin: 8px 5px; + cursor: pointer; +} + +.UIPortalComposer .CloseButton { + background: url(background/CloseIcon.gif) no-repeat right bottom; /* orientation=lt */ + background: url(background/CloseIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ + width: 23px; height: 17px; float: right; /* orientation=lt */ float: left; /* orientation=rt */ - margin: 6px 0px 0px 2px; /* orientation=lt */ - margin: 6px 2px 0px 0px; /* orientation=rt */ -} - -.UIPortalComposer .SaveButton { + margin: 6px 5px 0px 2px; /* orientation=lt */ + margin: 6px 2px 0px 5px; /* orientation=rt */ +} + +.UIPortalComposer .SaveButton { background: url(background/EdittedSaveIcon.gif) no-repeat right bottom; /* orientation=lt */ background: url(background/EdittedSaveIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ - cursor: pointer; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - height: 17px; + cursor: pointer; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + height: 17px; margin: 6px 0px 0px 2px; /* orientation=lt */ - margin: 6px 2px 0px 0px; /* orientation=rt */ - width: 23px; -} - -.UIPortalComposer .BackButton { - background: url(background/BackIcon.gif) no-repeat right bottom; /* orientation=lt */ - background: url(background/BackIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ - width: 23px; + margin: 6px 2px 0px 0px; /* orientation=rt */ + width: 23px; +} + +.UIPortalComposer .BackButton { + background: url(background/BackIcon.gif) no-repeat right bottom; /* orientation=lt */ + background: url(background/BackIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ + width: 23px; height: 17px; float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - margin: 6px 0px 0px 0px; -} - -.UIPortalComposer .EdittedSaveButton { + float: left; /* orientation=rt */ + margin: 6px 0px 0px 0px; +} + +.UIPortalComposer .EdittedSaveButton { background: url(background/SaveIcon.gif) no-repeat right bottom; /* orientation=lt */ - background: url(background/SaveIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ - cursor: pointer; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ + background: url(background/SaveIcon-rt.gif) no-repeat left bottom; /* orientation=rt */ + cursor: pointer; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ height: 17px; margin: 6px 0px 0px 2px; /* orientation=lt */ - margin: 6px 2px 0px 0px; /* orientation=rt */ - width: 23px; -} - -.UIPortalComposer .PopupTitle { - background: none; - margin: 0px 42px 0px 26px; /* orientation=lt */ - margin: 0px 26px 0px 42px; /* orientation=rt */ - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ - color: #000; - font-size: 12px; - font-family: arial; - cursor: move; - line-height: 30px; - height: 30px; -} - -.UIPortalComposer .MLPortalComposer { - background: url(background/MiddlePortalComposer.gif) repeat-y left top; - padding-left: 3px; -} - -.UIPortalComposer .MRPortalComposer { - background: url(background/MiddlePortalComposer.gif) repeat-y right top; - padding-right: 3px; -} - -.UIPortalComposer .MCPortalComposer { - background: #d8dae1 url(background/CenterMiddleWindow.gif) repeat-x left top; - padding: 4px; - padding-bottom: 0px; -} - -.UIPortalComposer .BLPortalComposer { - border: 1px solid #a2a3a9; - border-top: none; - background: #d8dae1; -} - -.UIPortalComposer .BRPortalComposer { - padding: 0px 6px 6px 6px; -} - -.UIPortalComposer .BCPortalComposer { - background: #ececec; - border: 1px solid #bbbcc2; + margin: 6px 2px 0px 0px; /* orientation=rt */ + width: 23px; } - -.UIPortalComposer .Bottom { - border-bottom: 1px solid #a2a3a9; -} - -.UIPortalComposer .UIWindowContent { - border: none; -} - -.UIPortalComposer .PopupContent { - background: none; -} - -.UIPortalComposer .UITabPane { - height: auto; -} - -.UIPortalComposer .UITabPane .TabPaneContent { - padding: 0px; -} - -.UIPortalComposer .UIHorizontalTabs .TabsContainer { - background: url(background/CenterHorizontalTabs.gif) repeat-x left bottom; - height: 25px; -} - -.UIPortalComposer .UITabPane .UITabContentContainer { -} - -.UIPortalComposer .UITabPane .UITabContentContainer .UITabContent { - background: none; - border: none; -} - -.UIPortalComposer .ResizeButton { - width: 13px; height: 13px; - margin: 0; + +.UIPortalComposer .PopupTitle { + background: none; + margin: 0px 42px 0px 0px; /* orientation=lt */ + margin: 0px 0px 0px 42px; /* orientation=rt */ + text-align: left; /* orientation=lt */ + text-align: right; /* orientation=rt */ + color: #000; + font-size: 12px; + font-family: arial; + cursor: move; + line-height: 30px; + height: 30px; + display: block; +} + +.UIPortalComposer .Bottom { + border-bottom: 1px solid #a2a3a9; +} + +.UIPortalComposer .UIWindowContent{ + border: none; + margin: 5px 4px 8px; +} + +.UIPortalComposer .PopupContent { + background: none; +} + +.UIPortalComposer .UITabPane { + height: auto; +} + +.UIPortalComposer .UITabPane .TabPaneContent { + padding: 0px; +} + +.UIPortalComposer .UIHorizontalTabs .TabsContainer { + background: url(background/CenterHorizontalTabs.gif) repeat-x left bottom; + height: 25px; +} + +.UIPortalComposer .UITabPane .UITabContentContainer { +} + +.UIPortalComposer .UITabPane .UITabContentContainer .UITabContent { + background: none; + border: none; +} + +.UIPortalComposer .ResizeButton { + width: 13px; + height: 13px; + margin: 0px 0px 5px 0px; +} + +.UIPortalComposer > .OverflowContainer{ + background: url(background/PortalComposer.gif) repeat-x left -34px; + height: 30px; +} + +.ExoMessageDecorator{ + -moz-border-radius: 5px 5px 0px 0px; + -webkit-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; +} + +.ExoMessageDecorator .OverflowContainer{ + background: #f3f3f3; + height: 26px; + padding-top: 5px; + -moz-border-radius: 5px 5px 0px 0px; + -webkit-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; +} + +.ExoMessageDecorator .UIWindowContent{ + border: none; + background: #e1e1e1; +} + +.ExoMessageDecorator .PopupContent{ + background: none; } \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PortalComposer.gif =================================================================== (Binary files differ) Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIWindow/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIWindow/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIWindow/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,21 +1,21 @@ -/** - * Copyright (C) 2009 eXo Platform SAS. - * - * This is free software; you can redistribute it and/or modify it - * under the terms of the GNU Lesser General Public License as - * published by the Free Software Foundation; either version 2.1 of - * the License, or (at your option) any later version. - * - * This software is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * Lesser General Public License for more details. - * - * You should have received a copy of the GNU Lesser General Public - * License along with this software; if not, write to the Free - * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA - * 02110-1301 USA, or see the FSF site: http://www.fsf.org. - */ +/** + * Copyright (C) 2009 eXo Platform SAS. + * + * This is free software; you can redistribute it and/or modify it + * under the terms of the GNU Lesser General Public License as + * published by the Free Software Foundation; either version 2.1 of + * the License, or (at your option) any later version. + * + * This software is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this software; if not, write to the Free + * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA + * 02110-1301 USA, or see the FSF site: http://www.fsf.org. + */ /*##########################################################*/ @@ -55,71 +55,44 @@ .UIPageBody .UIPortalWarning { font-family: tahoma; font-size: 12px; + margin: 30px auto; + width: 500px; + -moz-border-radius: 4px 4px 4px 4px; + -webkit-border-radius: 4px 4px 4px 4px; + border-radius: 4px 4px 4px 4px; + background: none repeat scroll 0 0 white; + border: 1px solid #d1d1d1; + padding: 1px 1px 40px 1px; } -.UIPageBody .UIPortalWarning .LeftTopWarning { - background: url('/eXoResources/skin/sharedImages/LeftTopWarning7x58.gif') no-repeat left top; - height: 40px; - padding-left: 7px; +.UIPageBody .UIPortalWarning ul{ + padding: 0px; + list-style: none; } -.UIPageBody .UIPortalWarning .RightTopWarning { - background: url('/eXoResources/skin/sharedImages/RightTopWarning7x58.gif') no-repeat right top; - height: 40px; - padding-right: 7px; -} - -.UIPageBody .UIPortalWarning .CenterTopWaring { - background: url('/eXoResources/skin/sharedImages/CenterTopWarning1x58.gif') repeat-x top; - height: 40px; - line-height: 40px; -} - -.UIPageBody .UIPortalWarning .CenterTopWaring .TitleWaring { - background: url('/eXoResources/skin/sharedImages/WarningIcon.gif') no-repeat left center; - padding-left: 50px; +.UIPageBody .UIPortalWarning .TitleWaring { + background:#dee0ee url('/eXoResources/skin/sharedImages/WarningIcon.gif') no-repeat 22px center;/* orientation=lt */ + background:#dee0ee url('/eXoResources/skin/sharedImages/WarningIcon.gif') no-repeat 95% center;/* orientation=rt */ + padding-left: 70px;/* orientation=lt */ + padding-right: 70px;/* orientation=rt */ font-size: 15px; font-weight: bold; line-height: 40px; text-align: left; /* orientation=lt */ text-align: right; /* orientation=rt */ - margin-left: 20px; /* orientation=lt */ - margin-right: 20px; /* orientation=rt */ + -moz-border-radius: 4px 4px 0px 0px; + -webkit-border-radius: 4px 4px 0px 0px; + border-radius: 4px 4px 0px 0px; + margin: 0px 0px 30px 0px; } -.UIPageBody .UIPortalWarning .LeftMiddleWarning { - background: white url('/eXoResources/skin/sharedImages/LeftMiddleWarning7x1.gif') repeat-y left; - padding-left: 7px; -} - -.UIPageBody .UIPortalWarning .RightMiddleWarning { - background: url('/eXoResources/skin/sharedImages/RightMiddleWarning7x1.gif') repeat-y right; - text-align: left; - padding: 30px 30px 50px 30px; -} - -.UIPageBody .UIPortalWarning .RightMiddleWarning .Icon { +.UIPageBody .UIPortalWarning .Icon { background: url('/eXoResources/skin/sharedImages/BlueNextArrow.gif') no-repeat left 5px; /* orientation=lt */ - background: url('/eXoResources/skin/sharedImages/BlueNextArrow.gif') no-repeat right 5px; /* orientation=rt */ + background: url('/eXoResources/skin/sharedImages/BlueNextArrow-rt.gif') no-repeat right 5px; /* orientation=rt */ padding: 6px 0px 6px 20px; /* orientation=lt */ padding: 6px 20px 6px 0px; /* orientation=rt */ text-align: left; /* orientation=lt */ text-align: right; /* orientation=rt */ + margin-left: 50px;/* orientation=lt */ + margin-right: 50px;/* orientation=rt */ } - -.UIPageBody .UIPortalWarning .LeftBottomWarning { - background: url('/eXoResources/skin/sharedImages/LeftBottomWarning7x7.gif') no-repeat left center; - height: 7px; - padding-left: 7px; -} - -.UIPageBody .UIPortalWarning .RightBottomWarning { - background: url('/eXoResources/skin/sharedImages/RightBottomWarning7x7.gif') no-repeat right center; - height: 7px; - padding-right: 7px; -} - -.UIPageBody .UIPortalWarning .CenterBottomWaring { - background: url('/eXoResources/skin/sharedImages/CenterBottomWarning1x7.gif') repeat-x center; - height: 7px; -} \ No newline at end of file Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIWizard/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIWizard/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIWizard/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -159,18 +159,11 @@ padding-left: 7px; /* orientation=rt */ } .UIWizard .UIWizardContent .UIAction { - padding: 8px 0 0; + padding: 8px 0 0; + text-align: right; /* orientation=lt */ + text-align: left; /* orientation=rt */ } -.UIWizard .WizardControlBar .UIAction .ActionButton { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ -} - -.UIWizard .WizardControlBar .UIAction .ActionContainer { - width: 100%; -} - /*========================== Start UIWizard Welcome ==============================*/ .UIWizard .UIWizardWelcome { Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/Portlet/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/Portlet/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/Portlet/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -187,7 +187,7 @@ .portlet-form-button { line-height: 18px; text-align: center; - background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') repeat-x center -24px; + background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') repeat-x center; white-space: nowrap; display: table-cell; padding: 0 12px; Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/PortletThemes/Stylesheet.css =================================================================== --- portal/trunk/web/eXoResources/src/main/webapp/skin/PortletThemes/Stylesheet.css 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/PortletThemes/Stylesheet.css 2011-09-12 10:54:34 UTC (rev 7355) @@ -96,7 +96,6 @@ color: #333333; overflow: hidden; white-space: nowrap; - width: 100%; } .DefaultTheme .WindowBarLeft { @@ -117,9 +116,6 @@ background-image: url('background/DefaultTheme.png'); background-repeat: repeat-x; background-position: left -90px; -} - -.DefaultTheme .WindowBarCenter .FixHeight { height: 21px; padding-top: 8px; } @@ -156,9 +152,6 @@ background-image: url('background/DefaultTheme.png'); background-repeat: repeat-x; background-position: left top; -} - -.DefaultTheme .BottomDecoratorCenter .FixHeight { height: 30px; } @@ -180,7 +173,6 @@ line-height: 17px; overflow: hidden; white-space: nowrap; - width: 100%; } .MacTheme .WindowBarCenter .PortletIcon { @@ -288,9 +280,6 @@ background-image: url('background/MacTheme.png'); background-repeat: repeat-x; background-position: center top; -} - -.MacTheme .BottomDecoratorCenter .FixHeight { height: 23px; line-height: 23px; } @@ -312,9 +301,6 @@ background-image: url('background/MacTheme.png'); background-repeat: repeat-x; background-position: center -69px; -} - -.MacTheme .WindowBarCenter .FixHeight { height: 19px; padding-top: 4px; } @@ -337,7 +323,6 @@ line-height: 17px; overflow: hidden; white-space: nowrap; - width: 100%; } .MacGray .WindowBarCenter .PortletIcon { @@ -446,9 +431,6 @@ background-image: url('background/MacGray.png'); background-repeat: repeat-x; background-position: left top; -} - -.MacGray .BottomDecoratorCenter .FixHeight { height: 24px; line-height: 24px; } @@ -470,9 +452,6 @@ background-image: url('background/MacGray.png'); background-repeat: repeat-x; background-position: center -72px; -} - -.MacGray .WindowBarCenter .FixHeight { height: 19px; padding-top: 4px; } @@ -495,7 +474,6 @@ line-height: 17px; overflow: hidden; white-space: nowrap; - width: 100%; } .MacBlack .WindowBarCenter .PortletIcon { @@ -604,9 +582,6 @@ background-image: url('background/MacBlack.png'); background-repeat: repeat-x; background-position: left top; -} - -.MacBlack .BottomDecoratorCenter .FixHeight { height: 24px; line-height: 24px; } @@ -628,9 +603,6 @@ background-image: url('background/MacBlack.png'); background-repeat: repeat-x; background-position: center -72px; -} - -.MacBlack .WindowBarCenter .FixHeight { height: 19px; padding-top: 4px; } @@ -653,7 +625,6 @@ line-height: 17px; overflow: hidden; white-space: nowrap; - width: 100%; } .MacGreenSteel .WindowBarCenter .PortletIcon { @@ -762,9 +733,6 @@ background-image: url('background/MacGreen.png'); background-repeat: repeat-x; background-position: left top; -} - -.MacGreenSteel .BottomDecoratorCenter .FixHeight { height: 24px; line-height: 24px; } @@ -786,9 +754,6 @@ background-image: url('background/MacGreen.png'); background-repeat: repeat-x; background-position: center -72px; -} - -.MacGreenSteel .WindowBarCenter .FixHeight { height: 19px; padding-top: 4px; } @@ -910,9 +875,6 @@ background-image: url('background/VistaTheme.png'); background-repeat: repeat-x; background-position: left top; -} - -.VistaTheme .BottomDecoratorCenter .FixHeight { height: 24px; } @@ -921,7 +883,6 @@ line-height: 22px; overflow: hidden; white-space: nowrap; - width: 100%; } .VistaTheme .WindowBarLeft { @@ -942,9 +903,6 @@ background-image: url('background/VistaTheme.png'); background-repeat: repeat-x; background-position: left -72px; -} - -.VistaTheme .WindowBarCenter .FixHeight { height: 24px; padding-top: 5px; } @@ -970,7 +928,6 @@ line-height: 22px; overflow: hidden; white-space: nowrap; - width: 100%; } .VistaBlue .WindowBarCenter .PortletIcon { @@ -1075,9 +1032,6 @@ background-image: url('background/VistaBlue.png'); background-repeat: repeat-x; background-position: left top; -} - -.VistaBlue .BottomDecoratorCenter .FixHeight { height: 27px; } @@ -1099,9 +1053,6 @@ background-image: url('background/VistaBlue.png'); background-repeat: repeat-x; background-position: left -81px; -} - -.VistaBlue .WindowBarCenter .FixHeight { height: 27px; padding-top: 8px; } @@ -1147,7 +1098,6 @@ line-height: 19px; overflow: hidden; white-space: nowrap; - width: 100%; } .RoundConerBlue .ArrowDownIcon { @@ -1207,9 +1157,6 @@ .RoundConerBlue .WindowBarCenter { background: url('background/RoundCornerBlue.png') repeat-x; background-position: left -90px; -} - -.RoundConerBlue .WindowBarCenter .FixHeight { height: 22px; padding-top: 10px; } @@ -1249,9 +1196,6 @@ .RoundConerBlue .BottomDecoratorCenter { background: url('background/RoundCornerBlue.png') repeat-x; background-position: top; -} - -.RoundConerBlue .BottomDecoratorCenter .FixHeight { height: 30px; } @@ -1294,7 +1238,6 @@ line-height: 19px; overflow: hidden; white-space: nowrap; - width: 100%; } .RoundConerViolet .ArrowDownIcon { @@ -1354,9 +1297,6 @@ .RoundConerViolet .WindowBarCenter { background: url('background/RoundConerViolet.png') repeat-x; background-position: left -90px; -} - -.RoundConerViolet .WindowBarCenter .FixHeight { height: 22px; padding-top: 10px; } @@ -1400,9 +1340,6 @@ .RoundConerViolet .BottomDecoratorCenter { background: url('background/RoundConerViolet.png') repeat-x; background-position: top; -} - -.RoundConerViolet .BottomDecoratorCenter .FixHeight { height: 30px; } @@ -1446,7 +1383,6 @@ line-height: 19px; overflow: hidden; white-space: nowrap; - width: 100%; } .RoundConerOrange .ArrowDownIcon { @@ -1506,9 +1442,6 @@ .RoundConerOrange .WindowBarCenter { background: url('background/RoundConerOrange.png') repeat-x; background-position: left -90px; -} - -.RoundConerOrange .WindowBarCenter .FixHeight { height: 22px; padding-top: 10px; } @@ -1552,9 +1485,6 @@ .RoundConerOrange .BottomDecoratorCenter { background: url('background/RoundConerOrange.png') repeat-x; background-position: top; -} - -.RoundConerOrange .BottomDecoratorCenter .FixHeight { height: 30px; } @@ -1598,7 +1528,6 @@ line-height: 19px; overflow: hidden; white-space: nowrap; - width: 100%; } .RoundConerPink .ArrowDownIcon { @@ -1658,9 +1587,6 @@ .RoundConerPink .WindowBarCenter { background: url('background/RoundConerPink.png') repeat-x; background-position: left -90px; -} - -.RoundConerPink .WindowBarCenter .FixHeight { height: 22px; padding-top: 10px; } @@ -1704,9 +1630,6 @@ .RoundConerPink .BottomDecoratorCenter { background: url('background/RoundConerPink.png') repeat-x; background-position: top; -} - -.RoundConerPink .BottomDecoratorCenter .FixHeight { height: 30px; } @@ -1750,7 +1673,6 @@ line-height: 19px; overflow: hidden; white-space: nowrap; - width: 100%; } .RoundConerGreen .ArrowDownIcon { @@ -1810,9 +1732,6 @@ .RoundConerGreen .WindowBarCenter { background: url('background/RoundConerGreen.png') repeat-x; background-position: left -90px; -} - -.RoundConerGreen .WindowBarCenter .FixHeight { height: 22px; padding-top: 10px; } @@ -1856,9 +1775,6 @@ .RoundConerGreen .BottomDecoratorCenter { background: url('background/RoundConerGreen.png') repeat-x; background-position: top; -} - -.RoundConerGreen .BottomDecoratorCenter .FixHeight { height: 30px; } @@ -1902,7 +1818,6 @@ line-height: 16px; overflow: hidden; white-space: nowrap; - width: 100%; } .ShadowBlue .ArrowDownIcon { @@ -1963,9 +1878,6 @@ background-image: url('background/ShadowBlue.png'); background-repeat: repeat-x; background-position: center -84px; -} - -.ShadowBlue .WindowBarCenter .FixHeight { height: 20px; padding-top: 9px; } @@ -2006,9 +1918,6 @@ background-image: url('background/ShadowBlue.png'); background-repeat: repeat-x; background-position: center top; -} - -.ShadowBlue .BottomDecoratorCenter .FixHeight { height: 28px; } @@ -2052,7 +1961,6 @@ line-height: 16px; overflow: hidden; white-space: nowrap; - width: 100%; } .ShadowViolet .ArrowDownIcon { @@ -2113,9 +2021,6 @@ background-image: url('background/ShadowViolet.png'); background-repeat: repeat-x; background-position: center -84px; -} - -.ShadowViolet .WindowBarCenter .FixHeight { height: 20px; padding-top: 9px; } @@ -2156,9 +2061,6 @@ background-image: url('background/ShadowViolet.png'); background-repeat: repeat-x; background-position: center top; -} - -.ShadowViolet .BottomDecoratorCenter .FixHeight { height: 28px; } @@ -2202,7 +2104,6 @@ line-height: 16px; overflow: hidden; white-space: nowrap; - width: 100%; } .ShadowOrange .ArrowDownIcon { @@ -2263,9 +2164,6 @@ background-image: url('background/ShadowOrange.png'); background-repeat: repeat-x; background-position: center -84px; -} - -.ShadowOrange .WindowBarCenter .FixHeight { height: 19px; padding-top: 10px; } @@ -2306,9 +2204,6 @@ background-image: url('background/ShadowOrange.png'); background-repeat: repeat-x; background-position: center top; -} - -.ShadowOrange .BottomDecoratorCenter .FixHeight { height: 28px; } @@ -2353,7 +2248,6 @@ line-height: 16px; overflow: hidden; white-space: nowrap; - width: 100%; } .ShadowPink .ArrowDownIcon { @@ -2414,9 +2308,6 @@ background-image: url('background/ShadowPink.png'); background-repeat: repeat-x; background-position: center -84px; -} - -.ShadowPink .WindowBarCenter .FixHeight { height: 19px; padding-top: 10px; } @@ -2457,9 +2348,6 @@ background-image: url('background/ShadowPink.png'); background-repeat: repeat-x; background-position: center top; -} - -.ShadowPink .BottomDecoratorCenter .FixHeight { height: 28px; } @@ -2504,7 +2392,6 @@ line-height: 16px; overflow: hidden; white-space: nowrap; - width: 100%; } .ShadowGreen .ArrowDownIcon { @@ -2565,9 +2452,6 @@ background-image: url('background/ShadowGreen.png'); background-repeat: repeat-x; background-position: center -84px; -} - -.ShadowGreen .WindowBarCenter .FixHeight { height: 20px; padding-top: 9px; } @@ -2608,9 +2492,6 @@ background-image: url('background/ShadowGreen.png'); background-repeat: repeat-x; background-position: center top; -} - -.ShadowGreen .BottomDecoratorCenter .FixHeight { height: 28px; } @@ -2652,7 +2533,6 @@ color: #333333; overflow: hidden; white-space: nowrap; - width: 100%; } .SimpleBlue .ArrowDownIcon { @@ -2706,9 +2586,6 @@ .SimpleBlue .WindowBarCenter { background: #b0c0f5; -} - -.SimpleBlue .WindowBarCenter .FixHeight { height: 18px; line-height: 18px; } @@ -2747,9 +2624,6 @@ border: 1px solid #4a67b1; border-top: none; background: white url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleBlue .BottomDecoratorCenter .FixHeight { height: 19px; } @@ -2791,7 +2665,6 @@ color: #333333; overflow: hidden; white-space: nowrap; - width: 100%; } .SimpleViolet .ArrowDownIcon { @@ -2845,9 +2718,6 @@ .SimpleViolet .WindowBarCenter { background: #c4a6ff; -} - -.SimpleViolet .WindowBarCenter .FixHeight { height: 18px; line-height: 18px; } @@ -2884,15 +2754,9 @@ border: 1px solid #5700a9; border-top: none; background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleViolet .BottomDecoratorCenter .FixHeight { height: 19px; } -.UIPortlet .SimpleViolet .BottomDecoratorCenter { - height: 18px; -} /*------------------------------ SimpleOrange -----------------------------------*/ @@ -2932,7 +2796,6 @@ color: #333333; overflow: hidden; white-space: nowrap; - width: 100%; } .SimpleOrange .ArrowDownIcon { @@ -2986,9 +2849,6 @@ .SimpleOrange .WindowBarCenter { background: #ffd1a8; -} - -.SimpleOrange .WindowBarCenter .FixHeight { height: 18px; line-height: 18px; } @@ -3025,16 +2885,9 @@ border: 1px solid #b27a49; border-top: none; background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleOrange .BottomDecoratorCenter .FixHeight { height: 19px; } -.UIPortlet .SimpleOrange .BottomDecoratorCenter { - height: 18px; -} - /*------------------------------ SimplePink -----------------------------------*/ .SimplePink .WindowBarCenter .WindowPortletInfo { @@ -3073,7 +2926,6 @@ color: #333333; overflow: hidden; white-space: nowrap; - width: 100%; } .SimplePink .ArrowDownIcon { @@ -3127,9 +2979,6 @@ .SimplePink .WindowBarCenter { background: #fdd8f9; -} - -.SimplePink .WindowBarCenter .FixHeight { height: 18px; line-height: 18px; } @@ -3166,16 +3015,9 @@ border: 1px solid #9a5591; border-top: none; background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimplePink .BottomDecoratorCenter .FixHeight { height: 19px; } -.UIPortlet .SimplePink .BottomDecoratorCenter { - height: 18px; -} - /*------------------------------ SimpleGreen -----------------------------------*/ .SimpleGreen .WindowBarCenter .WindowPortletInfo { @@ -3215,7 +3057,6 @@ color: #333333; overflow: hidden; white-space: nowrap; - width: 100%; } .SimpleGreen .ArrowDownIcon { @@ -3269,9 +3110,6 @@ .SimpleGreen .WindowBarCenter { background: #a3d0ff; -} - -.SimpleGreen .WindowBarCenter .FixHeight { height: 18px; line-height: 18px; } @@ -3309,12 +3147,5 @@ border: 1px solid #4c717e; border-top: none; background: url('background/BGDecoratorCenter1x18.gif') repeat-x; -} - -.SimpleGreen .BottomDecoratorCenter .FixHeight { height: 19px; } - -.UIPortlet .SimpleGreen .BottomDecoratorCenter { - height: 18px; -} Modified: portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIAccessGroup.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIAccessGroup.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIAccessGroup.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -11,23 +11,9 @@ %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIFormPopupWindow.class).getId();%>');" class="ActionButton SimpleStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="Icon SmallGroup16x16Icon"> - <a href="javascript:void(0);">Select Access Group</a> - </div> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <span onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIFormPopupWindow.class).getId();%>');" class="ActionButton SimpleStyle"> + <a href="javascript:void(0);" class="Icon SmallGroup16x16Icon">Select Access Group</a> + </span> </div> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIGroupSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIGroupSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIGroupSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -34,21 +34,7 @@ </div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="<%=uicomponent.event("SelectGroup");%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIGroupSelector.action.done")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("SelectGroup");%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIGroupSelector.action.done")%></a> </div> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIListPermissionSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIListPermissionSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIListPermissionSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -23,23 +23,9 @@ uicomponent.renderChild(UIFormPopupWindow.class); %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIFormPopupWindow.class).getId();%>');" class="ActionButton SimpleStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="Icon SmallGroup16x16Icon"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIListPermissionSelector.action.addPermission")%></a> - </div> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <span onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIFormPopupWindow.class).getId();%>');" class="ActionButton SimpleStyle"> + <a href="javascript:void(0);" class="Icon SmallGroup16x16Icon"><%=_ctx.appRes("UIListPermissionSelector.action.addPermission")%></a> + </span> </div> <%}%> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIPermissionSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIPermissionSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIPermissionSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -42,43 +42,24 @@ <% if(uicomponent.isEditable()) { %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <%/*Click on this action button will pop up the permission selector*/%> - <% - String deletePermissionEvent = "javascript:void(0)"; - String css = "FloatBlockHidden ActionButton SimpleStyle"; - if(permission.getExpression() != null && permission.getExpression().length() > 0) { - deletePermissionEvent = uiForm.event("DeletePermission", uicomponent.getId(), ""); - css = "ActionButton SimpleStyle"; - } - %> - <div onclick="<%=deletePermissionEvent%>" class="<%=css%>"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="DeletePermissionIcon"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.DeletePermission")%></a> - </div> - </div> - </div> - </div> - </div> - <div onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIPopupWindow.class).getId();%>', true);" class="ActionButton SimpleStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="SelectPermissionIcon"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.SelectPermission")%></a> - </div> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + + <%/*Click on this action button will pop up the permission selector*/%> + <% + String deletePermissionEvent = "#"; + String css = "FloatBlockHidden ActionButton SimpleStyle"; + if(permission.getExpression() != null && permission.getExpression().length() > 0) { + deletePermissionEvent = uiForm.event("DeletePermission", uicomponent.getId(), ""); + css = "ActionButton SimpleStyle"; + } + %> + + <span onclick="<%=deletePermissionEvent%>" class="<%=css%>"> + <a href="javascript:void(0);" class="DeletePermissionIcon"><%=_ctx.appRes(uicomponent.getId() + ".action.DeletePermission")%></a> + </span> + <span onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIPopupWindow.class).getId();%>', true);" class="ActionButton SimpleStyle"> + <a href="javascript:void(0);" class="SelectPermissionIcon"><%=_ctx.appRes(uicomponent.getId() + ".action.SelectPermission")%></a> + </span> + </div> <% } %> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIUserMembershipSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIUserMembershipSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/organization/webui/component/UIUserMembershipSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -55,21 +55,7 @@ <% if(uicomponent.isAdminRole()) { %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td - <div onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIPopupWindow.class).getId();%>');" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.SelectPermission")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="javascript: eXo.webui.UIPopupWindow.show('<%=uicomponent.getChild(UIPopupWindow.class).getId();%>');" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action.SelectPermission")%></a> </div> <% }%> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UIForgetPasswordWizard.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UIForgetPasswordWizard.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UIForgetPasswordWizard.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -33,23 +33,9 @@ %> </table> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <%for(action in uicomponent.getActions()) { %> - <div onclick="<%=uicomponent.event(action)%>" class="ActionButton LightBlueStyle" > - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action." + action)%></a> - </div> - </div> - </div> - </div> - <%} %> - </td> - </tr> - </table> + <%for(action in uicomponent.getActions()) { %> + <a href="javascript:void(0);" onclick="<%=uicomponent.event(action)%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action." + action)%></a> + <%} %> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UILoginForm.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UILoginForm.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/UILoginForm.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -41,30 +41,8 @@ </table> <div class="ForgetPass"><a href="<%= uicomponent.event("ForgetPassword") %>"><%=_ctx.appRes("UILoginForm.label.forgot")%></a></div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="login(this);" id="UIPortalLoginFormAction" class="ActionButton SimpleStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="#"><%=_ctx.appRes("UILoginForm.label.Signin");%></a> - </div> - </div> - </div> - </div> - <div onclick="<%=uicomponent.event("Close");%>" class="ActionButton SimpleStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UILoginForm.label.Discard")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="login(this);" id="UIPortalLoginFormAction" class="ActionButton SimpleStyle"><%=_ctx.appRes("UILoginForm.label.Signin");%></a> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Close");%>" class="ActionButton SimpleStyle"><%=_ctx.appRes("UILoginForm.label.Discard")%></a> </div> </div> </form> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIGadget.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIGadget.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIGadget.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -35,47 +35,24 @@ String unmaxiTitle = _ctx.appRes("UIGadget.tooltip.Unmaximize"); %> <div class="UIGadget" id="$id" style="left: $posX; top: $posY; z-Index: $zIndex; width: 100%" > - <div class="GadgetControl" style="visibility: visible;"> - <div class="LeftControlBar"> - <div class="RightControlBar"> - <div class="CenterControlBar ClearFix"> - <div class="CloseGadget IconControl" onclick="eXo.gadget.UIGadget.deleteGadget(this)" onmousedown="event.cancelBubble=true;" title="<%=_ctx.appRes("UIGadget.tooltip.deleteGadget")%>"><span></span></div> - <div class="<%=view.equals(uicomponent.HOME_VIEW) ? "MaximizeGadget" : "RestoreGadget";%> IconControl" - onclick="eXo.gadget.UIGadget.maximizeGadget(this)" onmousedown="event.cancelBubble=true;" - title="<%=view.equals(uicomponent.HOME_VIEW) ? maxiTitle : unmaxiTitle%>"><span></span></div> - <div class="<%=isMini ? "RestoreGadget": "MinimizeGadget";%> MinimizeAction IconControl" - onclick="eXo.gadget.UIGadget.minimizeGadget(this)" onmousedown="event.cancelBubble=true;" style="display:none;" - title="<%=isMini ? unminiTitle : miniTitle%>" miniTitle="$miniTitle" unminiTitle="$unminiTitle"><span></span></div> - <% if(uicomponent.isSettingUserPref()) { %> - <div class="EditGadget IconControl" onclick="eXo.gadget.UIGadget.editGadget('$id')" onmousedown="event.cancelBubble=true;" title="<%=_ctx.appRes("UIGadget.tooltip.editGadget")%>"><span></span></div> - <% } %> - <div class="GadgetDragHandleArea"><span></span></div> - <div class="GadgetTitle" style="display: <%=isLossData ? "block" : "none"; %> ; float: none; width: auto; margin-right: 75px"><%= uicomponent.getApplicationName() %></div> - </div> - </div> - </div> + <div class="GadgetControl ClearFix" style="visibility: visible;"> + <span class="CloseGadget IconControl" onclick="eXo.gadget.UIGadget.deleteGadget(this)" onmousedown="event.cancelBubble=true;" title="<%=_ctx.appRes("UIGadget.tooltip.deleteGadget")%>"></span> + <span class="<%=view.equals(uicomponent.HOME_VIEW) ? "MaximizeGadget" : "RestoreGadget";%> IconControl" + onclick="eXo.gadget.UIGadget.maximizeGadget(this)" onmousedown="event.cancelBubble=true;" + title="<%=view.equals(uicomponent.HOME_VIEW) ? maxiTitle : unmaxiTitle%>"></span> + <span class="<%=isMini ? "RestoreGadget": "MinimizeGadget";%> MinimizeAction IconControl" + onclick="eXo.gadget.UIGadget.minimizeGadget(this)" onmousedown="event.cancelBubble=true;" style="display:none;" + title="<%=isMini ? unminiTitle : miniTitle%>" miniTitle="$miniTitle" unminiTitle="$unminiTitle"></span> + <% if(uicomponent.isSettingUserPref()) { %> + <span class="EditGadget IconControl" onclick="eXo.gadget.UIGadget.editGadget('$id')" onmousedown="event.cancelBubble=true;" title="<%=_ctx.appRes("UIGadget.tooltip.editGadget")%>"></span> + <% } %> + <span class="GadgetDragHandleArea" style="display: none;"></span> + <span class="GadgetTitle" style="display: <%=isLossData ? "block" : "none"; %> ; float: none; width: auto; margin-right: 75px"><%= uicomponent.getApplicationName() %></span> </div> - <div class="ClearBoth"><span></span></div> - <div class="GadgetApplication" style="display:<%= Boolean.parseBoolean(uicomponent.getProperties().get("minimized")) ? "none": "block"; %>"> - <div class="TLGadget"> - <div class="TRGadget"> - <div class="TCGadget"><span></span></div> - </div> - </div> - <div class="MLGadget"> - <div class="MRGadget"> + <div class="GadgetApplication" id="content-$id" style="display:<%= Boolean.parseBoolean(uicomponent.getProperties().get("minimized")) ? "none": "block"; %>"> <% if(isLossData) {%> - <div id="content-$id" class="MCGadget"><%=_ctx.appRes("UIGadget.message.isLossData")%></div> - <% } else {%> - <div id="content-$id" class="MCGadget"></div> - <% } %> - </div> - </div> - <div class="BLGadget"> - <div class="BRGadget"> - <div class="BCGadget"><span></span></div> - </div> - </div> + <%=_ctx.appRes("UIGadget.message.isLossData")%> + <% } %> </div> <div class="UIMask" style="display: none; border:solid 1px red"><span></span></div> -</div> \ No newline at end of file +</div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIPortlet.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIPortlet.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/application/UIPortlet.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -24,260 +24,223 @@ %> <div class="UIPortlet <%=hasPermission?"":"ProtectedPortlet"%>" id="UIPortlet-$portletId" onmouseover="eXo.portal.UIPortal.blockOnMouseOver(event, this, true);" onmouseout="eXo.portal.UIPortal.blockOnMouseOver(event, this, false);" style="top: 0px; left:0px;"> - <div class="UIComponentBlock"> - - <%if(portalMode == uiPortalApp.CONTAINER_BLOCK_EDIT_MODE || portalMode == uiPortalApp.APP_BLOCK_EDIT_MODE) { %> - <div class="LAYOUT-BLOCK LAYOUT-PORTLET"> - <div class="PortletLayoutDecorator"> - <%/*Begin Middle Portlet Layout Decorator*/%> - <div class="LPortletLayoutDecorator"> - <div class="RPortletLayoutDecorator"> - <div class="CPortletLayoutDecorator"> - <div class="FixHeight"> - <% - if(hasPermission) { - print uicomponent.getDisplayTitle(); - } else print "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>"; - %> - </div> - </div> - </div> + <div class="UIComponentBlock"> + + <%if(portalMode == uiPortalApp.CONTAINER_BLOCK_EDIT_MODE || portalMode == uiPortalApp.APP_BLOCK_EDIT_MODE) { %> + <div class="LAYOUT-BLOCK LAYOUT-PORTLET"> + <div class="PortletLayoutDecorator"> + <%/*Begin Middle Portlet Layout Decorator*/%> + <div class="LPortletLayoutDecorator"> + <div class="RPortletLayoutDecorator"> + <div class="CPortletLayoutDecorator"> + <% + if(hasPermission) { + print uicomponent.getDisplayTitle(); + } else print "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>"; + %> </div> - </div> </div> - <%} else { %> - <div class="VIEW-BLOCK VIEW-PORTLET" id="VIEW-${portletId}"> - <%} %> - <% - } - - if(portalMode != uiPortalApp.CONTAINER_BLOCK_EDIT_MODE && portalMode != uiPortalApp.APP_BLOCK_EDIT_MODE) { - if(uicomponent.getShowInfoBar()) { - String title = uicomponent.getDisplayTitle(); - if(title == null || title.trim().length() < 1) - title = portletId; - /*Begin Window Portlet Bar*/ - String visibility = "visible"; - String appDisplay = "block"; - String appZIndex = ""; - String windowWidth = uicomponent.getWidth(); - if(windowWidth!= null && !windowWidth.contains("%") && !windowWidth.contains("px")) windowWidth += "px"; - String windowHeight = uicomponent.getHeight(); - if(windowHeight != null && !windowHeight.contains("%") && !windowHeight.contains("px")) windowHeight += "px"; - String cssStyle = "style=\""; - cssStyle += "visibility: "+ visibility +";"; - cssStyle += "display: "+ appDisplay +";"; - cssStyle += "z-index: "+ appZIndex +";"; - cssStyle += "width: "+ windowWidth +";"; - //cssStyle += "height: "+ windowHeight +";"; - cssStyle += "\""; - String theme = uicomponent.getSuitedTheme(null); - %> - <div class="UIWindow $theme UIDragObject UIResizeObject" id="UIWindow-${portletId}" ${cssStyle} > - <div class="WindowBarLeft"> - <div class="WindowBarRight"> - <div class="WindowBarCenter"> - <div class="FixHeight ClearFix"> - <% - - String restoreDown = _ctx.appRes("UIPortlet.tooltip.MaximizeRestore"); - String restore = _ctx.appRes("UIPortlet.tooltip.MinimizeRestore"); - String miniTooltip = _ctx.appRes("UIPortlet.tooltip.Minimize"); - String maxiTooltip = _ctx.appRes("UIPortlet.tooltip.Maximize"); - String renderMaxi = maxiTooltip; - String renderMini = miniTooltip; - if(windowState == WindowState.MAXIMIZED) { - renderMaxi = restoreDown; - } else if(windowState == WindowState.MINIMIZED) { - renderMini = restore; - } - if(uicomponent.getShowWindowState()) { - String maximizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'maximized');"; - String minimizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'minimized');"; - String maximizedMode = "Maximized"; - String minimizedMode = "Minimized"; - if(windowState == WindowState.MAXIMIZED) { - maximizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'normal');"; - maximizedMode = "Normal"; - } else if(windowState == WindowState.MINIMIZED) { - minimizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'normal');"; - minimizedMode = "Normal"; - } - %> - <div class="ControlIcon ${maximizedMode}Icon" title="$renderMaxi" onclick="$maximizedAction" onmouseover="$onControlOver" onmouseout="$onControlOut"><span></span> - <div style="display:none">{"normalTitle":"$maxiTooltip","modeTitle":"$restoreDown"}</div> - </div> - <div class="ControlIcon ${minimizedMode}Icon" title="$renderMini" onclick="$minimizedAction" onmouseover="$onControlOver" onmouseout="$onControlOut"><span></span> - <div style="display:none">{"normalTitle":"$miniTooltip","modeTitle":"$restore"}</div> - </div> - <%} - - List supportModes = uicomponent.getSupportModes(); - if(uicomponent.getShowPortletMode() && supportModes.size() > 0) { - String showCategory = "eXo.webui.UIPopupSelectCategory.show(this, event);" - %> - <div class="ControlIcon ArrowDownIcon" title="<%=_ctx.appRes("UIPortlet.tooltip.PortletMode");%>" onclick="$showCategory" onmouseover="$onControlOver" onmouseout="$onControlOut"> - <% /*Begin Popup Menu*/ %> - <div style="position: relative; width: 100%"> - <div class="UIPopupCategory" style="display: none;"> - <div class="PopupCategoryDecorator"> - <div class="PopupCategoryTL"> - <div class="PopupCategoryTR"> - <div class="PopupCategoryTC"><span></span></div> - </div> - </div> - <div class="PopupCategoryML"> - <div class="PopupCategoryMR"> - <div class="PopupCategoryMC"> - <% - for(String mode in supportModes) { - if(mode.equals("edit") && rcontext.getRemoteUser()==null) continue; - String actionLink = uicomponent.event("ChangePortletMode", mode); - String modeLabel = _ctx.appRes("PortletMode.label." + mode); - String upper = mode.charAt(0).toString(); - mode = mode.replaceFirst(upper, upper.toUpperCase()); - %> - <a class="CategoryItem" href="$actionLink" title="$modeLabel"> - <div class="CategoryItemLabel" >$modeLabel</div> - </a> - <% - } - if(supportModes != null && supportModes.size() > 0 && !supportModes.contains("view")) { - String modeLabel = _ctx.appRes("PortletMode.label.view"); - %> - <a class="CategoryItem" href="<%=uicomponent.event("ChangePortletMode", "view")%>" title="$modeLabel"> - <div class="CategoryItemLabel">$modeLabel</div> - </a> - <%}%> - </div> - </div> - </div> - <div class="PopupCategoryBL"> - <div class="PopupCategoryBR"> - <div class="PopupCategoryBC"><span></span></div> - </div> - </div> - </div> - </div> - </div> - <% /*End Popup Menu*/ %> - </div> - <%}%> - - <% - /*TODO: modify: dang.tung - fixed icon themes*/ - String portletIcon = uicomponent.getIcon(); - if(portletIcon == null) portletIcon = "PortletIcon"; - %> - <div class="$portletIcon WindowPortletIcon NovaPortletIcon WindowPortletInfo"><div class="PortletName"><%=hasPermission ? title : _ctx.appRes("UIPortlet.label.protectedContent")%></div></div> - + + </div> + </div> + <%} else { %> + <div class="VIEW-BLOCK VIEW-PORTLET" id="VIEW-${portletId}"> + <%} %> +<% + } + + if(portalMode != uiPortalApp.CONTAINER_BLOCK_EDIT_MODE && portalMode != uiPortalApp.APP_BLOCK_EDIT_MODE) { + if(uicomponent.getShowInfoBar()) { + String title = uicomponent.getDisplayTitle(); + if(title == null || title.trim().length() < 1) + title = portletId; + /*Begin Window Portlet Bar*/ + String visibility = "visible"; + String appDisplay = "block"; + String appZIndex = ""; + String windowWidth = uicomponent.getWidth(); + if(windowWidth!= null && !windowWidth.contains("%") && !windowWidth.contains("px")) windowWidth += "px"; + String windowHeight = uicomponent.getHeight(); + if(windowHeight != null && !windowHeight.contains("%") && !windowHeight.contains("px")) windowHeight += "px"; + String cssStyle = "style=\""; + cssStyle += "visibility: "+ visibility +";"; + cssStyle += "display: "+ appDisplay +";"; + cssStyle += "z-index: "+ appZIndex +";"; + cssStyle += "width: "+ windowWidth +";"; + //cssStyle += "height: "+ windowHeight +";"; + cssStyle += "\""; + String theme = uicomponent.getSuitedTheme(null); + %> + <div class="UIWindow $theme UIDragObject UIResizeObject" id="UIWindow-${portletId}" ${cssStyle} > + <div class="WindowBarLeft"> + <div class="WindowBarRight"> + <div class="WindowBarCenter ClearFix"> + <% + + String restoreDown = _ctx.appRes("UIPortlet.tooltip.MaximizeRestore"); + String restore = _ctx.appRes("UIPortlet.tooltip.MinimizeRestore"); + String miniTooltip = _ctx.appRes("UIPortlet.tooltip.Minimize"); + String maxiTooltip = _ctx.appRes("UIPortlet.tooltip.Maximize"); + String renderMaxi = maxiTooltip; + String renderMini = miniTooltip; + if(windowState == WindowState.MAXIMIZED) { + renderMaxi = restoreDown; + } else if(windowState == WindowState.MINIMIZED) { + renderMini = restore; + } + if(uicomponent.getShowWindowState()) { + String maximizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'maximized');"; + String minimizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'minimized');"; + String maximizedMode = "Maximized"; + String minimizedMode = "Minimized"; + if(windowState == WindowState.MAXIMIZED) { + maximizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'normal');"; + maximizedMode = "Normal"; + } else if(windowState == WindowState.MINIMIZED) { + minimizedAction = "eXo.portal.UIPortalControl.changeWindowState('"+portletId+"', 'normal');"; + minimizedMode = "Normal"; + } + %> + <div class="ControlIcon ${maximizedMode}Icon" title="$renderMaxi" onclick="$maximizedAction" onmouseover="$onControlOver" onmouseout="$onControlOut"><span></span> + <div style="display:none">{"normalTitle":"$maxiTooltip","modeTitle":"$restoreDown"}</div> + </div> + <div class="ControlIcon ${minimizedMode}Icon" title="$renderMini" onclick="$minimizedAction" onmouseover="$onControlOver" onmouseout="$onControlOut"><span></span> + <div style="display:none">{"normalTitle":"$miniTooltip","modeTitle":"$restore"}</div> </div> - </div> - </div> - </div> - <%/*End Window Portlet Bar*/ %> - - <div class="MiddleDecoratorLeft"> - <div class="MiddleDecoratorRight"> - <div class="MiddleDecoratorCenter"> - <div id="<%=portalMode == UIPortalApplication.NORMAL_MODE ? portletId : "EditMode-"+ portletId%>" style="width: 100%"> - <div class="PORTLET-FRAGMENT UIResizableBlock UIApplication" style="width: 100%; height: $windowHeight;"> - <% - if(windowState != WindowState.MINIMIZED) { - if(hasPermission) println portletContent; - else println "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>"; - } - %> - </div> + <%} + + List supportModes = uicomponent.getSupportModes(); + if(uicomponent.getShowPortletMode() && supportModes.size() > 0) { + String showCategory = "eXo.webui.UIPopupSelectCategory.show(this, event);" + %> + <div class="ControlIcon ArrowDownIcon" title="<%=_ctx.appRes("UIPortlet.tooltip.PortletMode");%>" onclick="$showCategory" onmouseover="$onControlOver" onmouseout="$onControlOut" style="position: relative;"> + <% /*Begin Popup Menu*/ %> + <div class="UIPopupCategory" style="display: none;"> + <div class="PopupCategoryDecorator"> + <% + for(String mode in supportModes) { + if(mode.equals("edit") && rcontext.getRemoteUser()==null) continue; + String actionLink = uicomponent.event("ChangePortletMode", mode); + String modeLabel = _ctx.appRes("PortletMode.label." + mode); + String upper = mode.charAt(0).toString(); + mode = mode.replaceFirst(upper, upper.toUpperCase()); + %> + <a class="CategoryItem" href="$actionLink" title="$modeLabel"> + $modeLabel + </a> + <% + } + if(supportModes != null && supportModes.size() > 0 && !supportModes.contains("view")) { + String modeLabel = _ctx.appRes("PortletMode.label.view"); + %> + <a class="CategoryItem" href="<%=uicomponent.event("ChangePortletMode", "view")%>" title="$modeLabel"> + $modeLabel + </a> + <%}%> + </div> + </div> + <% /*End Popup Menu*/ %> </div> - </div> - </div> - </div> - - <%//Begin Bottom Decorator %> - <div class="BottomDecoratorLeft"> - <div class="BottomDecoratorRight"> - <div class="BottomDecoratorCenter"> - <div class="FixHeight ClearFix"> - <div class="ResizeArea" title="<%=_ctx.appRes("UIPortlet.tooltip.ResizeWindow");%>"><span></span></div> - <div class="Information"><%=_ctx.appRes("UIPortlet.lable.information");%></div> - </div> - </div> - </div> - </div> - </div> - <%//End Bottom Decorator %> - <% - } else { - if(windowState != WindowState.MINIMIZED) { - String windowWidth = uicomponent.getWidth(); - if(windowWidth!= null && !windowWidth.contains("%") && !windowWidth.contains("px")) windowWidth += "px"; - String windowHeight = uicomponent.getHeight(); - if(windowHeight != null && !windowHeight.contains("%") && !windowHeight.contains("px")) windowHeight += "px"; - String cssStyle = "style=\""; - cssStyle += "width: "+ windowWidth +";"; - cssStyle += "height: "+ windowHeight +";"; - cssStyle += "\""; - %> - <div id="<%=portalMode == UIPortalApplication.NORMAL_MODE ? portletId : "EditMode-"+ portletId%>"> - <div class="PORTLET-FRAGMENT" ${cssStyle}> - <% - if(hasPermission) println portletContent; - else println "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>"; + <%}%> + + <% + /*TODO: modify: dang.tung - fixed icon themes*/ + String portletIcon = uicomponent.getIcon(); + if(portletIcon == null) portletIcon = "PortletIcon"; %> + <div class="$portletIcon WindowPortletIcon NovaPortletIcon WindowPortletInfo PortletName"><%=hasPermission ? title : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + </div> - </div> - <% - } - } - } - if(uiPortalApp.isEditing()) { - if(portalMode != uiPortalApp.CONTAINER_BLOCK_EDIT_MODE && portalMode != uiPortalApp.APP_BLOCK_EDIT_MODE) { - %> - <div class="UIPortletMaskParent" style="height: 0px;position:relative;"> - <div class="UIPortlet-$portletId UIPortletMask" style="position: absolute;"><span></span></div> </div> </div> - <%} %> + <%/*End Window Portlet Bar*/ %> - <div class="EDITION-BLOCK EDITION-PORTLET" style="display: none;"> - <div style="position: relative; z-index: 999;"> - <div style="position: absolute; top: -86px;"> - <div class="NewLayer"><span></span></div> - <div class="CONTROL-PORTLET CONTROL-BLOCK" style="position: absolute; top: -6px;"> - <%/*Begin InfoBar*/%> - <div class="UIInfoBar"> - <div class="BlueRoundedStyle"> - <div class="LeftBar"> - <div class="RightBar"> - <div class="MiddleBar"> - <div class="FixHeight ClearFix"> - <div class="DragControlArea" title="<%=_ctx.appRes("UIPortlet.tooltip.DragControl");%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> - <% - String portletIcon = uicomponent.getIcon(); - if(portletIcon == null) portletIcon = "PortletIcon"; - - String title = uicomponent.getDisplayTitle(); - if(title.length() > 30) title = title.substring(0,27) + "..."; - %> - <div class="PortletIcon $portletIcon"><%=hasPermission ? title : _ctx.appRes("UIPortlet.label.protectedContent")%></div> - <%if(hasPermission) {%> - <a href="<%=uicomponent.event("EditPortlet","$uicomponent.id")%>;" class="EditPortletPropertiesIcon" title="<%=_ctx.appRes("UIPortlet.tooltip.editPortlet");%>"></a> - <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeletePortletIcon" title="<%=_ctx.appRes("UIPortlet.tooltip.deletePortlet");%>"></a> - <%}%> - </div> - </div> - </div> - </div> - </div> - </div> - <%/*End InfoBar*/ %> + <div class="MiddleDecoratorLeft"> + <div class="MiddleDecoratorRight"> + <div class="MiddleDecoratorCenter"> + <div id="<%=portalMode == UIPortalApplication.NORMAL_MODE ? portletId : "EditMode-"+ portletId%>" style="width: 100%"> + <div class="PORTLET-FRAGMENT UIResizableBlock UIApplication" style="width: 100%; height: $windowHeight;"> + <% + if(windowState != WindowState.MINIMIZED) { + if(hasPermission) println portletContent; + else println "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>"; + } + %> + </div> </div> </div> </div> </div> - + + <%//Begin Bottom Decorator %> + <div class="BottomDecoratorLeft"> + <div class="BottomDecoratorRight"> + <div class="BottomDecoratorCenter ClearFix"> + <div class="ResizeArea" title="<%=_ctx.appRes("UIPortlet.tooltip.ResizeWindow");%>"><span></span></div> + <div class="Information"><%=_ctx.appRes("UIPortlet.lable.information");%></div> + </div> + </div> + </div> </div> +<%//End Bottom Decorator %> +<% + } else { + if(windowState != WindowState.MINIMIZED) { + String windowWidth = uicomponent.getWidth(); + if(windowWidth!= null && !windowWidth.contains("%") && !windowWidth.contains("px")) windowWidth += "px"; + String windowHeight = uicomponent.getHeight(); + if(windowHeight != null && !windowHeight.contains("%") && !windowHeight.contains("px")) windowHeight += "px"; + String cssStyle = "style=\""; + cssStyle += "width: "+ windowWidth +";"; + cssStyle += "height: "+ windowHeight +";"; + cssStyle += "\""; +%> + <div id="<%=portalMode == UIPortalApplication.NORMAL_MODE ? portletId : "EditMode-"+ portletId%>"> + <div class="PORTLET-FRAGMENT" ${cssStyle}> + <% + if(hasPermission) println portletContent; + else println "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>"; + %> + </div> + </div> +<% + } + } +} + if(uiPortalApp.isEditing()) { + if(portalMode != uiPortalApp.CONTAINER_BLOCK_EDIT_MODE && portalMode != uiPortalApp.APP_BLOCK_EDIT_MODE) { +%> + <div class="UIPortletMaskParent" style="height: 0px;position:relative;"> + <div class="UIPortlet-$portletId UIPortletMask" style="position: absolute;"><span></span></div> + </div> + </div> + <%} %> + + <div class="EDITION-BLOCK EDITION-PORTLET" style="display: none;position: relative; z-index: 999;"> + <div style="position: absolute; top: -86px;"> + <div class="NewLayer"><span></span></div> + <div class="CONTROL-PORTLET CONTROL-BLOCK UIInfoBar"> + <%/*Begin InfoBar*/%> + <div class="BlueRoundedStyle ClearFix"> + <div class="DragControlArea" title="<%=_ctx.appRes("UIPortlet.tooltip.DragControl");%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> + <% + String portletIcon = uicomponent.getIcon(); + if(portletIcon == null) portletIcon = "PortletIcon"; + + String title = uicomponent.getDisplayTitle(); + if(title.length() > 30) title = title.substring(0,27) + "..."; + %> + <div class="PortletIcon $portletIcon"><%=hasPermission ? title : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + <%if(hasPermission) {%> + <a href="<%=uicomponent.event("EditPortlet","$uicomponent.id")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditIcon" title="<%=_ctx.appRes("UIPortlet.tooltip.editPortlet");%>"></a> + <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteIcon" title="<%=_ctx.appRes("UIPortlet.tooltip.deletePortlet");%>"></a> + <%}%> + </div> + <%/*End InfoBar*/ %> + </div> + </div> + </div> + </div> </div> <%}%> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIColumnContainer.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIColumnContainer.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIColumnContainer.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -29,9 +29,7 @@ id="${uicomponent.id}" ${cssStyle} onmouseover="eXo.portal.UIPortal.blockOnMouseOver(event, this, true);" onmouseout="eXo.portal.UIPortal.blockOnMouseOver(event, this, false);"> - <div class="NormalContainerBlock"> - <div class="LeftContainerBlock"> - <div class="RightContainerBlock UIComponentBlock"> + <div class="NormalContainerBlock UIComponentBlock"> <% int portalMode = uiPortalApp.getModeState(); @@ -42,90 +40,64 @@ <div class="VIEW-CONTAINER VIEW-BLOCK"> <%} %> <%if(hasPermission) {%> - <div> <div class="UIRowContainer <%=(portalMode != UIPortalApplication.NORMAL_MODE && uicomponent.getChildren().size() == 0) ? "EmptyContainer" : ""%>"> + <div> <%uicomponent.renderChildren();%> + </div> </div> - </div> <%} else out.print("<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>");%> </div> <%if(portalMode != UIPortalApplication.NORMAL_MODE){%> - <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;"> - <div style="position: relative;"> + <div class="EDITION-BLOCK EDITION-CONTAINER" style="position: relative; display: none;"> + <div style="position: absolute; top: -86px;"> <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> - <div class="CONTROL-CONTAINER CONTROL-BLOCK" style="position: absolute; top: -6px;"> + <div class="CONTROL-CONTAINER CONTROL-BLOCK UIInfoBar" style="position: absolute; top: -6px;"> <%/*Begin InfoBar*/%> - <div class="UIInfoBar"> - <div class="BlueRoundedStyle"> - <div class="LeftBar"> - <div class="RightBar"> - <div class="MiddleBar"> - <div class="FixHeight ClearFix"> - <div class="DragControlArea" title="<%=_ctx.appRes("UIColumnContainer.title.DragControlArea")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> - <% - String showCategory = "eXo.webui.UIPopupSelectCategory.show(this, event)"; - String strTitle = uicomponent.getTitle() != null ? - ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : - _ctx.appRes("UIColumnContainer.title.Container"); - %> - <div class="ContainerIcon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> - <%if(hasPermission) {%> - <div class="ControlIcon ArrowDownIcon" onclick="$showCategory" title="<%= _ctx.appRes("UIColumnContainer.tooltip.insertColumn") %>"> - <% /*Begin Popup Menu*/ %> - <div style="position: relative; width: 100%"> - <div class="UIPopupCategory" style="display: none;"> - <div class="PopupCategoryDecorator"> - <div class="PopupCategoryTL"> - <div class="PopupCategoryTR"> - <div class="PopupCategoryTC"><span></span></div> - </div> - </div> - <div class="PopupCategoryML"> - <div class="PopupCategoryMR"> - <div class="PopupCategoryMC"> - <a class="CategoryItem" href="<%= uicomponent.event("InsertColumn", org.exoplatform.portal.webui.container.UIColumnContainer.INSERT_BEFORE) %>" title="<%= _ctx.appRes("UIColumnContainer.tooltip.insertLeft") %>"> - <div class="CategoryItemLabel"><%= _ctx.appRes("UIColumnContainer.label.insertLeft") %></div> - </a> - <a class="CategoryItem" href="<%= uicomponent.event("InsertColumn", org.exoplatform.portal.webui.container.UIColumnContainer.INSERT_AFTER) %>" title="<%= _ctx.appRes("UIColumnContainer.tooltip.insertRight") %>"> - <div class="CategoryItemLabel"><%= _ctx.appRes("UIColumnContainer.label.insertRight") %></div> - </a> - </div> - </div> - </div> - <div class="PopupCategoryBL"> - <div class="PopupCategoryBR"> - <div class="PopupCategoryBC"><span></span></div> - </div> - </div> - </div> - </div> - </div> - <% /*End Popup Menu*/ %> - </div> - <a href="<%=uicomponent.event("EditContainer")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditContainerIcon" title="<%=_ctx.appRes("UIColumnContainer.tooltip.editContainer")%>"><span></span></a> - <a href="<%=uicomponent.event("DeleteComponent")%>" class="DeleteContainerIcon" title="<%=_ctx.appRes("UIColumnContainer.tooltip.closeContainer")%>"><span></span></a> - - <%}%> - + <div class="BlueRoundedStyle FixHeight ClearFix"> + + <span class="DragControlArea" title="<%=_ctx.appRes("UIColumnContainer.title.DragControlArea")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"></span> + <% + String showCategory = "eXo.webui.UIPopupSelectCategory.show(this, event)"; + String strTitle = uicomponent.getTitle() != null ? + ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : + _ctx.appRes("UIColumnContainer.title.Container"); + %> + <div class="ContainerIcon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + <%if(hasPermission) {%> + <div class="ControlIcon ArrowDownIcon" onclick="$showCategory" title="<%= _ctx.appRes("UIColumnContainer.tooltip.insertColumn") %>"> + <% /*Begin Popup Menu*/ %> + <div style="position: relative; width: 100%"> + <div class="UIPopupCategory" style="display: none;"> + <div class="PopupCategoryDecorator"> + + <a class="CategoryItem" href="<%= uicomponent.event("InsertColumn", org.exoplatform.portal.webui.container.UIColumnContainer.INSERT_BEFORE) %>" title="<%= _ctx.appRes("UIColumnContainer.tooltip.insertLeft") %>"> + <div class="CategoryItemLabel"><%= _ctx.appRes("UIColumnContainer.label.insertLeft") %></div> + </a> + <a class="CategoryItem" href="<%= uicomponent.event("InsertColumn", org.exoplatform.portal.webui.container.UIColumnContainer.INSERT_AFTER) %>" title="<%= _ctx.appRes("UIColumnContainer.tooltip.insertRight") %>"> + <div class="CategoryItemLabel"><%= _ctx.appRes("UIColumnContainer.label.insertRight") %></div> + </a> + + </div> </div> </div> + <% /*End Popup Menu*/ %> </div> - </div> + <a href="<%=uicomponent.event("EditContainer")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditIcon" title="<%=_ctx.appRes("UIColumnContainer.tooltip.editContainer")%>"><span></span></a> + <a href="<%=uicomponent.event("DeleteComponent")%>" class="DeleteIcon" title="<%=_ctx.appRes("UIColumnContainer.tooltip.closeContainer")%>"><span></span></a> + + <%}%> + </div> - </div> <%/*End InfoBar*/ %> </div> </div> - </div> + </div> <%} %> - - </div> - </div> - </div> -</div> + </div> +</div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIContainer.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIContainer.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIContainer.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -29,9 +29,7 @@ id="${uicomponent.id}" ${cssStyle} onmouseover="eXo.portal.UIPortal.blockOnMouseOver(event, this, true);" onmouseout="eXo.portal.UIPortal.blockOnMouseOver(event, this, false);"> - <div class="NormalContainerBlock"> - <div class="LeftContainerBlock"> - <div class="RightContainerBlock UIComponentBlock"> + <div class="NormalContainerBlock UIComponentBlock"> <% int portalMode = uiPortalApp.getModeState(); @@ -42,8 +40,8 @@ <div class="VIEW-CONTAINER VIEW-BLOCK"> <%} %> <%if(hasPermission) {%> - <div> - <div class="UIRowContainer <%=(portalMode != UIPortalApplication.NORMAL_MODE && uicomponent.getChildren().size() == 0) ? "EmptyContainer" : ""%>"> + <div class="UIRowContainer <%=(portalMode != UIPortalApplication.NORMAL_MODE && uicomponent.getChildren().size() == 0) ? "EmptyContainer" : ""%>"> + <div> <%uicomponent.renderChildren();%> </div> </div> @@ -51,47 +49,29 @@ </div> <%if(portalMode != UIPortalApplication.NORMAL_MODE){%> - <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;"> - <div style="position: relative;"> - <div style="position: absolute; top: -86px;"> - - <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> - <div class="CONTROL-CONTAINER CONTROL-BLOCK" style="position: absolute; top: -6px;"> - <%/*Begin InfoBar*/%> - <div class="UIInfoBar"> - <div class="BlueRoundedStyle"> - <div class="LeftBar"> - <div class="RightBar"> - <div class="MiddleBar"> - <div class="FixHeight ClearFix"> - <div class="DragControlArea" title="<%=_ctx.appRes("UIContainer.title.DragControlArea")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> - <% - String strTitle = uicomponent.getTitle() != null ? - ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : - _ctx.appRes("UIContainer.title.Container"); - %> - <div class="ContainerIcon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> - <%if(hasPermission) {%> - <a href="<%=uicomponent.event("EditContainer")%>" class="EditContainerIcon" title="<%=_ctx.appRes("UIContainer.tooltip.editContainer")%>"><span></span></a> - <a href="<%=uicomponent.event("DeleteComponent")%>" class="DeleteContainerIcon" title="<%=_ctx.appRes("UIContainer.tooltip.closeContainer")%>"><span></span></a> - <%}%> - - </div> - </div> - </div> - </div> - </div> - </div> - <%/*End InfoBar*/ %> - </div> - - </div> + <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;position: relative;"> + <div style="position: absolute; top: -86px;"> + <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> + <div class="CONTROL-CONTAINER CONTROL-BLOCK UIInfoBar"> + <%/*Begin InfoBar*/%> + + <div class="BlueRoundedStyle ClearFix"> + <div class="DragControlArea" title="<%=_ctx.appRes("UIContainer.title.DragControlArea")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> + <% + String strTitle = uicomponent.getTitle() != null ? + ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : + _ctx.appRes("UIContainer.title.Container"); + %> + <div class="ContainerIcon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + <%if(hasPermission) {%> + <a href="<%=uicomponent.event("EditContainer")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditIcon" title="<%=_ctx.appRes("UIContainer.tooltip.editContainer")%>"></a> + <a href="<%=uicomponent.event("DeleteComponent")%>" class="DeleteIcon" title="<%=_ctx.appRes("UIContainer.tooltip.closeContainer")%>"><span></span></a> + <%}%> + </div> + <%/*End InfoBar*/ %> </div> </div> - <%} %> - - </div> - </div> - </div> -</div> - + </div> + <%} %> + </div> +</div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableAutofitColumnContainer.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableAutofitColumnContainer.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableAutofitColumnContainer.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -20,10 +20,7 @@ id="${uicomponent.id}" onmouseover="eXo.portal.UIPortal.blockOnMouseOver(event, this, true);" onmouseout="eXo.portal.UIPortal.blockOnMouseOver(event, this, false);"> - <div class="NormalContainerBlock"> - <div class="LeftContainerBlock"> - <div class="RightContainerBlock UIComponentBlock"> - + <div class="NormalContainerBlock UIComponentBlock"> <% int portalMode = uiPortalApp.getModeState(); String style = ""; @@ -39,10 +36,10 @@ <%} %> <div> <%if(hasPermission) {%> - <table class="UITableColumn" margin: 0px auto; $style"> + <table class="UITableColumn" style="margin: 0px auto; $style"> <tr class="TRContainer"> <% for(uiChild in uicomponent.getChildren()) {%> - <td class="${uiChild.id}TDContainer" <% if(uiChild.getWidth()) { %> width="<%= uiChild.getWidth(); %>" <% } %>><% uicomponent.renderUIComponent(uiChild) %></td> + <td class="${uiChild.id}TDContainer TDContainer" <% if(uiChild.getWidth()) { %> width="<%= uiChild.getWidth(); %>" <% } %>><% uicomponent.renderUIComponent(uiChild) %></td> <% } %> </tr> </table> @@ -52,46 +49,28 @@ <%/*Debug On IE -----For DND */%> <%if(portalMode != UIPortalApplication.NORMAL_MODE){%> - <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;"> - <div style="position: relative;"> - <div style="position: absolute; top: -86px;"> - - <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> - <div class="CONTROL-CONTAINER CONTROL-BLOCK" style="position: absolute; top: -6px;"> - <%/*Begin InfoBar*/%> - <div class="UIInfoBar"> - <div class="BlueRoundedStyle"> - <div class="LeftBar"> - <div class="RightBar"> - <div class="MiddleBar"> - <div class="FixHeight ClearFix"> - <div class="DragControlArea" title="<%=_ctx.appRes("UITableColumnContainer.title.DragControlArea")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> - <% - String strTitle = uicomponent.getTitle() != null ? - ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : - _ctx.appRes("UITableColumnContainer.title.Container"); - %> - <div class="ContainerIcon DefaultContainer16x16Icon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> - <%if(hasPermission) {%> - <a href="<%=uicomponent.event("EditContainer","$uicomponent.id")%>" class="EditContainerIcon" title="<%=_ctx.appRes("UITableColumnContainer.tooltip.editContainer")%>"><span></span></a> - <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteContainerIcon" title="<%=_ctx.appRes("UITableColumnContainer.tooltip.closeContainer")%>"><span></span></a> - <%}%> - </div> - </div> - </div> - </div> - </div> - </div> - <%/*End InfoBar*/ %> - </div> - - </div> + <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none; position: relative;"> + <div style="position: absolute; top: -86px;"> + <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> + <div class="CONTROL-CONTAINER CONTROL-BLOCK UIInfoBar"> + <%/*Begin InfoBar*/%> + <div class="BlueRoundedStyle ClearFix"> + <div class="DragControlArea" title="<%=_ctx.appRes("UIContainer.tooltip.drag")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> + <% + String strTitle = uicomponent.getTitle() != null ? + ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : + _ctx.appRes("UIContainer.title.Container"); + %> + <div class="ContainerIcon DefaultContainer16x16Icon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + <%if(hasPermission) {%> + <a href="<%=uicomponent.event("EditContainer","$uicomponent.id")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditIcon" title="<%=_ctx.appRes("UIContainer.tooltip.editContainer")%>"><span></span></a> + <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteIcon" title="<%=_ctx.appRes("UIContainer.tooltip.closeContainer")%>"><span></span></a> + <%}%> </div> + <%/*End InfoBar*/ %> </div> - <%} %> - </div> </div> + <%} %> </div> - </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableColumnContainer.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableColumnContainer.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UITableColumnContainer.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -19,11 +19,8 @@ <div class="UIContainer UITableColumnContainer <%=uiPortalApp.isEditing()?"EdittingContainer":""%> <%=hasPermission?"":"ProtectedContainer"%>" id="${uicomponent.id}" onmouseover="eXo.portal.UIPortal.blockOnMouseOver(event, this, true);" - onmouseout="eXo.portal.UIPortal.blockOnMouseOver(event, this, false);"> - <div class="NormalContainerBlock"> - <div class="LeftContainerBlock"> - <div class="RightContainerBlock UIComponentBlock"> - + onmouseout="eXo.portal.UIPortal.blockOnMouseOver(event, this, false);"> + <div class="NormalContainerBlock UIComponentBlock"> <% int portalMode = uiPortalApp.getModeState(); String style = ""; @@ -42,56 +39,38 @@ <table class="UITableColumn" style="table-layout: fixed; margin: 0px auto; $style"> <tr class="TRContainer"> <% for(uiChild in uicomponent.getChildren()) {%> - <td class="${uiChild.id}TDContainer" <% if(uiChild.getWidth()) { %> width="<%= uiChild.getWidth(); %>" <% } %>><% uicomponent.renderUIComponent(uiChild) %></td> + <td class="${uiChild.id}TDContainer TDContainer" <% if(uiChild.getWidth()) { %> width="<%= uiChild.getWidth(); %>" <% } %>><% uicomponent.renderUIComponent(uiChild) %></td> <% } %> - </tr> - </table> + </tr> + </table> <%} else {print "<div class='ProtectedContent'>"+_ctx.appRes("UIPortlet.label.protectedContent")+"</div>";}%> </div> </div> <%/*Debug On IE -----For DND */%> <%if(portalMode != UIPortalApplication.NORMAL_MODE){%> - <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;"> - <div style="position: relative;"> - <div style="position: absolute; top: -86px;"> - - <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> - <div class="CONTROL-CONTAINER CONTROL-BLOCK" style="position: absolute; top: -6px;"> - <%/*Begin InfoBar*/%> - <div class="UIInfoBar"> - <div class="BlueRoundedStyle"> - <div class="LeftBar"> - <div class="RightBar"> - <div class="MiddleBar"> - <div class="FixHeight ClearFix"> - <div class="DragControlArea" title="<%=_ctx.appRes("UITableColumnContainer.title.DragControlArea")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> - <% - String strTitle = uicomponent.getTitle() != null ? - ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : - _ctx.appRes("UITableColumnContainer.title.Container"); - %> - <div class="ContainerIcon DefaultContainer16x16Icon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> - <%if(hasPermission) {%> - <a href="<%=uicomponent.event("EditContainer","$uicomponent.id")%>" class="EditContainerIcon" title="<%=_ctx.appRes("UITableColumnContainer.tooltip.editContainer")%>"><span></span></a> - <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteContainerIcon" title="<%=_ctx.appRes("UITableColumnContainer.tooltip.closeContainer")%>"><span></span></a> - <%}%> - </div> - </div> - </div> - </div> - </div> - </div> - <%/*End InfoBar*/ %> - </div> - - </div> + <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;position: relative;"> + <div style="position: absolute; top: -86px;"> + <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> + <div class="CONTROL-CONTAINER CONTROL-BLOCK UIInfoBar"> + <%/*Begin InfoBar*/%> + <div class="BlueRoundedStyle ClearFix"> + <div class="DragControlArea" title="<%=_ctx.appRes("UIContainer.tooltip.drag")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> + <% + String strTitle = uicomponent.getTitle() != null ? + ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : + _ctx.appRes("UIContainer.title.Container"); + %> + <div class="ContainerIcon DefaultContainer16x16Icon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + <%if(hasPermission) {%> + <a href="<%=uicomponent.event("EditContainer","$uicomponent.id")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditIcon" title="<%=_ctx.appRes("UIContainer.tooltip.editContainer")%>"></a> + <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteIcon" title="<%=_ctx.appRes("UIContainer.tooltip.closeContainer")%>"></a> + <%}%> </div> + <%/*End InfoBar*/ %> </div> - <%} %> - </div> </div> - </div> - + <%} %> + </div> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIToolbarContainer.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIToolbarContainer.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/container/UIToolbarContainer.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -48,40 +48,26 @@ </div> <%/*Debug On IE -----For DND */%> - <%if(portalMode != UIPortalApplication.NORMAL_MODE){%> - <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;"> - <div style="position: relative;"> - <div style="position: absolute; top: -86px;"> - - <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> - <div class="CONTROL-CONTAINER CONTROL-BLOCK" style="position: absolute; top: -6px;"> - <%/*Begin InfoBar*/%> - <div class="UIInfoBar"> - <div class="BlueRoundedStyle"> - <div class="LeftBar"> - <div class="RightBar"> - <div class="MiddleBar"> - <div class="FixHeight ClearFix"> - <div class="DragControlArea" title="<%=_ctx.appRes("UIContainer.tooltip.drag")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> - <% - String strTitle = uicomponent.getTitle() != null ? - ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : - _ctx.appRes("UIContainer.title.Container"); - %> - <div class="ContainerIcon DefaultContainer16x16Icon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> - <%if(hasPermission) {%> - <a href="<%=uicomponent.event("EditContainer","$uicomponent.id")%>;" class="EditContainerIcon" title="<%=_ctx.appRes("UIContainer.tooltip.editContainer")%>"><span></span></a> - <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteContainerIcon" title="<%=_ctx.appRes("UIContainer.tooltip.closeContainer")%>"><span></span></a> - <%}%> - </div> - </div> - </div> - </div> - </div> - </div> - <%/*End InfoBar*/ %> + <%if(portalMode != UIPortalApplication.NORMAL_MODE){%> + <div class="EDITION-BLOCK EDITION-CONTAINER" style="display: none;position: relative;"> + <div style="position: absolute; top: -86px;"> + <div class="NewLayer" style="display: none; visibility: hidden;"><span></span></div> + <div class="CONTROL-CONTAINER CONTROL-BLOCK UIInfoBar"> + <%/*Begin InfoBar*/%> + <div class="BlueRoundedStyle"> + <div class="DragControlArea" title="<%=_ctx.appRes("UIContainer.tooltip.drag")%>" onmousedown="eXo.portal.PortalDragDrop.init.call(this,event);"><span></span></div> + <% + String strTitle = uicomponent.getTitle() != null ? + ExpressionUtil.getExpressionValue(res, uicomponent.getTitle()) : + _ctx.appRes("UIContainer.title.Container"); + %> + <div class="ContainerIcon DefaultContainer16x16Icon"><%=hasPermission ? strTitle : _ctx.appRes("UIPortlet.label.protectedContent")%></div> + <%if(hasPermission) {%> + <a href="<%=uicomponent.event("EditContainer","$uicomponent.id")%>;eXo.portal.UIPortal.changeComposerSaveButton()" class="EditIcon" title="<%=_ctx.appRes("UIContainer.tooltip.editContainer")%>"><span></span></a> + <a href="<%=uicomponent.event("DeleteComponent","$uicomponent.id")%>" class="DeleteIcon" title="<%=_ctx.appRes("UIContainer.tooltip.closeContainer")%>"><span></span></a> + <%}%> </div> - + <%/*End InfoBar*/ %> </div> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/navigation/UIAddGroupNavigation.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/navigation/UIAddGroupNavigation.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/navigation/UIAddGroupNavigation.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -8,21 +8,7 @@ uicomponent.renderChild(UIVirtualList.class); %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="<%=uicomponent.event("Close")%>" class="ActionButton DarkGrayButton"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("word.cancel")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Close")%>" class="ActionButton DarkGrayButton"><%=_ctx.appRes("word.cancel")%></a> </div> <% uicomponent.renderChild(UIPopupWindow.class); %> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBody.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBody.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBody.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -5,73 +5,33 @@ %> <div class="UIPageBody" id="${uicomponent.id}"> <div class="UIComponent UIComponentBlock"> - <%if(portalMode == UIPortalApplication.APP_BLOCK_EDIT_MODE || portalMode == UIPortalApplication.CONTAINER_BLOCK_EDIT_MODE) {%> - <div class="LAYOUT-BLOCK LAYOUT-PAGEBODY DragControlArea" onmousedown="if(eXo.portal.portalMode == <%=UIPortalApplication.APP_BLOCK_EDIT_MODE%>){eXo.portal.PortalDragDrop.init.call(this, event);} return false"> - <div class="PageLayoutDecorator" onmouseover="if(eXo.portal.portalMode == <%=UIPortalApplication.APP_BLOCK_EDIT_MODE%>){this.style.cursor ='move';} else this.style.cursor ='default';"> + <div class="LAYOUT-BLOCK LAYOUT-PAGEBODY DragControlArea PageLayoutDecorator" onmouseover="if(eXo.portal.portalMode == <%=UIPortalApplication.APP_BLOCK_EDIT_MODE%>){this.style.cursor ='move';} else this.style.cursor ='default';" onmousedown="if(eXo.portal.portalMode == <%=UIPortalApplication.APP_BLOCK_EDIT_MODE%>){eXo.portal.PortalDragDrop.init.call(this, event);} return false"> <%/*Begin Top Decorator*/%> - <div class="TopLeftPage"> - <div class="TopRightPage"> - <div class="TopCenterPage"> + <div class="LeftPage"> + <div class="RightPage"> + <div class="CenterPage"> <%=_ctx.appRes("UIPage.label.pageContent")%> </div> </div> - </div> - - <%/*Begin Middle Decorator*/%> - <div class="MiddleLeftPage"> - <div class="MiddleRightPage"> - <div class="MiddlePageBG"> - <div class="FixBug"><span></span></div> - </div> - </div> - </div> - - <%/*Begin Bottom Decorator*/%> - <div class="BottomLeftPage"> - <div class="BottomRightPage"> - <div class="BottomCenterPage"> - <div class="FixBug"><span></span></div> - </div> - </div> - </div> - - </div> + </div> </div> <%} else {%> <div class="VIEW-PAGEBODY VIEW-BLOCK DragControlArea" id="PAGEBODY-VIEW-BLOCK"> <% if(uicomponent.getUIComponent() == null){ %> - <div class="Empty"> - <div class="UIPortalWarning"> - <div class="LeftTopWarning"> - <div class="RightTopWarning"> - <div class="CenterTopWaring"> - <div class="TitleWaring"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine1")%></div> - </div> - </div> - </div> - <div class="LeftMiddleWarning"> - <div class="RightMiddleWarning"> - <div class="WarningContent"> - <div class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine2")%></div> - <div class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine3")%></div> - <div class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine4")%></div> - </div> - </div> - </div> - <div class="LeftBottomWarning"> - <div class="RightBottomWarning"> - <div class="CenterBottomWaring"><span></span></div> - </div> - </div> + <div class="UIPortalWarning Empty"> + + <h3 class="TitleWaring"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine1")%></h3> + + <ul> + <li class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine2")%></li> + <li class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine3")%></li> + <li class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine4")%></li> + </ul> + </div> - </div> + <% } else { uicomponent.renderChildren(); }%> - <div class="BLPagebody"> - <div class="BRPagebody"> - <div class="BMPagebody"><span></span></div> - </div> - </div> <%if(portalMode != UIPortalApplication.NORMAL_MODE) {%> <div class="MaskParent" style="height: 0px;position:relative;"> @@ -85,5 +45,5 @@ <div class="CONTROL-PAGEBODY CONTROL-BLOCK" style="display: none"><span></span></div> </div> <%} %> - </div> </div> +</div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBrowser.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBrowser.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageBrowser.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -8,21 +8,7 @@ <%if(uicomponent.isShowAddNewPage()) {%> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="<%=uicomponent.event("AddNew")%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action.addNewPage")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("AddNew")%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action.addNewPage")%></a> </div> <%}%> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UIPageSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -70,58 +70,26 @@ </div> </div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <% - String clearPageEvent = "javascript:void(0);"; - String css = "FloatBlockHidden ActionButton SimpleStyle"; - def uiForm = uicomponent.getAncestorOfType(UIForm.class); - createPageEvent = uiForm.event("CreatePage"); - if(page != null) { - clearPageEvent = uiForm.event("ClearPage"); - css = "ActionButton SimpleStyle"; - } - %> - <div onclick="<%=clearPageEvent%>" class="<%=css%>"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="DustBin16x16Icon Icon" title="<%=_ctx.appRes(uicomponent.getId()+".label.clearPage")%>"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".label.clearPage")%></a> - </div> - </div> - </div> - </div> - </div> - <% if(page == null) { %> - <div onclick="<%=createPageEvent%>" class="ActionButton SimpleStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="GreenPlusPage16x16Icon Icon" title="<%=_ctx.appRes(uicomponent.getId()+".label.createPage")%>"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".label.createPage")%></a> - </div> - </div> - </div> - </div> - </div> - <% } %> - - <div class="ActionButton SimpleStyle" onclick="<%=uicomponent.event("OpenSelectPagePopUp")%>"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="Icon SelectPageIcon" title="<%=_ctx.appRes(uicomponent.getId()+".label.searchandSelectPage")%>"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId()+".label.searchandSelectPage")%></a> - </div> - </div> - </div> - </div> - </div> - - </td> - </tr> - </table> + <% + String clearPageEvent = "javascript:void(0);"; + String css = "FloatBlockHidden ActionButton SimpleStyle"; + def uiForm = uicomponent.getAncestorOfType(UIForm.class); + createPageEvent = uiForm.event("CreatePage"); + if(page != null) { + clearPageEvent = uiForm.event("ClearPage"); + css = "ActionButton SimpleStyle"; + } + %> + <span onclick="<%=clearPageEvent%>" class="<%=css%>" title="<%=_ctx.appRes(uicomponent.getId()+".label.clearPage")%>"> + <a href="javascript:void(0);" class="DustBin16x16Icon Icon"><%=_ctx.appRes(uicomponent.getId() + ".label.clearPage")%></a> + </span> + <% if(page == null) { %> + <span onclick="<%=createPageEvent%>" class="ActionButton SimpleStyle" title="<%=_ctx.appRes(uicomponent.getId()+".label.createPage")%>"> + <a href="javascript:void(0);" class="GreenPlusPage16x16Icon Icon"><%=_ctx.appRes(uicomponent.getId() + ".label.createPage")%></a> + </span> + <% } %> + <span class="ActionButton SimpleStyle" onclick="<%=uicomponent.event("OpenSelectPagePopUp")%>" title="<%=_ctx.appRes(uicomponent.getId()+".label.searchandSelectPage")%>"> + <a href="javascript:void(0);" class="Icon SelectPageIcon"><%=_ctx.appRes(uicomponent.getId()+".label.searchandSelectPage")%></a> + </span> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UISiteBody.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UISiteBody.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/page/UISiteBody.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -3,68 +3,30 @@ UIPortalApplication uiPortalApp = _ctx.getRequestContext().getUIApplication(); int portalMode = uiPortalApp.getModeState(); %> -<div class="UISiteBody" id="${uicomponent.id}"> - <div class="UIComponent UIComponentBlock"> - +<div class="UISiteBody" id="${uicomponent.id}"> + <div class="UIComponent UIComponentBlock"> <%if(portalMode == UIPortalApplication.APP_BLOCK_EDIT_MODE || portalMode == UIPortalApplication.CONTAINER_BLOCK_EDIT_MODE) {%> - <div class="LAYOUT-BLOCK LAYOUT-SITEBODY DragControlArea"> - <div class="PageLayoutDecorator"> - <%/*Begin Top Decorator*/%> - <div class="TopLeftPage"> - <div class="TopRightPage"> - <div class="TopCenterPage"> - <%=_ctx.appRes("UIPage.label.pageContent")%> - </div> - </div> - </div> - - <%/*Begin Middle Decorator*/%> - <div class="MiddleLeftPage"> - <div class="MiddleRightPage"> - <div class="MiddlePageBG"> - <div class="FixBug"><span></span></div> - </div> - </div> - </div> - - <%/*Begin Bottom Decorator*/%> - <div class="BottomLeftPage"> - <div class="BottomRightPage"> - <div class="BottomCenterPage"> - <div class="FixBug"><span></span></div> - </div> - </div> - </div> - - </div> + <div class="LAYOUT-BLOCK LAYOUT-SITEBODY DragControlArea PageLayoutDecorator"> + <%/*Begin Top Decorator*/%> + <div class="LeftPage"> + <div class="RightPage"> + <div class="CenterPage"> + <%=_ctx.appRes("UIPage.label.pageContent")%> + </div> + </div> + </div> </div> <%} else {%> <div class="VIEW-SITEBODY VIEW-BLOCK" id="SITEBODY-VIEW-BLOCK"> <% if(uicomponent.getUIComponent() == null){ %> - <div class="Empty"> - <div class="UIPortalWarning"> - <div class="LeftTopWarning"> - <div class="RightTopWarning"> - <div class="CenterTopWaring"> - <div class="TitleWaring"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine1")%></div> - </div> - </div> - </div> - <div class="LeftMiddleWarning"> - <div class="RightMiddleWarning"> - <div class="WarningContent"> - <div class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine2")%></div> - <div class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine3")%></div> - <div class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine4")%></div> - </div> - </div> - </div> - <div class="LeftBottomWarning"> - <div class="RightBottomWarning"> - <div class="CenterBottomWaring"><span></span></div> - </div> - </div> - </div> + <div class="UIPortalWarning Empty"> + + <h3 class="TitleWaring"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine1")%></h3> + <ul> + <li class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine2")%></li> + <li class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine3")%></li> + <li class="Icon"><%=_ctx.appRes("UIPageBody.msg.pageNotFoundLine4")%></li> + </ul> </div> <% } else { uicomponent.renderChildren(); } %> </div> @@ -75,5 +37,5 @@ </div> <div class="UISiteBodyMask" style="position:absolute; display:none;"><span></span></div> <%} %> - </div> + </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIAccountSettingForm.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIAccountSettingForm.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIAccountSettingForm.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -59,22 +59,8 @@ </div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <%for(action in uicomponent.getActions()) { %> - <div onclick="<%=uicomponent.event(action)%>" class="ActionButton LightBlueStyle" > - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".action." + action)%></a> - </div> - </div> - </div> - </div> - <%} %> - </td> - </tr> - </table> + <%for(action in uicomponent.getActions()) { %> + <a href="javascript:void(0);" onclick="<%=uicomponent.event(action)%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".action." + action)%></a> + <%} %> </div> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UILanguageSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UILanguageSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UILanguageSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -78,30 +78,8 @@ </div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="javascript:eXo.portal.UIPortal.changeLanguage('<%=uicomponent.url("Save");%>');" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="#"><%=_ctx.appRes("UIChangeLanguage.action.save");%></a> - </div> - </div> - </div> - </div> - <div onclick="<%=uicomponent.event("Close");%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIChangeLanguage.action.close");%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <a href="javascript:void(0);" onclick="javascript:eXo.portal.UIPortal.changeLanguage('<%=uicomponent.url("Save");%>');" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIChangeLanguage.action.save");%></a> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Close");%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIChangeLanguage.action.close");%></a> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortalComposer.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortalComposer.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortalComposer.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -8,85 +8,36 @@ rcontext.getJavascriptManager().addJavascript("eXo.webui.UIPopup.setAlign('$popupId', 2, 5, 5);"); %> <div class="UIPopupWindow UIDragObject UIPortalComposer" exo:minWidth="200" exo:minHeight="200" id="$uicomponent.id" style="width: 320px; display: block;"> - <div class="TLPortalComposer"> - <div class="TRPortalComposer"> - <div class="TCPortalComposer"> - <div class="OverflowContainer"> - <div class="<%=uicomponent.isCollapsed ? "CollapseIcon" : "ExpandIcon"%>" onclick="eXo.portal.UIPortal.toggleComposer(this)"><span></span></div> - <% if(uicomponent.isShowControl) { %> - <a class="CloseButton" title="<%=_ctx.appRes("word.abort")%>" href="<%=uicomponent.event("CloseComposer")%>"><span></span></a> - <% if (uicomponent.isUsedInWizard()) { %> - <a class="<%= isEditted ? "EdittedSaveButton" : "SaveButton" %>" title="<%=_ctx.appRes("word.finish")%>" href="<%=uicomponent.url("Finish")%>" onclick="eXo.core.DOMUtil.disableOnClick(this);" ><span></span></a> - <a class="BackButton"" title="<%=_ctx.appRes("word.back")%>" href="<%=uicomponent.event("Back")%>"> - <span></span> - </a> - <% } else {%> - <a class="<%= isEditted ? "EdittedSaveButton" : "SaveButton" %>" title="<%=_ctx.appRes("word.finish")%>" href="<%=uicomponent.event("Finish")%>"><span></span></a> - <% } - } %> - <div class="PopupTitle"><%=_ctx.appRes(popupId + ".title."+ popupId)%></div> - </div> - </div> - </div> + <div class="OverflowContainer ClearFix"> + <span class="<%=uicomponent.isCollapsed ? "CollapseIcon" : "ExpandIcon"%>" onclick="eXo.portal.UIPortal.toggleComposer(this)"></span> + <% if(uicomponent.isShowControl) { %> + <a class="CloseButton" title="<%=_ctx.appRes("word.abort")%>" href="<%=uicomponent.event("CloseComposer")%>"><span></span></a> + <% if (uicomponent.isUsedInWizard()) { %> + <a class="<%= isEditted ? "EdittedSaveButton" : "SaveButton" %>" title="<%=_ctx.appRes("word.finish")%>" href="<%=uicomponent.url("Finish")%>" onclick="eXo.core.DOMUtil.disableOnClick(this);" ></a> + <a class="BackButton" title="<%=_ctx.appRes("word.back")%>" href="<%=uicomponent.event("Back")%>"></a> + <% } else {%> + <a class="<%= isEditted ? "EdittedSaveButton" : "SaveButton" %>" title="<%=_ctx.appRes("word.finish")%>" href="<%=uicomponent.event("Finish")%>"></a> + <% } + } %> + <span class="PopupTitle"><%=_ctx.appRes(popupId + ".title."+ popupId)%></span> </div> - - <div class="MLPortalComposer" style="display: <%=uicomponent.isCollapsed ? "none": "block"%>"> - <div class="MRPortalComposer"> - <div class="MCPortalComposer"> - <div class="UIWindowContent"> - <div style="width: 100%;"> - <div class="PopupContent" style="height: 390px"> - <div class="Component"><% uicomponent.renderChildren(); %></div> - </div> - </div> - </div> - </div> + + <div class="UIWindowContent" style="display: <%=uicomponent.isCollapsed ? "none": "block"%>" > + <div class="PopupContent Component" style="height: 390px"> + <% uicomponent.renderChildren(); %> </div> - </div> - - <div class="BLPortalComposer" style="display: <%=uicomponent.isCollapsed ? "none": "block"%>"> - <div class="BRPortalComposer"> - <div class="BCPortalComposer ClearFix"> - <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - - <div onclick="<%= uicomponent.event("ViewProperties") %>;" class="ActionButton SimpleStyle1"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="PageProfileIcon"> - <a href="javascript:void(0);"><%=_ctx.appRes(popupId + ".action.ViewProperties")%></a> - </div> - </div> - </div> - </div> - </div> - - <% String changeEditMode = uicomponent.event("SwitchMode", null, null); %> - <div onclick="$changeEditMode" class="ActionButton SimpleStyle1" onmouseover="this.style.color = '#058ee6'" onmouseout="this.style.color='black'"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <div class="ViewAsBlockIcon"> - <a href="javascript:void(0);"><%=_ctx.appRes(popupId + ".action.SwitchMode")%></a> - </div> - </div> - </div> - </div> - </div> - - </td> - </tr> - </table> - </div> - <div class="ResizeButton"><span></span></div> - </div> + + <div class="UIAction" style="display: <%=uicomponent.isCollapsed ? "none": "block"%>"> + <span onclick="<%= uicomponent.event("ViewProperties") %>;eXo.portal.UIPortal.changeComposerSaveButton()" class="ActionButton SimpleStyle1"> + <a href="javascript:void(0);" class="PageProfileIcon"><%=_ctx.appRes(popupId + ".action.ViewProperties")%></a> + </span> + <% String changeEditMode = uicomponent.event("SwitchMode", null, null); %> + <span onclick="$changeEditMode" class="ActionButton SimpleStyle1" onmouseover="this.style.color = '#058ee6'" onmouseout="this.style.color='black'"> + <a href="javascript:void(0);" class="ViewAsBlockIcon"><%=_ctx.appRes(popupId + ".action.SwitchMode")%></a> + </span> </div> + <span class="ResizeButton"></span> </div> - <div class="Bottom" style="display: none;"><span></span></div> - </div> <script language="javascript"> eXo.portal.portalMode = <%=uicomponent.getPortalMode();%>; Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortletForm.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortletForm.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UIPortletForm.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -92,38 +92,30 @@ %> </div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> + <%for(action in uicomponent.getActions()) { String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action); String link = uicomponent.event(action); if(uicomponent.hasEditMode() && (selTabId.equals("") || selTabId.equals("EditMode")) && action.contains("Save")) { %> - <div onclick="$link" class="ActionButton LightBlueStyle" style="display : none;"> + <%if(action.contains("Close")) { + String closeLabel = _ctx.appRes("word.close"); + %> + <a style="display: none;" class="ActionButton LightBlueStyle" href="$link" id="$action" closeLabel="$closeLabel" cancelLabel="$actionLabel"><%=(uicomponent.hasEditMode() && (selTabId.equals("") || selTabId.equals("EditMode"))) ? closeLabel : actionLabel%></a> <%} else {%> - <div onclick="$link" class="ActionButton LightBlueStyle"> + <a style="display: none;" class="ActionButton LightBlueStyle" href="$link" id="$action" >$actionLabel</a> <%}%> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <%if(action.contains("Close")) { - String closeLabel = _ctx.appRes("word.close"); - %> - <div class="ButtonMiddle" id="$action" closeLabel="$closeLabel" cancelLabel="$actionLabel"> - <a href="javascript:void(0);"><%=(uicomponent.hasEditMode() && (selTabId.equals("") || selTabId.equals("EditMode"))) ? closeLabel : actionLabel%></a> - </div> - <%} else {%> - <div class="ButtonMiddle" id="$action" > - <a href="javascript:void(0);">$actionLabel</a> - </div> + <%} else {%> + <%if(action.contains("Close")) { + String closeLabel = _ctx.appRes("word.close"); + %> + <a class="ActionButton LightBlueStyle" href="$link" id="$action" closeLabel="$closeLabel" cancelLabel="$actionLabel"><%=(uicomponent.hasEditMode() && (selTabId.equals("") || selTabId.equals("EditMode"))) ? closeLabel : actionLabel%></a> + <%} else {%> + <a class="ActionButton LightBlueStyle" href="$link" id="$action" >$actionLabel</a> <%}%> - </div> - </div> - </div> + <%}%> <%}%> - </td> - </tr> - </table> + </div> </div> @@ -138,10 +130,10 @@ var workingArea = DOMUtil.findAncestorByClass(comp, "WorkingArea"); var horLayout = DOMUtil.findFirstChildByClass(workingArea, "div", "HorizontalLayout"); var uiAction = DOMUtil.findFirstChildByClass(horLayout, "div", "UIAction"); - var buttons = DOMUtil.findDescendantsByClass(uiAction, "div", "ButtonMiddle"); + var buttons = DOMUtil.findChildrenByClass(uiAction, "a", "ActionButton"); for (var i = 0; i < buttons.length; i++) { if (buttons[i].id.indexOf("Save") >= 0) { - DOMUtil.findAncestorByClass(buttons[i], "ActionButton").style.display = "none"; + buttons[i].style.display = "none"; } if (buttons[i].id.indexOf("Close") >= 0) { buttons[i].innerHTML = buttons[i].getAttribute("closeLabel"); @@ -154,10 +146,10 @@ var workingArea = DOMUtil.findAncestorByClass(comp, "WorkingArea"); var horLayout = DOMUtil.findFirstChildByClass(workingArea, "div", "HorizontalLayout"); var uiAction = DOMUtil.findFirstChildByClass(horLayout, "div", "UIAction"); - var buttons = DOMUtil.findDescendantsByClass(uiAction, "div", "ButtonMiddle"); + var buttons = DOMUtil.findChildrenByClass(uiAction, "a", "ActionButton"); for (var i = 0; i < buttons.length; i++) { if (buttons[i].id.indexOf("Save") >= 0) { - DOMUtil.findAncestorByClass(buttons[i], "ActionButton").style.display = "block"; + buttons[i].style.display = "inline-block"; } if (buttons[i].id.indexOf("Close") >= 0) { buttons[i].innerHTML = buttons[i].getAttribute("cancelLabel"); Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UISkinSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UISkinSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/portal/UISkinSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -31,31 +31,9 @@ </div> </div> - <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="javascript:eXo.portal.UIPortal.changeSkin('<%=uicomponent.url("Save");%>');" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="#"><%=_ctx.appRes("UIChangeSkin.action.save");%></a> - </div> - </div> - </div> - </div> - <div onclick="<%=uicomponent.event("Close");%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIChangeSkin.action.close");%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> + <div class="UIAction"> + <a href="javascript:void(0);" onclick="javascript:eXo.portal.UIPortal.changeSkin('<%=uicomponent.url("Save");%>');" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIChangeSkin.action.save");%></a> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Close");%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIChangeSkin.action.close");%></a> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -24,23 +24,5 @@ rcontext.getJavascriptManager().addOnResizeJavascript("eXo.portal.UIMaskWorkspace.resetPosition") ; %> <div class="UIMaskWorkspace" id="$maskId" style="display: none;"> - <div class="TopLeftDecorator" > - <div class="TopRightDecorator"> - <div class="TopCenterDecorator"><span></span></div> - </div> - </div> - - <div class="MiddleLeftDecorator"> - <div class="MiddleRightDecorator"> - <div class="MaskContainer"> - <%uicomponent.renderChildren();%> - </div> - </div> - </div> - - <div class="BottomLeftDecorator"> - <div class="BottomRightDecorator"> - <div class="BottomCenterDecorator"><span></span></div> - </div> - </div> + <div class="MaskContainer"><%uicomponent.renderChildren();%></div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIPortalApplication.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIPortalApplication.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIPortalApplication.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -1,100 +1,98 @@ <!DOCTYPE html - PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <% - import org.exoplatform.portal.application.PortalRequestContext ; + import org.exoplatform.portal.application.PortalRequestContext ; import org.exoplatform.webui.core.UIComponent; import java.util.Iterator; import org.exoplatform.portal.webui.portal.UIPortal ; import org.exoplatform.portal.config.model.PortalProperties ; - def rcontext = _ctx.getRequestContext() ; - String docBase = rcontext.getRequestContextPath() ; - String skin = uicomponent.getSkin(); - def portalSkins = uicomponent.getPortalSkins() ; - def portletSkins = uicomponent.getPortletSkins() ; - def scriptsPaths = uicomponent.getJavascriptURLs(); - def lang = uicomponent.getLocale().getLanguage(); - def title = rcontext.getTitle(); - def metaInformation = rcontext.getMetaInformation(); + def rcontext = _ctx.getRequestContext() ; + String docBase = rcontext.getRequestContextPath() ; + String skin = uicomponent.getSkin(); + def portalSkins = uicomponent.getPortalSkins() ; + def portletSkins = uicomponent.getPortletSkins() ; + def scriptsPaths = uicomponent.getJavascriptURLs(); + def lang = uicomponent.getLocale().getLanguage(); + def title = rcontext.getTitle(); + def metaInformation = rcontext.getMetaInformation(); %> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="$lang" lang="$lang" dir="$dir"> - <head id="head"> - <title><%=title%></title> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> - <% - if(metaInformation!= null) { - Iterator<String> keys = metaInformation.keySet().iterator(); - while(keys.hasNext()) { - String metaName = keys.next(); - String metaContent = metaInformation.get(metaName); - %> - <meta name="<%=metaName%>" content="<%=metaContent%>" /> - <% } } %> - - <link rel="shortcut icon" type="image/x-icon" href="<%=docBase%>/favicon.ico" /> - <%for(skinConfig in portalSkins) { - def url = skinConfig.createURL(); - url.setOrientation(orientation); - %> - <link id="${skinConfig.id}" rel="stylesheet" type="text/css" href="$url" /> - <%}%> - <%for(portletSkin in portletSkins) { - def url = portletSkin.createURL(); - url.setOrientation(orientation); - %> - <link id="${portletSkin.id}" rel="stylesheet" type="text/css" href= "$url" /> - <%}%> - <script type="text/javascript"> - <% - // This variable must be used only to initialize other variables otherwise - // please use eXo.env.portal.context or eXo.env.portal.context instead - // Those 2 last variables cannot be used to initialize variables because - // we cannot be sure that they will be initialized before initializing your script - %> - var currentContext = '<%=docBase%>' ; - </script> - <%if(org.exoplatform.commons.utils.PropertyManager.isDevelopping()) { - for(path in scriptsPaths) { %> - <script type="text/javascript" src="<%=path%>"></script> - <%}%> - <script type="text/javascript"> - eXo.developing = true ; - </script> + <head id="head"> + <title><%=title%></title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <% + if(metaInformation!= null) { + Iterator<String> keys = metaInformation.keySet().iterator(); + while(keys.hasNext()) { + String metaName = keys.next(); + String metaContent = metaInformation.get(metaName); + %> + <meta name="<%=metaName%>" content="<%=metaContent%>" /> + <% } } %> + + <link rel="shortcut icon" type="image/x-icon" href="<%=docBase%>/favicon.ico" /> + <%for(skinConfig in portalSkins) { + def url = skinConfig.createURL(); + url.setOrientation(orientation); + %> + <link id="${skinConfig.id}" rel="stylesheet" type="text/css" href="$url" /> + <%}%> + <%for(portletSkin in portletSkins) { + def url = portletSkin.createURL(); + url.setOrientation(orientation); + %> + <link id="${portletSkin.id}" rel="stylesheet" type="text/css" href= "$url" /> + <%}%> + <script type="text/javascript"> + // This variable must be used only to initialize other variables otherwise + // please use eXo.env.portal.context or eXo.env.portal.context instead + // Those 2 last variables cannot be used to initialize variables because + // we cannot be sure that they will be initialized before initializing your script + var currentContext = '<%=docBase%>' ; + </script> + <%if(org.exoplatform.commons.utils.PropertyManager.isDevelopping()) { + for(path in scriptsPaths) { %> + <script type="text/javascript" src="<%=path%>"></script> + <%}%> + <script type="text/javascript"> + eXo.developing = true ; + </script> - <%} else {%> - <script type="text/javascript" src="<%=docBase%>/javascript/merged.js"></script> - <% - for(path in scriptsPaths) { - if(path.startsWith("http") || path.startsWith("https")) {%> - <script type="text/javascript" src="<%=path%>"></script> - <%} - } - }%> - <script type="text/javascript"> - eXo.env.portal.context = "<%=docBase%>" ; - <%if(rcontext.getAccessPath() == 0) {%>eXo.env.portal.accessMode = "public" ;<%} - else - {%>eXo.env.portal.accessMode = "private" ;<%}%> - eXo.env.portal.portalName = "<%=rcontext.getPortalOwner()%>" ; - eXo.env.server.context = "<%=docBase%>" ; - eXo.env.server.portalBaseURL = "<%=rcontext.getRequest().getRequestURI()%>" ; - eXo.env.server.portalURLTemplate = "<%=uicomponent.getPortalURLTemplate()%>" ; - eXo.env.client.skin = "$skin" ; - <% - UIPortal portal = uicomponent.findFirstComponentOfType(UIPortal.class); - String sessionAliveLevel = (portal == null ? null : portal.sessionAlive) ; - boolean canKeepState = sessionAliveLevel == null ? false : !sessionAliveLevel.equals(PortalProperties.SESSION_NEVER) ; - %> - eXo.portal.portalMode = <%= uicomponent.getModeState() %>; - eXo.session.level = "$sessionAliveLevel"; - eXo.session.canKeepState = $canKeepState; - eXo.session.isOpen = $uicomponent.isSessionOpen ; - eXo.session.itvTime = ${((PortalRequestContext)rcontext).getRequest().getSession().getMaxInactiveInterval()} ; - </script> - <script type="text/javascript" src="/eXoResources/javascript/eXo/i18n/I18NMessage.js"></script> - <script type="text/javascript" src="/eXoResources/javascript/eXo/i18n/MessageResource_<%=lang%>.js"></script> + <%} else {%> + <script type="text/javascript" src="<%=docBase%>/javascript/merged.js"></script> + <% + for(path in scriptsPaths) { + if(path.startsWith("http") || path.startsWith("https")) {%> + <script type="text/javascript" src="<%=path%>"></script> + <%} + } + }%> + <script type="text/javascript"> + eXo.env.portal.context = "<%=docBase%>" ; + <%if(rcontext.getAccessPath() == 0) {%>eXo.env.portal.accessMode = "public" ;<%} + else + {%>eXo.env.portal.accessMode = "private" ;<%}%> + eXo.env.portal.portalName = "<%=rcontext.getPortalOwner()%>" ; + eXo.env.server.context = "<%=docBase%>" ; + eXo.env.server.portalBaseURL = "<%=rcontext.getRequest().getRequestURI()%>" ; + eXo.env.server.portalURLTemplate = "<%=uicomponent.getPortalURLTemplate()%>" ; + eXo.env.client.skin = "$skin" ; + <% + UIPortal portal = uicomponent.findFirstComponentOfType(UIPortal.class); + String sessionAliveLevel = (portal == null ? null : portal.sessionAlive) ; + boolean canKeepState = sessionAliveLevel == null ? false : !sessionAliveLevel.equals(PortalProperties.SESSION_NEVER) ; + %> + eXo.portal.portalMode = <%= uicomponent.getModeState() %>; + eXo.session.level = "$sessionAliveLevel"; + eXo.session.canKeepState = $canKeepState; + eXo.session.isOpen = <%=uicomponent.isSessionOpen()%> ; + eXo.session.itvTime = ${((PortalRequestContext)rcontext).getRequest().getSession().getMaxInactiveInterval()} ; + </script> + <script type="text/javascript" src="/eXoResources/javascript/eXo/i18n/I18NMessage.js"></script> + <script type="text/javascript" src="/eXoResources/javascript/eXo/i18n/MessageResource_<%=lang%>.js"></script> <% def headerElements = rcontext.getExtraMarkupHeadersAsStrings(); @@ -108,39 +106,24 @@ %> </head> - <body style="height: 100%;"> - <% - /*Hide All Popup Menu when click on document*/ - rcontext.getJavascriptManager().addOnLoadJavascript('eXo.core.DOMUtil.hideElements'); - //rcontext.getJavascriptManager().addOnResizeJavascript('eXo.core.UIMaskLayer.resizeMaskLayer'); - %> + <body style="height: 100%;"> + <% + /*Hide All Popup Menu when click on document*/ + rcontext.getJavascriptManager().addOnLoadJavascript('eXo.core.DOMUtil.hideElements'); + //rcontext.getJavascriptManager().addOnResizeJavascript('eXo.core.UIMaskLayer.resizeMaskLayer'); + %> <div class="$uicomponent.skin" id="UIPortalApplication" style="!height: 100%;"> - + <div class="AjaxLoadingMask" id="AjaxLoadingMask" style="display: none; margin: auto;"> - <div class="LoadingContainer"> - <div class="CenterLoadingContainer"> - <div class="LoadingText"><%=_ctx.appRes("UIPortalApplication.label.Loading")%></div> - <div class="LoadingProgressBar"><span></span></div> - - <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="javascript:ajaxAbort();" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIPortalApplication.label.Abort")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> - </div> - - </div> - </div> - </div> + <div class="LoadingContainer"> + <div class="LoadingText"><%=_ctx.appRes("UIPortalApplication.label.Loading")%></div> + <span class="LoadingProgressBar"></span> + + <div class="UIAction"> + <a href="javascript:ajaxAbort();" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIPortalApplication.label.Abort")%></a> + </div> + + </div> + </div> + Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIConfirmation.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIConfirmation.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIConfirmation.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -41,95 +41,49 @@ void printMessage(String message, String messageType) { - println "<div class=\"UITabContent\">"; - println " <div class=\"PopupMessageBox\">"; - println " <div class=\"$messageType\">"; - println " <div class=\"PopupMessageContainer\">"; - println " <div class=\"MessageContainer\">"; - println " <div class=\"PopupIcon ${messageType}Icon\"><span></span></div>"; - println " <div class=\"PopupMessage\">"; + println " <ul class=\"UITabContent PopupMessageBox $messageType\">"; + println " <li class=\"MessageContainer\">"; + println " <span class=\"PopupIcon ${messageType}Icon\">"; println message; - println " </div>"; - println " <div style=\"clear:left\"><span></span></div>"; - println " </div>"; - println " </div>"; - println " </div>"; - println " </div>"; - println "</div>"; - } + println " </span>"; + println " </li>"; + println " </ul>"; + } void printAction(List actions) { for(act in actions) { - println "<td>"; - println " <div onclick="+uicomponent.event("Click", act.getEventId())+" class=\"ActionButton LightBlueStyle\">"; - println " <div class=\"ButtonLeft\">"; - println " <div class=\"ButtonRight\">"; - println " <div class=\"ButtonMiddle\">"; - println " <a href=\"javascript:void(0);\"> ${act.getActionKey()} </a>"; - println " </div>"; - println " </div>"; - println " </div>"; - println " </div>"; - println "</td>"; + println " <a href=\"javascript:void(0);\" onclick="+uicomponent.event("Click", act.getEventId())+" class=\"ActionButton LightBlueStyle\"> ${act.getActionKey()} </a>"; } } %> - <div class="UIPopupWindow UIDragObject" id="$popupId" style="width: 550px; display: none;"> - <div class="ExoMessageDecorator"> - <div class="TopLeftCornerDecorator"> - <div class="TopRightCornerDecorator"> - <div class="TopCenterDecorator"> - <div class="OverflowContainer"> - <div class="PopupTitleIcon"><span></span></div> - <div class="CloseButton" title="<%=_ctx.appRes("UIConfirmation.Close")%>" onclick="<%=uicomponent.event("Close")%>"><span></span></div> - <div class="PopupTitle"><%= _ctx.appRes("UIConfirmation.title.exoMessages") %></div> - </div> + <div class="UIPopupWindow UIDragObject ExoMessageDecorator" id="$popupId" style="width: 550px; display: none;"> + <div class="OverflowContainer ClearFix"> + <span class="PopupTitleIcon"></span> + <a class="CloseButton" title="<%=_ctx.appRes("UIConfirmation.Close")%>" onclick="<%=uicomponent.event("Close")%>"></a> + <span class="PopupTitle"><%= _ctx.appRes("UIConfirmation.title.exoMessages") %></span> + </div> + + <div class="UIWindowContent"> + <div class="PopupContent UIPopupMessages"> + <div class="UIHorizontalTabs"> + <div class="TabsContainer"> + <% + boolean flag = true + flag = printTab(message, "Warning", flag); + %> </div> </div> - </div> - - <div class="MiddleLeftSideDecorator"> - <div class="MiddleRightSideDecorator"> - <div class="MiddleCenterDecorator"> - <div class="UIWindowContent"> - <div class="PopupContent"> - <div class="UIPopupMessages"> - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> - <% - boolean flag = true - flag = printTab(message, "Warning", flag); - %> - </div> - </div> - <div class="UITabContentContainer"> - <% - printMessage(message, "ErrorMessage"); - %> - </div> - <div class="MessageActionBar"> - <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <% - printAction(actions); - %> - </tr> - </table> - </div> - </div> - </div> - </div> - </div> - </div> + <div class="UITabContentContainer"> + <% + printMessage(message, "ErrorMessage"); + %> </div> - </div> - <div><span></span></div> - <div class="BottomLeftCornerDecorator"> - <div class="BottomRightCornerDecorator"> - <div class="BottomCenterDecorator"><span></span></div> + <div class="UIAction MessageActionBar"> + <% + printAction(actions); + %> </div> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupMessages.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupMessages.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupMessages.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -48,15 +48,11 @@ style = ""; isSelected = true; } - println "<div class=\"UITabContent\" $style>"; - println " <div class=\"PopupMessageBox\">"; - println " <div class=\"$messType\">"; - println " <div class=\"PopupMessageContainer\">"; + println " <ul class=\"UITabContent PopupMessageBox $messType\" $style>"; for(mess in messages) { if(mess.messageKey == null) continue; - println " <div class=\"MessageContainer\">"; - println " <div class=\"PopupIcon ${messType}Icon\"><span></span></div>"; - println " <div class=\"PopupMessage\">"; + println " <li class=\"MessageContainer\">"; + println " <span class=\"PopupIcon ${messType}Icon\">"; String msgValue = _ctx.appRes(mess.messageKey); Object[] msgArguments = mess.getMessageAruments(); if(msgArguments != null && msgArguments.length > 0) { @@ -72,96 +68,49 @@ } EntityEncoder encoder = EntityEncoder.FULL; msgValue = encoder.encode(msgValue); - println msgValue; - println " </div>"; - println " <div style=\"clear:left\"><span></span></div>"; - println " </div>"; - } - println " </div>"; - println " </div>"; - println " </div>"; - println " </div>"; - return isSelected; + println msgValue; + + println " </span>"; + println " </li>"; + } + println " </ul>"; + return isSelected; } %> - <div class="UIPopupWindow UIDragObject" id="$popupId" style="width: 550px; display: none;"> - <div class="ExoMessageDecorator"> - <div class="TopLeftCornerDecorator"> - <div class="TopRightCornerDecorator"> - <div class="TopCenterDecorator"> - <div class="OverflowContainer"> - <div class="PopupTitleIcon"><span></span></div> - <div class="CloseButton" title="<%=_ctx.appRes("UIPopupMessages.Close")%>" onclick="<%=uicomponent.event("Close")%>"><span></span></div> - <div class="PopupTitle"><%=_ctx.appRes("UIPopupMessages.title.exoMessages")%></div> - </div> - </div> - </div> + <div class="UIPopupWindow UIDragObject ExoMessageDecorator" id="$popupId" style="width: 550px; display: none;"> + <div class="OverflowContainer ClearFix"> + <span class="PopupTitleIcon"></span> + <a class="CloseButton" title="<%=_ctx.appRes("UIPopupMessages.Close")%>" onclick="<%=uicomponent.event("Close")%>"></a> + <span class="PopupTitle"><%=_ctx.appRes("UIPopupMessages.title.exoMessages")%></span> </div> - <div class="MiddleLeftSideDecorator"> - <div class="MiddleRightSideDecorator"> - <div class="MiddleCenterDecorator"> - - <div class="UIWindowContent"> - <div class="PopupContent"> - <div class="UIPopupMessages"> - - <div class="UIHorizontalTabs"> - <div class="TabsContainer"> - <% - boolean flag = false; - flag = printTab(errors, "Error", flag); - flag = printTab(warnings, "Warning", flag); - flag = printTab(infos, "Info", flag); - %> - </div> - </div> - - <div class="UITabContentContainer"> - <% - flag = false; - flag = printMessages(errors, "ErrorMessage", flag); - flag = printMessages(warnings, "WarningMessage", flag); - flag = printMessages(infos, "InfoMessage", flag); - %> - </div> - <div class="MessageActionBar"> - - <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <div onclick="<%=uicomponent.event("Close")%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes("UIPopupMessages.button.ok")%></a> - </div> - </div> - </div> - </div> - </td> - </tr> - </table> - </div> - - </div> - - </div> - </div> + <div class="UIWindowContent"> + <div class="PopupContent UIPopupMessages"> + <div class="UIHorizontalTabs"> + <div class="TabsContainer"> + <% + boolean flag = false; + flag = printTab(errors, "Error", flag); + flag = printTab(warnings, "Warning", flag); + flag = printTab(infos, "Info", flag); + %> </div> - </div> - </div> + + <div class="UITabContentContainer"> + <% + flag = false; + flag = printMessages(errors, "ErrorMessage", flag); + flag = printMessages(warnings, "WarningMessage", flag); + flag = printMessages(infos, "InfoMessage", flag); + %> + </div> + <div class="UIAction MessageActionBar"> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Close")%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes("UIPopupMessages.button.ok")%></a> + </div> + </div> </div> - <div><span></span></div> - <div class="BottomLeftCornerDecorator"> - <div class="BottomRightCornerDecorator"> - <div class="BottomCenterDecorator"><span></span></div> - </div> - </div> - </div> </div> <% rcontext.getJavascriptManager().addJavascript("eXo.webui.UIPopupWindow.init('$popupId', false, null, null, $uicomponent.showMask);"); Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupWindow.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupWindow.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIPopupWindow.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -32,40 +32,17 @@ if(uicomponent.isShow()) show = "block"; %> -<div class="UIPopupWindow UIDragObject" exo:minWidth="200" exo:minHeight="200" id="$popupId" style="$widthStyle display: $show;"> - <div class="NormalStyle"> - <div class="TopLeftCornerDecorator"> - <div class="TopRightCornerDecorator"> - <div class="TopCenterDecorator"> - <div class="OverflowContainer"> - <div class="PopupTitleIcon"><span></span></div> - <%if (showCloseButton) {%> - <!-- <div class="CloseButton" title="Close Window" onclick="<%=uicomponent.event("ClosePopup")%>"><span></span></div> --> - <div class="CloseButton" title="<%=_ctx.appRes("UIPopupWindow.Close")%>" onclick="<%=uicomponent.event(uicomponent.getCloseEvent())%>"><span></span></div> - <% } else { %> - <div class="PopupTitleIconRight"><span></span></div> - <% } %> - <div class="PopupTitle"><%=_ctx.appRes(rsId + ".title."+ title)%></div> - </div> - </div> - </div> - </div> - <div class="MiddleLeftSideDecorator"> - <div class="MiddleRightSideDecorator"> - <div class="MiddleCenterDecorator"> - <div class="UIWindowContent"> - <div style="width: 100%;"><div class="PopupContent" style="$heightStyle"><% uicomponent.renderChildren(); %></div></div> - </div> - </div> - </div> - </div> - <div><span></span></div> - <div class="BottomLeftCornerDecorator"> - <div class="BottomRightCornerDecorator"> - <div class="BottomCenterDecorator"> - <div class="ResizeButton"><span></span></div> - </div> - </div> - </div> +<div class="UIPopupWindow UIDragObject NormalStyle" exo:minWidth="200" exo:minHeight="200" id="$popupId" style="$widthStyle display: $show;"> + <div class="OverflowContainer ClearFix"> + <span class="PopupTitleIcon"></span> + <%if (showCloseButton) {%> + <a class="CloseButton" title="<%=_ctx.appRes("UIPopupWindow.Close")%>" onclick="<%=uicomponent.event(uicomponent.getCloseEvent())%>"></a> + <% } else { %> + <div class="PopupTitleIconRight"><span></span></div> + <% } %> + <span class="PopupTitle"><%=_ctx.appRes(rsId + ".title."+ title)%></span> </div> + <div class="UIWindowContent"> + <div class="PopupContent" style="$heightStyle"><% uicomponent.renderChildren(); %></div> + </div> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIWizard.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIWizard.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/core/UIWizard.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -61,62 +61,28 @@ <div class="ActionBar"> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <% if (uicomponent.isShowActions()) { %> - <div onclick="<%=uicomponent.event("Abort", "");%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(uicomponent.getId() + ".label.abort")%></a> - </div> - </div> - </div> - </div> - <% - String action = "next"; - if(step == children.size()){ - action = "done"; - actionLink = uicomponent.event("ViewStep" + String.valueOf(step+1), ""); - } else { - actionLink = uicomponent.url("ViewStep" + String.valueOf(step+1)); - } - %> - - <div onclick="$actionLink" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <%=_ctx.appRes(uicomponent.getId() + ".label."+action)%> - </div> - </div> - </div> - </div> - - <% - int showBack = step; - if (uicomponent.getClass().getName().contains("Edit")) showBack++; - if(showBack > 2) { - actionLink = uicomponent.url("ViewStep" + String.valueOf(step-1)); - String display = "LightBlueStyle"; - %> - <div onclick="$actionLink" class="ActionButton $display"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <%=_ctx.appRes(uicomponent.getId() + ".label.back")%> - </div> - </div> - </div> - </div> - <% } %> - - - <%} // End if (step != 3)%> - </td> - </tr> - </table> + <% if (uicomponent.isShowActions()) { %> + <a href="javascript:void(0);" onclick="<%=uicomponent.event("Abort", "");%>" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".label.abort")%></a> + <% + String action = "next"; + if(step == children.size()){ + action = "done"; + actionLink = uicomponent.event("ViewStep" + String.valueOf(step+1), ""); + } else { + actionLink = uicomponent.url("ViewStep" + String.valueOf(step+1)); + } + %> + <a href="javascript:void(0);" onclick="$actionLink" class="ActionButton LightBlueStyle"><%=_ctx.appRes(uicomponent.getId() + ".label."+action)%></a> + <% + int showBack = step; + if (uicomponent.getClass().getName().contains("Edit")) showBack++; + if(showBack > 2) { + actionLink = uicomponent.url("ViewStep" + String.valueOf(step-1)); + String display = "LightBlueStyle"; + %> + <a onclick="$actionLink" class="ActionButton $display"><%=_ctx.appRes(uicomponent.getId() + ".label.back")%></a> + <% } %> + <%} // End if (step != 3)%> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIForm.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIForm.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIForm.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -27,26 +27,12 @@ %> </table> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <% for(action in uicomponent.getActions()) { - String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action); - String link = uicomponent.event(action); - %> - <div onclick="$link" class="ActionButton LightBlueStyle" onmouseover="this.style.color = '#058ee6'" onmouseout="this.style.color='black'"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);">$actionLabel</a> - </div> - </div> - </div> - </div> - <%}%> - </td> - </tr> - </table> + <% for(action in uicomponent.getActions()) { + String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action); + String link = uicomponent.event(action); + %> + <a href="javascript:void(0);" onclick="$link" class="ActionButton LightBlueStyle">$actionLabel</a> + <%}%> </div> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormInputThemeSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormInputThemeSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormInputThemeSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -11,7 +11,7 @@ def uiParentComponent = uicomponent.getParent() ; %> <div class="UIItemSelector UIFormInputThemeSelector" id="$uicomponent.id"> - <div class="LeftColumnStyle"> + <div class="LeftColumnStyle ClearFix"> <div class="ItemListContainer"><%uicomponent.renderChild(UIItemThemeSelector.class);%></div> <div class="ItemDetailList"> <div class="ItemDetailTitle"> @@ -20,7 +20,6 @@ <div class="SetDefault" onclick="eXo.webui.UIFormInputThemeSelector.setDefaultTheme(this,'DefaultTheme')"> <a href="#"><%= _ctx.appRes(uiParentComponent.getId() + "." + uicomponent.getId() + ".title.SetDefault") %></a> </div> - <div class="ClearBoth"><span></span></div> </div> <div class="DetailView"> <% @@ -31,16 +30,13 @@ <div class="UIThemeSelector $selectedThemeName"> <div class="WindowBarLeft"> <div class="WindowBarRight"> - <div class="WindowBarCenter"> - <div class="FixHeight"> + <div class="WindowBarCenter ClearFix"> <div class="ControlIcon MaximizedIcon"><span></span></div> <div class="ControlIcon RestoreIcon"><span></span></div> <div class="ControlIcon MinimizedIcon"><span></span></div> - <div class="PortletIcon WindowPortletIcon WindowPortletInfo"> - <div class="PortletName">Title</div> + <div class="PortletIcon WindowPortletIcon WindowPortletInfo PortletName"> + Title </div> - <div class="ClearBoth"><span></span></div> - </div> </div> </div> </div> @@ -55,13 +51,10 @@ <div class="BottomDecoratorLeft"> <div class="BottomDecoratorRight"> - <div class="BottomDecoratorCenter"> - <div class="FixHeight"> - <div class="ResizeArea" title="<%=_ctx.appRes("UIPortlet.tooltip.ResizeWindow");%>"><span></span></div> + <div class="BottomDecoratorCenter ClearFix"> + <div class="ResizeArea" title="<%=_ctx.appRes("UIPortlet.tooltip.ResizeWindow");%>"><span></span></div> <div class="Information">Done</div> - <div class="ClearRight"><span></span></div> - </div> - </div> + </div> </div> </div> @@ -70,6 +63,5 @@ </div> </div> - <div class="ClearLeft"></div> </div> </div> \ No newline at end of file Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormTabPane.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormTabPane.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormTabPane.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -55,26 +55,12 @@ <%}%> </div> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <%for(action in uicomponent.getActions()) { - String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action); - String link = uicomponent.event(action); - %> - <div onclick="$link" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);">$actionLabel</a> - </div> - </div> - </div> - </div> - <%}%> - </td> - </tr> - </table> + <%for(action in uicomponent.getActions()) { + String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action); + String link = uicomponent.event(action); + %> + <a href="javascript:void(0);" onclick="$link" class="ActionButton LightBlueStyle">$actionLabel</a> + <%}%> </div> </div> <%uiform.end()%> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormWithTitle.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormWithTitle.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIFormWithTitle.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -37,26 +37,12 @@ <%//Rerender this component with the new structure%> <%// start render action%> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <% for(action in uicomponent.getActions()) { - String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action) - String link = uicomponent.event(action); - %> - <div onclick="$link" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:window.scroll(0,0);">$actionLabel</a> - </div> - </div> - </div> - </div> - <%}%> - </td> - </tr> - </table> + <% for(action in uicomponent.getActions()) { + String actionLabel = _ctx.appRes(uicomponent.getName() + ".action." + action) + String link = uicomponent.event(action); + %> + <a href="javascript:window.scroll(0,0);" onclick="$link" class="ActionButton LightBlueStyle">$actionLabel</a> + <%}%> </div> <%// end render action%> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIItemThemeSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIItemThemeSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/form/UIItemThemeSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -22,15 +22,12 @@ <div class="WindowBarLeft"> <div class="WindowBarRight"> - <div class="WindowBarCenter"> - <div class="FixHeight"> - <div class="ControlIcon MaximizedIcon"><span></span></div> - <div class="ControlIcon RestoreIcon"><span></span></div> - <div class="ControlIcon MinimizedIcon"><span></span></div> - <div class="PortletIcon WindowPortletIcon WindowPortletInfo"> - <div class="PortletName">Title</div> - </div> - <div class="ClearBoth"><span></span></div> + <div class="WindowBarCenter ClearFix"> + <div class="ControlIcon MaximizedIcon"><span></span></div> + <div class="ControlIcon RestoreIcon"><span></span></div> + <div class="ControlIcon MinimizedIcon"><span></span></div> + <div class="PortletIcon WindowPortletIcon WindowPortletInfo PortletName"> + Title </div> </div> </div> @@ -46,12 +43,9 @@ <div class="BottomDecoratorLeft"> <div class="BottomDecoratorRight"> - <div class="BottomDecoratorCenter"> - <div class="FixHeight"> - <div class="ResizeArea" title="<%=_ctx.appRes("UIPortlet.tooltip.ResizeWindow");%>"><span></span></div> - <div class="Information">Done</div> - <div class="ClearRight"><span></span></div> - </div> + <div class="BottomDecoratorCenter ClearFix"> + <div class="ResizeArea" title="<%=_ctx.appRes("UIPortlet.tooltip.ResizeWindow");%>"><span></span></div> + <div class="Information">Done</div> </div> </div> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/form/ext/UIFormInputSetWithAction.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/form/ext/UIFormInputSetWithAction.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/form/ext/UIFormInputSetWithAction.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -142,33 +142,19 @@ %> <%if(actions != null && actions.length > 0) { %> <div class="UIAction"> - <table class="ActionContainer"> - <tr> - <td> - <%for(i in 0..actions.length -1) { - if(actionValues != null && actionValues.length > 0) { - if(actionValues[i] != null) { %> - <div class="ActionButton LightBlueStyle" onclick="javascript:eXo.webui.UIForm.submitEvent('<%=formName%>','<%=actions[i]%>','&objectId=<%=actionValues[i]%>');"> - <%} else { %> - <div class="ActionButton LightBlueStyle" onclick="javascript:eXo.webui.UIForm.submitForm('<%=formName%>','<%=actions[i]%>', true);"> - <% - } - } else { - %> - <div class="ActionButton LightBlueStyle" onclick="javascript:eXo.webui.UIForm.submitForm('<%=formName%>','<%=actions[i]%>', true);"> - <%}%> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <a href="javascript:void(0);"><%=_ctx.appRes(formName + ".action." + actions[i])%></a> - </div> - </div> - </div> - </div> - <%} %> - </td> - </tr> - </table> + <%for(i in 0..actions.length -1) { + if(actionValues != null && actionValues.length > 0) { + if(actionValues[i] != null) { %> + <a href="javascript:void(0);" class="ActionButton LightBlueStyle" onclick="javascript:eXo.webui.UIForm.submitEvent('<%=formName%>','<%=actions[i]%>','&objectId=<%=actionValues[i]%>');"><%=_ctx.appRes(formName + ".action." + actions[i])%></a> + <%} else { %> + <a href="javascript:void(0);" class="ActionButton LightBlueStyle" onclick="javascript:eXo.webui.UIForm.submitForm('<%=formName%>','<%=actions[i]%>', true);"><%=_ctx.appRes(formName + ".action." + actions[i])%></a> + <% + } + } else { + %> + <a href="javascript:void(0);" class="ActionButton LightBlueStyle" onclick="javascript:eXo.webui.UIForm.submitForm('<%=formName%>','<%=actions[i]%>', true);"><%=_ctx.appRes(formName + ".action." + actions[i])%></a> + <%}%> + <%} %> </div> <%} %> </div> Modified: portal/trunk/web/portal/src/main/webapp/groovy/webui/organization/account/UIUserSelector.gtmpl =================================================================== --- portal/trunk/web/portal/src/main/webapp/groovy/webui/organization/account/UIUserSelector.gtmpl 2011-09-12 10:54:31 UTC (rev 7354) +++ portal/trunk/web/portal/src/main/webapp/groovy/webui/organization/account/UIUserSelector.gtmpl 2011-09-12 10:54:34 UTC (rev 7355) @@ -134,23 +134,9 @@ </div> <% if(isMulti) { %> <div class="UIAction"> - <table class="ActionContainer" align="center"> - <tr> - <td align="center"> - <%for(String action : uicomponent.getActions()){%> - <a href="<%=uicomponent.event(action)%>" class="ActionButton LightBlueStyle"> - <div class="ButtonLeft"> - <div class="ButtonRight"> - <div class="ButtonMiddle"> - <%=uiform.getLabel(action)%> - </div> - </div> - </div> - </a> - <%}%> - </td> - </tr> - </table> + <%for(String action : uicomponent.getActions()){%> + <a href="<%=uicomponent.event(action)%>" class="ActionButton LightBlueStyle"><%=uiform.getLabel(action)%></a> + <%}%> </div> <% } %> <%uicomponent.renderChild(UIPopupWindow.class);%>