[gatein-commits] gatein SVN: r541 - in portal/trunk: web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard and 3 other directories.

Author: thanh.do Date: 2009-11-10 03:52:48 -0500 (Tue, 10 Nov 2009) New Revision: 541 Modified: portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/DefaultStylesheet.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/webui/component/UIPopup/UIPopupMessage/Stylesheet.css portal/trunk/web/portal/src/main/webapp/login/skin/Stylesheet.css Log: GTNPORTAL-220:Some problem UI on IE6 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 2009-11-10 08:20:02 UTC (rev 540) +++ portal/trunk/portlet/exoadmin/src/main/webapp/skin/navigation/webui/component/DefaultStylesheet.css 2009-11-10 08:52:48 UTC (rev 541) @@ -17,116 +17,118 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIManagement { - padding: 10px; - white-space: nowrap; -} - -.UIManagement .ManagementBlock { - height: 75px; - background: white url('background/ContentBg.gif') repeat-x bottom; -} - -.UIManagement table.ManagementBlock td { - vertical-align: middle; - white-space: nowrap; -} - -.UIManagement table.ManagementBlock td.Content { - vertical-align: middle; - background: url('background/LineBg.gif') no-repeat right center; /* orientation=lt */ - background: url('background/LineBg-rt.gif') no-repeat left center; /* orientation=rt */ - padding: 0px 15px; - width: 33%; - overflow: hidden; - white-space: normal; -} - -.UIPortalNavigationPortlet .UIManagement table.ManagementBlock td.Content { - width: 14%; -} - -.UIManagement table.ManagementBlock td.Content strong { - margin-right: 7px; /* orientation=lt */ - margin-left: 7px; /* orientation=rt */ -} - -.UIManagement .ManagementBlock .Image { - width: 90px; - line-height: 75px; - padding-left: 20px; /* orientation=lt */ - padding-right: 20px; /* orientation=rt */ -} - -.UIManagement .ManagementBlock .Image img { - width: 80px; -} - -.UIManagement .ManagementBlock .Label { - color: #0077d4; - font-weight: bold; -} - -.UIManagement .ManagementBlock .ActionBlock { - padding-left: 50px; /* orientation=lt */ - padding-right: 50px; /* orientation=rt */ - width: 65%; -} - -.UIManagement .ManagementBlock .ActionBlock a { - line-height: 16px; - width: auto; - padding: 1px 0px 2px 25px; /* orientation=lt */ - padding: 1px 25px 2px 0px; /* orientation=rt */ - margin: 0px 35px 0px 0px; /* orientation=lt */ - margin: 0px 0px 0px 35px; /* orientation=rt */ -} - -.UIManagement .ManagementBlock .EditLayoutIcon { - background: url('background/MiniIcon.gif') no-repeat left 0px; /* orientation=lt */ - background: url('background/MiniIcon-rt.gif') no-repeat right 0px; /* orientation=rt */ -} - -.UIManagement .ManagementBlock .EditNavIcon { - background: url('background/MiniIcon.gif') no-repeat left -17px; /* orientation=lt */ - background: url('background/MiniIcon-rt.gif') no-repeat right -17px; /* orientation=rt */ -} - -.UIManagement .ManagementBlock .DeleteIcon { - background: url('background/MiniIcon.gif') no-repeat left -34px; /* orientation=lt */ - background: url('background/MiniIcon-rt.gif') no-repeat right -34px; /* orientation=rt */ -} - -/***********************UIAddGroupNavigation************************/ - -.UIAddGroupNavigation { - background: white; - padding: 0px; -} - -.UIAddGroupNavigation .AddGroupIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif) no-repeat left center; /* orientation=lt */ - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus-rt.gif) no-repeat right center; /* orientation=rt */ - height: 20px; line-height: 20px; - padding: 3px 0px 3px 20px; /* orientation=lt */ - padding: 3px 20px 3px 0px; /* orientation=rt */ - color: #1d1d1d; -} - -.UIPageNavigationForm { - margin: 20px auto; + +.UIManagement { + padding: 10px; + white-space: nowrap; } +.UIManagement .ManagementBlock { + height: 75px; + background: white url('background/ContentBg.gif') repeat-x bottom; + _width: 97%; +} + +.UIManagement table.ManagementBlock td { + vertical-align: middle; + white-space: nowrap; +} + +.UIManagement table.ManagementBlock td.Content { + vertical-align: middle; + background: url('background/LineBg.gif') no-repeat right center; /* orientation=lt */ + background: url('background/LineBg-rt.gif') no-repeat left center; /* orientation=rt */ + padding: 0px 15px; + width: 30%; + overflow: hidden; + white-space: normal; +} + +.UIPortalNavigationPortlet .UIManagement table.ManagementBlock td.Content { + width: 14%; +} + +.UIManagement table.ManagementBlock td.Content strong { + margin-right: 7px; /* orientation=lt */ + margin-left: 7px; /* orientation=rt */ +} + +.UIManagement .ManagementBlock .Image { + width: 90px; + line-height: 75px; + padding-left: 20px; /* orientation=lt */ + padding-right: 20px; /* orientation=rt */ +} + +.UIManagement .ManagementBlock .Image img { + width: 80px; +} + +.UIManagement .ManagementBlock .Label { + color: #0077d4; + font-weight: bold; +} + +.UIManagement .ManagementBlock .ActionBlock { + padding-left: 30px; /* orientation=lt */ + padding-right: 30px; /* orientation=rt */ + width: 60%; +} + +.UIManagement .ManagementBlock .ActionBlock a { + line-height: 16px; + width: auto; + padding: 1px 0px 2px 25px; /* orientation=lt */ + padding: 1px 25px 2px 0px; /* orientation=rt */ + margin: 0px 35px 0px 0px; /* orientation=lt */ + margin: 0px 0px 0px 35px; /* orientation=rt */ +} + +.UIManagement .ManagementBlock .EditLayoutIcon { + background: url('background/MiniIcon.gif') no-repeat left 0px; /* orientation=lt */ + background: url('background/MiniIcon-rt.gif') no-repeat right 0px; /* orientation=rt */ +} + +.UIManagement .ManagementBlock .EditNavIcon { + background: url('background/MiniIcon.gif') no-repeat left -17px; /* orientation=lt */ + background: url('background/MiniIcon-rt.gif') no-repeat right -17px; /* orientation=rt */ +} + +.UIManagement .ManagementBlock .DeleteIcon { + background: url('background/MiniIcon.gif') no-repeat left -34px; /* orientation=lt */ + background: url('background/MiniIcon-rt.gif') no-repeat right -34px; /* orientation=rt */ +} + +/***********************UIAddGroupNavigation************************/ + +.UIAddGroupNavigation { + background: white; + padding: 0px; +} + +.UIAddGroupNavigation .AddGroupIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif) no-repeat left center; /* orientation=lt */ + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus-rt.gif) no-repeat right center; /* orientation=rt */ + height: 20px; line-height: 20px; + padding: 3px 0px 3px 20px; /* orientation=lt */ + padding: 3px 20px 3px 0px; /* orientation=rt */ + color: #1d1d1d; +} + +.UIPageNavigationForm { + margin: 20px auto; +} + .UIAddGroupNavigation .WarningAddGroup { text-align: center; padding: 15px 0px; background: #FED8D8; margin: 10px; font-size: 13px; -} - -/********************UINavigationManagement****************/ -.UINavigationManagement { - padding: 10px; -} - +} + +/********************UINavigationManagement****************/ +.UINavigationManagement { + padding: 10px; +} + 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 2009-11-10 08:20:02 UTC (rev 540) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css 2009-11-10 08:52:48 UTC (rev 541) @@ -17,567 +17,570 @@ * 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; -} - -.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; -} - -.UITabPaneDashboard .RtTabDashboard { - background: #ffcf01 url('background/NavUser.gif') no-repeat right top; - padding-right: 3px; -} - -.UITabPaneDashboard .CtTabDashboard { - background: #ffcf01 url('background/NavUser.gif') repeat-x center -32px; - padding: 0px 6px; -} - -.UITabPaneDashboard .UIHorizontalTabs { - padding: 5px 0 8px; -} - -.UITabPaneDashboard .UIHorizontalTabs .TabsContainer { - height: auto; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab, -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .UITab span { - margin: 3px 10px; - font-weight: bold; -} - -.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: 22px; - float: left; +<<<<<<< .mine +.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%; + background: url('background/BgRepeat.gif') repeat-y left bottom; +} + +.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; +} + +.UIDashboard .UIDashboardEditForm { + background: white; + padding: 10px; +} + +.UITabPaneDashboard { + padding: 0 9px; +} + +.UITabPaneDashboard .LtTabDashboard { + background: url('background/NavUser.gif') no-repeat left top; + padding-left: 3px; + height: 32px; +} + +.UITabPaneDashboard .RtTabDashboard { + background: url('background/NavUser.gif') no-repeat right top; + padding-right: 3px; + height: 32px; +} + +.UITabPaneDashboard .CtTabDashboard { + height: 32px; + background: url('background/NavUser.gif') repeat-x center bottom; + padding: 0px 6px; +} + +.UITabPaneDashboard .UIHorizontalTabs { + padding-top: 10px; +} + +.UITabPaneDashboard .UIHorizontalTabs .TabsContainer { + height: 25px; +} + +.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab, +.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { + padding: 0px; +} + +.UITabPaneDashboard .UIHorizontalTabs .UITab span { + margin: 3px 10px; + font-weight: bold; +} + +.UITabPaneDashboard .UIHorizontalTabs .UITab .CloseIcon { + background: url('background/IconClose.gif') no-repeat center; + width: 16px; height: 16px; cursor: pointer; - margin-top: 4px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab { - background: url(background/TabDashboard.gif) no-repeat left -44px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab { - background: url(background/TabDashboard.gif) no-repeat right -44px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab { - background: url(background/TabDashboard.gif) repeat-x left -66px; - line-height: 22px; -} - -.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 -22px; - line-height: 22px; -} -/*----------------------UIGadgetsSelectorForm-------------------*/ - -.UIDashboardSelectContainer { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 209px; - 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; - background: #ececec; -} - -.UIDashboardSelectContainer .DashboardItemContainer .InputContainer input { - margin: 0 3px 0 10px; - border: 1px solid #b8babf; - font-size: 11px; - width: 160px; -} - -.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: 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; -} - -/*----------------------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; -} - -.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; -} - -.UIDashboard .UIDashboardContainer .GadgetTitle { - width: 197px; -} - -.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 */ -} - -#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%; +} + +.UITabPaneDashboard .UIHorizontalTabs .AddDashboard { + background: url('background/AddDashboard.gif') no-repeat bottom; + width: 34px; height: 22px; + float: left; + cursor: pointer; +} + +.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab { + background: url(background/TabDashboard.gif) no-repeat left -44px; +} + +.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab { + background: url(background/TabDashboard.gif) no-repeat right -44px; +} + +.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab { + background: url(background/TabDashboard.gif) repeat-x left -66px; + line-height: 22px; +} + +.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 -22px; + line-height: 22px; +} +/*----------------------UIGadgetsSelectorForm-------------------*/ + +.UIDashboardSelectContainer { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + width: 209px; + 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; + background: #ececec; +} + +.UIDashboardSelectContainer .DashboardItemContainer .InputContainer input { + margin: 0 3px 0 10px; + border: 1px solid #b8babf; + font-size: 11px; + width: 160px; +} + +.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: 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; +} + +/*----------------------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; +} + +.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; +} + +.UIDashboard .UIDashboardContainer .GadgetTitle { + width: 197px; +} + +.UIDashboardContainer .GadgetContainer { + overflow: auto; + 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 */ +} + +#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; +} +/*----------------------UIDashboardMask-------------------*/ + +.UIDashboardMask .UIGadget { + padding: 5px; + margin: 0px; +} + +.UIDashboardMask .UIGadget .GadgetControl { + float: none; + padding: 0px; + height: auto; width: auto; +} + +.UIDashboardMask .UIGadget .GadgetControl .LeftControlBar { + background: none; + padding: 0px; +} + +.UIDashboardMask .UIGadget .GadgetControl .RightControlBar { + background: none; + padding: 0px; +} + +.UIDashboardMask .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; +} + +.UIDashboardMask .UIGadget .GadgetControl .GadgetDragHandleArea { + display: none; +} + +.UIDashboardMask .UIGadget .TLGadget { + display: none; +} + +.UIDashboardMask .UIGadget .MLGadget { + background: #f2f2f3; + border: 1px solid #c3c3c3; + border-top: none; + padding: 3px; +} + +.UIDashboardMask .UIGadget .MRGadget { + background: white; + padding: 0 0 1px; +} + +.UIDashboardMask .UIGadget .BLGadget { + display: none; +} + +.UIDashboardMask .GadgetTitle { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + padding: 0px 5px; + color: #5b5b5b; + font-weight: bold; + cursor: move; + overflow: hidden; + white-space: nowrap; +} + +.UIDashboardMask iframe { + width: 100%; } \ 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 2009-11-10 08:20:02 UTC (rev 540) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIGadget/Stylesheet.css 2009-11-10 08:52:48 UTC (rev 541) @@ -17,154 +17,154 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -/*************************************** UIGadget **************************************/ - -.UIGadget { - margin: 3px 0px; -} - -.UIGadget .GadgetMenuBar { - height: 20px; -} - -.UIGadget .GadgetControl { - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 100px; height: 20px; - padding-right: 6px; /* orientation=lt */ - padding-left: 6px; /* orientation=rt */ -} - -.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 .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; -} - -.UIGadget .GadgetControl .IconControl { - background-image: url('background/IconGadget.gif'); - background-position: no-repeat; - float: right; /* orientation=lt */ - float: left; /* orientation=rt */ - height: 14px; - width: 14px; - margin: 3px; - cursor: pointer; -} - -.UIGadget .GadgetControl .CloseGadget { - background-position: top right; -} - -.UIGadget .GadgetControl .MinimizeGadget { - background-position: 31px top; -} - -.UIGadget .GadgetControl .RestoreGadget { - background-position: 48px top; -} - -.UIGadget .GadgetControl .EditGadget { - background-position: left top; -} - -.UIGadget .GadgetControl .MaximizeGadget { - background-position: 48px top; -} - -.UIGadget .TLGadget { - background: url('background/Gadget.png') no-repeat left -38px; - padding-left: 8px; -} - -.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; -} - -.UIControlWorkspace .UIGadget iframe { - width: 210px; -} - -.UIGadgetContent .gadgets-gadget-user-prefs-dialog { - background: #F2F2F3; - padding: 0px 25px; -} - -.UIGadgetContent span { - float: left; - width: 102px; - margin-top: 5px; -} - -.UIGadgetContent input { - margin-top: 5px; -} - -.UIGadgetContent .gadgets-gadget-user-prefs-dialog-action-bar { - margin-left: 101px; -} - -.UIGadgetContent .devToolbar { - width: 56%; -} - -.gadgets-gadget-content { - padding: 10px 0; -} +/*************************************** UIGadget **************************************/ + +.UIGadget { + margin: 3px 0px; +} + +.UIGadget .GadgetMenuBar { + height: 20px; +} + +.UIGadget .GadgetControl { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + width: 100px; height: 20px; + padding-right: 6px; /* orientation=lt */ + padding-left: 6px; /* orientation=rt */ +} + +.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 .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; +} + +.UIGadget .GadgetControl .IconControl { + background-image: url('background/IconGadget.gif'); + background-position: no-repeat; + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + height: 14px; + width: 14px; + margin: 3px; + cursor: pointer; +} + +.UIGadget .GadgetControl .CloseGadget { + background-position: top right; +} + +.UIGadget .GadgetControl .MinimizeGadget { + background-position: 31px top; +} + +.UIGadget .GadgetControl .RestoreGadget { + background-position: 48px top; +} + +.UIGadget .GadgetControl .EditGadget { + background-position: left top; +} + +.UIGadget .GadgetControl .MaximizeGadget { + background-position: 48px top; +} + +.UIGadget .TLGadget { + background: url('background/Gadget.png') no-repeat left -38px; + padding-left: 8px; +} + +.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; +} + +.UIControlWorkspace .UIGadget iframe { + width: 210px; +} + +.UIGadgetContent .gadgets-gadget-user-prefs-dialog { + background: #F2F2F3; + padding: 0px 25px; +} + +.UIGadgetContent span { + float: left; + width: 102px; + margin-top: 5px; +} + +.UIGadgetContent input { + margin-top: 5px; +} + +.UIGadgetContent .gadgets-gadget-user-prefs-dialog-action-bar { + margin-left: 101px; +} + +.UIGadgetContent .devToolbar { + width: 56%; +} + +.gadgets-gadget-content { + padding: 10px 0; +} 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 2009-11-10 08:20:02 UTC (rev 540) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/Stylesheet.css 2009-11-10 08:52:48 UTC (rev 541) @@ -17,168 +17,168 @@ * 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; -} - -.UIPopupMessages .UITabPane .UITabContent { - border: none; -} - -.UIPopupMessages .PopupMessageBox { - padding: 5px; - height: 200px; - overflow: auto; -} - -.UIPopupMessages .WarningMessage .MessageContainer { - color: orange; - padding: 4px 0px 4px 10px; /* orientation=lt */ - padding: 4px 10px 4px 0px; /* orientation=rt */ - border-bottom: 1px dotted #c3c3c3; -} - -.UIPopupMessages .ErrorMessage .MessageContainer { - color: red; - padding: 4px 0px 4px 10px; /* orientation=lt */ - padding: 4px 10px 4px 0px; /* orientation=rt */ - border-bottom: 1px dotted #c3c3c3; -} - -.UIPopupMessages .InfoMessage .MessageContainer { - padding: 4px 0px 4px 10px; /* orientation=lt */ - padding: 4px 10px 4px 0px; /* orientation=rt */ - border-bottom: 1px dotted #c3c3c3; -} - -.UIPopupMessages .PopupMessageContainer .PopupIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 16px; height: 16px; - margin-top: 5px; -} - -.UIPopupMessages .PopupMessageContainer .InfoMessageIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Info.gif) no-repeat top; -} - -.UIPopupMessages .PopupMessageContainer .WarningMessageIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Warning.gif) no-repeat top; -} - -.UIPopupMessages .PopupMessageContainer .ErrorMessageIcon { - background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Error.gif) no-repeat top; -} - -.UIPopupMessages .PopupMessageContainer .PopupMessage { - line-height: 16px; - vertical-align: middle; - padding: 5px 0px; - margin-left: 25px; /* orientation=lt */ - margin-right: 25px; /* orientation=rt */ -} - -.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: 31px; -} - -.UIPopupWindow .ExoMessageDecorator .PopupTitle { - background: none; - text-align: left; /* orientation=lt */ - text-align: right; /* orientation=rt */ -} - -.UIPopupWindow .ExoMessageDecorator .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 */ -} - -.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 { - background: white; -} - -.UIPopupWindow .ExoMessageDecorator .UITabContentContainer .UITabContent { - height: auto; - background: none; - border: none; - padding: 0px; -} +.UIPopupMessages { +} + +.UIPopupMessages .UIHorizontalTabs { + height: 31px; + background: url('background/MessageTabBar.gif') repeat-x bottom; +} + +.UIPopupMessages .UIHorizontalTabs .TabsContainer { + height: 31px; +} + +.UIPopupMessages .UITabPane .UITabContent { + border: none; +} + +.UIPopupMessages .PopupMessageBox { + padding: 5px; + height: 200px; + overflow: auto; +} + +.UIPopupMessages .WarningMessage .MessageContainer { + color: orange; + padding: 4px 0px 4px 10px; /* orientation=lt */ + padding: 4px 10px 4px 0px; /* orientation=rt */ + border-bottom: 1px dotted #c3c3c3; +} + +.UIPopupMessages .ErrorMessage .MessageContainer { + color: red; + padding: 4px 0px 4px 10px; /* orientation=lt */ + padding: 4px 10px 4px 0px; /* orientation=rt */ + border-bottom: 1px dotted #c3c3c3; +} + +.UIPopupMessages .InfoMessage .MessageContainer { + padding: 4px 0px 4px 10px; /* orientation=lt */ + padding: 4px 10px 4px 0px; /* orientation=rt */ + border-bottom: 1px dotted #c3c3c3; +} + +.UIPopupMessages .PopupMessageContainer .PopupIcon { + float: left; /* orientation=lt */ + float: right; /* orientation=rt */ + width: 16px; height: 16px; + margin-top: 5px; +} + +.UIPopupMessages .PopupMessageContainer .InfoMessageIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Info.gif) no-repeat top; +} + +.UIPopupMessages .PopupMessageContainer .WarningMessageIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Warning.gif) no-repeat top; +} + +.UIPopupMessages .PopupMessageContainer .ErrorMessageIcon { + background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Error.gif) no-repeat top; +} + +.UIPopupMessages .PopupMessageContainer .PopupMessage { + line-height: 16px; + vertical-align: middle; + padding: 5px 0px; + margin-left: 25px; /* orientation=lt */ + margin-right: 25px; /* orientation=rt */ +} + +.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; + 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 */ +} + +.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 { + background: white; +} + +.UIPopupWindow .ExoMessageDecorator .UITabContentContainer .UITabContent { + height: auto; + background: none; + border: none; + padding: 0px; +} Modified: portal/trunk/web/portal/src/main/webapp/login/skin/Stylesheet.css =================================================================== --- portal/trunk/web/portal/src/main/webapp/login/skin/Stylesheet.css 2009-11-10 08:20:02 UTC (rev 540) +++ portal/trunk/web/portal/src/main/webapp/login/skin/Stylesheet.css 2009-11-10 08:52:48 UTC (rev 541) @@ -17,160 +17,160 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UILogin { - height: 236px; - font-family: tahoma; - font-size: 11px; - margin: 110px auto 7px auto; - padding:0 5px 0 120px; - width: 275px; - background: url('../skin/images/LoginBackground.gif') no-repeat top; - color: #3f3f3f; -} - -.UILogin .LoginHeader { - height: 33px; - line-height: 33px; - color: #a1c0e9; - font-size: 13px; - font-family: arial; - text-align: right; - padding: 10px 15px 0px 0px -} - -.UILogin .LoginContent { - padding-top: 12px; -} - -.UILogin .LoginContent .CenterLoginContent { - height: 120px; - padding: 35px 0px; -} - -.UILogin .WelcomeText { - line-height: 20px; - color: #058ee6; - font-size: 17px; - text-align: left; - padding-left: 20px; -} - -.UILogin .LoginContent table { - margin: auto; -} - -.UILogin .LoginContent table .FieldLabel { - text-align: right; - padding-right: 5px; -} - -.UILogin .LoginContent table .FieldLabel input { - margin: 5px 0px; -} - -.UILogin .LoginContent .FieldContainer { - overflow: hidden ; - padding-top: 9px ; - margin: auto ; - text-align: left; -} - -.UILogin .LoginContent .FieldContainer label { - float: left; - width: 80px ; height: 20px; - line-height: 20px; - text-align: right; - font-weight: bold ; - margin-right: 5px; - color: #3f3f3f; -} - -.UILogin .LoginContent .FieldContainer input.UserName { - float: left; - width: 160px ; - height: 18px; - border: solid 1px #b7b7b7 ; - padding-left: 18px; - background: #f7f7f7 url('../skin/images/LoginBackground.gif') no-repeat left -236px; -} - -.UILogin .LoginContent .FieldContainer input.Password { - float: left; - width: 160px ; - height: 18px; - border: solid 1px #b7b7b7 ; - padding-left: 18px; - background: #f7f7f7 url('../skin/images/LoginBackground.gif') no-repeat left -260px; -} - -.UILogin a.TextHelp { - color: #3c78b5; - margin-top: 7px; - padding-left: 50px; - display: block; - cursor: pointer; - text-decoration: none; -} - -.UILogin a.TextHelp:hover { - color: orange; - margin-top: 7px; - padding-left: 50px; - display: block; - text-decoration: underline; -} - -.UILogin .LoginContent .OverflowContainer { - width: 250px; - overflow: hidden; - margin: auto; - padding-top: 7px; -} - -.UILogin .LoginContent .OverflowContainer input { - float: left; - margin-left: 10px; -} - - -.UILogin .LoginContent .LoginButton { - height: 22px ; - padding: 8px 40px 5px 0px; -} - -.UILogin .LoginContent .LoginButtonContainer { - -} - -.UILogin .LoginContent .Button { - width: 80px; - height: 22px; - margin: auto; -} - -.UILogin .LoginContent .Button a { - text-decoration: none; - color: #3f3f3f; -} - -.UILogin .LoginContent .Button a:hover { - color: #058ee6; text-decoration: none; -} - -.UILogin .LoginContent .LoginButton .Button .LeftButton { - line-height: 22px; - padding-left: 11px; - background: url('../skin/images/LoginBackground.gif') no-repeat left -281px; -} - -.UILogin .LoginContent .LoginButton .Button .RightButton { - line-height: 22px; - padding-right: 11px; - background: url('../skin/images/LoginBackground.gif') no-repeat right -281px; -} - -.UILogin .LoginContent .LoginButton .Button .MiddleButton { - height: 22px; - line-height: 21px; - background: url('../skin/images/LoginBackground.gif') center -281px; -} +.UILogin { + height: 236px; + font-family: tahoma; + font-size: 11px; + margin: 110px auto 7px auto; + padding:0 5px 0 120px; + width: 275px; + background: url('../skin/images/LoginBackground.gif') no-repeat top; + color: #3f3f3f; +} + +.UILogin .LoginHeader { + height: 33px; + line-height: 33px; + color: #a1c0e9; + font-size: 13px; + font-family: arial; + text-align: right; + padding: 10px 15px 0px 0px +} + +.UILogin .LoginContent { + padding-top: 12px; +} + +.UILogin .LoginContent .CenterLoginContent { + height: 120px; + padding: 25px 0px; +} + +.UILogin .WelcomeText { + line-height: 20px; + color: #058ee6; + font-size: 17px; + text-align: left; + padding-left: 20px; +} + +.UILogin .LoginContent table { + margin: auto; +} + +.UILogin .LoginContent table .FieldLabel { + text-align: right; + padding-right: 5px; +} + +.UILogin .LoginContent table .FieldLabel input { + margin: 5px 0px; +} + +.UILogin .LoginContent .FieldContainer { + overflow: hidden ; + padding-top: 9px ; + margin: auto ; + text-align: left; +} + +.UILogin .LoginContent .FieldContainer label { + float: left; + width: 80px ; height: 20px; + line-height: 20px; + text-align: right; + font-weight: bold ; + margin-right: 5px; + color: #3f3f3f; +} + +.UILogin .LoginContent .FieldContainer input.UserName { + float: left; + width: 160px ; + height: 18px; + border: solid 1px #b7b7b7 ; + padding-left: 18px; + background: #f7f7f7 url('../skin/images/LoginBackground.gif') no-repeat left -236px; +} + +.UILogin .LoginContent .FieldContainer input.Password { + float: left; + width: 160px ; + height: 18px; + border: solid 1px #b7b7b7 ; + padding-left: 18px; + background: #f7f7f7 url('../skin/images/LoginBackground.gif') no-repeat left -260px; +} + +.UILogin a.TextHelp { + color: #3c78b5; + margin-top: 7px; + padding-left: 50px; + display: block; + cursor: pointer; + text-decoration: none; +} + +.UILogin a.TextHelp:hover { + color: orange; + margin-top: 7px; + padding-left: 50px; + display: block; + text-decoration: underline; +} + +.UILogin .LoginContent .OverflowContainer { + width: 250px; + overflow: hidden; + margin: auto; + padding-top: 7px; +} + +.UILogin .LoginContent .OverflowContainer input { + float: left; + margin-left: 10px; +} + + +.UILogin .LoginContent .LoginButton { + height: 22px ; + padding: 8px 40px 5px 0px; +} + +.UILogin .LoginContent .LoginButtonContainer { + +} + +.UILogin .LoginContent .Button { + width: 80px; + height: 22px; + margin: auto; +} + +.UILogin .LoginContent .Button a { + text-decoration: none; + color: #3f3f3f; +} + +.UILogin .LoginContent .Button a:hover { + color: #058ee6; text-decoration: none; +} + +.UILogin .LoginContent .LoginButton .Button .LeftButton { + line-height: 22px; + padding-left: 11px; + background: url('../skin/images/LoginBackground.gif') no-repeat left -281px; +} + +.UILogin .LoginContent .LoginButton .Button .RightButton { + line-height: 22px; + padding-right: 11px; + background: url('../skin/images/LoginBackground.gif') no-repeat right -281px; +} + +.UILogin .LoginContent .LoginButton .Button .MiddleButton { + height: 22px; + line-height: 21px; + background: url('../skin/images/LoginBackground.gif') center -281px; +}