Author: phuong_vu Date: 2011-09-08 06:19:13 -0400 (Thu, 08 Sep 2011) New Revision: 7335 Modified: portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css portal/branches/dom/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl Log: [DOM] UIMaskWorkspace optimization Modified: portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css =================================================================== --- portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css 2011-09-07 17:32:38 UTC (rev 7334) +++ portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/webui/component/UIMaskWorkspace/Stylesheet.css 2011-09-08 10:19:13 UTC (rev 7335) @@ -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: #f5f5f5; +} + +.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/branches/dom/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl =================================================================== --- portal/branches/dom/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl 2011-09-07 17:32:38 UTC (rev 7334) +++ portal/branches/dom/web/portal/src/main/webapp/groovy/portal/webui/workspace/UIMaskWorkspace.gtmpl 2011-09-08 10:19:13 UTC (rev 7335) @@ -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>