svn commit: r833910 - in /ofbiz/trunk: framework/widget/templates/htm
Locked
svn commit: r833910 - in /ofbiz/trunk: framework/widget/templates/htm
 
|
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 == */ |
«
Return to OFBiz - Commits
|
1 view|%1 views
| Free forum by Nabble | Edit this page |