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, [email protected] <[email protected]> wrote: > From: [email protected] <[email protected]> > 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: [email protected] > 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 == */ > > >
