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 == */
