[gatein-commits] gatein SVN: r7300 - in portal/branches/dom: examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background and 4 other directories.

Author: phuong_vu Date: 2011-09-05 07:06:45 -0400 (Mon, 05 Sep 2011) New Revision: 7300 Added: portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow_ar.gif Modified: portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css portal/branches/dom/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl portal/branches/dom/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl portal/branches/dom/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css Log: [DOM] UITabPaneDashboard optimization Modified: portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css =================================================================== --- portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css 2011-09-05 11:03:32 UTC (rev 7299) +++ portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css 2011-09-05 11:06:45 UTC (rev 7300) @@ -1,97 +1,38 @@ -#UITabbedDashboardPortlet { - padding: 0 8px; -} .UITabPaneDashboard { - background: #f9f9f9; + background-color: #F0F0F0; border-bottom: 1px solid #e5e5e5; - padding: 0px 9px; + padding: 0px 9px; + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + margin: 0 8px; } - -.UITabPaneDashboard .LtTabDashboard { - padding: 0; - background: none; +.UITabPaneDashboard .AddDashboard{ + background-image: url('background/AddDashboard.gif'); + width: 22px; } -.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; +.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 .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab span { - color: #999999; +.UITabPaneDashboard .UITab .Tablabel { + color:#999; } -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab { - background: #fff; - border: 1px solid #dadada; - padding: 0px; +.UITabPaneDashboard .UITab .CloseIcon { + background-image: url('background/IconClose.gif'); } -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab { - background: #fff; - padding: 0px; -} - -.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab { - background: #fff; - padding: 0px; - line-height: 20px; -} +.UITabPaneDashboard .SelectedTab { + background-color:#fff; +} \ No newline at end of file Added: portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow_ar.gif =================================================================== (Binary files differ) Property changes on: portal/branches/dom/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow_ar.gif ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Modified: portal/branches/dom/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl =================================================================== --- portal/branches/dom/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl 2011-09-05 11:03:32 UTC (rev 7299) +++ portal/branches/dom/portlet/dashboard/src/main/webapp/groovy/dashboard/webui/component/UITabPaneDashboard.gtmpl 2011-09-05 11:06:45 UTC (rev 7300) @@ -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/branches/dom/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl =================================================================== --- portal/branches/dom/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl 2011-09-05 11:03:32 UTC (rev 7299) +++ portal/branches/dom/portlet/exoadmin/src/main/webapp/groovy/admintoolbar/webui/component/UIUserToolBarDashboardPortlet.gtmpl 2011-09-05 11:06:45 UTC (rev 7300) @@ -1,4 +1,3 @@ -<<<<<<< HEAD <% import org.exoplatform.web.application.JavascriptManager; import org.exoplatform.portal.webui.util.Util ; Modified: portal/branches/dom/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js =================================================================== --- portal/branches/dom/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js 2011-09-05 11:03:32 UTC (rev 7299) +++ portal/branches/dom/web/eXoResources/src/main/webapp/javascript/eXo/webui/UITabbedDashboard.js 2011-09-05 11:06:45 UTC (rev 7300) @@ -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/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css =================================================================== --- portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css 2011-09-05 11:03:32 UTC (rev 7299) +++ portal/branches/dom/web/eXoResources/src/main/webapp/skin/DefaultSkin/portal/webui/component/view/UIDashboard/Stylesheet.css 2011-09-05 11:06:45 UTC (rev 7300) @@ -1,647 +1,582 @@ -/** - * 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 .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-------------------*/ + +.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 { +} + +.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; +} + +.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%; } \ No newline at end of file