[gatein-commits] gatein SVN: r2361 - portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent.

Author: thanh.do Date: 2010-03-25 04:48:27 -0400 (Thu, 25 Mar 2010) New Revision: 2361 Modified: portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css Log: GTNPORTAL-885:UI : Edit page has 2 different edit buttons 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 2010-03-25 08:29:18 UTC (rev 2360) +++ portal/trunk/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/Stylesheet.css 2010-03-25 08:48:27 UTC (rev 2361) @@ -17,98 +17,98 @@ * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ -.UIPortlet .LAYOUT-BLOCK { - padding: 5px; -} - +.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; -} - + 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: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height: 20px; - background: url('background/Pen.gif') no-repeat top; - margin: 4px 3px 0px 5px; /* orientation=lt */ - margin: 4px 5px 0px 3px; /* orientation=rt */ -} - + float: right; /* orientation=lt */ + float: left; /* 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: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 20px; height:20px; - background: url('background/Close.gif') no-repeat bottom; - margin: 0px 4px 0px 0px; /* orientation=lt */ - margin: 0px 0px 0px 4px; /* 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; -} - + float: right; /* orientation=lt */ + float: left; /* 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; @@ -119,178 +119,179 @@ .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 .EditPortletPropertiesIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 20px; height: 20px; - background: url('background/Pen.png') no-repeat top; - margin: 4px 3px 2px 5px; -} - -.UIContainer .DeletePortletIcon { - float: left; /* orientation=lt */ - float: right; /* orientation=rt */ - width: 20px; height:20px; - background: url('background/close.png') no-repeat bottom; - margin: 4px 4px 2px 0px; /* orientation=lt */ - margin: 4px 0px 2px 4px; /* orientation=rt */ -} - -.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: right; /* orientation=lt */ - float: left; /* orientation=rt */ - width: 22px; height: 16px; - background: url('background/Pen.gif') no-repeat top; - margin: 4px 2px 0px 0px; /* orientation=lt */ - margin: 4px 0px 0px 2px; /* orientation=rt */ -} - -.UIContainer .DeleteContainerIcon { - float: right; /* orientation=lt */ - float: left; /* 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; -} - -.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 { - } +/*############### End Decorator ###################################################*/ -.EdittingContainer { - padding: 3px; -} - -.EdittingContainer .NormalContainerBlock { - background: white; - border: 1px dashed #a2a2a2; -} - -.EdittingContainer .NormalContainerBlock .LeftContainerBlock, .EdittingContainer .OverContainerBlock .NormalContainerBlock .LeftContainerBlock { - background: none; -} - -.EdittingContainer .NormalContainerBlock .RightContainerBlock, .EdittingContainer .OverContainerBlock .NormalContainerBlock .RightContainerBlock { - padding: 2px; - background: none; -} - -.UIContainer .UIPortlet { - padding: 0px; +.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 .EditPortletPropertiesIcon { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + width: 20px; height: 20px; + background: url('background/Pen.png') no-repeat top; + margin: 2px 0px 0px 5px; /* orientation=lt */ + margin: 2px 5px 0px 0px; /* orientation=rt */ +} + +.UIContainer .DeletePortletIcon { + float: right; /* orientation=lt */ + float: left; /* orientation=rt */ + width: 20px; height:20px; + background: url('background/close.png') no-repeat bottom; + margin: 1px 0px 0px 2px; /* orientation=lt */ + margin: 1px 2px 0px 0px; /* orientation=rt */ +} + +.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: right; /* orientation=lt */ + float: left; /* orientation=rt */ + width: 22px; height: 16px; + background: url('background/Pen.gif') no-repeat top; + margin: 4px 2px 0px 0px; /* orientation=lt */ + margin: 4px 0px 0px 2px; /* orientation=rt */ +} + +.UIContainer .DeleteContainerIcon { + float: right; /* orientation=lt */ + float: left; /* 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; +} + +.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; +} + +.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; +} + +.EdittingContainer .OverContainerBlock { + border: 1px solid #b8babf; background: none; - height: 100%; -} - -.EdittingContainer .OverContainerBlock .LeftContainerBlock { - background: white; -} - -.EdittingContainer .OverContainerBlock .RightContainerBlock { - background: none; - padding: 2px; + height: 100%; } +.EdittingContainer .OverContainerBlock .LeftContainerBlock { + background: white; +} + +.EdittingContainer .OverContainerBlock .RightContainerBlock { + background: none; + padding: 2px; +} + .ProtectedContainer .ProtectedContent { opacity: 0.3; filter: alpha(opacity=80);