It appears the svn eol property is not set on some of these files, so the commit contains a lot of unnecessary changes.
-Adrian --- On Sun, 11/8/09, [hidden email] <[hidden email]> wrote: > From: [hidden email] <[hidden email]> > Subject: svn commit: r833910 - in /ofbiz/trunk: framework/widget/templates/htmlFormMacroLibrary.ftl themes/bizznesstime/webapp/bizznesstime/css/legacy.css themes/bluelight/webapp/bluelight/style.css themes/flatgrey/webapp/flatgrey/maincss.css > To: [hidden email] > Date: Sunday, November 8, 2009, 10:36 AM > Author: jleroux > Date: Sun Nov 8 18:36:30 2009 > New Revision: 833910 > > URL: http://svn.apache.org/viewvc?rev=833910&view=rev > Log: > A patch from Bruno Busco "Collapsible Field Groups with > clickable title" (https://issues.apache.org/jira/browse/OFBIZ-3176) - > OFBIZ-3176 > in the attached patch there is a new rendering for the > Group Field Title bar. > I removed the table and used simple divs. > Moreover the field group title is now all clickable in > order to collapse expand the group. > > The necessary changes to all themes are also included in > the patch. > > Modified: > > ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl > > ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css > > ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css > > ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css > > Modified: > ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl > URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl?rev=833910&r1=833909&r2=833910&view=diff > ============================================================================== > --- > ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl > (original) > +++ > ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl > Sun Nov 8 18:36:30 2009 > @@ -460,11 +460,16 @@ > </tr> </table> > </#macro> > <#macro renderContainerField id><div > id="${id?if_exists}"/></#macro> > + > <#macro renderFieldGroupOpen style id title collapsed > collapsibleAreaId collapsible expandToolTip > collapseToolTip> > -<#if style?has_content || id?has_content || > title?has_content> > - <div class="fieldgroup<#if style?has_content> > ${style}</#if>"<#if id?has_content> > id="${id}"</#if>><div > class="fieldgroup-title-bar"><table><tr><td > class="collapse"><#rt/> > - <#if collapsible><ul><li class="<#if > collapsed>collapsed"><a > onclick="javascript:toggleCollapsiblePanel(this, > '${collapsibleAreaId}', '${expandToolTip}', > '${collapseToolTip}');"<#else>expanded"><a > onclick="javascript:toggleCollapsiblePanel(this, > '${collapsibleAreaId}', '${expandToolTip}', > '${collapseToolTip}');"</#if>>   </a></li></ul></#if></td><td><#rt/> > - <#if title?has_content><div > class="title">${title}</div></#if></td></tr></table></div><div > id="${collapsibleAreaId}" class="fieldgroup-body" <#if > collapsed && collapsible> style="display: > none;"</#if>> > +<#if style?has_content || id?has_content || > title?has_content><div class="fieldgroup<#if > style?has_content> ${style}</#if>"<#if > id?has_content> id="${id}"</#if>> > +<div class="fieldgroup-title-bar"> > + <#if collapsible><ul><li class="<#if > collapsed>collapsed"><a > onclick="javascript:toggleCollapsiblePanel(this, > '${collapsibleAreaId}', '${expandToolTip}', > '${collapseToolTip}');"> > + <#else>expanded"><a > onclick="javascript:toggleCollapsiblePanel(this, > '${collapsibleAreaId}', '${expandToolTip}', > '${collapseToolTip}');"></#if> > + > <#if > title?has_content>${title}</#if></a></li></ul> > + <#else><#if > title?has_content>${title}</#if></#if><#rt/> > +</div> > +<div id="${collapsibleAreaId}" class="fieldgroup-body" > <#if collapsed && collapsible> style="display: > none;"</#if>> > </#if> > </#macro> > <#macro renderFieldGroupClose style id title><#if > style?has_content || id?has_content || > title?has_content></div></div></#if></#macro> > > Modified: > ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css > URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css?rev=833910&r1=833909&r2=833910&view=diff > ============================================================================== > --- > ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css > (original) > +++ > ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css > Sun Nov 8 18:36:30 2009 > @@ -1,816 +1,817 @@ > -/*********************************************** > -APACHE OPEN FOR BUSINESS > -Licensed to the Apache Software Foundation (ASF) under > one > -or more contributor license agreements. See the > NOTICE file > -distributed with this work for additional information > -regarding copyright ownership. The ASF licenses this > file > -to you under the Apache License, Version 2.0 (the > -"License"); you may not use this file except in > compliance > -with the License. You may obtain a copy of the > License at > - > -http://www.apache.org/licenses/LICENSE-2.0 > - > -Unless required by applicable law or agreed to in > writing, > -software distributed under the License is distributed on > an > -"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY > -KIND, either express or implied. See the License for > the > -specific language governing permissions and limitations > -under the License. > -***********************************************/ > - > -.tooltip { /* tooltip style */ > - background-color: #ffffbb; > - border: 0.1em solid #999999; > - color: #000000; > - font-style: italic; > - margin: 0.4em; > - padding: 0.1em; > -} > - > -.page-container { > - background-color: #B8DFFC; > -} > - > -/*********************************************** > -Boxes > -***********************************************/ > -.boxhead { > - color: #FFFFFF; > - font-size: 1.1em; > - font-weight: bold; > -} > - > -.boxlink { > - float: right; > -} > - > -div.boxtop { > - background-color: #333; > - border-color: #999999; > - border-style: solid; > - margin: 0 auto 0 auto; > - padding: 0.1em 0.4em 0.1em 0.4em; > - text-align: center; > -} > - > -div.boxhead-left { > - border: none; > - color: #FFFFFF; > - float: left; > - font-size: 1.1em; > - font-weight: bold; > - width: auto; > -} > - > -div.boxhead-fill { > - border: none; > - color: #FFFFFF; > - font-size: 1.1em; > - font-weight: bold; > - text-align: center; > - width: 0; > -} > - > -div.boxhead-right { > - border: none; > - color: #FFFFFF; > - float: right; > - font-size: 1.1em; > - font-weight: bold; > - width: auto; > -} > - > -.boxoutside { > - background-color: #FFFFFF; > - border: 0.1em solid #999999; > -} > - > -.boxtop { > - background-color: #333; > - border: 0 solid #999999; > - padding: 0.1em 0.4em 0.1em 0.4em; > -} > - > -.boxbottom { > - background-color: #FFFFFF; > - border: 0 solid #999999; > - padding: 0.4em; > -} > - > -/*********************************************** > -Submenu > -***********************************************/ > -.submenutextinfo { > - border-right: 0.1em solid #5886C6; > - color: #ffffff; > - font-size: 0.9em; > - font-weight: bold; > - padding-left: 0.5em; > - padding-right: 0.5em; > -} > - > -.submenutext,a.submenutext,a.submenutext:visited { > - color: #333; > - font-size: 0.9em; > - font-weight: bold; > - padding-left: 0.2em; > - padding-right: 0.5em; > -} > - > -a.submenutext:hover { > - color: #1c334d; > -} > - > -.submenutextdisabled, > -a.submenutextdisabled { > - color: #ccc; > - font-size: 0.9em; > - font-weight: bold; > - padding-left: 0.2em; > - padding-right: 0.5em; > -} > - > -a.submenutextdisabled:hover { > - color: #ccc; > -} > - > -.submenutextinforight { > - color: #ffffff; > - font-size: 0.9em; > - font-weight: bold; > - padding-left: 0.2em; > -} > - > -.submenutextright, > -a.submenutextright { > - color: #333; > - font-size: 0.9em; > - font-weight: bold; > - padding-left: 0.2em; > -} > - > -a.submenutextright:hover { > - color: #1c334d; > -} > - > -.submenutextrightdisabled, > -a.submenutextrightdisabled { > - color: #ccc; > - font-size: 0.9em; > - font-weight: bold; > - padding-left: 0.2em; > -} > - > -a.submenutextrightdisabled:hover { > - color: #ccc; > -} > - > -a img.imageborder { > - border: 2px solid #ddd; > -} > - > -/*********************************************** > -Trees > -***********************************************/ > -.treeWrapper { > - background-color: #ffffff; > - border-top: 0.1em solid #eee; > - border-left: 0.1em solid #eee; > - color: #444; > - font-size: 1.6em; > - font-weight: normal; > - margin-left: 1.2em; > - margin-top: 0.2em; > - text-align: left; > - text-decoration: none; > -} > - > -.treewrapper { > - margin-left: 1em; > -} > - > -.treeitem { > - border: #888888 solid 0.1em; > - color: #333; > - font-size: 1.4em; > - font-weight: bold; > -} > - > -.basic-tree ul { > - padding-left: 1em; > -} > - > -.basic-tree li { > - padding-left: 1em; > - white-space: nowrap; > -} > - > -.basic-tree li .expanded { > - background: url(/images/collapse.gif) > no-repeat left center; > - padding-right: 1em; > -} > - > -.basic-tree li .collapsed { > - background: url(/images/expand.gif) > no-repeat left center; > - padding-right: 1em; > -} > - > -.basic-tree li .leafnode { > - background: > url(/images/expand-collapse-placeholder.gif) no-repeat left > center; > - padding-right: 1em; > -} > - > -.basic-tree li .treeitem { > - border-style: none; > - color: #333; > - font-size: 1em; > -} > - > -.basic-tree li a:hover { > - color: #333; > -} > - > -/*********************************************** > -Navigation Bars > -***********************************************/ > -.basic-nav { > - padding-left: 1em; > -} > - > -.basic-nav ul a { > - color: #333; > - font-size: 1.1em; > -} > - > -.basic-nav ul .selected, > -.basic-nav ul .selected a { > - color: #1c334d; > -} > - > -.basic-nav ul a:hover { > - color: #1c334d; > -} > - > -.basic-nav ul .disabled, > -.basic-nav ul .disabled a { > - color: #ccc; > -} > - > -.tool-bar { > - background-color: #D4D0C8; > - border: 0.1em solid #333; > - padding: 0.2em; > -} > - > -.tool-bar ul li { > - background-color: #D4D0C8; > - padding: 0.1em; > -} > - > -.nav-pager { > - padding:0.08em 0 0.5em 0; > - clear:both; > - display:block; > - position:relative; > - margin:0px 0 10px 0; > -} > - > -.nav-pager ul { > - display: inline; /* IE Fix */ > -} > - > -.nav-pager ul li { > - background-color: #ffffff; > - float: left; > - font-weight: bold; > - line-height: 1.8em; > - margin: 0.2em; > -} > - > -.nav-pager ul li a { > - display: block; > - color:#444444; > - font-weight: bold; > -} > - > -.nav-pager ul .nav-first, > -.nav-pager ul .nav-previous, > -.nav-pager ul .nav-next, > -.nav-pager ul .nav-last { > - background-color:#fff; > - border:2px solid #ddd; > - color:#444; > - padding: 0 0.5em 0 0.5em; > -} > - > -.nav-pager ul .nav-first-disabled, > -.nav-pager ul .nav-previous-disabled, > -.nav-pager ul .nav-next-disabled, > -.nav-pager ul .nav-last-disabled { > - background-color:#fff; > - border:2px solid #ddd; > - color:#ccc; > - padding: 0 0.5em 0 0.5em; > -} > - > -.nav-pager select { > - margin: 0; > -} > - > -/*********************************************** > -Legacy Table Styles > -***********************************************/ > -.formTableBordered { > - border: 2px solid #eee; > - width: 100%; > -} > - > -.basic-table { > - margin-bottom: 1em; > - width: 100%; > -} > - > -form .basic-table, > -.screenlet-body .basic-table { > - margin-bottom: 0; > -} > - > -.basic-table tr th,.basic-table .header-row { > - font-weight: bold; > - text-align: left; > -} > - > -.basic-table .header-row td { > - border-bottom: 1px solid #999; > -} > - > -.basic-table .header-row td a { > - color: #000000; > -} > - > -.basic-table .alternate-row { > - background-color: #f5f6eb; > -} > - > -.basic-table .selected { > - background: #FFFCCF; > -} > - > -.basic-table .alternate-rowSelected { > - background: #FFF55F; > -} > - > -.basic-table .Validate { > - background: #A0D5F7; > -} > - > -.basic-table .alternate-rowValidate { > - background: #72A8F2; > -} > - > -.basic-table .Warn { > - background: #f55C5C; > -} > - > -.basic-table .alternate-rowWarn { > - background: #FC7455; > -} > - > -.basic-table tr .button-col { > - vertical-align: top; > -} > - > -.basic-table tr .button-col a { > - background:url(../images/btn-bg.gif) > center left repeat-x; > - border: 2px solid #ddd; > - color: #333; > - float: left; > - font-weight:bold; > - margin: 0 0.1em 0 0.1em; > - padding: 0.1em 0.4em 0.1em 0.4em; > - text-transform:uppercase; > - white-space: nowrap; > -} > - > -.basic-table tr .smallSubmit,.basic-table tr > .smallSubmit:visited { > - background:url(../images/btn-bg.gif) > center left repeat-x; > - border:2px solid #ddd; > - color:#444; > - font-weight:bold; > - line-height:1.8em; > - margin:5px 5px 2px; > - padding:2px 4px; > - text-transform:uppercase; > -} > - > -.basic-table tr .button-col a:hover, > -.basic-table tr .button-col a:active { > - color: #1c334d; > - margin: 0 0.1em 0 0.1em; > - padding: 0.1em 0.4em 0.1em 0.4em; > -} > - > -.basic-table .collapsed { > - visibility: collapse; > -} > - > -.basic-table .header-row-2 th, > -.basic-table .header-row-2 td { > - background:#D14B1F > url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; > - border-bottom:2px solid #FFFFFF; > - border-left:1px solid #D14B1F; > - color: #fff; > - font-weight: bold; > - text-align: left; > -} > - > -.basic-table .header-row-2 th a, > -.basic-table .header-row-2 td a { > - color:#fff; > -} > - > -.basic-table .header-row-2 th .sort-order-asc, > -.basic-table .header-row-2 td .sort-order-asc { > - background: > url(/images/arrow-gr-up.png) no-repeat right; > - padding-right: 20px; > -} > - > -.basic-table .header-row-2 th .sort-order-desc, > -.basic-table .header-row-2 td .sort-order-desc { > - background: > url(/images/arrow-gr-dw.png) no-repeat right; > - padding-right: 20px; > -} > - > -.basic-table .header-row-2 th .sort-order, > -.basic-table .header-row-2 td .sort-order { > - background: url(/images/arrow-gr.png) > no-repeat right; > - padding-right: 20px; > -} > - > -.dark-grid { > - border-right: 0.1em solid #000000; > - border-top: 0.1em solid #000000; > -} > - > -.dark-grid td, > -.dark-grid .header-row-2 th, > -.dark-grid .header-row-2 td { > - border-bottom: 0.1em solid #000000; > - border-left: 0.1em solid #000000; > -} > - > -.light-grid { > - border-right: 0.1em solid #cccccc; > - border-top: 0.1em solid #cccccc; > -} > - > -.light-grid td, > -.light-grid .header-row td { > - border-bottom: 0.1em solid #cccccc; > - border-left: 0.1em solid #cccccc; > -} > - > -.form-widget table tr .label, > -.form-widget-table tr .label { > - /* Added for backward compatibility */ > - width: 20%; > -} > - > -.form-widget table,.form-widget-table { > - width: auto; > -} > - > -.form-widget-table { > - margin-bottom: 1em; > -} > - > -/*********************************************** > -Calendar > -***********************************************/ > -.field-lookup { > - background: > url(/images/fieldlookup.gif) no-repeat; > -} > - > -.view-calendar { > - background: url(/images/cal.gif) > no-repeat; > -} > - > -.calendar { > - border-right: 0.1em solid #cccccc; > -} > - > -.calendar tr td { > - border-bottom: 0.1em solid #cccccc; > - border-left: 0.1em solid #cccccc; > - vertical-align: top; > - padding: 0.5em; > -} > - > -.calendar .header-row td { > - background-color: #69a9d9; > - border-bottom: 0.1em solid #cccccc; > - border-left: 0.1em solid #cccccc; > - color: #ffffff; > - height: auto; > - text-align: center; > -} > - > -.calendar tr td .add-new { > - float: right; > -} > - > -.calendar tr td .h1 { > - color: #333; > - float: left; > -} > - > -.calendar .current-period { > - background-color: #ffffcc; > -} > - > -.calendar .active-period { > - background-color: #eeeeee; > -} > - > -.calendar_date_select { > - color: #fff; > - border: #bbb 2px solid; > - display: block; > - width: 300px; > - z-index: 1000; > -} > - > -.calendar_date_select thead th { > - font-weight: bold; > - background-color: #666; > - border-top: 1px solid #777; > - border-bottom: 2px solid #777; > - color: white !important; > -} > - > -.calendar_date_select .cds_buttons { > - text-align: center; > - padding: 5px 0px; > - background-color: #666; > -} > - > -.calendar_date_select .cds_footer { > - background-color: #fff; > - padding: 3px; > - font-size: 12px; > - text-align: center; > - color:#333; > -} > - > -.calendar_date_select .cds_footer span { > - display:none > -} > - > -.calendar_date_select table { > - margin: 0px; > - padding: 0px; > -} > - > -.calendar_date_select .cds_header { > - background-color: #fff; > - border-bottom: 2px solid #777; > - text-align: center; > -} > - > -.calendar_date_select .cds_header span { > - font-size: 15px; > - color: #000; > - font-weight: bold; > -} > - > -.calendar_date_select select { > - font-size: 11px; > -} > - > -.calendar_date_select .cds_header a:hover { > - color: #1c334d; > -} > - > -.calendar_date_select .cds_header a { > - width: 22px; > - height: 20px; > - text-decoration: none; > - font-size: 14px; > - color: #000 !important; > -} > - > -.calendar_date_select .cds_header a.prev { > - float: left; > -} > - > -.calendar_date_select .cds_header a.next { > - float: right; > -} > - > -.calendar_date_select .cds_header a.close { > - float: right; > - display: none; > -} > - > -.calendar_date_select .cds_header select.month { > - width: 90px; > -} > - > -.calendar_date_select .cds_header select.year { > - width: 61px; > -} > - > -.calendar_date_select .cds_buttons a { > - color: #ccc; > - font-size: 11px; > -} > - > -.calendar_date_select td { > - font-size: 12px; > - width: 24px; > - height: 21px; > - text-align: center; > - vertical-align: middle; > - background-color: #f2f2f2; > -} > - > -.calendar_date_select td.weekend { > - background-color: #f6f6f6; > -} > - > -.calendar_date_select td div { > - color: #333; > -} > - > -.calendar_date_select td div.other { > - color: #888; > -} > - > -.calendar_date_select td.selected div { > - color: #000; > -} > - > -.calendar_date_select tbody td { > - border-bottom: 1px solid #555; > -} > - > -.calendar_date_select td.selected { > - background-color: #fff; > -} > - > -.calendar_date_select td.today { > - border: 1px dashed #222; > -} > - > -.calendar_date_select td.disabled div { > - color: #454545; > -} > - > -/* this is a fun ie6 hack to get drop downs to stay behind > the popup window. This should always be just > underneath .calendar_date_select */ > -iframe.ie6_blocker { > - position: absolute; > - z-index: 999; > -} > - > -.fieldWithErrors .calendar_date_select { > - border: 2px solid #FF0000; > -} > - > -/*********************************************** > -Legacy Forms > - > -*development note: instead of using class names > - > we should just be using actual > - > symantic form structure for > - > forms such as: > - > <form> > - > <legend> > - > <fieldset> > - > <label>, etc... > -***********************************************/ > -.label { > - font-weight: bold; > - text-align: right; > - white-space: nowrap; > - width: 1%; > - margin:0 4px 0 0px; > -} > - > -.basic-form { > - clear:both; > - display:block; > - margin:5px 0 5px 0; > - width:100%; > -} > - > -.required,input.required { > - background-color: #eeeeee; > -} > - > -.fieldgroup-title-bar { > - font-size: 1em; > - font-weight: bold; > - padding: 0.1em 0.5em 0.2em 0.5em; > -} > - > -.fieldgroup-title-bar ul .collapsed { > - background: url(/images/expand.gif) > no-repeat center center; > - min-height: 1.1em; > - min-width: 1.1em; > -} > - > -.fieldgroup-title-bar ul .expanded { > - background: url(/images/collapse.gif) > no-repeat center center; > - min-height: 1.1em; > - min-width: 1.1em; > -} > - > -.fieldgroup-title-bar td.collapse { > - width: 1.1em; > - cursor: default; > -} > - > -/*********************************************** > -Portals > -***********************************************/ > -.portlet-config { > - background-color: #D4D0C8; > - border: 2px solid #D4D0C8; > - margin-bottom: 5px; > -} > - > -.portlet-config-title-bar .title { > - color: #555555; > - font-size: 1.2em; > - float: left; > -} > - > -.portlet-config-title-bar ul { > - display: inline; /* IE Fix */ > -} > - > -.portlet-config-title-bar ul li { > - float: right; > - font-size: 1em; > - font-weight: bold; > - padding: 0.1em 0.5em 0.2em 0.5em; > -} > - > -.portlet-config-title-bar ul li.move-up { > - background: > url(/images/arrow-single-up-green.png) no-repeat center > center; > -} > - > -.portlet-config-title-bar ul li.move-down { > - background: > url(/images/arrow-single-down-green.png) no-repeat center > center; > -} > - > -.portlet-config-title-bar ul li.move-left { > - background: > url(/images/arrow-single-left-green.png) no-repeat center > center; > -} > - > -.portlet-config-title-bar ul li.move-right { > - background: > url(/images/arrow-single-right-green.png) no-repeat center > center; > -} > - > -.portlet-config-title-bar ul li.move-top { > - background: > url(/images/arrow-end-up-green.png) no-repeat center > center; > -} > - > -.portlet-config-title-bar ul li.move-bottom { > - background: > url(/images/arrow-end-down-green.png) no-repeat center > center; > -} > - > -.portlet-config-title-bar ul li.remove { > - background: url(/images/mini-trash.png) > no-repeat center center; > -} > - > -.portlet-config-title-bar ul li.edit { > - background: url(/images/mini-edit.png) > no-repeat center center; > -} > - > -#manage-portal-toolbar { > - background-color: #D4D0C8; > - margin-bottom: 0.5em; > -} > - > -#manage-portal-toolbar ul li { > - float: left; > - padding: 0.1em 0.5em 0.2em 0.5em; > -} > - > -#manage-portal-toolbar #config-on-off, > -#manage-portal-toolbar #manage-portal-page, > -#manage-portal-toolbar #add-column { > - float: right; > -} > - > -#manage-portal-toolbar #portal-page-name { > - font-size: 1.5em; > - font-weight: bold; > -} > - > -.manage-portal-column-toolbar #add-portlet, > -.manage-portal-column-toolbar #delete-column, > -.manage-portal-column-toolbar #column-width { > - float: right; > +/*********************************************** > +APACHE OPEN FOR BUSINESS > +Licensed to the Apache Software Foundation (ASF) under > one > +or more contributor license agreements. See the > NOTICE file > +distributed with this work for additional information > +regarding copyright ownership. The ASF licenses this > file > +to you under the Apache License, Version 2.0 (the > +"License"); you may not use this file except in > compliance > +with the License. You may obtain a copy of the > License at > + > +http://www.apache.org/licenses/LICENSE-2.0 > + > +Unless required by applicable law or agreed to in > writing, > +software distributed under the License is distributed on > an > +"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY > +KIND, either express or implied. See the License for > the > +specific language governing permissions and limitations > +under the License. > +***********************************************/ > + > +.tooltip { /* tooltip style */ > + background-color: #ffffbb; > + border: 0.1em solid #999999; > + color: #000000; > + font-style: italic; > + margin: 0.4em; > + padding: 0.1em; > +} > + > +.page-container { > + background-color: #B8DFFC; > +} > + > +/*********************************************** > +Boxes > +***********************************************/ > +.boxhead { > + color: #FFFFFF; > + font-size: 1.1em; > + font-weight: bold; > +} > + > +.boxlink { > + float: right; > +} > + > +div.boxtop { > + background-color: #333; > + border-color: #999999; > + border-style: solid; > + margin: 0 auto 0 auto; > + padding: 0.1em 0.4em 0.1em 0.4em; > + text-align: center; > +} > + > +div.boxhead-left { > + border: none; > + color: #FFFFFF; > + float: left; > + font-size: 1.1em; > + font-weight: bold; > + width: auto; > +} > + > +div.boxhead-fill { > + border: none; > + color: #FFFFFF; > + font-size: 1.1em; > + font-weight: bold; > + text-align: center; > + width: 0; > +} > + > +div.boxhead-right { > + border: none; > + color: #FFFFFF; > + float: right; > + font-size: 1.1em; > + font-weight: bold; > + width: auto; > +} > + > +.boxoutside { > + background-color: #FFFFFF; > + border: 0.1em solid #999999; > +} > + > +.boxtop { > + background-color: #333; > + border: 0 solid #999999; > + padding: 0.1em 0.4em 0.1em 0.4em; > +} > + > +.boxbottom { > + background-color: #FFFFFF; > + border: 0 solid #999999; > + padding: 0.4em; > +} > + > +/*********************************************** > +Submenu > +***********************************************/ > +.submenutextinfo { > + border-right: 0.1em solid #5886C6; > + color: #ffffff; > + font-size: 0.9em; > + font-weight: bold; > + padding-left: 0.5em; > + padding-right: 0.5em; > +} > + > +.submenutext,a.submenutext,a.submenutext:visited { > + color: #333; > + font-size: 0.9em; > + font-weight: bold; > + padding-left: 0.2em; > + padding-right: 0.5em; > +} > + > +a.submenutext:hover { > + color: #1c334d; > +} > + > +.submenutextdisabled, > +a.submenutextdisabled { > + color: #ccc; > + font-size: 0.9em; > + font-weight: bold; > + padding-left: 0.2em; > + padding-right: 0.5em; > +} > + > +a.submenutextdisabled:hover { > + color: #ccc; > +} > + > +.submenutextinforight { > + color: #ffffff; > + font-size: 0.9em; > + font-weight: bold; > + padding-left: 0.2em; > +} > + > +.submenutextright, > +a.submenutextright { > + color: #333; > + font-size: 0.9em; > + font-weight: bold; > + padding-left: 0.2em; > +} > + > +a.submenutextright:hover { > + color: #1c334d; > +} > + > +.submenutextrightdisabled, > +a.submenutextrightdisabled { > + color: #ccc; > + font-size: 0.9em; > + font-weight: bold; > + padding-left: 0.2em; > +} > + > +a.submenutextrightdisabled:hover { > + color: #ccc; > +} > + > +a img.imageborder { > + border: 2px solid #ddd; > +} > + > +/*********************************************** > +Trees > +***********************************************/ > +.treeWrapper { > + background-color: #ffffff; > + border-top: 0.1em solid #eee; > + border-left: 0.1em solid #eee; > + color: #444; > + font-size: 1.6em; > + font-weight: normal; > + margin-left: 1.2em; > + margin-top: 0.2em; > + text-align: left; > + text-decoration: none; > +} > + > +.treewrapper { > + margin-left: 1em; > +} > + > +.treeitem { > + border: #888888 solid 0.1em; > + color: #333; > + font-size: 1.4em; > + font-weight: bold; > +} > + > +.basic-tree ul { > + padding-left: 1em; > +} > + > +.basic-tree li { > + padding-left: 1em; > + white-space: nowrap; > +} > + > +.basic-tree li .expanded { > + background: url(/images/collapse.gif) > no-repeat left center; > + padding-right: 1em; > +} > + > +.basic-tree li .collapsed { > + background: url(/images/expand.gif) > no-repeat left center; > + padding-right: 1em; > +} > + > +.basic-tree li .leafnode { > + background: > url(/images/expand-collapse-placeholder.gif) no-repeat left > center; > + padding-right: 1em; > +} > + > +.basic-tree li .treeitem { > + border-style: none; > + color: #333; > + font-size: 1em; > +} > + > +.basic-tree li a:hover { > + color: #333; > +} > + > +/*********************************************** > +Navigation Bars > +***********************************************/ > +.basic-nav { > + padding-left: 1em; > +} > + > +.basic-nav ul a { > + color: #333; > + font-size: 1.1em; > +} > + > +.basic-nav ul .selected, > +.basic-nav ul .selected a { > + color: #1c334d; > +} > + > +.basic-nav ul a:hover { > + color: #1c334d; > +} > + > +.basic-nav ul .disabled, > +.basic-nav ul .disabled a { > + color: #ccc; > +} > + > +.tool-bar { > + background-color: #D4D0C8; > + border: 0.1em solid #333; > + padding: 0.2em; > +} > + > +.tool-bar ul li { > + background-color: #D4D0C8; > + padding: 0.1em; > +} > + > +.nav-pager { > + padding:0.08em 0 0.5em 0; > + clear:both; > + display:block; > + position:relative; > + margin:0px 0 10px 0; > +} > + > +.nav-pager ul { > + display: inline; /* IE Fix */ > +} > + > +.nav-pager ul li { > + background-color: #ffffff; > + float: left; > + font-weight: bold; > + line-height: 1.8em; > + margin: 0.2em; > +} > + > +.nav-pager ul li a { > + display: block; > + color:#444444; > + font-weight: bold; > +} > + > +.nav-pager ul .nav-first, > +.nav-pager ul .nav-previous, > +.nav-pager ul .nav-next, > +.nav-pager ul .nav-last { > + background-color:#fff; > + border:2px solid #ddd; > + color:#444; > + padding: 0 0.5em 0 0.5em; > +} > + > +.nav-pager ul .nav-first-disabled, > +.nav-pager ul .nav-previous-disabled, > +.nav-pager ul .nav-next-disabled, > +.nav-pager ul .nav-last-disabled { > + background-color:#fff; > + border:2px solid #ddd; > + color:#ccc; > + padding: 0 0.5em 0 0.5em; > +} > + > +.nav-pager select { > + margin: 0; > +} > + > +/*********************************************** > +Legacy Table Styles > +***********************************************/ > +.formTableBordered { > + border: 2px solid #eee; > + width: 100%; > +} > + > +.basic-table { > + margin-bottom: 1em; > + width: 100%; > +} > + > +form .basic-table, > +.screenlet-body .basic-table { > + margin-bottom: 0; > +} > + > +.basic-table tr th,.basic-table .header-row { > + font-weight: bold; > + text-align: left; > +} > + > +.basic-table .header-row td { > + border-bottom: 1px solid #999; > +} > + > +.basic-table .header-row td a { > + color: #000000; > +} > + > +.basic-table .alternate-row { > + background-color: #f5f6eb; > +} > + > +.basic-table .selected { > + background: #FFFCCF; > +} > + > +.basic-table .alternate-rowSelected { > + background: #FFF55F; > +} > + > +.basic-table .Validate { > + background: #A0D5F7; > +} > + > +.basic-table .alternate-rowValidate { > + background: #72A8F2; > +} > + > +.basic-table .Warn { > + background: #f55C5C; > +} > + > +.basic-table .alternate-rowWarn { > + background: #FC7455; > +} > + > +.basic-table tr .button-col { > + vertical-align: top; > +} > + > +.basic-table tr .button-col a { > + background:url(../images/btn-bg.gif) > center left repeat-x; > + border: 2px solid #ddd; > + color: #333; > + float: left; > + font-weight:bold; > + margin: 0 0.1em 0 0.1em; > + padding: 0.1em 0.4em 0.1em 0.4em; > + text-transform:uppercase; > + white-space: nowrap; > +} > + > +.basic-table tr .smallSubmit,.basic-table tr > .smallSubmit:visited { > + background:url(../images/btn-bg.gif) > center left repeat-x; > + border:2px solid #ddd; > + color:#444; > + font-weight:bold; > + line-height:1.8em; > + margin:5px 5px 2px; > + padding:2px 4px; > + text-transform:uppercase; > +} > + > +.basic-table tr .button-col a:hover, > +.basic-table tr .button-col a:active { > + color: #1c334d; > + margin: 0 0.1em 0 0.1em; > + padding: 0.1em 0.4em 0.1em 0.4em; > +} > + > +.basic-table .collapsed { > + visibility: collapse; > +} > + > +.basic-table .header-row-2 th, > +.basic-table .header-row-2 td { > + background:#D14B1F > url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; > + border-bottom:2px solid #FFFFFF; > + border-left:1px solid #D14B1F; > + color: #fff; > + font-weight: bold; > + text-align: left; > +} > + > +.basic-table .header-row-2 th a, > +.basic-table .header-row-2 td a { > + color:#fff; > +} > + > +.basic-table .header-row-2 th .sort-order-asc, > +.basic-table .header-row-2 td .sort-order-asc { > + background: > url(/images/arrow-gr-up.png) no-repeat right; > + padding-right: 20px; > +} > + > +.basic-table .header-row-2 th .sort-order-desc, > +.basic-table .header-row-2 td .sort-order-desc { > + background: > url(/images/arrow-gr-dw.png) no-repeat right; > + padding-right: 20px; > +} > + > +.basic-table .header-row-2 th .sort-order, > +.basic-table .header-row-2 td .sort-order { > + background: url(/images/arrow-gr.png) > no-repeat right; > + padding-right: 20px; > +} > + > +.dark-grid { > + border-right: 0.1em solid #000000; > + border-top: 0.1em solid #000000; > +} > + > +.dark-grid td, > +.dark-grid .header-row-2 th, > +.dark-grid .header-row-2 td { > + border-bottom: 0.1em solid #000000; > + border-left: 0.1em solid #000000; > +} > + > +.light-grid { > + border-right: 0.1em solid #cccccc; > + border-top: 0.1em solid #cccccc; > +} > + > +.light-grid td, > +.light-grid .header-row td { > + border-bottom: 0.1em solid #cccccc; > + border-left: 0.1em solid #cccccc; > +} > + > +.form-widget table tr .label, > +.form-widget-table tr .label { > + /* Added for backward compatibility */ > + width: 20%; > +} > + > +.form-widget table,.form-widget-table { > + width: auto; > +} > + > +.form-widget-table { > + margin-bottom: 1em; > +} > + > +/*********************************************** > +Calendar > +***********************************************/ > +.field-lookup { > + background: > url(/images/fieldlookup.gif) no-repeat; > +} > + > +.view-calendar { > + background: url(/images/cal.gif) > no-repeat; > +} > + > +.calendar { > + border-right: 0.1em solid #cccccc; > +} > + > +.calendar tr td { > + border-bottom: 0.1em solid #cccccc; > + border-left: 0.1em solid #cccccc; > + vertical-align: top; > + padding: 0.5em; > +} > + > +.calendar .header-row td { > + background-color: #69a9d9; > + border-bottom: 0.1em solid #cccccc; > + border-left: 0.1em solid #cccccc; > + color: #ffffff; > + height: auto; > + text-align: center; > +} > + > +.calendar tr td .add-new { > + float: right; > +} > + > +.calendar tr td .h1 { > + color: #333; > + float: left; > +} > + > +.calendar .current-period { > + background-color: #ffffcc; > +} > + > +.calendar .active-period { > + background-color: #eeeeee; > +} > + > +.calendar_date_select { > + color: #fff; > + border: #bbb 2px solid; > + display: block; > + width: 300px; > + z-index: 1000; > +} > + > +.calendar_date_select thead th { > + font-weight: bold; > + background-color: #666; > + border-top: 1px solid #777; > + border-bottom: 2px solid #777; > + color: white !important; > +} > + > +.calendar_date_select .cds_buttons { > + text-align: center; > + padding: 5px 0px; > + background-color: #666; > +} > + > +.calendar_date_select .cds_footer { > + background-color: #fff; > + padding: 3px; > + font-size: 12px; > + text-align: center; > + color:#333; > +} > + > +.calendar_date_select .cds_footer span { > + display:none > +} > + > +.calendar_date_select table { > + margin: 0px; > + padding: 0px; > +} > + > +.calendar_date_select .cds_header { > + background-color: #fff; > + border-bottom: 2px solid #777; > + text-align: center; > +} > + > +.calendar_date_select .cds_header span { > + font-size: 15px; > + color: #000; > + font-weight: bold; > +} > + > +.calendar_date_select select { > + font-size: 11px; > +} > + > +.calendar_date_select .cds_header a:hover { > + color: #1c334d; > +} > + > +.calendar_date_select .cds_header a { > + width: 22px; > + height: 20px; > + text-decoration: none; > + font-size: 14px; > + color: #000 !important; > +} > + > +.calendar_date_select .cds_header a.prev { > + float: left; > +} > + > +.calendar_date_select .cds_header a.next { > + float: right; > +} > + > +.calendar_date_select .cds_header a.close { > + float: right; > + display: none; > +} > + > +.calendar_date_select .cds_header select.month { > + width: 90px; > +} > + > +.calendar_date_select .cds_header select.year { > + width: 61px; > +} > + > +.calendar_date_select .cds_buttons a { > + color: #ccc; > + font-size: 11px; > +} > + > +.calendar_date_select td { > + font-size: 12px; > + width: 24px; > + height: 21px; > + text-align: center; > + vertical-align: middle; > + background-color: #f2f2f2; > +} > + > +.calendar_date_select td.weekend { > + background-color: #f6f6f6; > +} > + > +.calendar_date_select td div { > + color: #333; > +} > + > +.calendar_date_select td div.other { > + color: #888; > +} > + > +.calendar_date_select td.selected div { > + color: #000; > +} > + > +.calendar_date_select tbody td { > + border-bottom: 1px solid #555; > +} > + > +.calendar_date_select td.selected { > + background-color: #fff; > +} > + > +.calendar_date_select td.today { > + border: 1px dashed #222; > +} > + > +.calendar_date_select td.disabled div { > + color: #454545; > +} > + > +/* this is a fun ie6 hack to get drop downs to stay behind > the popup window. This should always be just > underneath .calendar_date_select */ > +iframe.ie6_blocker { > + position: absolute; > + z-index: 999; > +} > + > +.fieldWithErrors .calendar_date_select { > + border: 2px solid #FF0000; > +} > + > +/*********************************************** > +Legacy Forms > + > +*development note: instead of using class names > + > we should just be using actual > + > symantic form structure for > + > forms such as: > + > <form> > + > <legend> > + > <fieldset> > + > <label>, etc... > +***********************************************/ > +.label { > + font-weight: bold; > + text-align: right; > + white-space: nowrap; > + width: 1%; > + margin:0 4px 0 0px; > +} > + > +.basic-form { > + clear:both; > + display:block; > + margin:5px 0 5px 0; > + width:100%; > +} > + > +.required,input.required { > + background-color: #eeeeee; > +} > + > +.fieldgroup-title-bar { > + font-size: 1em; > + font-weight: bold; > + padding: 0.1em 0.5em 0.2em 0.5em; > +} > + > +.fieldgroup-title-bar ul .collapsed { > + background: url(/images/expand.gif) > no-repeat left center; > + min-height: 1.1em; > + min-width: 1.1em; > +} > + > +.fieldgroup-title-bar ul .expanded { > + background: url(/images/collapse.gif) > no-repeat left center; > + min-height: 1.1em; > + min-width: 1.1em; > +} > + > +.fieldgroup-title-bar a { > +cursor:pointer; > +text-decoration:none; > +padding-left: 10px; > +} > + > +/*********************************************** > +Portals > +***********************************************/ > +.portlet-config { > + background-color: #D4D0C8; > + border: 2px solid #D4D0C8; > + margin-bottom: 5px; > +} > + > +.portlet-config-title-bar .title { > + color: #555555; > + font-size: 1.2em; > + float: left; > +} > + > +.portlet-config-title-bar ul { > + display: inline; /* IE Fix */ > +} > + > +.portlet-config-title-bar ul li { > + float: right; > + font-size: 1em; > + font-weight: bold; > + padding: 0.1em 0.5em 0.2em 0.5em; > +} > + > +.portlet-config-title-bar ul li.move-up { > + background: > url(/images/arrow-single-up-green.png) no-repeat center > center; > +} > + > +.portlet-config-title-bar ul li.move-down { > + background: > url(/images/arrow-single-down-green.png) no-repeat center > center; > +} > + > +.portlet-config-title-bar ul li.move-left { > + background: > url(/images/arrow-single-left-green.png) no-repeat center > center; > +} > + > +.portlet-config-title-bar ul li.move-right { > + background: > url(/images/arrow-single-right-green.png) no-repeat center > center; > +} > + > +.portlet-config-title-bar ul li.move-top { > + background: > url(/images/arrow-end-up-green.png) no-repeat center > center; > +} > + > +.portlet-config-title-bar ul li.move-bottom { > + background: > url(/images/arrow-end-down-green.png) no-repeat center > center; > +} > + > +.portlet-config-title-bar ul li.remove { > + background: url(/images/mini-trash.png) > no-repeat center center; > +} > + > +.portlet-config-title-bar ul li.edit { > + background: url(/images/mini-edit.png) > no-repeat center center; > +} > + > +#manage-portal-toolbar { > + background-color: #D4D0C8; > + margin-bottom: 0.5em; > +} > + > +#manage-portal-toolbar ul li { > + float: left; > + padding: 0.1em 0.5em 0.2em 0.5em; > +} > + > +#manage-portal-toolbar #config-on-off, > +#manage-portal-toolbar #manage-portal-page, > +#manage-portal-toolbar #add-column { > + float: right; > +} > + > +#manage-portal-toolbar #portal-page-name { > + font-size: 1.5em; > + font-weight: bold; > +} > + > +.manage-portal-column-toolbar #add-portlet, > +.manage-portal-column-toolbar #delete-column, > +.manage-portal-column-toolbar #column-width { > + float: right; > } > \ No newline at end of file > > Modified: > ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css > URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css?rev=833910&r1=833909&r2=833910&view=diff > ============================================================================== > --- ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css > (original) > +++ ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css > Sun Nov 8 18:36:30 2009 > @@ -2035,32 +2035,30 @@ > border: 2px solid #FF0000; > } > > -/* ============================= */ /* ===== FieldGroup > Styles ===== */ > - /* ============================= */ > +/* ============================= */ > +/* ===== FieldGroup Styles ===== */ > +/* ============================= */ > .fieldgroup-title-bar { > - border-top: 0.1em solid #DADADA; > - font-size: 1em; > - font-weight: bold; > - padding: 0.1em 0.5em 0.2em 0.5em; > +font-size: 1.2em; > +font-weight: bold; > +padding: 5px 0 5px 10px; > } > > .fieldgroup-title-bar ul .collapsed,.fieldgroup-title-bar > ul .collapsed:hover > - { > - background: url(/images/expand.gif) > no-repeat center center; > - min-height: 1.1em; > - min-width: 1.1em; > +{ > +background: url(/bluelight/images/bullet_toggle_plus.png) > no-repeat left center; > } > > .fieldgroup-title-bar ul .expanded,.fieldgroup-title-bar > ul .expanded:hover > - { > - background: url(/images/collapse.gif) > no-repeat center center; > - min-height: 1.1em; > - min-width: 1.1em; > +{ > +background: url(/bluelight/images/bullet_toggle_minus.png) > no-repeat left center; > } > > -.fieldgroup-title-bar td.collapse { > - width: 1.1em; > - cursor: default; > +.fieldgroup-title-bar a { > +cursor:pointer; > +text-decoration:none; > +padding-left: 10px; > +color: #000000; > } > > /* == Portlet configuration screenlet == */ > > Modified: > ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css > URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css?rev=833910&r1=833909&r2=833910&view=diff > ============================================================================== > --- ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css > (original) > +++ ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css > Sun Nov 8 18:36:30 2009 > @@ -2065,21 +2065,23 @@ > > .fieldgroup-title-bar ul .collapsed, > .fieldgroup-title-bar ul .collapsed:hover { > -background: url(/images/expand.gif) no-repeat center > center; > +background: url(/images/expand.gif) no-repeat left > center; > min-height: 1.1em; > min-width: 1.1em; > } > > .fieldgroup-title-bar ul .expanded, > .fieldgroup-title-bar ul .expanded:hover { > -background: url(/images/collapse.gif) no-repeat center > center; > +background: url(/images/collapse.gif) no-repeat left > center; > min-height: 1.1em; > min-width: 1.1em; > } > > -.fieldgroup-title-bar td.collapse { > -width: 1.1em; > -cursor: default; > +.fieldgroup-title-bar a { > +cursor:pointer; > +text-decoration:none; > +padding-left: 10px; > +color: #000000; > } > > /* == Portlet configuration screenlet == */ > > > |
Jacques,
you may have to set the .subversion/config file properly. Jacopo On Nov 8, 2009, at 8:31 PM, Adrian Crum wrote: > It appears the svn eol property is not set on some of these files, > so the commit contains a lot of unnecessary changes. > > -Adrian > > --- On Sun, 11/8/09, [hidden email] <[hidden email]> wrote: > >> From: [hidden email] <[hidden email]> >> Subject: svn commit: r833910 - in /ofbiz/trunk: framework/widget/ >> templates/htmlFormMacroLibrary.ftl themes/bizznesstime/webapp/ >> bizznesstime/css/legacy.css themes/bluelight/webapp/bluelight/ >> style.css themes/flatgrey/webapp/flatgrey/maincss.css >> To: [hidden email] >> Date: Sunday, November 8, 2009, 10:36 AM >> Author: jleroux >> Date: Sun Nov 8 18:36:30 2009 >> New Revision: 833910 >> >> URL: http://svn.apache.org/viewvc?rev=833910&view=rev >> Log: >> A patch from Bruno Busco "Collapsible Field Groups with >> clickable title" (https://issues.apache.org/jira/browse/OFBIZ-3176) - >> OFBIZ-3176 >> in the attached patch there is a new rendering for the >> Group Field Title bar. >> I removed the table and used simple divs. >> Moreover the field group title is now all clickable in >> order to collapse expand the group. >> >> The necessary changes to all themes are also included in >> the patch. >> >> Modified: >> >> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >> >> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >> >> ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >> >> ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >> >> Modified: >> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >> URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl?rev=833910&r1=833909&r2=833910&view=diff >> = >> = >> = >> = >> = >> = >> = >> = >> = >> ===================================================================== >> --- >> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >> (original) >> +++ >> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >> Sun Nov 8 18:36:30 2009 >> @@ -460,11 +460,16 @@ >> </tr> </table> >> </#macro> >> <#macro renderContainerField id><div >> id="${id?if_exists}"/></#macro> >> + >> <#macro renderFieldGroupOpen style id title collapsed >> collapsibleAreaId collapsible expandToolTip >> collapseToolTip> >> -<#if style?has_content || id?has_content || >> title?has_content> >> - <div class="fieldgroup<#if style?has_content> >> ${style}</#if>"<#if id?has_content> >> id="${id}"</#if>><div >> class="fieldgroup-title-bar"><table><tr><td >> class="collapse"><#rt/> >> - <#if collapsible><ul><li class="<#if >> collapsed>collapsed"><a >> onclick="javascript:toggleCollapsiblePanel(this, >> '${collapsibleAreaId}', '${expandToolTip}', >> '${collapseToolTip}');"<#else>expanded"><a >> onclick="javascript:toggleCollapsiblePanel(this, >> '${collapsibleAreaId}', '${expandToolTip}', >> '${collapseToolTip}');"</#if>>   </a></li></ul></#if></ >> td><td><#rt/> >> - <#if title?has_content><div >> class="title">${title}</div></#if></td></tr></table></div><div >> id="${collapsibleAreaId}" class="fieldgroup-body" <#if >> collapsed && collapsible> style="display: >> none;"</#if>> >> +<#if style?has_content || id?has_content || >> title?has_content><div class="fieldgroup<#if >> style?has_content> ${style}</#if>"<#if >> id?has_content> id="${id}"</#if>> >> +<div class="fieldgroup-title-bar"> >> + <#if collapsible><ul><li class="<#if >> collapsed>collapsed"><a >> onclick="javascript:toggleCollapsiblePanel(this, >> '${collapsibleAreaId}', '${expandToolTip}', >> '${collapseToolTip}');"> >> + <#else>expanded"><a >> onclick="javascript:toggleCollapsiblePanel(this, >> '${collapsibleAreaId}', '${expandToolTip}', >> '${collapseToolTip}');"></#if> >> + >> <#if >> title?has_content>${title}</#if></a></li></ul> >> + <#else><#if >> title?has_content>${title}</#if></#if><#rt/> >> +</div> >> +<div id="${collapsibleAreaId}" class="fieldgroup-body" >> <#if collapsed && collapsible> style="display: >> none;"</#if>> >> </#if> >> </#macro> >> <#macro renderFieldGroupClose style id title><#if >> style?has_content || id?has_content || >> title?has_content></div></div></#if></#macro> >> >> Modified: >> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >> URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css?rev=833910&r1=833909&r2=833910&view=diff >> = >> = >> = >> = >> = >> = >> = >> = >> = >> ===================================================================== >> --- >> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >> (original) >> +++ >> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >> Sun Nov 8 18:36:30 2009 >> @@ -1,816 +1,817 @@ >> -/*********************************************** >> -APACHE OPEN FOR BUSINESS >> -Licensed to the Apache Software Foundation (ASF) under >> one >> -or more contributor license agreements. See the >> NOTICE file >> -distributed with this work for additional information >> -regarding copyright ownership. The ASF licenses this >> file >> -to you under the Apache License, Version 2.0 (the >> -"License"); you may not use this file except in >> compliance >> -with the License. You may obtain a copy of the >> License at >> - >> -http://www.apache.org/licenses/LICENSE-2.0 >> - >> -Unless required by applicable law or agreed to in >> writing, >> -software distributed under the License is distributed on >> an >> -"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY >> -KIND, either express or implied. See the License for >> the >> -specific language governing permissions and limitations >> -under the License. >> -***********************************************/ >> - >> -.tooltip { /* tooltip style */ >> - background-color: #ffffbb; >> - border: 0.1em solid #999999; >> - color: #000000; >> - font-style: italic; >> - margin: 0.4em; >> - padding: 0.1em; >> -} >> - >> -.page-container { >> - background-color: #B8DFFC; >> -} >> - >> -/*********************************************** >> -Boxes >> -***********************************************/ >> -.boxhead { >> - color: #FFFFFF; >> - font-size: 1.1em; >> - font-weight: bold; >> -} >> - >> -.boxlink { >> - float: right; >> -} >> - >> -div.boxtop { >> - background-color: #333; >> - border-color: #999999; >> - border-style: solid; >> - margin: 0 auto 0 auto; >> - padding: 0.1em 0.4em 0.1em 0.4em; >> - text-align: center; >> -} >> - >> -div.boxhead-left { >> - border: none; >> - color: #FFFFFF; >> - float: left; >> - font-size: 1.1em; >> - font-weight: bold; >> - width: auto; >> -} >> - >> -div.boxhead-fill { >> - border: none; >> - color: #FFFFFF; >> - font-size: 1.1em; >> - font-weight: bold; >> - text-align: center; >> - width: 0; >> -} >> - >> -div.boxhead-right { >> - border: none; >> - color: #FFFFFF; >> - float: right; >> - font-size: 1.1em; >> - font-weight: bold; >> - width: auto; >> -} >> - >> -.boxoutside { >> - background-color: #FFFFFF; >> - border: 0.1em solid #999999; >> -} >> - >> -.boxtop { >> - background-color: #333; >> - border: 0 solid #999999; >> - padding: 0.1em 0.4em 0.1em 0.4em; >> -} >> - >> -.boxbottom { >> - background-color: #FFFFFF; >> - border: 0 solid #999999; >> - padding: 0.4em; >> -} >> - >> -/*********************************************** >> -Submenu >> -***********************************************/ >> -.submenutextinfo { >> - border-right: 0.1em solid #5886C6; >> - color: #ffffff; >> - font-size: 0.9em; >> - font-weight: bold; >> - padding-left: 0.5em; >> - padding-right: 0.5em; >> -} >> - >> -.submenutext,a.submenutext,a.submenutext:visited { >> - color: #333; >> - font-size: 0.9em; >> - font-weight: bold; >> - padding-left: 0.2em; >> - padding-right: 0.5em; >> -} >> - >> -a.submenutext:hover { >> - color: #1c334d; >> -} >> - >> -.submenutextdisabled, >> -a.submenutextdisabled { >> - color: #ccc; >> - font-size: 0.9em; >> - font-weight: bold; >> - padding-left: 0.2em; >> - padding-right: 0.5em; >> -} >> - >> -a.submenutextdisabled:hover { >> - color: #ccc; >> -} >> - >> -.submenutextinforight { >> - color: #ffffff; >> - font-size: 0.9em; >> - font-weight: bold; >> - padding-left: 0.2em; >> -} >> - >> -.submenutextright, >> -a.submenutextright { >> - color: #333; >> - font-size: 0.9em; >> - font-weight: bold; >> - padding-left: 0.2em; >> -} >> - >> -a.submenutextright:hover { >> - color: #1c334d; >> -} >> - >> -.submenutextrightdisabled, >> -a.submenutextrightdisabled { >> - color: #ccc; >> - font-size: 0.9em; >> - font-weight: bold; >> - padding-left: 0.2em; >> -} >> - >> -a.submenutextrightdisabled:hover { >> - color: #ccc; >> -} >> - >> -a img.imageborder { >> - border: 2px solid #ddd; >> -} >> - >> -/*********************************************** >> -Trees >> -***********************************************/ >> -.treeWrapper { >> - background-color: #ffffff; >> - border-top: 0.1em solid #eee; >> - border-left: 0.1em solid #eee; >> - color: #444; >> - font-size: 1.6em; >> - font-weight: normal; >> - margin-left: 1.2em; >> - margin-top: 0.2em; >> - text-align: left; >> - text-decoration: none; >> -} >> - >> -.treewrapper { >> - margin-left: 1em; >> -} >> - >> -.treeitem { >> - border: #888888 solid 0.1em; >> - color: #333; >> - font-size: 1.4em; >> - font-weight: bold; >> -} >> - >> -.basic-tree ul { >> - padding-left: 1em; >> -} >> - >> -.basic-tree li { >> - padding-left: 1em; >> - white-space: nowrap; >> -} >> - >> -.basic-tree li .expanded { >> - background: url(/images/collapse.gif) >> no-repeat left center; >> - padding-right: 1em; >> -} >> - >> -.basic-tree li .collapsed { >> - background: url(/images/expand.gif) >> no-repeat left center; >> - padding-right: 1em; >> -} >> - >> -.basic-tree li .leafnode { >> - background: >> url(/images/expand-collapse-placeholder.gif) no-repeat left >> center; >> - padding-right: 1em; >> -} >> - >> -.basic-tree li .treeitem { >> - border-style: none; >> - color: #333; >> - font-size: 1em; >> -} >> - >> -.basic-tree li a:hover { >> - color: #333; >> -} >> - >> -/*********************************************** >> -Navigation Bars >> -***********************************************/ >> -.basic-nav { >> - padding-left: 1em; >> -} >> - >> -.basic-nav ul a { >> - color: #333; >> - font-size: 1.1em; >> -} >> - >> -.basic-nav ul .selected, >> -.basic-nav ul .selected a { >> - color: #1c334d; >> -} >> - >> -.basic-nav ul a:hover { >> - color: #1c334d; >> -} >> - >> -.basic-nav ul .disabled, >> -.basic-nav ul .disabled a { >> - color: #ccc; >> -} >> - >> -.tool-bar { >> - background-color: #D4D0C8; >> - border: 0.1em solid #333; >> - padding: 0.2em; >> -} >> - >> -.tool-bar ul li { >> - background-color: #D4D0C8; >> - padding: 0.1em; >> -} >> - >> -.nav-pager { >> - padding:0.08em 0 0.5em 0; >> - clear:both; >> - display:block; >> - position:relative; >> - margin:0px 0 10px 0; >> -} >> - >> -.nav-pager ul { >> - display: inline; /* IE Fix */ >> -} >> - >> -.nav-pager ul li { >> - background-color: #ffffff; >> - float: left; >> - font-weight: bold; >> - line-height: 1.8em; >> - margin: 0.2em; >> -} >> - >> -.nav-pager ul li a { >> - display: block; >> - color:#444444; >> - font-weight: bold; >> -} >> - >> -.nav-pager ul .nav-first, >> -.nav-pager ul .nav-previous, >> -.nav-pager ul .nav-next, >> -.nav-pager ul .nav-last { >> - background-color:#fff; >> - border:2px solid #ddd; >> - color:#444; >> - padding: 0 0.5em 0 0.5em; >> -} >> - >> -.nav-pager ul .nav-first-disabled, >> -.nav-pager ul .nav-previous-disabled, >> -.nav-pager ul .nav-next-disabled, >> -.nav-pager ul .nav-last-disabled { >> - background-color:#fff; >> - border:2px solid #ddd; >> - color:#ccc; >> - padding: 0 0.5em 0 0.5em; >> -} >> - >> -.nav-pager select { >> - margin: 0; >> -} >> - >> -/*********************************************** >> -Legacy Table Styles >> -***********************************************/ >> -.formTableBordered { >> - border: 2px solid #eee; >> - width: 100%; >> -} >> - >> -.basic-table { >> - margin-bottom: 1em; >> - width: 100%; >> -} >> - >> -form .basic-table, >> -.screenlet-body .basic-table { >> - margin-bottom: 0; >> -} >> - >> -.basic-table tr th,.basic-table .header-row { >> - font-weight: bold; >> - text-align: left; >> -} >> - >> -.basic-table .header-row td { >> - border-bottom: 1px solid #999; >> -} >> - >> -.basic-table .header-row td a { >> - color: #000000; >> -} >> - >> -.basic-table .alternate-row { >> - background-color: #f5f6eb; >> -} >> - >> -.basic-table .selected { >> - background: #FFFCCF; >> -} >> - >> -.basic-table .alternate-rowSelected { >> - background: #FFF55F; >> -} >> - >> -.basic-table .Validate { >> - background: #A0D5F7; >> -} >> - >> -.basic-table .alternate-rowValidate { >> - background: #72A8F2; >> -} >> - >> -.basic-table .Warn { >> - background: #f55C5C; >> -} >> - >> -.basic-table .alternate-rowWarn { >> - background: #FC7455; >> -} >> - >> -.basic-table tr .button-col { >> - vertical-align: top; >> -} >> - >> -.basic-table tr .button-col a { >> - background:url(../images/btn-bg.gif) >> center left repeat-x; >> - border: 2px solid #ddd; >> - color: #333; >> - float: left; >> - font-weight:bold; >> - margin: 0 0.1em 0 0.1em; >> - padding: 0.1em 0.4em 0.1em 0.4em; >> - text-transform:uppercase; >> - white-space: nowrap; >> -} >> - >> -.basic-table tr .smallSubmit,.basic-table tr >> .smallSubmit:visited { >> - background:url(../images/btn-bg.gif) >> center left repeat-x; >> - border:2px solid #ddd; >> - color:#444; >> - font-weight:bold; >> - line-height:1.8em; >> - margin:5px 5px 2px; >> - padding:2px 4px; >> - text-transform:uppercase; >> -} >> - >> -.basic-table tr .button-col a:hover, >> -.basic-table tr .button-col a:active { >> - color: #1c334d; >> - margin: 0 0.1em 0 0.1em; >> - padding: 0.1em 0.4em 0.1em 0.4em; >> -} >> - >> -.basic-table .collapsed { >> - visibility: collapse; >> -} >> - >> -.basic-table .header-row-2 th, >> -.basic-table .header-row-2 td { >> - background:#D14B1F >> url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; >> - border-bottom:2px solid #FFFFFF; >> - border-left:1px solid #D14B1F; >> - color: #fff; >> - font-weight: bold; >> - text-align: left; >> -} >> - >> -.basic-table .header-row-2 th a, >> -.basic-table .header-row-2 td a { >> - color:#fff; >> -} >> - >> -.basic-table .header-row-2 th .sort-order-asc, >> -.basic-table .header-row-2 td .sort-order-asc { >> - background: >> url(/images/arrow-gr-up.png) no-repeat right; >> - padding-right: 20px; >> -} >> - >> -.basic-table .header-row-2 th .sort-order-desc, >> -.basic-table .header-row-2 td .sort-order-desc { >> - background: >> url(/images/arrow-gr-dw.png) no-repeat right; >> - padding-right: 20px; >> -} >> - >> -.basic-table .header-row-2 th .sort-order, >> -.basic-table .header-row-2 td .sort-order { >> - background: url(/images/arrow-gr.png) >> no-repeat right; >> - padding-right: 20px; >> -} >> - >> -.dark-grid { >> - border-right: 0.1em solid #000000; >> - border-top: 0.1em solid #000000; >> -} >> - >> -.dark-grid td, >> -.dark-grid .header-row-2 th, >> -.dark-grid .header-row-2 td { >> - border-bottom: 0.1em solid #000000; >> - border-left: 0.1em solid #000000; >> -} >> - >> -.light-grid { >> - border-right: 0.1em solid #cccccc; >> - border-top: 0.1em solid #cccccc; >> -} >> - >> -.light-grid td, >> -.light-grid .header-row td { >> - border-bottom: 0.1em solid #cccccc; >> - border-left: 0.1em solid #cccccc; >> -} >> - >> -.form-widget table tr .label, >> -.form-widget-table tr .label { >> - /* Added for backward compatibility */ >> - width: 20%; >> -} >> - >> -.form-widget table,.form-widget-table { >> - width: auto; >> -} >> - >> -.form-widget-table { >> - margin-bottom: 1em; >> -} >> - >> -/*********************************************** >> -Calendar >> -***********************************************/ >> -.field-lookup { >> - background: >> url(/images/fieldlookup.gif) no-repeat; >> -} >> - >> -.view-calendar { >> - background: url(/images/cal.gif) >> no-repeat; >> -} >> - >> -.calendar { >> - border-right: 0.1em solid #cccccc; >> -} >> - >> -.calendar tr td { >> - border-bottom: 0.1em solid #cccccc; >> - border-left: 0.1em solid #cccccc; >> - vertical-align: top; >> - padding: 0.5em; >> -} >> - >> -.calendar .header-row td { >> - background-color: #69a9d9; >> - border-bottom: 0.1em solid #cccccc; >> - border-left: 0.1em solid #cccccc; >> - color: #ffffff; >> - height: auto; >> - text-align: center; >> -} >> - >> -.calendar tr td .add-new { >> - float: right; >> -} >> - >> -.calendar tr td .h1 { >> - color: #333; >> - float: left; >> -} >> - >> -.calendar .current-period { >> - background-color: #ffffcc; >> -} >> - >> -.calendar .active-period { >> - background-color: #eeeeee; >> -} >> - >> -.calendar_date_select { >> - color: #fff; >> - border: #bbb 2px solid; >> - display: block; >> - width: 300px; >> - z-index: 1000; >> -} >> - >> -.calendar_date_select thead th { >> - font-weight: bold; >> - background-color: #666; >> - border-top: 1px solid #777; >> - border-bottom: 2px solid #777; >> - color: white !important; >> -} >> - >> -.calendar_date_select .cds_buttons { >> - text-align: center; >> - padding: 5px 0px; >> - background-color: #666; >> -} >> - >> -.calendar_date_select .cds_footer { >> - background-color: #fff; >> - padding: 3px; >> - font-size: 12px; >> - text-align: center; >> - color:#333; >> -} >> - >> -.calendar_date_select .cds_footer span { >> - display:none >> -} >> - >> -.calendar_date_select table { >> - margin: 0px; >> - padding: 0px; >> -} >> - >> -.calendar_date_select .cds_header { >> - background-color: #fff; >> - border-bottom: 2px solid #777; >> - text-align: center; >> -} >> - >> -.calendar_date_select .cds_header span { >> - font-size: 15px; >> - color: #000; >> - font-weight: bold; >> -} >> - >> -.calendar_date_select select { >> - font-size: 11px; >> -} >> - >> -.calendar_date_select .cds_header a:hover { >> - color: #1c334d; >> -} >> - >> -.calendar_date_select .cds_header a { >> - width: 22px; >> - height: 20px; >> - text-decoration: none; >> - font-size: 14px; >> - color: #000 !important; >> -} >> - >> -.calendar_date_select .cds_header a.prev { >> - float: left; >> -} >> - >> -.calendar_date_select .cds_header a.next { >> - float: right; >> -} >> - >> -.calendar_date_select .cds_header a.close { >> - float: right; >> - display: none; >> -} >> - >> -.calendar_date_select .cds_header select.month { >> - width: 90px; >> -} >> - >> -.calendar_date_select .cds_header select.year { >> - width: 61px; >> -} >> - >> -.calendar_date_select .cds_buttons a { >> - color: #ccc; >> - font-size: 11px; >> -} >> - >> -.calendar_date_select td { >> - font-size: 12px; >> - width: 24px; >> - height: 21px; >> - text-align: center; >> - vertical-align: middle; >> - background-color: #f2f2f2; >> -} >> - >> -.calendar_date_select td.weekend { >> - background-color: #f6f6f6; >> -} >> - >> -.calendar_date_select td div { >> - color: #333; >> -} >> - >> -.calendar_date_select td div.other { >> - color: #888; >> -} >> - >> -.calendar_date_select td.selected div { >> - color: #000; >> -} >> - >> -.calendar_date_select tbody td { >> - border-bottom: 1px solid #555; >> -} >> - >> -.calendar_date_select td.selected { >> - background-color: #fff; >> -} >> - >> -.calendar_date_select td.today { >> - border: 1px dashed #222; >> -} >> - >> -.calendar_date_select td.disabled div { >> - color: #454545; >> -} >> - >> -/* this is a fun ie6 hack to get drop downs to stay behind >> the popup window. This should always be just >> underneath .calendar_date_select */ >> -iframe.ie6_blocker { >> - position: absolute; >> - z-index: 999; >> -} >> - >> -.fieldWithErrors .calendar_date_select { >> - border: 2px solid #FF0000; >> -} >> - >> -/*********************************************** >> -Legacy Forms >> - >> -*development note: instead of using class names >> - >> we should just be using actual >> - >> symantic form structure for >> - >> forms such as: >> - >> <form> >> - >> <legend> >> - >> <fieldset> >> - >> <label>, etc... >> -***********************************************/ >> -.label { >> - font-weight: bold; >> - text-align: right; >> - white-space: nowrap; >> - width: 1%; >> - margin:0 4px 0 0px; >> -} >> - >> -.basic-form { >> - clear:both; >> - display:block; >> - margin:5px 0 5px 0; >> - width:100%; >> -} >> - >> -.required,input.required { >> - background-color: #eeeeee; >> -} >> - >> -.fieldgroup-title-bar { >> - font-size: 1em; >> - font-weight: bold; >> - padding: 0.1em 0.5em 0.2em 0.5em; >> -} >> - >> -.fieldgroup-title-bar ul .collapsed { >> - background: url(/images/expand.gif) >> no-repeat center center; >> - min-height: 1.1em; >> - min-width: 1.1em; >> -} >> - >> -.fieldgroup-title-bar ul .expanded { >> - background: url(/images/collapse.gif) >> no-repeat center center; >> - min-height: 1.1em; >> - min-width: 1.1em; >> -} >> - >> -.fieldgroup-title-bar td.collapse { >> - width: 1.1em; >> - cursor: default; >> -} >> - >> -/*********************************************** >> -Portals >> -***********************************************/ >> -.portlet-config { >> - background-color: #D4D0C8; >> - border: 2px solid #D4D0C8; >> - margin-bottom: 5px; >> -} >> - >> -.portlet-config-title-bar .title { >> - color: #555555; >> - font-size: 1.2em; >> - float: left; >> -} >> - >> -.portlet-config-title-bar ul { >> - display: inline; /* IE Fix */ >> -} >> - >> -.portlet-config-title-bar ul li { >> - float: right; >> - font-size: 1em; >> - font-weight: bold; >> - padding: 0.1em 0.5em 0.2em 0.5em; >> -} >> - >> -.portlet-config-title-bar ul li.move-up { >> - background: >> url(/images/arrow-single-up-green.png) no-repeat center >> center; >> -} >> - >> -.portlet-config-title-bar ul li.move-down { >> - background: >> url(/images/arrow-single-down-green.png) no-repeat center >> center; >> -} >> - >> -.portlet-config-title-bar ul li.move-left { >> - background: >> url(/images/arrow-single-left-green.png) no-repeat center >> center; >> -} >> - >> -.portlet-config-title-bar ul li.move-right { >> - background: >> url(/images/arrow-single-right-green.png) no-repeat center >> center; >> -} >> - >> -.portlet-config-title-bar ul li.move-top { >> - background: >> url(/images/arrow-end-up-green.png) no-repeat center >> center; >> -} >> - >> -.portlet-config-title-bar ul li.move-bottom { >> - background: >> url(/images/arrow-end-down-green.png) no-repeat center >> center; >> -} >> - >> -.portlet-config-title-bar ul li.remove { >> - background: url(/images/mini-trash.png) >> no-repeat center center; >> -} >> - >> -.portlet-config-title-bar ul li.edit { >> - background: url(/images/mini-edit.png) >> no-repeat center center; >> -} >> - >> -#manage-portal-toolbar { >> - background-color: #D4D0C8; >> - margin-bottom: 0.5em; >> -} >> - >> -#manage-portal-toolbar ul li { >> - float: left; >> - padding: 0.1em 0.5em 0.2em 0.5em; >> -} >> - >> -#manage-portal-toolbar #config-on-off, >> -#manage-portal-toolbar #manage-portal-page, >> -#manage-portal-toolbar #add-column { >> - float: right; >> -} >> - >> -#manage-portal-toolbar #portal-page-name { >> - font-size: 1.5em; >> - font-weight: bold; >> -} >> - >> -.manage-portal-column-toolbar #add-portlet, >> -.manage-portal-column-toolbar #delete-column, >> -.manage-portal-column-toolbar #column-width { >> - float: right; >> +/*********************************************** >> +APACHE OPEN FOR BUSINESS >> +Licensed to the Apache Software Foundation (ASF) under >> one >> +or more contributor license agreements. See the >> NOTICE file >> +distributed with this work for additional information >> +regarding copyright ownership. The ASF licenses this >> file >> +to you under the Apache License, Version 2.0 (the >> +"License"); you may not use this file except in >> compliance >> +with the License. You may obtain a copy of the >> License at >> + >> +http://www.apache.org/licenses/LICENSE-2.0 >> + >> +Unless required by applicable law or agreed to in >> writing, >> +software distributed under the License is distributed on >> an >> +"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY >> +KIND, either express or implied. See the License for >> the >> +specific language governing permissions and limitations >> +under the License. >> +***********************************************/ >> + >> +.tooltip { /* tooltip style */ >> + background-color: #ffffbb; >> + border: 0.1em solid #999999; >> + color: #000000; >> + font-style: italic; >> + margin: 0.4em; >> + padding: 0.1em; >> +} >> + >> +.page-container { >> + background-color: #B8DFFC; >> +} >> + >> +/*********************************************** >> +Boxes >> +***********************************************/ >> +.boxhead { >> + color: #FFFFFF; >> + font-size: 1.1em; >> + font-weight: bold; >> +} >> + >> +.boxlink { >> + float: right; >> +} >> + >> +div.boxtop { >> + background-color: #333; >> + border-color: #999999; >> + border-style: solid; >> + margin: 0 auto 0 auto; >> + padding: 0.1em 0.4em 0.1em 0.4em; >> + text-align: center; >> +} >> + >> +div.boxhead-left { >> + border: none; >> + color: #FFFFFF; >> + float: left; >> + font-size: 1.1em; >> + font-weight: bold; >> + width: auto; >> +} >> + >> +div.boxhead-fill { >> + border: none; >> + color: #FFFFFF; >> + font-size: 1.1em; >> + font-weight: bold; >> + text-align: center; >> + width: 0; >> +} >> + >> +div.boxhead-right { >> + border: none; >> + color: #FFFFFF; >> + float: right; >> + font-size: 1.1em; >> + font-weight: bold; >> + width: auto; >> +} >> + >> +.boxoutside { >> + background-color: #FFFFFF; >> + border: 0.1em solid #999999; >> +} >> + >> +.boxtop { >> + background-color: #333; >> + border: 0 solid #999999; >> + padding: 0.1em 0.4em 0.1em 0.4em; >> +} >> + >> +.boxbottom { >> + background-color: #FFFFFF; >> + border: 0 solid #999999; >> + padding: 0.4em; >> +} >> + >> +/*********************************************** >> +Submenu >> +***********************************************/ >> +.submenutextinfo { >> + border-right: 0.1em solid #5886C6; >> + color: #ffffff; >> + font-size: 0.9em; >> + font-weight: bold; >> + padding-left: 0.5em; >> + padding-right: 0.5em; >> +} >> + >> +.submenutext,a.submenutext,a.submenutext:visited { >> + color: #333; >> + font-size: 0.9em; >> + font-weight: bold; >> + padding-left: 0.2em; >> + padding-right: 0.5em; >> +} >> + >> +a.submenutext:hover { >> + color: #1c334d; >> +} >> + >> +.submenutextdisabled, >> +a.submenutextdisabled { >> + color: #ccc; >> + font-size: 0.9em; >> + font-weight: bold; >> + padding-left: 0.2em; >> + padding-right: 0.5em; >> +} >> + >> +a.submenutextdisabled:hover { >> + color: #ccc; >> +} >> + >> +.submenutextinforight { >> + color: #ffffff; >> + font-size: 0.9em; >> + font-weight: bold; >> + padding-left: 0.2em; >> +} >> + >> +.submenutextright, >> +a.submenutextright { >> + color: #333; >> + font-size: 0.9em; >> + font-weight: bold; >> + padding-left: 0.2em; >> +} >> + >> +a.submenutextright:hover { >> + color: #1c334d; >> +} >> + >> +.submenutextrightdisabled, >> +a.submenutextrightdisabled { >> + color: #ccc; >> + font-size: 0.9em; >> + font-weight: bold; >> + padding-left: 0.2em; >> +} >> + >> +a.submenutextrightdisabled:hover { >> + color: #ccc; >> +} >> + >> +a img.imageborder { >> + border: 2px solid #ddd; >> +} >> + >> +/*********************************************** >> +Trees >> +***********************************************/ >> +.treeWrapper { >> + background-color: #ffffff; >> + border-top: 0.1em solid #eee; >> + border-left: 0.1em solid #eee; >> + color: #444; >> + font-size: 1.6em; >> + font-weight: normal; >> + margin-left: 1.2em; >> + margin-top: 0.2em; >> + text-align: left; >> + text-decoration: none; >> +} >> + >> +.treewrapper { >> + margin-left: 1em; >> +} >> + >> +.treeitem { >> + border: #888888 solid 0.1em; >> + color: #333; >> + font-size: 1.4em; >> + font-weight: bold; >> +} >> + >> +.basic-tree ul { >> + padding-left: 1em; >> +} >> + >> +.basic-tree li { >> + padding-left: 1em; >> + white-space: nowrap; >> +} >> + >> +.basic-tree li .expanded { >> + background: url(/images/collapse.gif) >> no-repeat left center; >> + padding-right: 1em; >> +} >> + >> +.basic-tree li .collapsed { >> + background: url(/images/expand.gif) >> no-repeat left center; >> + padding-right: 1em; >> +} >> + >> +.basic-tree li .leafnode { >> + background: >> url(/images/expand-collapse-placeholder.gif) no-repeat left >> center; >> + padding-right: 1em; >> +} >> + >> +.basic-tree li .treeitem { >> + border-style: none; >> + color: #333; >> + font-size: 1em; >> +} >> + >> +.basic-tree li a:hover { >> + color: #333; >> +} >> + >> +/*********************************************** >> +Navigation Bars >> +***********************************************/ >> +.basic-nav { >> + padding-left: 1em; >> +} >> + >> +.basic-nav ul a { >> + color: #333; >> + font-size: 1.1em; >> +} >> + >> +.basic-nav ul .selected, >> +.basic-nav ul .selected a { >> + color: #1c334d; >> +} >> + >> +.basic-nav ul a:hover { >> + color: #1c334d; >> +} >> + >> +.basic-nav ul .disabled, >> +.basic-nav ul .disabled a { >> + color: #ccc; >> +} >> + >> +.tool-bar { >> + background-color: #D4D0C8; >> + border: 0.1em solid #333; >> + padding: 0.2em; >> +} >> + >> +.tool-bar ul li { >> + background-color: #D4D0C8; >> + padding: 0.1em; >> +} >> + >> +.nav-pager { >> + padding:0.08em 0 0.5em 0; >> + clear:both; >> + display:block; >> + position:relative; >> + margin:0px 0 10px 0; >> +} >> + >> +.nav-pager ul { >> + display: inline; /* IE Fix */ >> +} >> + >> +.nav-pager ul li { >> + background-color: #ffffff; >> + float: left; >> + font-weight: bold; >> + line-height: 1.8em; >> + margin: 0.2em; >> +} >> + >> +.nav-pager ul li a { >> + display: block; >> + color:#444444; >> + font-weight: bold; >> +} >> + >> +.nav-pager ul .nav-first, >> +.nav-pager ul .nav-previous, >> +.nav-pager ul .nav-next, >> +.nav-pager ul .nav-last { >> + background-color:#fff; >> + border:2px solid #ddd; >> + color:#444; >> + padding: 0 0.5em 0 0.5em; >> +} >> + >> +.nav-pager ul .nav-first-disabled, >> +.nav-pager ul .nav-previous-disabled, >> +.nav-pager ul .nav-next-disabled, >> +.nav-pager ul .nav-last-disabled { >> + background-color:#fff; >> + border:2px solid #ddd; >> + color:#ccc; >> + padding: 0 0.5em 0 0.5em; >> +} >> + >> +.nav-pager select { >> + margin: 0; >> +} >> + >> +/*********************************************** >> +Legacy Table Styles >> +***********************************************/ >> +.formTableBordered { >> + border: 2px solid #eee; >> + width: 100%; >> +} >> + >> +.basic-table { >> + margin-bottom: 1em; >> + width: 100%; >> +} >> + >> +form .basic-table, >> +.screenlet-body .basic-table { >> + margin-bottom: 0; >> +} >> + >> +.basic-table tr th,.basic-table .header-row { >> + font-weight: bold; >> + text-align: left; >> +} >> + >> +.basic-table .header-row td { >> + border-bottom: 1px solid #999; >> +} >> + >> +.basic-table .header-row td a { >> + color: #000000; >> +} >> + >> +.basic-table .alternate-row { >> + background-color: #f5f6eb; >> +} >> + >> +.basic-table .selected { >> + background: #FFFCCF; >> +} >> + >> +.basic-table .alternate-rowSelected { >> + background: #FFF55F; >> +} >> + >> +.basic-table .Validate { >> + background: #A0D5F7; >> +} >> + >> +.basic-table .alternate-rowValidate { >> + background: #72A8F2; >> +} >> + >> +.basic-table .Warn { >> + background: #f55C5C; >> +} >> + >> +.basic-table .alternate-rowWarn { >> + background: #FC7455; >> +} >> + >> +.basic-table tr .button-col { >> + vertical-align: top; >> +} >> + >> +.basic-table tr .button-col a { >> + background:url(../images/btn-bg.gif) >> center left repeat-x; >> + border: 2px solid #ddd; >> + color: #333; >> + float: left; >> + font-weight:bold; >> + margin: 0 0.1em 0 0.1em; >> + padding: 0.1em 0.4em 0.1em 0.4em; >> + text-transform:uppercase; >> + white-space: nowrap; >> +} >> + >> +.basic-table tr .smallSubmit,.basic-table tr >> .smallSubmit:visited { >> + background:url(../images/btn-bg.gif) >> center left repeat-x; >> + border:2px solid #ddd; >> + color:#444; >> + font-weight:bold; >> + line-height:1.8em; >> + margin:5px 5px 2px; >> + padding:2px 4px; >> + text-transform:uppercase; >> +} >> + >> +.basic-table tr .button-col a:hover, >> +.basic-table tr .button-col a:active { >> + color: #1c334d; >> + margin: 0 0.1em 0 0.1em; >> + padding: 0.1em 0.4em 0.1em 0.4em; >> +} >> + >> +.basic-table .collapsed { >> + visibility: collapse; >> +} >> + >> +.basic-table .header-row-2 th, >> +.basic-table .header-row-2 td { >> + background:#D14B1F >> url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; >> + border-bottom:2px solid #FFFFFF; >> + border-left:1px solid #D14B1F; >> + color: #fff; >> + font-weight: bold; >> + text-align: left; >> +} >> + > >> +.basic-table .header-row-2 th a, >> +.basic-table .header-row-2 td a { >> + color:#fff; >> +} >> + >> +.basic-table .header-row-2 th .sort-order-asc, >> +.basic-table .header-row-2 td .sort-order-asc { >> + background: >> url(/images/arrow-gr-up.png) no-repeat right; >> + padding-right: 20px; >> +} >> + >> +.basic-table .header-row-2 th .sort-order-desc, >> +.basic-table .header-row-2 td .sort-order-desc { >> + background: >> url(/images/arrow-gr-dw.png) no-repeat right; >> + padding-right: 20px; >> +} >> + >> +.basic-table .header-row-2 th .sort-order, >> +.basic-table .header-row-2 td .sort-order { >> + background: url(/images/arrow-gr.png) >> no-repeat right; >> + padding-right: 20px; >> +} >> + >> +.dark-grid { >> + border-right: 0.1em solid #000000; >> + border-top: 0.1em solid #000000; >> +} >> + >> +.dark-grid td, >> +.dark-grid .header-row-2 th, >> +.dark-grid .header-row-2 td { >> + border-bottom: 0.1em solid #000000; >> + border-left: 0.1em solid #000000; >> +} >> + >> +.light-grid { >> + border-right: 0.1em solid #cccccc; >> + border-top: 0.1em solid #cccccc; >> +} >> + >> +.light-grid td, >> +.light-grid .header-row td { >> + border-bottom: 0.1em solid #cccccc; >> + border-left: 0.1em solid #cccccc; >> +} >> + >> +.form-widget table tr .label, >> +.form-widget-table tr .label { >> + /* Added for backward compatibility */ >> + width: 20%; >> +} >> + >> +.form-widget table,.form-widget-table { >> + width: auto; >> +} >> + >> +.form-widget-table { >> + margin-bottom: 1em; >> +} >> + >> +/*********************************************** >> +Calendar >> +***********************************************/ >> +.field-lookup { >> + background: >> url(/images/fieldlookup.gif) no-repeat; >> +} >> + >> +.view-calendar { >> + background: url(/images/cal.gif) >> no-repeat; >> +} >> + >> +.calendar { >> + border-right: 0.1em solid #cccccc; >> +} >> + >> +.calendar tr td { >> + border-bottom: 0.1em solid #cccccc; >> + border-left: 0.1em solid #cccccc; >> + vertical-align: top; >> + padding: 0.5em; >> +} >> + >> +.calendar .header-row td { >> + background-color: #69a9d9; >> + border-bottom: 0.1em solid #cccccc; >> + border-left: 0.1em solid #cccccc; >> + color: #ffffff; >> + height: auto; >> + text-align: center; >> +} >> + >> +.calendar tr td .add-new { >> + float: right; >> +} >> + >> +.calendar tr td .h1 { >> + color: #333; >> + float: left; >> +} >> + >> +.calendar .current-period { >> + background-color: #ffffcc; >> +} >> + >> +.calendar .active-period { >> + background-color: #eeeeee; >> +} >> + >> +.calendar_date_select { >> + color: #fff; >> + border: #bbb 2px solid; >> + display: block; >> + width: 300px; >> + z-index: 1000; >> +} >> + >> +.calendar_date_select thead th { >> + font-weight: bold; >> + background-color: #666; >> + border-top: 1px solid #777; >> + border-bottom: 2px solid #777; >> + color: white !important; >> +} >> + >> +.calendar_date_select .cds_buttons { >> + text-align: center; >> + padding: 5px 0px; >> + background-color: #666; >> +} >> + >> +.calendar_date_select .cds_footer { >> + background-color: #fff; >> + padding: 3px; >> + font-size: 12px; >> + text-align: center; >> + color:#333; >> +} >> + >> +.calendar_date_select .cds_footer span { >> + display:none >> +} >> + >> +.calendar_date_select table { >> + margin: 0px; >> + padding: 0px; >> +} >> + >> +.calendar_date_select .cds_header { >> + background-color: #fff; >> + border-bottom: 2px solid #777; >> + text-align: center; >> +} >> + >> +.calendar_date_select .cds_header span { >> + font-size: 15px; >> + color: #000; >> + font-weight: bold; >> +} >> + >> +.calendar_date_select select { >> + font-size: 11px; >> +} >> + >> +.calendar_date_select .cds_header a:hover { >> + color: #1c334d; >> +} >> + >> +.calendar_date_select .cds_header a { >> + width: 22px; >> + height: 20px; >> + text-decoration: none; >> + font-size: 14px; >> + color: #000 !important; >> +} >> + >> +.calendar_date_select .cds_header a.prev { >> + float: left; >> +} >> + >> +.calendar_date_select .cds_header a.next { >> + float: right; >> +} >> + >> +.calendar_date_select .cds_header a.close { >> + float: right; >> + display: none; >> +} >> + >> +.calendar_date_select .cds_header select.month { >> + width: 90px; >> +} >> + >> +.calendar_date_select .cds_header select.year { >> + width: 61px; >> +} >> + >> +.calendar_date_select .cds_buttons a { >> + color: #ccc; >> + font-size: 11px; >> +} >> + >> +.calendar_date_select td { >> + font-size: 12px; >> + width: 24px; >> + height: 21px; >> + text-align: center; >> + vertical-align: middle; >> + background-color: #f2f2f2; >> +} >> + >> +.calendar_date_select td.weekend { >> + background-color: #f6f6f6; >> +} >> + >> +.calendar_date_select td div { >> + color: #333; >> +} >> + >> +.calendar_date_select td div.other { >> + color: #888; >> +} >> + >> +.calendar_date_select td.selected div { >> + color: #000; >> +} >> + >> +.calendar_date_select tbody td { >> + border-bottom: 1px solid #555; >> +} >> + >> +.calendar_date_select td.selected { >> + background-color: #fff; >> +} >> + >> +.calendar_date_select td.today { >> + border: 1px dashed #222; >> +} >> + >> +.calendar_date_select td.disabled div { >> + color: #454545; >> +} >> + >> +/* this is a fun ie6 hack to get drop downs to stay behind >> the popup window. This should always be just >> underneath .calendar_date_select */ >> +iframe.ie6_blocker { >> + position: absolute; >> + z-index: 999; >> +} >> + >> +.fieldWithErrors .calendar_date_select { >> + border: 2px solid #FF0000; >> +} >> + >> +/*********************************************** >> +Legacy Forms >> + >> +*development note: instead of using class names >> + >> we should just be using actual >> + >> symantic form structure for >> + >> forms such as: >> + >> <form> >> + >> <legend> >> + >> <fieldset> >> + >> <label>, etc... >> +***********************************************/ >> +.label { >> + font-weight: bold; >> + text-align: right; >> + white-space: nowrap; >> + width: 1%; >> + margin:0 4px 0 0px; >> +} >> + >> +.basic-form { >> + clear:both; >> + display:block; >> + margin:5px 0 5px 0; >> + width:100%; >> +} >> + >> +.required,input.required { >> + background-color: #eeeeee; >> +} >> + >> +.fieldgroup-title-bar { >> + font-size: 1em; >> + font-weight: bold; >> + padding: 0.1em 0.5em 0.2em 0.5em; >> +} >> + >> +.fieldgroup-title-bar ul .collapsed { >> + background: url(/images/expand.gif) >> no-repeat left center; >> + min-height: 1.1em; >> + min-width: 1.1em; >> +} >> + >> +.fieldgroup-title-bar ul .expanded { >> + background: url(/images/collapse.gif) >> no-repeat left center; >> + min-height: 1.1em; >> + min-width: 1.1em; >> +} >> + >> +.fieldgroup-title-bar a { >> +cursor:pointer; >> +text-decoration:none; >> +padding-left: 10px; >> +} >> + >> +/*********************************************** >> +Portals >> +***********************************************/ >> +.portlet-config { >> + background-color: #D4D0C8; >> + border: 2px solid #D4D0C8; >> + margin-bottom: 5px; >> +} >> + >> +.portlet-config-title-bar .title { >> + color: #555555; >> + font-size: 1.2em; >> + float: left; >> +} >> + >> +.portlet-config-title-bar ul { >> + display: inline; /* IE Fix */ >> +} >> + >> +.portlet-config-title-bar ul li { >> + float: right; >> + font-size: 1em; >> + font-weight: bold; >> + padding: 0.1em 0.5em 0.2em 0.5em; >> +} >> + >> +.portlet-config-title-bar ul li.move-up { >> + background: >> url(/images/arrow-single-up-green.png) no-repeat center >> center; >> +} >> + >> +.portlet-config-title-bar ul li.move-down { >> + background: >> url(/images/arrow-single-down-green.png) no-repeat center >> center; >> +} >> + >> +.portlet-config-title-bar ul li.move-left { >> + background: >> url(/images/arrow-single-left-green.png) no-repeat center >> center; >> +} >> + >> +.portlet-config-title-bar ul li.move-right { >> + background: >> url(/images/arrow-single-right-green.png) no-repeat center >> center; >> +} >> + >> +.portlet-config-title-bar ul li.move-top { >> + background: >> url(/images/arrow-end-up-green.png) no-repeat center >> center; >> +} >> + >> +.portlet-config-title-bar ul li.move-bottom { >> + background: >> url(/images/arrow-end-down-green.png) no-repeat center >> center; >> +} >> + >> +.portlet-config-title-bar ul li.remove { >> + background: url(/images/mini-trash.png) >> no-repeat center center; >> +} >> + >> +.portlet-config-title-bar ul li.edit { >> + background: url(/images/mini-edit.png) >> no-repeat center center; >> +} >> + >> +#manage-portal-toolbar { >> + background-color: #D4D0C8; >> + margin-bottom: 0.5em; >> +} >> + >> +#manage-portal-toolbar ul li { >> + float: left; >> + padding: 0.1em 0.5em 0.2em 0.5em; >> +} >> + >> +#manage-portal-toolbar #config-on-off, >> +#manage-portal-toolbar #manage-portal-page, >> +#manage-portal-toolbar #add-column { >> + float: right; >> +} >> + >> +#manage-portal-toolbar #portal-page-name { >> + font-size: 1.5em; >> + font-weight: bold; >> +} >> + >> +.manage-portal-column-toolbar #add-portlet, >> +.manage-portal-column-toolbar #delete-column, >> +.manage-portal-column-toolbar #column-width { >> + float: right; >> } >> \ No newline at end of file >> >> Modified: >> ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >> URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css?rev=833910&r1=833909&r2=833910&view=diff >> = >> = >> = >> = >> = >> = >> = >> = >> = >> ===================================================================== >> --- ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >> (original) >> +++ ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >> Sun Nov 8 18:36:30 2009 >> @@ -2035,32 +2035,30 @@ >> border: 2px solid #FF0000; >> } >> >> -/* ============================= */ /* ===== FieldGroup >> Styles ===== */ >> - /* ============================= */ >> +/* ============================= */ >> +/* ===== FieldGroup Styles ===== */ >> +/* ============================= */ >> .fieldgroup-title-bar { >> - border-top: 0.1em solid #DADADA; >> - font-size: 1em; >> - font-weight: bold; >> - padding: 0.1em 0.5em 0.2em 0.5em; >> +font-size: 1.2em; >> +font-weight: bold; >> +padding: 5px 0 5px 10px; >> } >> >> .fieldgroup-title-bar ul .collapsed,.fieldgroup-title-bar >> ul .collapsed:hover >> - { >> - background: url(/images/expand.gif) >> no-repeat center center; >> - min-height: 1.1em; >> - min-width: 1.1em; >> +{ >> +background: url(/bluelight/images/bullet_toggle_plus.png) >> no-repeat left center; >> } >> >> .fieldgroup-title-bar ul .expanded,.fieldgroup-title-bar >> ul .expanded:hover >> - { >> - background: url(/images/collapse.gif) >> no-repeat center center; >> - min-height: 1.1em; >> - min-width: 1.1em; >> +{ >> +background: url(/bluelight/images/bullet_toggle_minus.png) >> no-repeat left center; >> } >> >> -.fieldgroup-title-bar td.collapse { >> - width: 1.1em; >> - cursor: default; >> +.fieldgroup-title-bar a { >> +cursor:pointer; >> +text-decoration:none; >> +padding-left: 10px; >> +color: #000000; >> } >> >> /* == Portlet configuration screenlet == */ >> >> Modified: >> ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >> URL: http://svn.apache.org/viewvc/ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css?rev=833910&r1=833909&r2=833910&view=diff >> = >> = >> = >> = >> = >> = >> = >> = >> = >> ===================================================================== >> --- ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >> (original) >> +++ ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >> Sun Nov 8 18:36:30 2009 >> @@ -2065,21 +2065,23 @@ >> >> .fieldgroup-title-bar ul .collapsed, >> .fieldgroup-title-bar ul .collapsed:hover { >> -background: url(/images/expand.gif) no-repeat center >> center; >> +background: url(/images/expand.gif) no-repeat left >> center; >> min-height: 1.1em; >> min-width: 1.1em; >> } >> >> .fieldgroup-title-bar ul .expanded, >> .fieldgroup-title-bar ul .expanded:hover { >> -background: url(/images/collapse.gif) no-repeat center >> center; >> +background: url(/images/collapse.gif) no-repeat left >> center; >> min-height: 1.1em; >> min-width: 1.1em; >> } >> >> -.fieldgroup-title-bar td.collapse { >> -width: 1.1em; >> -cursor: default; >> +.fieldgroup-title-bar a { >> +cursor:pointer; >> +text-decoration:none; >> +padding-left: 10px; >> +color: #000000; >> } >> >> /* == Portlet configuration screenlet == */ >> >> >> > > > |
Administrator
|
Hi Guys,
This is weird, I did not change anything. I have no specific preferences in Eclipse and patched from clipboard with it. I can't see from where this problem comes. I will check anyway. Sorry to say that in such cases you may review the patch directly from the Jira issue, just follow the link... Jacques From: "Jacopo Cappellato" <[hidden email]> > Jacques, > > you may have to set the .subversion/config file properly. > > Jacopo > > On Nov 8, 2009, at 8:31 PM, Adrian Crum wrote: > >> It appears the svn eol property is not set on some of these files, so the commit contains a lot of unnecessary changes. >> >> -Adrian >> >> --- On Sun, 11/8/09, [hidden email] <[hidden email]> wrote: >> >>> From: [hidden email] <[hidden email]> >>> Subject: svn commit: r833910 - in /ofbiz/trunk: framework/widget/ templates/htmlFormMacroLibrary.ftl themes/bizznesstime/webapp/ >>> bizznesstime/css/legacy.css themes/bluelight/webapp/bluelight/ style.css themes/flatgrey/webapp/flatgrey/maincss.css >>> To: [hidden email] >>> Date: Sunday, November 8, 2009, 10:36 AM >>> Author: jleroux >>> Date: Sun Nov 8 18:36:30 2009 >>> New Revision: 833910 >>> >>> URL: http://svn.apache.org/viewvc?rev=833910&view=rev >>> Log: >>> A patch from Bruno Busco "Collapsible Field Groups with >>> clickable title" (https://issues.apache.org/jira/browse/OFBIZ-3176) - >>> OFBIZ-3176 >>> in the attached patch there is a new rendering for the >>> Group Field Title bar. >>> I removed the table and used simple divs. >>> Moreover the field group title is now all clickable in >>> order to collapse expand the group. >>> >>> The necessary changes to all themes are also included in >>> the patch. >>> >>> Modified: >>> >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> >>> ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> >>> ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> >>> Modified: >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> (original) >>> +++ >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> Sun Nov 8 18:36:30 2009 >>> @@ -460,11 +460,16 @@ >>> </tr> </table> >>> </#macro> >>> <#macro renderContainerField id><div >>> id="${id?if_exists}"/></#macro> >>> + >>> <#macro renderFieldGroupOpen style id title collapsed >>> collapsibleAreaId collapsible expandToolTip >>> collapseToolTip> >>> -<#if style?has_content || id?has_content || >>> title?has_content> >>> - <div class="fieldgroup<#if style?has_content> >>> ${style}</#if>"<#if id?has_content> >>> id="${id}"</#if>><div >>> class="fieldgroup-title-bar"><table><tr><td >>> class="collapse"><#rt/> >>> - <#if collapsible><ul><li class="<#if >>> collapsed>collapsed"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"<#else>expanded"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"</#if>>   </a></li></ul></#if></ td><td><#rt/> >>> - <#if title?has_content><div >>> class="title">${title}</div></#if></td></tr></table></div><div >>> id="${collapsibleAreaId}" class="fieldgroup-body" <#if >>> collapsed && collapsible> style="display: >>> none;"</#if>> >>> +<#if style?has_content || id?has_content || >>> title?has_content><div class="fieldgroup<#if >>> style?has_content> ${style}</#if>"<#if >>> id?has_content> id="${id}"</#if>> >>> +<div class="fieldgroup-title-bar"> >>> + <#if collapsible><ul><li class="<#if >>> collapsed>collapsed"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"> >>> + <#else>expanded"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"></#if> >>> + >>> <#if >>> title?has_content>${title}</#if></a></li></ul> >>> + <#else><#if >>> title?has_content>${title}</#if></#if><#rt/> >>> +</div> >>> +<div id="${collapsibleAreaId}" class="fieldgroup-body" >>> <#if collapsed && collapsible> style="display: >>> none;"</#if>> >>> </#if> >>> </#macro> >>> <#macro renderFieldGroupClose style id title><#if >>> style?has_content || id?has_content || >>> title?has_content></div></div></#if></#macro> >>> >>> Modified: >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> (original) >>> +++ >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> Sun Nov 8 18:36:30 2009 >>> @@ -1,816 +1,817 @@ >>> -/*********************************************** >>> -APACHE OPEN FOR BUSINESS >>> -Licensed to the Apache Software Foundation (ASF) under >>> one >>> -or more contributor license agreements. See the >>> NOTICE file >>> -distributed with this work for additional information >>> -regarding copyright ownership. The ASF licenses this >>> file >>> -to you under the Apache License, Version 2.0 (the >>> -"License"); you may not use this file except in >>> compliance >>> -with the License. You may obtain a copy of the >>> License at >>> - >>> -http://www.apache.org/licenses/LICENSE-2.0 >>> - >>> -Unless required by applicable law or agreed to in >>> writing, >>> -software distributed under the License is distributed on >>> an >>> -"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY >>> -KIND, either express or implied. See the License for >>> the >>> -specific language governing permissions and limitations >>> -under the License. >>> -***********************************************/ >>> - >>> -.tooltip { /* tooltip style */ >>> - background-color: #ffffbb; >>> - border: 0.1em solid #999999; >>> - color: #000000; >>> - font-style: italic; >>> - margin: 0.4em; >>> - padding: 0.1em; >>> -} >>> - >>> -.page-container { >>> - background-color: #B8DFFC; >>> -} >>> - >>> -/*********************************************** >>> -Boxes >>> -***********************************************/ >>> -.boxhead { >>> - color: #FFFFFF; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> -} >>> - >>> -.boxlink { >>> - float: right; >>> -} >>> - >>> -div.boxtop { >>> - background-color: #333; >>> - border-color: #999999; >>> - border-style: solid; >>> - margin: 0 auto 0 auto; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> - text-align: center; >>> -} >>> - >>> -div.boxhead-left { >>> - border: none; >>> - color: #FFFFFF; >>> - float: left; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> - width: auto; >>> -} >>> - >>> -div.boxhead-fill { >>> - border: none; >>> - color: #FFFFFF; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> - text-align: center; >>> - width: 0; >>> -} >>> - >>> -div.boxhead-right { >>> - border: none; >>> - color: #FFFFFF; >>> - float: right; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> - width: auto; >>> -} >>> - >>> -.boxoutside { >>> - background-color: #FFFFFF; >>> - border: 0.1em solid #999999; >>> -} >>> - >>> -.boxtop { >>> - background-color: #333; >>> - border: 0 solid #999999; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> -} >>> - >>> -.boxbottom { >>> - background-color: #FFFFFF; >>> - border: 0 solid #999999; >>> - padding: 0.4em; >>> -} >>> - >>> -/*********************************************** >>> -Submenu >>> -***********************************************/ >>> -.submenutextinfo { >>> - border-right: 0.1em solid #5886C6; >>> - color: #ffffff; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.5em; >>> - padding-right: 0.5em; >>> -} >>> - >>> -.submenutext,a.submenutext,a.submenutext:visited { >>> - color: #333; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> - padding-right: 0.5em; >>> -} >>> - >>> -a.submenutext:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.submenutextdisabled, >>> -a.submenutextdisabled { >>> - color: #ccc; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> - padding-right: 0.5em; >>> -} >>> - >>> -a.submenutextdisabled:hover { >>> - color: #ccc; >>> -} >>> - >>> -.submenutextinforight { >>> - color: #ffffff; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> -} >>> - >>> -.submenutextright, >>> -a.submenutextright { >>> - color: #333; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> -} >>> - >>> -a.submenutextright:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.submenutextrightdisabled, >>> -a.submenutextrightdisabled { >>> - color: #ccc; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> -} >>> - >>> -a.submenutextrightdisabled:hover { >>> - color: #ccc; >>> -} >>> - >>> -a img.imageborder { >>> - border: 2px solid #ddd; >>> -} >>> - >>> -/*********************************************** >>> -Trees >>> -***********************************************/ >>> -.treeWrapper { >>> - background-color: #ffffff; >>> - border-top: 0.1em solid #eee; >>> - border-left: 0.1em solid #eee; >>> - color: #444; >>> - font-size: 1.6em; >>> - font-weight: normal; >>> - margin-left: 1.2em; >>> - margin-top: 0.2em; >>> - text-align: left; >>> - text-decoration: none; >>> -} >>> - >>> -.treewrapper { >>> - margin-left: 1em; >>> -} >>> - >>> -.treeitem { >>> - border: #888888 solid 0.1em; >>> - color: #333; >>> - font-size: 1.4em; >>> - font-weight: bold; >>> -} >>> - >>> -.basic-tree ul { >>> - padding-left: 1em; >>> -} >>> - >>> -.basic-tree li { >>> - padding-left: 1em; >>> - white-space: nowrap; >>> -} >>> - >>> -.basic-tree li .expanded { >>> - background: url(/images/collapse.gif) >>> no-repeat left center; >>> - padding-right: 1em; >>> -} >>> - >>> -.basic-tree li .collapsed { >>> - background: url(/images/expand.gif) >>> no-repeat left center; >>> - padding-right: 1em; >>> -} >>> - >>> -.basic-tree li .leafnode { >>> - background: >>> url(/images/expand-collapse-placeholder.gif) no-repeat left >>> center; >>> - padding-right: 1em; >>> -} >>> - >>> -.basic-tree li .treeitem { >>> - border-style: none; >>> - color: #333; >>> - font-size: 1em; >>> -} >>> - >>> -.basic-tree li a:hover { >>> - color: #333; >>> -} >>> - >>> -/*********************************************** >>> -Navigation Bars >>> -***********************************************/ >>> -.basic-nav { >>> - padding-left: 1em; >>> -} >>> - >>> -.basic-nav ul a { >>> - color: #333; >>> - font-size: 1.1em; >>> -} >>> - >>> -.basic-nav ul .selected, >>> -.basic-nav ul .selected a { >>> - color: #1c334d; >>> -} >>> - >>> -.basic-nav ul a:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.basic-nav ul .disabled, >>> -.basic-nav ul .disabled a { >>> - color: #ccc; >>> -} >>> - >>> -.tool-bar { >>> - background-color: #D4D0C8; >>> - border: 0.1em solid #333; >>> - padding: 0.2em; >>> -} >>> - >>> -.tool-bar ul li { >>> - background-color: #D4D0C8; >>> - padding: 0.1em; >>> -} >>> - >>> -.nav-pager { >>> - padding:0.08em 0 0.5em 0; >>> - clear:both; >>> - display:block; >>> - position:relative; >>> - margin:0px 0 10px 0; >>> -} >>> - >>> -.nav-pager ul { >>> - display: inline; /* IE Fix */ >>> -} >>> - >>> -.nav-pager ul li { >>> - background-color: #ffffff; >>> - float: left; >>> - font-weight: bold; >>> - line-height: 1.8em; >>> - margin: 0.2em; >>> -} >>> - >>> -.nav-pager ul li a { >>> - display: block; >>> - color:#444444; >>> - font-weight: bold; >>> -} >>> - >>> -.nav-pager ul .nav-first, >>> -.nav-pager ul .nav-previous, >>> -.nav-pager ul .nav-next, >>> -.nav-pager ul .nav-last { >>> - background-color:#fff; >>> - border:2px solid #ddd; >>> - color:#444; >>> - padding: 0 0.5em 0 0.5em; >>> -} >>> - >>> -.nav-pager ul .nav-first-disabled, >>> -.nav-pager ul .nav-previous-disabled, >>> -.nav-pager ul .nav-next-disabled, >>> -.nav-pager ul .nav-last-disabled { >>> - background-color:#fff; >>> - border:2px solid #ddd; >>> - color:#ccc; >>> - padding: 0 0.5em 0 0.5em; >>> -} >>> - >>> -.nav-pager select { >>> - margin: 0; >>> -} >>> - >>> -/*********************************************** >>> -Legacy Table Styles >>> -***********************************************/ >>> -.formTableBordered { >>> - border: 2px solid #eee; >>> - width: 100%; >>> -} >>> - >>> -.basic-table { >>> - margin-bottom: 1em; >>> - width: 100%; >>> -} >>> - >>> -form .basic-table, >>> -.screenlet-body .basic-table { >>> - margin-bottom: 0; >>> -} >>> - >>> -.basic-table tr th,.basic-table .header-row { >>> - font-weight: bold; >>> - text-align: left; >>> -} >>> - >>> -.basic-table .header-row td { >>> - border-bottom: 1px solid #999; >>> -} >>> - >>> -.basic-table .header-row td a { >>> - color: #000000; >>> -} >>> - >>> -.basic-table .alternate-row { >>> - background-color: #f5f6eb; >>> -} >>> - >>> -.basic-table .selected { >>> - background: #FFFCCF; >>> -} >>> - >>> -.basic-table .alternate-rowSelected { >>> - background: #FFF55F; >>> -} >>> - >>> -.basic-table .Validate { >>> - background: #A0D5F7; >>> -} >>> - >>> -.basic-table .alternate-rowValidate { >>> - background: #72A8F2; >>> -} >>> - >>> -.basic-table .Warn { >>> - background: #f55C5C; >>> -} >>> - >>> -.basic-table .alternate-rowWarn { >>> - background: #FC7455; >>> -} >>> - >>> -.basic-table tr .button-col { >>> - vertical-align: top; >>> -} >>> - >>> -.basic-table tr .button-col a { >>> - background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> - border: 2px solid #ddd; >>> - color: #333; >>> - float: left; >>> - font-weight:bold; >>> - margin: 0 0.1em 0 0.1em; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> - text-transform:uppercase; >>> - white-space: nowrap; >>> -} >>> - >>> -.basic-table tr .smallSubmit,.basic-table tr >>> .smallSubmit:visited { >>> - background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> - border:2px solid #ddd; >>> - color:#444; >>> - font-weight:bold; >>> - line-height:1.8em; >>> - margin:5px 5px 2px; >>> - padding:2px 4px; >>> - text-transform:uppercase; >>> -} >>> - >>> -.basic-table tr .button-col a:hover, >>> -.basic-table tr .button-col a:active { >>> - color: #1c334d; >>> - margin: 0 0.1em 0 0.1em; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> -} >>> - >>> -.basic-table .collapsed { >>> - visibility: collapse; >>> -} >>> - >>> -.basic-table .header-row-2 th, >>> -.basic-table .header-row-2 td { >>> - background:#D14B1F >>> url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; >>> - border-bottom:2px solid #FFFFFF; >>> - border-left:1px solid #D14B1F; >>> - color: #fff; >>> - font-weight: bold; >>> - text-align: left; >>> -} >>> - >>> -.basic-table .header-row-2 th a, >>> -.basic-table .header-row-2 td a { >>> - color:#fff; >>> -} >>> - >>> -.basic-table .header-row-2 th .sort-order-asc, >>> -.basic-table .header-row-2 td .sort-order-asc { >>> - background: >>> url(/images/arrow-gr-up.png) no-repeat right; >>> - padding-right: 20px; >>> -} >>> - >>> -.basic-table .header-row-2 th .sort-order-desc, >>> -.basic-table .header-row-2 td .sort-order-desc { >>> - background: >>> url(/images/arrow-gr-dw.png) no-repeat right; >>> - padding-right: 20px; >>> -} >>> - >>> -.basic-table .header-row-2 th .sort-order, >>> -.basic-table .header-row-2 td .sort-order { >>> - background: url(/images/arrow-gr.png) >>> no-repeat right; >>> - padding-right: 20px; >>> -} >>> - >>> -.dark-grid { >>> - border-right: 0.1em solid #000000; >>> - border-top: 0.1em solid #000000; >>> -} >>> - >>> -.dark-grid td, >>> -.dark-grid .header-row-2 th, >>> -.dark-grid .header-row-2 td { >>> - border-bottom: 0.1em solid #000000; >>> - border-left: 0.1em solid #000000; >>> -} >>> - >>> -.light-grid { >>> - border-right: 0.1em solid #cccccc; >>> - border-top: 0.1em solid #cccccc; >>> -} >>> - >>> -.light-grid td, >>> -.light-grid .header-row td { >>> - border-bottom: 0.1em solid #cccccc; >>> - border-left: 0.1em solid #cccccc; >>> -} >>> - >>> -.form-widget table tr .label, >>> -.form-widget-table tr .label { >>> - /* Added for backward compatibility */ >>> - width: 20%; >>> -} >>> - >>> -.form-widget table,.form-widget-table { >>> - width: auto; >>> -} >>> - >>> -.form-widget-table { >>> - margin-bottom: 1em; >>> -} >>> - >>> -/*********************************************** >>> -Calendar >>> -***********************************************/ >>> -.field-lookup { >>> - background: >>> url(/images/fieldlookup.gif) no-repeat; >>> -} >>> - >>> -.view-calendar { >>> - background: url(/images/cal.gif) >>> no-repeat; >>> -} >>> - >>> -.calendar { >>> - border-right: 0.1em solid #cccccc; >>> -} >>> - >>> -.calendar tr td { >>> - border-bottom: 0.1em solid #cccccc; >>> - border-left: 0.1em solid #cccccc; >>> - vertical-align: top; >>> - padding: 0.5em; >>> -} >>> - >>> -.calendar .header-row td { >>> - background-color: #69a9d9; >>> - border-bottom: 0.1em solid #cccccc; >>> - border-left: 0.1em solid #cccccc; >>> - color: #ffffff; >>> - height: auto; >>> - text-align: center; >>> -} >>> - >>> -.calendar tr td .add-new { >>> - float: right; >>> -} >>> - >>> -.calendar tr td .h1 { >>> - color: #333; >>> - float: left; >>> -} >>> - >>> -.calendar .current-period { >>> - background-color: #ffffcc; >>> -} >>> - >>> -.calendar .active-period { >>> - background-color: #eeeeee; >>> -} >>> - >>> -.calendar_date_select { >>> - color: #fff; >>> - border: #bbb 2px solid; >>> - display: block; >>> - width: 300px; >>> - z-index: 1000; >>> -} >>> - >>> -.calendar_date_select thead th { >>> - font-weight: bold; >>> - background-color: #666; >>> - border-top: 1px solid #777; >>> - border-bottom: 2px solid #777; >>> - color: white !important; >>> -} >>> - >>> -.calendar_date_select .cds_buttons { >>> - text-align: center; >>> - padding: 5px 0px; >>> - background-color: #666; >>> -} >>> - >>> -.calendar_date_select .cds_footer { >>> - background-color: #fff; >>> - padding: 3px; >>> - font-size: 12px; >>> - text-align: center; >>> - color:#333; >>> -} >>> - >>> -.calendar_date_select .cds_footer span { >>> - display:none >>> -} >>> - >>> -.calendar_date_select table { >>> - margin: 0px; >>> - padding: 0px; >>> -} >>> - >>> -.calendar_date_select .cds_header { >>> - background-color: #fff; >>> - border-bottom: 2px solid #777; >>> - text-align: center; >>> -} >>> - >>> -.calendar_date_select .cds_header span { >>> - font-size: 15px; >>> - color: #000; >>> - font-weight: bold; >>> -} >>> - >>> -.calendar_date_select select { >>> - font-size: 11px; >>> -} >>> - >>> -.calendar_date_select .cds_header a:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.calendar_date_select .cds_header a { >>> - width: 22px; >>> - height: 20px; >>> - text-decoration: none; >>> - font-size: 14px; >>> - color: #000 !important; >>> -} >>> - >>> -.calendar_date_select .cds_header a.prev { >>> - float: left; >>> -} >>> - >>> -.calendar_date_select .cds_header a.next { >>> - float: right; >>> -} >>> - >>> -.calendar_date_select .cds_header a.close { >>> - float: right; >>> - display: none; >>> -} >>> - >>> -.calendar_date_select .cds_header select.month { >>> - width: 90px; >>> -} >>> - >>> -.calendar_date_select .cds_header select.year { >>> - width: 61px; >>> -} >>> - >>> -.calendar_date_select .cds_buttons a { >>> - color: #ccc; >>> - font-size: 11px; >>> -} >>> - >>> -.calendar_date_select td { >>> - font-size: 12px; >>> - width: 24px; >>> - height: 21px; >>> - text-align: center; >>> - vertical-align: middle; >>> - background-color: #f2f2f2; >>> -} >>> - >>> -.calendar_date_select td.weekend { >>> - background-color: #f6f6f6; >>> -} >>> - >>> -.calendar_date_select td div { >>> - color: #333; >>> -} >>> - >>> -.calendar_date_select td div.other { >>> - color: #888; >>> -} >>> - >>> -.calendar_date_select td.selected div { >>> - color: #000; >>> -} >>> - >>> -.calendar_date_select tbody td { >>> - border-bottom: 1px solid #555; >>> -} >>> - >>> -.calendar_date_select td.selected { >>> - background-color: #fff; >>> -} >>> - >>> -.calendar_date_select td.today { >>> - border: 1px dashed #222; >>> -} >>> - >>> -.calendar_date_select td.disabled div { >>> - color: #454545; >>> -} >>> - >>> -/* this is a fun ie6 hack to get drop downs to stay behind >>> the popup window. This should always be just >>> underneath .calendar_date_select */ >>> -iframe.ie6_blocker { >>> - position: absolute; >>> - z-index: 999; >>> -} >>> - >>> -.fieldWithErrors .calendar_date_select { >>> - border: 2px solid #FF0000; >>> -} >>> - >>> -/*********************************************** >>> -Legacy Forms >>> - >>> -*development note: instead of using class names >>> - >>> we should just be using actual >>> - >>> symantic form structure for >>> - >>> forms such as: >>> - >>> <form> >>> - >>> <legend> >>> - >>> <fieldset> >>> - >>> <label>, etc... >>> -***********************************************/ >>> -.label { >>> - font-weight: bold; >>> - text-align: right; >>> - white-space: nowrap; >>> - width: 1%; >>> - margin:0 4px 0 0px; >>> -} >>> - >>> -.basic-form { >>> - clear:both; >>> - display:block; >>> - margin:5px 0 5px 0; >>> - width:100%; >>> -} >>> - >>> -.required,input.required { >>> - background-color: #eeeeee; >>> -} >>> - >>> -.fieldgroup-title-bar { >>> - font-size: 1em; >>> - font-weight: bold; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> -} >>> - >>> -.fieldgroup-title-bar ul .collapsed { >>> - background: url(/images/expand.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> -} >>> - >>> -.fieldgroup-title-bar ul .expanded { >>> - background: url(/images/collapse.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> -} >>> - >>> -.fieldgroup-title-bar td.collapse { >>> - width: 1.1em; >>> - cursor: default; >>> -} >>> - >>> -/*********************************************** >>> -Portals >>> -***********************************************/ >>> -.portlet-config { >>> - background-color: #D4D0C8; >>> - border: 2px solid #D4D0C8; >>> - margin-bottom: 5px; >>> -} >>> - >>> -.portlet-config-title-bar .title { >>> - color: #555555; >>> - font-size: 1.2em; >>> - float: left; >>> -} >>> - >>> -.portlet-config-title-bar ul { >>> - display: inline; /* IE Fix */ >>> -} >>> - >>> -.portlet-config-title-bar ul li { >>> - float: right; >>> - font-size: 1em; >>> - font-weight: bold; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-up { >>> - background: >>> url(/images/arrow-single-up-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-down { >>> - background: >>> url(/images/arrow-single-down-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-left { >>> - background: >>> url(/images/arrow-single-left-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-right { >>> - background: >>> url(/images/arrow-single-right-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-top { >>> - background: >>> url(/images/arrow-end-up-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-bottom { >>> - background: >>> url(/images/arrow-end-down-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.remove { >>> - background: url(/images/mini-trash.png) >>> no-repeat center center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.edit { >>> - background: url(/images/mini-edit.png) >>> no-repeat center center; >>> -} >>> - >>> -#manage-portal-toolbar { >>> - background-color: #D4D0C8; >>> - margin-bottom: 0.5em; >>> -} >>> - >>> -#manage-portal-toolbar ul li { >>> - float: left; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> -} >>> - >>> -#manage-portal-toolbar #config-on-off, >>> -#manage-portal-toolbar #manage-portal-page, >>> -#manage-portal-toolbar #add-column { >>> - float: right; >>> -} >>> - >>> -#manage-portal-toolbar #portal-page-name { >>> - font-size: 1.5em; >>> - font-weight: bold; >>> -} >>> - >>> -.manage-portal-column-toolbar #add-portlet, >>> -.manage-portal-column-toolbar #delete-column, >>> -.manage-portal-column-toolbar #column-width { >>> - float: right; >>> +/*********************************************** >>> +APACHE OPEN FOR BUSINESS >>> +Licensed to the Apache Software Foundation (ASF) under >>> one >>> +or more contributor license agreements. See the >>> NOTICE file >>> +distributed with this work for additional information >>> +regarding copyright ownership. The ASF licenses this >>> file >>> +to you under the Apache License, Version 2.0 (the >>> +"License"); you may not use this file except in >>> compliance >>> +with the License. You may obtain a copy of the >>> License at >>> + >>> +http://www.apache.org/licenses/LICENSE-2.0 >>> + >>> +Unless required by applicable law or agreed to in >>> writing, >>> +software distributed under the License is distributed on >>> an >>> +"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY >>> +KIND, either express or implied. See the License for >>> the >>> +specific language governing permissions and limitations >>> +under the License. >>> +***********************************************/ >>> + >>> +.tooltip { /* tooltip style */ >>> + background-color: #ffffbb; >>> + border: 0.1em solid #999999; >>> + color: #000000; >>> + font-style: italic; >>> + margin: 0.4em; >>> + padding: 0.1em; >>> +} >>> + >>> +.page-container { >>> + background-color: #B8DFFC; >>> +} >>> + >>> +/*********************************************** >>> +Boxes >>> +***********************************************/ >>> +.boxhead { >>> + color: #FFFFFF; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> +} >>> + >>> +.boxlink { >>> + float: right; >>> +} >>> + >>> +div.boxtop { >>> + background-color: #333; >>> + border-color: #999999; >>> + border-style: solid; >>> + margin: 0 auto 0 auto; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> + text-align: center; >>> +} >>> + >>> +div.boxhead-left { >>> + border: none; >>> + color: #FFFFFF; >>> + float: left; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> + width: auto; >>> +} >>> + >>> +div.boxhead-fill { >>> + border: none; >>> + color: #FFFFFF; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> + text-align: center; >>> + width: 0; >>> +} >>> + >>> +div.boxhead-right { >>> + border: none; >>> + color: #FFFFFF; >>> + float: right; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> + width: auto; >>> +} >>> + >>> +.boxoutside { >>> + background-color: #FFFFFF; >>> + border: 0.1em solid #999999; >>> +} >>> + >>> +.boxtop { >>> + background-color: #333; >>> + border: 0 solid #999999; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> +} >>> + >>> +.boxbottom { >>> + background-color: #FFFFFF; >>> + border: 0 solid #999999; >>> + padding: 0.4em; >>> +} >>> + >>> +/*********************************************** >>> +Submenu >>> +***********************************************/ >>> +.submenutextinfo { >>> + border-right: 0.1em solid #5886C6; >>> + color: #ffffff; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.5em; >>> + padding-right: 0.5em; >>> +} >>> + >>> +.submenutext,a.submenutext,a.submenutext:visited { >>> + color: #333; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> + padding-right: 0.5em; >>> +} >>> + >>> +a.submenutext:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.submenutextdisabled, >>> +a.submenutextdisabled { >>> + color: #ccc; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> + padding-right: 0.5em; >>> +} >>> + >>> +a.submenutextdisabled:hover { >>> + color: #ccc; >>> +} >>> + >>> +.submenutextinforight { >>> + color: #ffffff; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> +} >>> + >>> +.submenutextright, >>> +a.submenutextright { >>> + color: #333; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> +} >>> + >>> +a.submenutextright:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.submenutextrightdisabled, >>> +a.submenutextrightdisabled { >>> + color: #ccc; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> +} >>> + >>> +a.submenutextrightdisabled:hover { >>> + color: #ccc; >>> +} >>> + >>> +a img.imageborder { >>> + border: 2px solid #ddd; >>> +} >>> + >>> +/*********************************************** >>> +Trees >>> +***********************************************/ >>> +.treeWrapper { >>> + background-color: #ffffff; >>> + border-top: 0.1em solid #eee; >>> + border-left: 0.1em solid #eee; >>> + color: #444; >>> + font-size: 1.6em; >>> + font-weight: normal; >>> + margin-left: 1.2em; >>> + margin-top: 0.2em; >>> + text-align: left; >>> + text-decoration: none; >>> +} >>> + >>> +.treewrapper { >>> + margin-left: 1em; >>> +} >>> + >>> +.treeitem { >>> + border: #888888 solid 0.1em; >>> + color: #333; >>> + font-size: 1.4em; >>> + font-weight: bold; >>> +} >>> + >>> +.basic-tree ul { >>> + padding-left: 1em; >>> +} >>> + >>> +.basic-tree li { >>> + padding-left: 1em; >>> + white-space: nowrap; >>> +} >>> + >>> +.basic-tree li .expanded { >>> + background: url(/images/collapse.gif) >>> no-repeat left center; >>> + padding-right: 1em; >>> +} >>> + >>> +.basic-tree li .collapsed { >>> + background: url(/images/expand.gif) >>> no-repeat left center; >>> + padding-right: 1em; >>> +} >>> + >>> +.basic-tree li .leafnode { >>> + background: >>> url(/images/expand-collapse-placeholder.gif) no-repeat left >>> center; >>> + padding-right: 1em; >>> +} >>> + >>> +.basic-tree li .treeitem { >>> + border-style: none; >>> + color: #333; >>> + font-size: 1em; >>> +} >>> + >>> +.basic-tree li a:hover { >>> + color: #333; >>> +} >>> + >>> +/*********************************************** >>> +Navigation Bars >>> +***********************************************/ >>> +.basic-nav { >>> + padding-left: 1em; >>> +} >>> + >>> +.basic-nav ul a { >>> + color: #333; >>> + font-size: 1.1em; >>> +} >>> + >>> +.basic-nav ul .selected, >>> +.basic-nav ul .selected a { >>> + color: #1c334d; >>> +} >>> + >>> +.basic-nav ul a:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.basic-nav ul .disabled, >>> +.basic-nav ul .disabled a { >>> + color: #ccc; >>> +} >>> + >>> +.tool-bar { >>> + background-color: #D4D0C8; >>> + border: 0.1em solid #333; >>> + padding: 0.2em; >>> +} >>> + >>> +.tool-bar ul li { >>> + background-color: #D4D0C8; >>> + padding: 0.1em; >>> +} >>> + >>> +.nav-pager { >>> + padding:0.08em 0 0.5em 0; >>> + clear:both; >>> + display:block; >>> + position:relative; >>> + margin:0px 0 10px 0; >>> +} >>> + >>> +.nav-pager ul { >>> + display: inline; /* IE Fix */ >>> +} >>> + >>> +.nav-pager ul li { >>> + background-color: #ffffff; >>> + float: left; >>> + font-weight: bold; >>> + line-height: 1.8em; >>> + margin: 0.2em; >>> +} >>> + >>> +.nav-pager ul li a { >>> + display: block; >>> + color:#444444; >>> + font-weight: bold; >>> +} >>> + >>> +.nav-pager ul .nav-first, >>> +.nav-pager ul .nav-previous, >>> +.nav-pager ul .nav-next, >>> +.nav-pager ul .nav-last { >>> + background-color:#fff; >>> + border:2px solid #ddd; >>> + color:#444; >>> + padding: 0 0.5em 0 0.5em; >>> +} >>> + >>> +.nav-pager ul .nav-first-disabled, >>> +.nav-pager ul .nav-previous-disabled, >>> +.nav-pager ul .nav-next-disabled, >>> +.nav-pager ul .nav-last-disabled { >>> + background-color:#fff; >>> + border:2px solid #ddd; >>> + color:#ccc; >>> + padding: 0 0.5em 0 0.5em; >>> +} >>> + >>> +.nav-pager select { >>> + margin: 0; >>> +} >>> + >>> +/*********************************************** >>> +Legacy Table Styles >>> +***********************************************/ >>> +.formTableBordered { >>> + border: 2px solid #eee; >>> + width: 100%; >>> +} >>> + >>> +.basic-table { >>> + margin-bottom: 1em; >>> + width: 100%; >>> +} >>> + >>> +form .basic-table, >>> +.screenlet-body .basic-table { >>> + margin-bottom: 0; >>> +} >>> + >>> +.basic-table tr th,.basic-table .header-row { >>> + font-weight: bold; >>> + text-align: left; >>> +} >>> + >>> +.basic-table .header-row td { >>> + border-bottom: 1px solid #999; >>> +} >>> + >>> +.basic-table .header-row td a { >>> + color: #000000; >>> +} >>> + >>> +.basic-table .alternate-row { >>> + background-color: #f5f6eb; >>> +} >>> + >>> +.basic-table .selected { >>> + background: #FFFCCF; >>> +} >>> + >>> +.basic-table .alternate-rowSelected { >>> + background: #FFF55F; >>> +} >>> + >>> +.basic-table .Validate { >>> + background: #A0D5F7; >>> +} >>> + >>> +.basic-table .alternate-rowValidate { >>> + background: #72A8F2; >>> +} >>> + >>> +.basic-table .Warn { >>> + background: #f55C5C; >>> +} >>> + >>> +.basic-table .alternate-rowWarn { >>> + background: #FC7455; >>> +} >>> + >>> +.basic-table tr .button-col { >>> + vertical-align: top; >>> +} >>> + >>> +.basic-table tr .button-col a { >>> + background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> + border: 2px solid #ddd; >>> + color: #333; >>> + float: left; >>> + font-weight:bold; >>> + margin: 0 0.1em 0 0.1em; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> + text-transform:uppercase; >>> + white-space: nowrap; >>> +} >>> + >>> +.basic-table tr .smallSubmit,.basic-table tr >>> .smallSubmit:visited { >>> + background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> + border:2px solid #ddd; >>> + color:#444; >>> + font-weight:bold; >>> + line-height:1.8em; >>> + margin:5px 5px 2px; >>> + padding:2px 4px; >>> + text-transform:uppercase; >>> +} >>> + >>> +.basic-table tr .button-col a:hover, >>> +.basic-table tr .button-col a:active { >>> + color: #1c334d; >>> + margin: 0 0.1em 0 0.1em; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> +} >>> + >>> +.basic-table .collapsed { >>> + visibility: collapse; >>> +} >>> + >>> +.basic-table .header-row-2 th, >>> +.basic-table .header-row-2 td { >>> + background:#D14B1F >>> url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; >>> + border-bottom:2px solid #FFFFFF; >>> + border-left:1px solid #D14B1F; >>> + color: #fff; >>> + font-weight: bold; >>> + text-align: left; >>> +} >>> + >> >>> +.basic-table .header-row-2 th a, >>> +.basic-table .header-row-2 td a { >>> + color:#fff; >>> +} >>> + >>> +.basic-table .header-row-2 th .sort-order-asc, >>> +.basic-table .header-row-2 td .sort-order-asc { >>> + background: >>> url(/images/arrow-gr-up.png) no-repeat right; >>> + padding-right: 20px; >>> +} >>> + >>> +.basic-table .header-row-2 th .sort-order-desc, >>> +.basic-table .header-row-2 td .sort-order-desc { >>> + background: >>> url(/images/arrow-gr-dw.png) no-repeat right; >>> + padding-right: 20px; >>> +} >>> + >>> +.basic-table .header-row-2 th .sort-order, >>> +.basic-table .header-row-2 td .sort-order { >>> + background: url(/images/arrow-gr.png) >>> no-repeat right; >>> + padding-right: 20px; >>> +} >>> + >>> +.dark-grid { >>> + border-right: 0.1em solid #000000; >>> + border-top: 0.1em solid #000000; >>> +} >>> + >>> +.dark-grid td, >>> +.dark-grid .header-row-2 th, >>> +.dark-grid .header-row-2 td { >>> + border-bottom: 0.1em solid #000000; >>> + border-left: 0.1em solid #000000; >>> +} >>> + >>> +.light-grid { >>> + border-right: 0.1em solid #cccccc; >>> + border-top: 0.1em solid #cccccc; >>> +} >>> + >>> +.light-grid td, >>> +.light-grid .header-row td { >>> + border-bottom: 0.1em solid #cccccc; >>> + border-left: 0.1em solid #cccccc; >>> +} >>> + >>> +.form-widget table tr .label, >>> +.form-widget-table tr .label { >>> + /* Added for backward compatibility */ >>> + width: 20%; >>> +} >>> + >>> +.form-widget table,.form-widget-table { >>> + width: auto; >>> +} >>> + >>> +.form-widget-table { >>> + margin-bottom: 1em; >>> +} >>> + >>> +/*********************************************** >>> +Calendar >>> +***********************************************/ >>> +.field-lookup { >>> + background: >>> url(/images/fieldlookup.gif) no-repeat; >>> +} >>> + >>> +.view-calendar { >>> + background: url(/images/cal.gif) >>> no-repeat; >>> +} >>> + >>> +.calendar { >>> + border-right: 0.1em solid #cccccc; >>> +} >>> + >>> +.calendar tr td { >>> + border-bottom: 0.1em solid #cccccc; >>> + border-left: 0.1em solid #cccccc; >>> + vertical-align: top; >>> + padding: 0.5em; >>> +} >>> + >>> +.calendar .header-row td { >>> + background-color: #69a9d9; >>> + border-bottom: 0.1em solid #cccccc; >>> + border-left: 0.1em solid #cccccc; >>> + color: #ffffff; >>> + height: auto; >>> + text-align: center; >>> +} >>> + >>> +.calendar tr td .add-new { >>> + float: right; >>> +} >>> + >>> +.calendar tr td .h1 { >>> + color: #333; >>> + float: left; >>> +} >>> + >>> +.calendar .current-period { >>> + background-color: #ffffcc; >>> +} >>> + >>> +.calendar .active-period { >>> + background-color: #eeeeee; >>> +} >>> + >>> +.calendar_date_select { >>> + color: #fff; >>> + border: #bbb 2px solid; >>> + display: block; >>> + width: 300px; >>> + z-index: 1000; >>> +} >>> + >>> +.calendar_date_select thead th { >>> + font-weight: bold; >>> + background-color: #666; >>> + border-top: 1px solid #777; >>> + border-bottom: 2px solid #777; >>> + color: white !important; >>> +} >>> + >>> +.calendar_date_select .cds_buttons { >>> + text-align: center; >>> + padding: 5px 0px; >>> + background-color: #666; >>> +} >>> + >>> +.calendar_date_select .cds_footer { >>> + background-color: #fff; >>> + padding: 3px; >>> + font-size: 12px; >>> + text-align: center; >>> + color:#333; >>> +} >>> + >>> +.calendar_date_select .cds_footer span { >>> + display:none >>> +} >>> + >>> +.calendar_date_select table { >>> + margin: 0px; >>> + padding: 0px; >>> +} >>> + >>> +.calendar_date_select .cds_header { >>> + background-color: #fff; >>> + border-bottom: 2px solid #777; >>> + text-align: center; >>> +} >>> + >>> +.calendar_date_select .cds_header span { >>> + font-size: 15px; >>> + color: #000; >>> + font-weight: bold; >>> +} >>> + >>> +.calendar_date_select select { >>> + font-size: 11px; >>> +} >>> + >>> +.calendar_date_select .cds_header a:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.calendar_date_select .cds_header a { >>> + width: 22px; >>> + height: 20px; >>> + text-decoration: none; >>> + font-size: 14px; >>> + color: #000 !important; >>> +} >>> + >>> +.calendar_date_select .cds_header a.prev { >>> + float: left; >>> +} >>> + >>> +.calendar_date_select .cds_header a.next { >>> + float: right; >>> +} >>> + >>> +.calendar_date_select .cds_header a.close { >>> + float: right; >>> + display: none; >>> +} >>> + >>> +.calendar_date_select .cds_header select.month { >>> + width: 90px; >>> +} >>> + >>> +.calendar_date_select .cds_header select.year { >>> + width: 61px; >>> +} >>> + >>> +.calendar_date_select .cds_buttons a { >>> + color: #ccc; >>> + font-size: 11px; >>> +} >>> + >>> +.calendar_date_select td { >>> + font-size: 12px; >>> + width: 24px; >>> + height: 21px; >>> + text-align: center; >>> + vertical-align: middle; >>> + background-color: #f2f2f2; >>> +} >>> + >>> +.calendar_date_select td.weekend { >>> + background-color: #f6f6f6; >>> +} >>> + >>> +.calendar_date_select td div { >>> + color: #333; >>> +} >>> + >>> +.calendar_date_select td div.other { >>> + color: #888; >>> +} >>> + >>> +.calendar_date_select td.selected div { >>> + color: #000; >>> +} >>> + >>> +.calendar_date_select tbody td { >>> + border-bottom: 1px solid #555; >>> +} >>> + >>> +.calendar_date_select td.selected { >>> + background-color: #fff; >>> +} >>> + >>> +.calendar_date_select td.today { >>> + border: 1px dashed #222; >>> +} >>> + >>> +.calendar_date_select td.disabled div { >>> + color: #454545; >>> +} >>> + >>> +/* this is a fun ie6 hack to get drop downs to stay behind >>> the popup window. This should always be just >>> underneath .calendar_date_select */ >>> +iframe.ie6_blocker { >>> + position: absolute; >>> + z-index: 999; >>> +} >>> + >>> +.fieldWithErrors .calendar_date_select { >>> + border: 2px solid #FF0000; >>> +} >>> + >>> +/*********************************************** >>> +Legacy Forms >>> + >>> +*development note: instead of using class names >>> + >>> we should just be using actual >>> + >>> symantic form structure for >>> + >>> forms such as: >>> + >>> <form> >>> + >>> <legend> >>> + >>> <fieldset> >>> + >>> <label>, etc... >>> +***********************************************/ >>> +.label { >>> + font-weight: bold; >>> + text-align: right; >>> + white-space: nowrap; >>> + width: 1%; >>> + margin:0 4px 0 0px; >>> +} >>> + >>> +.basic-form { >>> + clear:both; >>> + display:block; >>> + margin:5px 0 5px 0; >>> + width:100%; >>> +} >>> + >>> +.required,input.required { >>> + background-color: #eeeeee; >>> +} >>> + >>> +.fieldgroup-title-bar { >>> + font-size: 1em; >>> + font-weight: bold; >>> + padding: 0.1em 0.5em 0.2em 0.5em; >>> +} >>> + >>> +.fieldgroup-title-bar ul .collapsed { >>> + background: url(/images/expand.gif) >>> no-repeat left center; >>> + min-height: 1.1em; >>> + min-width: 1.1em; >>> +} >>> + >>> +.fieldgroup-title-bar ul .expanded { >>> + background: url(/images/collapse.gif) >>> no-repeat left center; >>> + min-height: 1.1em; >>> + min-width: 1.1em; >>> +} >>> + >>> +.fieldgroup-title-bar a { >>> +cursor:pointer; >>> +text-decoration:none; >>> +padding-left: 10px; >>> +} >>> + >>> +/*********************************************** >>> +Portals >>> +***********************************************/ >>> +.portlet-config { >>> + background-color: #D4D0C8; >>> + border: 2px solid #D4D0C8; >>> + margin-bottom: 5px; >>> +} >>> + >>> +.portlet-config-title-bar .title { >>> + color: #555555; >>> + font-size: 1.2em; >>> + float: left; >>> +} >>> + >>> +.portlet-config-title-bar ul { >>> + display: inline; /* IE Fix */ >>> +} >>> + >>> +.portlet-config-title-bar ul li { >>> + float: right; >>> + font-size: 1em; >>> + font-weight: bold; >>> + padding: 0.1em 0.5em 0.2em 0.5em; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-up { >>> + background: >>> url(/images/arrow-single-up-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-down { >>> + background: >>> url(/images/arrow-single-down-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-left { >>> + background: >>> url(/images/arrow-single-left-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-right { >>> + background: >>> url(/images/arrow-single-right-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-top { >>> + background: >>> url(/images/arrow-end-up-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-bottom { >>> + background: >>> url(/images/arrow-end-down-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.remove { >>> + background: url(/images/mini-trash.png) >>> no-repeat center center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.edit { >>> + background: url(/images/mini-edit.png) >>> no-repeat center center; >>> +} >>> + >>> +#manage-portal-toolbar { >>> + background-color: #D4D0C8; >>> + margin-bottom: 0.5em; >>> +} >>> + >>> +#manage-portal-toolbar ul li { >>> + float: left; >>> + padding: 0.1em 0.5em 0.2em 0.5em; >>> +} >>> + >>> +#manage-portal-toolbar #config-on-off, >>> +#manage-portal-toolbar #manage-portal-page, >>> +#manage-portal-toolbar #add-column { >>> + float: right; >>> +} >>> + >>> +#manage-portal-toolbar #portal-page-name { >>> + font-size: 1.5em; >>> + font-weight: bold; >>> +} >>> + >>> +.manage-portal-column-toolbar #add-portlet, >>> +.manage-portal-column-toolbar #delete-column, >>> +.manage-portal-column-toolbar #column-width { >>> + float: right; >>> } >>> \ No newline at end of file >>> >>> Modified: >>> ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> (original) >>> +++ ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> Sun Nov 8 18:36:30 2009 >>> @@ -2035,32 +2035,30 @@ >>> border: 2px solid #FF0000; >>> } >>> >>> -/* ============================= */ /* ===== FieldGroup >>> Styles ===== */ >>> - /* ============================= */ >>> +/* ============================= */ >>> +/* ===== FieldGroup Styles ===== */ >>> +/* ============================= */ >>> .fieldgroup-title-bar { >>> - border-top: 0.1em solid #DADADA; >>> - font-size: 1em; >>> - font-weight: bold; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> +font-size: 1.2em; >>> +font-weight: bold; >>> +padding: 5px 0 5px 10px; >>> } >>> >>> .fieldgroup-title-bar ul .collapsed,.fieldgroup-title-bar >>> ul .collapsed:hover >>> - { >>> - background: url(/images/expand.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> +{ >>> +background: url(/bluelight/images/bullet_toggle_plus.png) >>> no-repeat left center; >>> } >>> >>> .fieldgroup-title-bar ul .expanded,.fieldgroup-title-bar >>> ul .expanded:hover >>> - { >>> - background: url(/images/collapse.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> +{ >>> +background: url(/bluelight/images/bullet_toggle_minus.png) >>> no-repeat left center; >>> } >>> >>> -.fieldgroup-title-bar td.collapse { >>> - width: 1.1em; >>> - cursor: default; >>> +.fieldgroup-title-bar a { >>> +cursor:pointer; >>> +text-decoration:none; >>> +padding-left: 10px; >>> +color: #000000; >>> } >>> >>> /* == Portlet configuration screenlet == */ >>> >>> Modified: >>> ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> (original) >>> +++ ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> Sun Nov 8 18:36:30 2009 >>> @@ -2065,21 +2065,23 @@ >>> >>> .fieldgroup-title-bar ul .collapsed, >>> .fieldgroup-title-bar ul .collapsed:hover { >>> -background: url(/images/expand.gif) no-repeat center >>> center; >>> +background: url(/images/expand.gif) no-repeat left >>> center; >>> min-height: 1.1em; >>> min-width: 1.1em; >>> } >>> >>> .fieldgroup-title-bar ul .expanded, >>> .fieldgroup-title-bar ul .expanded:hover { >>> -background: url(/images/collapse.gif) no-repeat center >>> center; >>> +background: url(/images/collapse.gif) no-repeat left >>> center; >>> min-height: 1.1em; >>> min-width: 1.1em; >>> } >>> >>> -.fieldgroup-title-bar td.collapse { >>> -width: 1.1em; >>> -cursor: default; >>> +.fieldgroup-title-bar a { >>> +cursor:pointer; >>> +text-decoration:none; >>> +padding-left: 10px; >>> +color: #000000; >>> } >>> >>> /* == Portlet configuration screenlet == */ >>> >>> >>> >> >> >> > |
Administrator
|
In reply to this post by Jacopo Cappellato-4
Hi Jacopo,
Have the .subversion/config changed these last times ? I did not touch it for years... Jacques From: "Jacopo Cappellato" <[hidden email]> > Jacques, > > you may have to set the .subversion/config file properly. > > Jacopo > > On Nov 8, 2009, at 8:31 PM, Adrian Crum wrote: > >> It appears the svn eol property is not set on some of these files, so the commit contains a lot of unnecessary changes. >> >> -Adrian >> >> --- On Sun, 11/8/09, [hidden email] <[hidden email]> wrote: >> >>> From: [hidden email] <[hidden email]> >>> Subject: svn commit: r833910 - in /ofbiz/trunk: framework/widget/ templates/htmlFormMacroLibrary.ftl themes/bizznesstime/webapp/ >>> bizznesstime/css/legacy.css themes/bluelight/webapp/bluelight/ style.css themes/flatgrey/webapp/flatgrey/maincss.css >>> To: [hidden email] >>> Date: Sunday, November 8, 2009, 10:36 AM >>> Author: jleroux >>> Date: Sun Nov 8 18:36:30 2009 >>> New Revision: 833910 >>> >>> URL: http://svn.apache.org/viewvc?rev=833910&view=rev >>> Log: >>> A patch from Bruno Busco "Collapsible Field Groups with >>> clickable title" (https://issues.apache.org/jira/browse/OFBIZ-3176) - >>> OFBIZ-3176 >>> in the attached patch there is a new rendering for the >>> Group Field Title bar. >>> I removed the table and used simple divs. >>> Moreover the field group title is now all clickable in >>> order to collapse expand the group. >>> >>> The necessary changes to all themes are also included in >>> the patch. >>> >>> Modified: >>> >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> >>> ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> >>> ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> >>> Modified: >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> (original) >>> +++ >>> ofbiz/trunk/framework/widget/templates/htmlFormMacroLibrary.ftl >>> Sun Nov 8 18:36:30 2009 >>> @@ -460,11 +460,16 @@ >>> </tr> </table> >>> </#macro> >>> <#macro renderContainerField id><div >>> id="${id?if_exists}"/></#macro> >>> + >>> <#macro renderFieldGroupOpen style id title collapsed >>> collapsibleAreaId collapsible expandToolTip >>> collapseToolTip> >>> -<#if style?has_content || id?has_content || >>> title?has_content> >>> - <div class="fieldgroup<#if style?has_content> >>> ${style}</#if>"<#if id?has_content> >>> id="${id}"</#if>><div >>> class="fieldgroup-title-bar"><table><tr><td >>> class="collapse"><#rt/> >>> - <#if collapsible><ul><li class="<#if >>> collapsed>collapsed"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"<#else>expanded"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"</#if>>   </a></li></ul></#if></ td><td><#rt/> >>> - <#if title?has_content><div >>> class="title">${title}</div></#if></td></tr></table></div><div >>> id="${collapsibleAreaId}" class="fieldgroup-body" <#if >>> collapsed && collapsible> style="display: >>> none;"</#if>> >>> +<#if style?has_content || id?has_content || >>> title?has_content><div class="fieldgroup<#if >>> style?has_content> ${style}</#if>"<#if >>> id?has_content> id="${id}"</#if>> >>> +<div class="fieldgroup-title-bar"> >>> + <#if collapsible><ul><li class="<#if >>> collapsed>collapsed"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"> >>> + <#else>expanded"><a >>> onclick="javascript:toggleCollapsiblePanel(this, >>> '${collapsibleAreaId}', '${expandToolTip}', >>> '${collapseToolTip}');"></#if> >>> + >>> <#if >>> title?has_content>${title}</#if></a></li></ul> >>> + <#else><#if >>> title?has_content>${title}</#if></#if><#rt/> >>> +</div> >>> +<div id="${collapsibleAreaId}" class="fieldgroup-body" >>> <#if collapsed && collapsible> style="display: >>> none;"</#if>> >>> </#if> >>> </#macro> >>> <#macro renderFieldGroupClose style id title><#if >>> style?has_content || id?has_content || >>> title?has_content></div></div></#if></#macro> >>> >>> Modified: >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> (original) >>> +++ >>> ofbiz/trunk/themes/bizznesstime/webapp/bizznesstime/css/legacy.css >>> Sun Nov 8 18:36:30 2009 >>> @@ -1,816 +1,817 @@ >>> -/*********************************************** >>> -APACHE OPEN FOR BUSINESS >>> -Licensed to the Apache Software Foundation (ASF) under >>> one >>> -or more contributor license agreements. See the >>> NOTICE file >>> -distributed with this work for additional information >>> -regarding copyright ownership. The ASF licenses this >>> file >>> -to you under the Apache License, Version 2.0 (the >>> -"License"); you may not use this file except in >>> compliance >>> -with the License. You may obtain a copy of the >>> License at >>> - >>> -http://www.apache.org/licenses/LICENSE-2.0 >>> - >>> -Unless required by applicable law or agreed to in >>> writing, >>> -software distributed under the License is distributed on >>> an >>> -"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY >>> -KIND, either express or implied. See the License for >>> the >>> -specific language governing permissions and limitations >>> -under the License. >>> -***********************************************/ >>> - >>> -.tooltip { /* tooltip style */ >>> - background-color: #ffffbb; >>> - border: 0.1em solid #999999; >>> - color: #000000; >>> - font-style: italic; >>> - margin: 0.4em; >>> - padding: 0.1em; >>> -} >>> - >>> -.page-container { >>> - background-color: #B8DFFC; >>> -} >>> - >>> -/*********************************************** >>> -Boxes >>> -***********************************************/ >>> -.boxhead { >>> - color: #FFFFFF; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> -} >>> - >>> -.boxlink { >>> - float: right; >>> -} >>> - >>> -div.boxtop { >>> - background-color: #333; >>> - border-color: #999999; >>> - border-style: solid; >>> - margin: 0 auto 0 auto; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> - text-align: center; >>> -} >>> - >>> -div.boxhead-left { >>> - border: none; >>> - color: #FFFFFF; >>> - float: left; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> - width: auto; >>> -} >>> - >>> -div.boxhead-fill { >>> - border: none; >>> - color: #FFFFFF; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> - text-align: center; >>> - width: 0; >>> -} >>> - >>> -div.boxhead-right { >>> - border: none; >>> - color: #FFFFFF; >>> - float: right; >>> - font-size: 1.1em; >>> - font-weight: bold; >>> - width: auto; >>> -} >>> - >>> -.boxoutside { >>> - background-color: #FFFFFF; >>> - border: 0.1em solid #999999; >>> -} >>> - >>> -.boxtop { >>> - background-color: #333; >>> - border: 0 solid #999999; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> -} >>> - >>> -.boxbottom { >>> - background-color: #FFFFFF; >>> - border: 0 solid #999999; >>> - padding: 0.4em; >>> -} >>> - >>> -/*********************************************** >>> -Submenu >>> -***********************************************/ >>> -.submenutextinfo { >>> - border-right: 0.1em solid #5886C6; >>> - color: #ffffff; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.5em; >>> - padding-right: 0.5em; >>> -} >>> - >>> -.submenutext,a.submenutext,a.submenutext:visited { >>> - color: #333; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> - padding-right: 0.5em; >>> -} >>> - >>> -a.submenutext:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.submenutextdisabled, >>> -a.submenutextdisabled { >>> - color: #ccc; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> - padding-right: 0.5em; >>> -} >>> - >>> -a.submenutextdisabled:hover { >>> - color: #ccc; >>> -} >>> - >>> -.submenutextinforight { >>> - color: #ffffff; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> -} >>> - >>> -.submenutextright, >>> -a.submenutextright { >>> - color: #333; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> -} >>> - >>> -a.submenutextright:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.submenutextrightdisabled, >>> -a.submenutextrightdisabled { >>> - color: #ccc; >>> - font-size: 0.9em; >>> - font-weight: bold; >>> - padding-left: 0.2em; >>> -} >>> - >>> -a.submenutextrightdisabled:hover { >>> - color: #ccc; >>> -} >>> - >>> -a img.imageborder { >>> - border: 2px solid #ddd; >>> -} >>> - >>> -/*********************************************** >>> -Trees >>> -***********************************************/ >>> -.treeWrapper { >>> - background-color: #ffffff; >>> - border-top: 0.1em solid #eee; >>> - border-left: 0.1em solid #eee; >>> - color: #444; >>> - font-size: 1.6em; >>> - font-weight: normal; >>> - margin-left: 1.2em; >>> - margin-top: 0.2em; >>> - text-align: left; >>> - text-decoration: none; >>> -} >>> - >>> -.treewrapper { >>> - margin-left: 1em; >>> -} >>> - >>> -.treeitem { >>> - border: #888888 solid 0.1em; >>> - color: #333; >>> - font-size: 1.4em; >>> - font-weight: bold; >>> -} >>> - >>> -.basic-tree ul { >>> - padding-left: 1em; >>> -} >>> - >>> -.basic-tree li { >>> - padding-left: 1em; >>> - white-space: nowrap; >>> -} >>> - >>> -.basic-tree li .expanded { >>> - background: url(/images/collapse.gif) >>> no-repeat left center; >>> - padding-right: 1em; >>> -} >>> - >>> -.basic-tree li .collapsed { >>> - background: url(/images/expand.gif) >>> no-repeat left center; >>> - padding-right: 1em; >>> -} >>> - >>> -.basic-tree li .leafnode { >>> - background: >>> url(/images/expand-collapse-placeholder.gif) no-repeat left >>> center; >>> - padding-right: 1em; >>> -} >>> - >>> -.basic-tree li .treeitem { >>> - border-style: none; >>> - color: #333; >>> - font-size: 1em; >>> -} >>> - >>> -.basic-tree li a:hover { >>> - color: #333; >>> -} >>> - >>> -/*********************************************** >>> -Navigation Bars >>> -***********************************************/ >>> -.basic-nav { >>> - padding-left: 1em; >>> -} >>> - >>> -.basic-nav ul a { >>> - color: #333; >>> - font-size: 1.1em; >>> -} >>> - >>> -.basic-nav ul .selected, >>> -.basic-nav ul .selected a { >>> - color: #1c334d; >>> -} >>> - >>> -.basic-nav ul a:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.basic-nav ul .disabled, >>> -.basic-nav ul .disabled a { >>> - color: #ccc; >>> -} >>> - >>> -.tool-bar { >>> - background-color: #D4D0C8; >>> - border: 0.1em solid #333; >>> - padding: 0.2em; >>> -} >>> - >>> -.tool-bar ul li { >>> - background-color: #D4D0C8; >>> - padding: 0.1em; >>> -} >>> - >>> -.nav-pager { >>> - padding:0.08em 0 0.5em 0; >>> - clear:both; >>> - display:block; >>> - position:relative; >>> - margin:0px 0 10px 0; >>> -} >>> - >>> -.nav-pager ul { >>> - display: inline; /* IE Fix */ >>> -} >>> - >>> -.nav-pager ul li { >>> - background-color: #ffffff; >>> - float: left; >>> - font-weight: bold; >>> - line-height: 1.8em; >>> - margin: 0.2em; >>> -} >>> - >>> -.nav-pager ul li a { >>> - display: block; >>> - color:#444444; >>> - font-weight: bold; >>> -} >>> - >>> -.nav-pager ul .nav-first, >>> -.nav-pager ul .nav-previous, >>> -.nav-pager ul .nav-next, >>> -.nav-pager ul .nav-last { >>> - background-color:#fff; >>> - border:2px solid #ddd; >>> - color:#444; >>> - padding: 0 0.5em 0 0.5em; >>> -} >>> - >>> -.nav-pager ul .nav-first-disabled, >>> -.nav-pager ul .nav-previous-disabled, >>> -.nav-pager ul .nav-next-disabled, >>> -.nav-pager ul .nav-last-disabled { >>> - background-color:#fff; >>> - border:2px solid #ddd; >>> - color:#ccc; >>> - padding: 0 0.5em 0 0.5em; >>> -} >>> - >>> -.nav-pager select { >>> - margin: 0; >>> -} >>> - >>> -/*********************************************** >>> -Legacy Table Styles >>> -***********************************************/ >>> -.formTableBordered { >>> - border: 2px solid #eee; >>> - width: 100%; >>> -} >>> - >>> -.basic-table { >>> - margin-bottom: 1em; >>> - width: 100%; >>> -} >>> - >>> -form .basic-table, >>> -.screenlet-body .basic-table { >>> - margin-bottom: 0; >>> -} >>> - >>> -.basic-table tr th,.basic-table .header-row { >>> - font-weight: bold; >>> - text-align: left; >>> -} >>> - >>> -.basic-table .header-row td { >>> - border-bottom: 1px solid #999; >>> -} >>> - >>> -.basic-table .header-row td a { >>> - color: #000000; >>> -} >>> - >>> -.basic-table .alternate-row { >>> - background-color: #f5f6eb; >>> -} >>> - >>> -.basic-table .selected { >>> - background: #FFFCCF; >>> -} >>> - >>> -.basic-table .alternate-rowSelected { >>> - background: #FFF55F; >>> -} >>> - >>> -.basic-table .Validate { >>> - background: #A0D5F7; >>> -} >>> - >>> -.basic-table .alternate-rowValidate { >>> - background: #72A8F2; >>> -} >>> - >>> -.basic-table .Warn { >>> - background: #f55C5C; >>> -} >>> - >>> -.basic-table .alternate-rowWarn { >>> - background: #FC7455; >>> -} >>> - >>> -.basic-table tr .button-col { >>> - vertical-align: top; >>> -} >>> - >>> -.basic-table tr .button-col a { >>> - background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> - border: 2px solid #ddd; >>> - color: #333; >>> - float: left; >>> - font-weight:bold; >>> - margin: 0 0.1em 0 0.1em; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> - text-transform:uppercase; >>> - white-space: nowrap; >>> -} >>> - >>> -.basic-table tr .smallSubmit,.basic-table tr >>> .smallSubmit:visited { >>> - background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> - border:2px solid #ddd; >>> - color:#444; >>> - font-weight:bold; >>> - line-height:1.8em; >>> - margin:5px 5px 2px; >>> - padding:2px 4px; >>> - text-transform:uppercase; >>> -} >>> - >>> -.basic-table tr .button-col a:hover, >>> -.basic-table tr .button-col a:active { >>> - color: #1c334d; >>> - margin: 0 0.1em 0 0.1em; >>> - padding: 0.1em 0.4em 0.1em 0.4em; >>> -} >>> - >>> -.basic-table .collapsed { >>> - visibility: collapse; >>> -} >>> - >>> -.basic-table .header-row-2 th, >>> -.basic-table .header-row-2 td { >>> - background:#D14B1F >>> url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; >>> - border-bottom:2px solid #FFFFFF; >>> - border-left:1px solid #D14B1F; >>> - color: #fff; >>> - font-weight: bold; >>> - text-align: left; >>> -} >>> - >>> -.basic-table .header-row-2 th a, >>> -.basic-table .header-row-2 td a { >>> - color:#fff; >>> -} >>> - >>> -.basic-table .header-row-2 th .sort-order-asc, >>> -.basic-table .header-row-2 td .sort-order-asc { >>> - background: >>> url(/images/arrow-gr-up.png) no-repeat right; >>> - padding-right: 20px; >>> -} >>> - >>> -.basic-table .header-row-2 th .sort-order-desc, >>> -.basic-table .header-row-2 td .sort-order-desc { >>> - background: >>> url(/images/arrow-gr-dw.png) no-repeat right; >>> - padding-right: 20px; >>> -} >>> - >>> -.basic-table .header-row-2 th .sort-order, >>> -.basic-table .header-row-2 td .sort-order { >>> - background: url(/images/arrow-gr.png) >>> no-repeat right; >>> - padding-right: 20px; >>> -} >>> - >>> -.dark-grid { >>> - border-right: 0.1em solid #000000; >>> - border-top: 0.1em solid #000000; >>> -} >>> - >>> -.dark-grid td, >>> -.dark-grid .header-row-2 th, >>> -.dark-grid .header-row-2 td { >>> - border-bottom: 0.1em solid #000000; >>> - border-left: 0.1em solid #000000; >>> -} >>> - >>> -.light-grid { >>> - border-right: 0.1em solid #cccccc; >>> - border-top: 0.1em solid #cccccc; >>> -} >>> - >>> -.light-grid td, >>> -.light-grid .header-row td { >>> - border-bottom: 0.1em solid #cccccc; >>> - border-left: 0.1em solid #cccccc; >>> -} >>> - >>> -.form-widget table tr .label, >>> -.form-widget-table tr .label { >>> - /* Added for backward compatibility */ >>> - width: 20%; >>> -} >>> - >>> -.form-widget table,.form-widget-table { >>> - width: auto; >>> -} >>> - >>> -.form-widget-table { >>> - margin-bottom: 1em; >>> -} >>> - >>> -/*********************************************** >>> -Calendar >>> -***********************************************/ >>> -.field-lookup { >>> - background: >>> url(/images/fieldlookup.gif) no-repeat; >>> -} >>> - >>> -.view-calendar { >>> - background: url(/images/cal.gif) >>> no-repeat; >>> -} >>> - >>> -.calendar { >>> - border-right: 0.1em solid #cccccc; >>> -} >>> - >>> -.calendar tr td { >>> - border-bottom: 0.1em solid #cccccc; >>> - border-left: 0.1em solid #cccccc; >>> - vertical-align: top; >>> - padding: 0.5em; >>> -} >>> - >>> -.calendar .header-row td { >>> - background-color: #69a9d9; >>> - border-bottom: 0.1em solid #cccccc; >>> - border-left: 0.1em solid #cccccc; >>> - color: #ffffff; >>> - height: auto; >>> - text-align: center; >>> -} >>> - >>> -.calendar tr td .add-new { >>> - float: right; >>> -} >>> - >>> -.calendar tr td .h1 { >>> - color: #333; >>> - float: left; >>> -} >>> - >>> -.calendar .current-period { >>> - background-color: #ffffcc; >>> -} >>> - >>> -.calendar .active-period { >>> - background-color: #eeeeee; >>> -} >>> - >>> -.calendar_date_select { >>> - color: #fff; >>> - border: #bbb 2px solid; >>> - display: block; >>> - width: 300px; >>> - z-index: 1000; >>> -} >>> - >>> -.calendar_date_select thead th { >>> - font-weight: bold; >>> - background-color: #666; >>> - border-top: 1px solid #777; >>> - border-bottom: 2px solid #777; >>> - color: white !important; >>> -} >>> - >>> -.calendar_date_select .cds_buttons { >>> - text-align: center; >>> - padding: 5px 0px; >>> - background-color: #666; >>> -} >>> - >>> -.calendar_date_select .cds_footer { >>> - background-color: #fff; >>> - padding: 3px; >>> - font-size: 12px; >>> - text-align: center; >>> - color:#333; >>> -} >>> - >>> -.calendar_date_select .cds_footer span { >>> - display:none >>> -} >>> - >>> -.calendar_date_select table { >>> - margin: 0px; >>> - padding: 0px; >>> -} >>> - >>> -.calendar_date_select .cds_header { >>> - background-color: #fff; >>> - border-bottom: 2px solid #777; >>> - text-align: center; >>> -} >>> - >>> -.calendar_date_select .cds_header span { >>> - font-size: 15px; >>> - color: #000; >>> - font-weight: bold; >>> -} >>> - >>> -.calendar_date_select select { >>> - font-size: 11px; >>> -} >>> - >>> -.calendar_date_select .cds_header a:hover { >>> - color: #1c334d; >>> -} >>> - >>> -.calendar_date_select .cds_header a { >>> - width: 22px; >>> - height: 20px; >>> - text-decoration: none; >>> - font-size: 14px; >>> - color: #000 !important; >>> -} >>> - >>> -.calendar_date_select .cds_header a.prev { >>> - float: left; >>> -} >>> - >>> -.calendar_date_select .cds_header a.next { >>> - float: right; >>> -} >>> - >>> -.calendar_date_select .cds_header a.close { >>> - float: right; >>> - display: none; >>> -} >>> - >>> -.calendar_date_select .cds_header select.month { >>> - width: 90px; >>> -} >>> - >>> -.calendar_date_select .cds_header select.year { >>> - width: 61px; >>> -} >>> - >>> -.calendar_date_select .cds_buttons a { >>> - color: #ccc; >>> - font-size: 11px; >>> -} >>> - >>> -.calendar_date_select td { >>> - font-size: 12px; >>> - width: 24px; >>> - height: 21px; >>> - text-align: center; >>> - vertical-align: middle; >>> - background-color: #f2f2f2; >>> -} >>> - >>> -.calendar_date_select td.weekend { >>> - background-color: #f6f6f6; >>> -} >>> - >>> -.calendar_date_select td div { >>> - color: #333; >>> -} >>> - >>> -.calendar_date_select td div.other { >>> - color: #888; >>> -} >>> - >>> -.calendar_date_select td.selected div { >>> - color: #000; >>> -} >>> - >>> -.calendar_date_select tbody td { >>> - border-bottom: 1px solid #555; >>> -} >>> - >>> -.calendar_date_select td.selected { >>> - background-color: #fff; >>> -} >>> - >>> -.calendar_date_select td.today { >>> - border: 1px dashed #222; >>> -} >>> - >>> -.calendar_date_select td.disabled div { >>> - color: #454545; >>> -} >>> - >>> -/* this is a fun ie6 hack to get drop downs to stay behind >>> the popup window. This should always be just >>> underneath .calendar_date_select */ >>> -iframe.ie6_blocker { >>> - position: absolute; >>> - z-index: 999; >>> -} >>> - >>> -.fieldWithErrors .calendar_date_select { >>> - border: 2px solid #FF0000; >>> -} >>> - >>> -/*********************************************** >>> -Legacy Forms >>> - >>> -*development note: instead of using class names >>> - >>> we should just be using actual >>> - >>> symantic form structure for >>> - >>> forms such as: >>> - >>> <form> >>> - >>> <legend> >>> - >>> <fieldset> >>> - >>> <label>, etc... >>> -***********************************************/ >>> -.label { >>> - font-weight: bold; >>> - text-align: right; >>> - white-space: nowrap; >>> - width: 1%; >>> - margin:0 4px 0 0px; >>> -} >>> - >>> -.basic-form { >>> - clear:both; >>> - display:block; >>> - margin:5px 0 5px 0; >>> - width:100%; >>> -} >>> - >>> -.required,input.required { >>> - background-color: #eeeeee; >>> -} >>> - >>> -.fieldgroup-title-bar { >>> - font-size: 1em; >>> - font-weight: bold; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> -} >>> - >>> -.fieldgroup-title-bar ul .collapsed { >>> - background: url(/images/expand.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> -} >>> - >>> -.fieldgroup-title-bar ul .expanded { >>> - background: url(/images/collapse.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> -} >>> - >>> -.fieldgroup-title-bar td.collapse { >>> - width: 1.1em; >>> - cursor: default; >>> -} >>> - >>> -/*********************************************** >>> -Portals >>> -***********************************************/ >>> -.portlet-config { >>> - background-color: #D4D0C8; >>> - border: 2px solid #D4D0C8; >>> - margin-bottom: 5px; >>> -} >>> - >>> -.portlet-config-title-bar .title { >>> - color: #555555; >>> - font-size: 1.2em; >>> - float: left; >>> -} >>> - >>> -.portlet-config-title-bar ul { >>> - display: inline; /* IE Fix */ >>> -} >>> - >>> -.portlet-config-title-bar ul li { >>> - float: right; >>> - font-size: 1em; >>> - font-weight: bold; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-up { >>> - background: >>> url(/images/arrow-single-up-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-down { >>> - background: >>> url(/images/arrow-single-down-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-left { >>> - background: >>> url(/images/arrow-single-left-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-right { >>> - background: >>> url(/images/arrow-single-right-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-top { >>> - background: >>> url(/images/arrow-end-up-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.move-bottom { >>> - background: >>> url(/images/arrow-end-down-green.png) no-repeat center >>> center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.remove { >>> - background: url(/images/mini-trash.png) >>> no-repeat center center; >>> -} >>> - >>> -.portlet-config-title-bar ul li.edit { >>> - background: url(/images/mini-edit.png) >>> no-repeat center center; >>> -} >>> - >>> -#manage-portal-toolbar { >>> - background-color: #D4D0C8; >>> - margin-bottom: 0.5em; >>> -} >>> - >>> -#manage-portal-toolbar ul li { >>> - float: left; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> -} >>> - >>> -#manage-portal-toolbar #config-on-off, >>> -#manage-portal-toolbar #manage-portal-page, >>> -#manage-portal-toolbar #add-column { >>> - float: right; >>> -} >>> - >>> -#manage-portal-toolbar #portal-page-name { >>> - font-size: 1.5em; >>> - font-weight: bold; >>> -} >>> - >>> -.manage-portal-column-toolbar #add-portlet, >>> -.manage-portal-column-toolbar #delete-column, >>> -.manage-portal-column-toolbar #column-width { >>> - float: right; >>> +/*********************************************** >>> +APACHE OPEN FOR BUSINESS >>> +Licensed to the Apache Software Foundation (ASF) under >>> one >>> +or more contributor license agreements. See the >>> NOTICE file >>> +distributed with this work for additional information >>> +regarding copyright ownership. The ASF licenses this >>> file >>> +to you under the Apache License, Version 2.0 (the >>> +"License"); you may not use this file except in >>> compliance >>> +with the License. You may obtain a copy of the >>> License at >>> + >>> +http://www.apache.org/licenses/LICENSE-2.0 >>> + >>> +Unless required by applicable law or agreed to in >>> writing, >>> +software distributed under the License is distributed on >>> an >>> +"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY >>> +KIND, either express or implied. See the License for >>> the >>> +specific language governing permissions and limitations >>> +under the License. >>> +***********************************************/ >>> + >>> +.tooltip { /* tooltip style */ >>> + background-color: #ffffbb; >>> + border: 0.1em solid #999999; >>> + color: #000000; >>> + font-style: italic; >>> + margin: 0.4em; >>> + padding: 0.1em; >>> +} >>> + >>> +.page-container { >>> + background-color: #B8DFFC; >>> +} >>> + >>> +/*********************************************** >>> +Boxes >>> +***********************************************/ >>> +.boxhead { >>> + color: #FFFFFF; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> +} >>> + >>> +.boxlink { >>> + float: right; >>> +} >>> + >>> +div.boxtop { >>> + background-color: #333; >>> + border-color: #999999; >>> + border-style: solid; >>> + margin: 0 auto 0 auto; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> + text-align: center; >>> +} >>> + >>> +div.boxhead-left { >>> + border: none; >>> + color: #FFFFFF; >>> + float: left; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> + width: auto; >>> +} >>> + >>> +div.boxhead-fill { >>> + border: none; >>> + color: #FFFFFF; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> + text-align: center; >>> + width: 0; >>> +} >>> + >>> +div.boxhead-right { >>> + border: none; >>> + color: #FFFFFF; >>> + float: right; >>> + font-size: 1.1em; >>> + font-weight: bold; >>> + width: auto; >>> +} >>> + >>> +.boxoutside { >>> + background-color: #FFFFFF; >>> + border: 0.1em solid #999999; >>> +} >>> + >>> +.boxtop { >>> + background-color: #333; >>> + border: 0 solid #999999; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> +} >>> + >>> +.boxbottom { >>> + background-color: #FFFFFF; >>> + border: 0 solid #999999; >>> + padding: 0.4em; >>> +} >>> + >>> +/*********************************************** >>> +Submenu >>> +***********************************************/ >>> +.submenutextinfo { >>> + border-right: 0.1em solid #5886C6; >>> + color: #ffffff; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.5em; >>> + padding-right: 0.5em; >>> +} >>> + >>> +.submenutext,a.submenutext,a.submenutext:visited { >>> + color: #333; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> + padding-right: 0.5em; >>> +} >>> + >>> +a.submenutext:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.submenutextdisabled, >>> +a.submenutextdisabled { >>> + color: #ccc; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> + padding-right: 0.5em; >>> +} >>> + >>> +a.submenutextdisabled:hover { >>> + color: #ccc; >>> +} >>> + >>> +.submenutextinforight { >>> + color: #ffffff; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> +} >>> + >>> +.submenutextright, >>> +a.submenutextright { >>> + color: #333; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> +} >>> + >>> +a.submenutextright:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.submenutextrightdisabled, >>> +a.submenutextrightdisabled { >>> + color: #ccc; >>> + font-size: 0.9em; >>> + font-weight: bold; >>> + padding-left: 0.2em; >>> +} >>> + >>> +a.submenutextrightdisabled:hover { >>> + color: #ccc; >>> +} >>> + >>> +a img.imageborder { >>> + border: 2px solid #ddd; >>> +} >>> + >>> +/*********************************************** >>> +Trees >>> +***********************************************/ >>> +.treeWrapper { >>> + background-color: #ffffff; >>> + border-top: 0.1em solid #eee; >>> + border-left: 0.1em solid #eee; >>> + color: #444; >>> + font-size: 1.6em; >>> + font-weight: normal; >>> + margin-left: 1.2em; >>> + margin-top: 0.2em; >>> + text-align: left; >>> + text-decoration: none; >>> +} >>> + >>> +.treewrapper { >>> + margin-left: 1em; >>> +} >>> + >>> +.treeitem { >>> + border: #888888 solid 0.1em; >>> + color: #333; >>> + font-size: 1.4em; >>> + font-weight: bold; >>> +} >>> + >>> +.basic-tree ul { >>> + padding-left: 1em; >>> +} >>> + >>> +.basic-tree li { >>> + padding-left: 1em; >>> + white-space: nowrap; >>> +} >>> + >>> +.basic-tree li .expanded { >>> + background: url(/images/collapse.gif) >>> no-repeat left center; >>> + padding-right: 1em; >>> +} >>> + >>> +.basic-tree li .collapsed { >>> + background: url(/images/expand.gif) >>> no-repeat left center; >>> + padding-right: 1em; >>> +} >>> + >>> +.basic-tree li .leafnode { >>> + background: >>> url(/images/expand-collapse-placeholder.gif) no-repeat left >>> center; >>> + padding-right: 1em; >>> +} >>> + >>> +.basic-tree li .treeitem { >>> + border-style: none; >>> + color: #333; >>> + font-size: 1em; >>> +} >>> + >>> +.basic-tree li a:hover { >>> + color: #333; >>> +} >>> + >>> +/*********************************************** >>> +Navigation Bars >>> +***********************************************/ >>> +.basic-nav { >>> + padding-left: 1em; >>> +} >>> + >>> +.basic-nav ul a { >>> + color: #333; >>> + font-size: 1.1em; >>> +} >>> + >>> +.basic-nav ul .selected, >>> +.basic-nav ul .selected a { >>> + color: #1c334d; >>> +} >>> + >>> +.basic-nav ul a:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.basic-nav ul .disabled, >>> +.basic-nav ul .disabled a { >>> + color: #ccc; >>> +} >>> + >>> +.tool-bar { >>> + background-color: #D4D0C8; >>> + border: 0.1em solid #333; >>> + padding: 0.2em; >>> +} >>> + >>> +.tool-bar ul li { >>> + background-color: #D4D0C8; >>> + padding: 0.1em; >>> +} >>> + >>> +.nav-pager { >>> + padding:0.08em 0 0.5em 0; >>> + clear:both; >>> + display:block; >>> + position:relative; >>> + margin:0px 0 10px 0; >>> +} >>> + >>> +.nav-pager ul { >>> + display: inline; /* IE Fix */ >>> +} >>> + >>> +.nav-pager ul li { >>> + background-color: #ffffff; >>> + float: left; >>> + font-weight: bold; >>> + line-height: 1.8em; >>> + margin: 0.2em; >>> +} >>> + >>> +.nav-pager ul li a { >>> + display: block; >>> + color:#444444; >>> + font-weight: bold; >>> +} >>> + >>> +.nav-pager ul .nav-first, >>> +.nav-pager ul .nav-previous, >>> +.nav-pager ul .nav-next, >>> +.nav-pager ul .nav-last { >>> + background-color:#fff; >>> + border:2px solid #ddd; >>> + color:#444; >>> + padding: 0 0.5em 0 0.5em; >>> +} >>> + >>> +.nav-pager ul .nav-first-disabled, >>> +.nav-pager ul .nav-previous-disabled, >>> +.nav-pager ul .nav-next-disabled, >>> +.nav-pager ul .nav-last-disabled { >>> + background-color:#fff; >>> + border:2px solid #ddd; >>> + color:#ccc; >>> + padding: 0 0.5em 0 0.5em; >>> +} >>> + >>> +.nav-pager select { >>> + margin: 0; >>> +} >>> + >>> +/*********************************************** >>> +Legacy Table Styles >>> +***********************************************/ >>> +.formTableBordered { >>> + border: 2px solid #eee; >>> + width: 100%; >>> +} >>> + >>> +.basic-table { >>> + margin-bottom: 1em; >>> + width: 100%; >>> +} >>> + >>> +form .basic-table, >>> +.screenlet-body .basic-table { >>> + margin-bottom: 0; >>> +} >>> + >>> +.basic-table tr th,.basic-table .header-row { >>> + font-weight: bold; >>> + text-align: left; >>> +} >>> + >>> +.basic-table .header-row td { >>> + border-bottom: 1px solid #999; >>> +} >>> + >>> +.basic-table .header-row td a { >>> + color: #000000; >>> +} >>> + >>> +.basic-table .alternate-row { >>> + background-color: #f5f6eb; >>> +} >>> + >>> +.basic-table .selected { >>> + background: #FFFCCF; >>> +} >>> + >>> +.basic-table .alternate-rowSelected { >>> + background: #FFF55F; >>> +} >>> + >>> +.basic-table .Validate { >>> + background: #A0D5F7; >>> +} >>> + >>> +.basic-table .alternate-rowValidate { >>> + background: #72A8F2; >>> +} >>> + >>> +.basic-table .Warn { >>> + background: #f55C5C; >>> +} >>> + >>> +.basic-table .alternate-rowWarn { >>> + background: #FC7455; >>> +} >>> + >>> +.basic-table tr .button-col { >>> + vertical-align: top; >>> +} >>> + >>> +.basic-table tr .button-col a { >>> + background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> + border: 2px solid #ddd; >>> + color: #333; >>> + float: left; >>> + font-weight:bold; >>> + margin: 0 0.1em 0 0.1em; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> + text-transform:uppercase; >>> + white-space: nowrap; >>> +} >>> + >>> +.basic-table tr .smallSubmit,.basic-table tr >>> .smallSubmit:visited { >>> + background:url(../images/btn-bg.gif) >>> center left repeat-x; >>> + border:2px solid #ddd; >>> + color:#444; >>> + font-weight:bold; >>> + line-height:1.8em; >>> + margin:5px 5px 2px; >>> + padding:2px 4px; >>> + text-transform:uppercase; >>> +} >>> + >>> +.basic-table tr .button-col a:hover, >>> +.basic-table tr .button-col a:active { >>> + color: #1c334d; >>> + margin: 0 0.1em 0 0.1em; >>> + padding: 0.1em 0.4em 0.1em 0.4em; >>> +} >>> + >>> +.basic-table .collapsed { >>> + visibility: collapse; >>> +} >>> + >>> +.basic-table .header-row-2 th, >>> +.basic-table .header-row-2 td { >>> + background:#D14B1F >>> url(../images/tableheader-bg.jpg) repeat-x scroll 0 -100px; >>> + border-bottom:2px solid #FFFFFF; >>> + border-left:1px solid #D14B1F; >>> + color: #fff; >>> + font-weight: bold; >>> + text-align: left; >>> +} >>> + >> >>> +.basic-table .header-row-2 th a, >>> +.basic-table .header-row-2 td a { >>> + color:#fff; >>> +} >>> + >>> +.basic-table .header-row-2 th .sort-order-asc, >>> +.basic-table .header-row-2 td .sort-order-asc { >>> + background: >>> url(/images/arrow-gr-up.png) no-repeat right; >>> + padding-right: 20px; >>> +} >>> + >>> +.basic-table .header-row-2 th .sort-order-desc, >>> +.basic-table .header-row-2 td .sort-order-desc { >>> + background: >>> url(/images/arrow-gr-dw.png) no-repeat right; >>> + padding-right: 20px; >>> +} >>> + >>> +.basic-table .header-row-2 th .sort-order, >>> +.basic-table .header-row-2 td .sort-order { >>> + background: url(/images/arrow-gr.png) >>> no-repeat right; >>> + padding-right: 20px; >>> +} >>> + >>> +.dark-grid { >>> + border-right: 0.1em solid #000000; >>> + border-top: 0.1em solid #000000; >>> +} >>> + >>> +.dark-grid td, >>> +.dark-grid .header-row-2 th, >>> +.dark-grid .header-row-2 td { >>> + border-bottom: 0.1em solid #000000; >>> + border-left: 0.1em solid #000000; >>> +} >>> + >>> +.light-grid { >>> + border-right: 0.1em solid #cccccc; >>> + border-top: 0.1em solid #cccccc; >>> +} >>> + >>> +.light-grid td, >>> +.light-grid .header-row td { >>> + border-bottom: 0.1em solid #cccccc; >>> + border-left: 0.1em solid #cccccc; >>> +} >>> + >>> +.form-widget table tr .label, >>> +.form-widget-table tr .label { >>> + /* Added for backward compatibility */ >>> + width: 20%; >>> +} >>> + >>> +.form-widget table,.form-widget-table { >>> + width: auto; >>> +} >>> + >>> +.form-widget-table { >>> + margin-bottom: 1em; >>> +} >>> + >>> +/*********************************************** >>> +Calendar >>> +***********************************************/ >>> +.field-lookup { >>> + background: >>> url(/images/fieldlookup.gif) no-repeat; >>> +} >>> + >>> +.view-calendar { >>> + background: url(/images/cal.gif) >>> no-repeat; >>> +} >>> + >>> +.calendar { >>> + border-right: 0.1em solid #cccccc; >>> +} >>> + >>> +.calendar tr td { >>> + border-bottom: 0.1em solid #cccccc; >>> + border-left: 0.1em solid #cccccc; >>> + vertical-align: top; >>> + padding: 0.5em; >>> +} >>> + >>> +.calendar .header-row td { >>> + background-color: #69a9d9; >>> + border-bottom: 0.1em solid #cccccc; >>> + border-left: 0.1em solid #cccccc; >>> + color: #ffffff; >>> + height: auto; >>> + text-align: center; >>> +} >>> + >>> +.calendar tr td .add-new { >>> + float: right; >>> +} >>> + >>> +.calendar tr td .h1 { >>> + color: #333; >>> + float: left; >>> +} >>> + >>> +.calendar .current-period { >>> + background-color: #ffffcc; >>> +} >>> + >>> +.calendar .active-period { >>> + background-color: #eeeeee; >>> +} >>> + >>> +.calendar_date_select { >>> + color: #fff; >>> + border: #bbb 2px solid; >>> + display: block; >>> + width: 300px; >>> + z-index: 1000; >>> +} >>> + >>> +.calendar_date_select thead th { >>> + font-weight: bold; >>> + background-color: #666; >>> + border-top: 1px solid #777; >>> + border-bottom: 2px solid #777; >>> + color: white !important; >>> +} >>> + >>> +.calendar_date_select .cds_buttons { >>> + text-align: center; >>> + padding: 5px 0px; >>> + background-color: #666; >>> +} >>> + >>> +.calendar_date_select .cds_footer { >>> + background-color: #fff; >>> + padding: 3px; >>> + font-size: 12px; >>> + text-align: center; >>> + color:#333; >>> +} >>> + >>> +.calendar_date_select .cds_footer span { >>> + display:none >>> +} >>> + >>> +.calendar_date_select table { >>> + margin: 0px; >>> + padding: 0px; >>> +} >>> + >>> +.calendar_date_select .cds_header { >>> + background-color: #fff; >>> + border-bottom: 2px solid #777; >>> + text-align: center; >>> +} >>> + >>> +.calendar_date_select .cds_header span { >>> + font-size: 15px; >>> + color: #000; >>> + font-weight: bold; >>> +} >>> + >>> +.calendar_date_select select { >>> + font-size: 11px; >>> +} >>> + >>> +.calendar_date_select .cds_header a:hover { >>> + color: #1c334d; >>> +} >>> + >>> +.calendar_date_select .cds_header a { >>> + width: 22px; >>> + height: 20px; >>> + text-decoration: none; >>> + font-size: 14px; >>> + color: #000 !important; >>> +} >>> + >>> +.calendar_date_select .cds_header a.prev { >>> + float: left; >>> +} >>> + >>> +.calendar_date_select .cds_header a.next { >>> + float: right; >>> +} >>> + >>> +.calendar_date_select .cds_header a.close { >>> + float: right; >>> + display: none; >>> +} >>> + >>> +.calendar_date_select .cds_header select.month { >>> + width: 90px; >>> +} >>> + >>> +.calendar_date_select .cds_header select.year { >>> + width: 61px; >>> +} >>> + >>> +.calendar_date_select .cds_buttons a { >>> + color: #ccc; >>> + font-size: 11px; >>> +} >>> + >>> +.calendar_date_select td { >>> + font-size: 12px; >>> + width: 24px; >>> + height: 21px; >>> + text-align: center; >>> + vertical-align: middle; >>> + background-color: #f2f2f2; >>> +} >>> + >>> +.calendar_date_select td.weekend { >>> + background-color: #f6f6f6; >>> +} >>> + >>> +.calendar_date_select td div { >>> + color: #333; >>> +} >>> + >>> +.calendar_date_select td div.other { >>> + color: #888; >>> +} >>> + >>> +.calendar_date_select td.selected div { >>> + color: #000; >>> +} >>> + >>> +.calendar_date_select tbody td { >>> + border-bottom: 1px solid #555; >>> +} >>> + >>> +.calendar_date_select td.selected { >>> + background-color: #fff; >>> +} >>> + >>> +.calendar_date_select td.today { >>> + border: 1px dashed #222; >>> +} >>> + >>> +.calendar_date_select td.disabled div { >>> + color: #454545; >>> +} >>> + >>> +/* this is a fun ie6 hack to get drop downs to stay behind >>> the popup window. This should always be just >>> underneath .calendar_date_select */ >>> +iframe.ie6_blocker { >>> + position: absolute; >>> + z-index: 999; >>> +} >>> + >>> +.fieldWithErrors .calendar_date_select { >>> + border: 2px solid #FF0000; >>> +} >>> + >>> +/*********************************************** >>> +Legacy Forms >>> + >>> +*development note: instead of using class names >>> + >>> we should just be using actual >>> + >>> symantic form structure for >>> + >>> forms such as: >>> + >>> <form> >>> + >>> <legend> >>> + >>> <fieldset> >>> + >>> <label>, etc... >>> +***********************************************/ >>> +.label { >>> + font-weight: bold; >>> + text-align: right; >>> + white-space: nowrap; >>> + width: 1%; >>> + margin:0 4px 0 0px; >>> +} >>> + >>> +.basic-form { >>> + clear:both; >>> + display:block; >>> + margin:5px 0 5px 0; >>> + width:100%; >>> +} >>> + >>> +.required,input.required { >>> + background-color: #eeeeee; >>> +} >>> + >>> +.fieldgroup-title-bar { >>> + font-size: 1em; >>> + font-weight: bold; >>> + padding: 0.1em 0.5em 0.2em 0.5em; >>> +} >>> + >>> +.fieldgroup-title-bar ul .collapsed { >>> + background: url(/images/expand.gif) >>> no-repeat left center; >>> + min-height: 1.1em; >>> + min-width: 1.1em; >>> +} >>> + >>> +.fieldgroup-title-bar ul .expanded { >>> + background: url(/images/collapse.gif) >>> no-repeat left center; >>> + min-height: 1.1em; >>> + min-width: 1.1em; >>> +} >>> + >>> +.fieldgroup-title-bar a { >>> +cursor:pointer; >>> +text-decoration:none; >>> +padding-left: 10px; >>> +} >>> + >>> +/*********************************************** >>> +Portals >>> +***********************************************/ >>> +.portlet-config { >>> + background-color: #D4D0C8; >>> + border: 2px solid #D4D0C8; >>> + margin-bottom: 5px; >>> +} >>> + >>> +.portlet-config-title-bar .title { >>> + color: #555555; >>> + font-size: 1.2em; >>> + float: left; >>> +} >>> + >>> +.portlet-config-title-bar ul { >>> + display: inline; /* IE Fix */ >>> +} >>> + >>> +.portlet-config-title-bar ul li { >>> + float: right; >>> + font-size: 1em; >>> + font-weight: bold; >>> + padding: 0.1em 0.5em 0.2em 0.5em; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-up { >>> + background: >>> url(/images/arrow-single-up-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-down { >>> + background: >>> url(/images/arrow-single-down-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-left { >>> + background: >>> url(/images/arrow-single-left-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-right { >>> + background: >>> url(/images/arrow-single-right-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-top { >>> + background: >>> url(/images/arrow-end-up-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.move-bottom { >>> + background: >>> url(/images/arrow-end-down-green.png) no-repeat center >>> center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.remove { >>> + background: url(/images/mini-trash.png) >>> no-repeat center center; >>> +} >>> + >>> +.portlet-config-title-bar ul li.edit { >>> + background: url(/images/mini-edit.png) >>> no-repeat center center; >>> +} >>> + >>> +#manage-portal-toolbar { >>> + background-color: #D4D0C8; >>> + margin-bottom: 0.5em; >>> +} >>> + >>> +#manage-portal-toolbar ul li { >>> + float: left; >>> + padding: 0.1em 0.5em 0.2em 0.5em; >>> +} >>> + >>> +#manage-portal-toolbar #config-on-off, >>> +#manage-portal-toolbar #manage-portal-page, >>> +#manage-portal-toolbar #add-column { >>> + float: right; >>> +} >>> + >>> +#manage-portal-toolbar #portal-page-name { >>> + font-size: 1.5em; >>> + font-weight: bold; >>> +} >>> + >>> +.manage-portal-column-toolbar #add-portlet, >>> +.manage-portal-column-toolbar #delete-column, >>> +.manage-portal-column-toolbar #column-width { >>> + float: right; >>> } >>> \ No newline at end of file >>> >>> Modified: >>> ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> (original) >>> +++ ofbiz/trunk/themes/bluelight/webapp/bluelight/style.css >>> Sun Nov 8 18:36:30 2009 >>> @@ -2035,32 +2035,30 @@ >>> border: 2px solid #FF0000; >>> } >>> >>> -/* ============================= */ /* ===== FieldGroup >>> Styles ===== */ >>> - /* ============================= */ >>> +/* ============================= */ >>> +/* ===== FieldGroup Styles ===== */ >>> +/* ============================= */ >>> .fieldgroup-title-bar { >>> - border-top: 0.1em solid #DADADA; >>> - font-size: 1em; >>> - font-weight: bold; >>> - padding: 0.1em 0.5em 0.2em 0.5em; >>> +font-size: 1.2em; >>> +font-weight: bold; >>> +padding: 5px 0 5px 10px; >>> } >>> >>> .fieldgroup-title-bar ul .collapsed,.fieldgroup-title-bar >>> ul .collapsed:hover >>> - { >>> - background: url(/images/expand.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> +{ >>> +background: url(/bluelight/images/bullet_toggle_plus.png) >>> no-repeat left center; >>> } >>> >>> .fieldgroup-title-bar ul .expanded,.fieldgroup-title-bar >>> ul .expanded:hover >>> - { >>> - background: url(/images/collapse.gif) >>> no-repeat center center; >>> - min-height: 1.1em; >>> - min-width: 1.1em; >>> +{ >>> +background: url(/bluelight/images/bullet_toggle_minus.png) >>> no-repeat left center; >>> } >>> >>> -.fieldgroup-title-bar td.collapse { >>> - width: 1.1em; >>> - cursor: default; >>> +.fieldgroup-title-bar a { >>> +cursor:pointer; >>> +text-decoration:none; >>> +padding-left: 10px; >>> +color: #000000; >>> } >>> >>> /* == Portlet configuration screenlet == */ >>> >>> Modified: >>> ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> URL: >>> http://svn.apache.org/viewvc/ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css?rev=833910&r1=833909&r2=833910&view=diff >>> = = = = = = = = = ===================================================================== >>> --- ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> (original) >>> +++ ofbiz/trunk/themes/flatgrey/webapp/flatgrey/maincss.css >>> Sun Nov 8 18:36:30 2009 >>> @@ -2065,21 +2065,23 @@ >>> >>> .fieldgroup-title-bar ul .collapsed, >>> .fieldgroup-title-bar ul .collapsed:hover { >>> -background: url(/images/expand.gif) no-repeat center >>> center; >>> +background: url(/images/expand.gif) no-repeat left >>> center; >>> min-height: 1.1em; >>> min-width: 1.1em; >>> } >>> >>> .fieldgroup-title-bar ul .expanded, >>> .fieldgroup-title-bar ul .expanded:hover { >>> -background: url(/images/collapse.gif) no-repeat center >>> center; >>> +background: url(/images/collapse.gif) no-repeat left >>> center; >>> min-height: 1.1em; >>> min-width: 1.1em; >>> } >>> >>> -.fieldgroup-title-bar td.collapse { >>> -width: 1.1em; >>> -cursor: default; >>> +.fieldgroup-title-bar a { >>> +cursor:pointer; >>> +text-decoration:none; >>> +padding-left: 10px; >>> +color: #000000; >>> } >>> >>> /* == Portlet configuration screenlet == */ >>> >>> >>> >> >> >> > |
Free forum by Nabble | Edit this page |