Author: apatel
Date: Thu Jun 4 00:45:09 2009 New Revision: 781631 URL: http://svn.apache.org/viewvc?rev=781631&view=rev Log: css to style and layout forms in ecommerce component. Will start using it as we clean checkout process forms. Added: ofbiz/trunk/framework/images/webapp/images/forms.css (with props) Added: ofbiz/trunk/framework/images/webapp/images/forms.css URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/forms.css?rev=781631&view=auto ============================================================================== --- ofbiz/trunk/framework/images/webapp/images/forms.css (added) +++ ofbiz/trunk/framework/images/webapp/images/forms.css Thu Jun 4 00:45:09 2009 @@ -0,0 +1,117 @@ +/* + * 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. + */ + +fieldset {clear: both;} +legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;} +fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;} +* html legend {margin-left: -7px;} +*+html legend {margin-left: -7px;} + +form .form-row, form .buttons {clear: both; margin: 0 0 0.8em;} +form .form-row label {display: block;} +form ul.fields li {list-style-type: none; margin: 0;} +form ul.inline li, form ul.inline label {display: inline;} +form ul.inline li {padding: 0 .75em 0 0;} + +form .form-row input, select, textarea, button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; } +form .form-row input, select, textarea { border-style:solid; border-width:1px; background-color:#fff; border-color: #7a7a7a #B4B4B4 #DADADA #B4B4B4;} +form .form-row input, textarea {padding:4px;} + +input.radio {vertical-align: top;} +input.checkbox {vertical-align: bottom;} +label, button, input.submit, input.image {cursor: pointer;} +* html input.radio, * html input.checkbox {vertical-align: middle;} +*+html input.radio, *+html input.checkbox {vertical-align: middle;} + +textarea {overflow: auto;} + +* html button {margin: 0 .34em 0 0;} +*+html button {margin: 0 .34em 0 0;} + +form.horizontal .form-row label {display: inline; float: left; text-align:right; padding-right:.34em} + +/*********************************************** +Buttons +***********************************************/ +.buttons { font-size:100%; padding:5px 0px 5px 0px; text-align:center;} +.buttons a, .buttons button, .buttons input[type=submit], .buttons input[type=reset]{ + display:block; + float:left; + margin:0 7px 0 0; + background-color:#f5f5f5; + border:1px solid #dedede; + border-top:1px solid #eee; + border-left:1px solid #eee; + font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; + font-size:100%; + line-height:130%; + text-decoration:none; + font-weight:bold; + color:#565656; + cursor:pointer; + padding:5px 10px 6px 7px; /* Links */ +} +.buttons button{ + width:auto; + overflow:visible; + padding:4px 10px 3px 7px; /* IE6 */ +} +.buttons button[type]{ + padding:5px 10px 5px 7px; /* Firefox */ + line-height:17px; /* Safari */ +} +*:first-child+html button[type]{ + padding:4px 10px 3px 7px; /* IE7 */ +} +button:hover, .buttons a:hover{ + background-color:#dff4ff; + border:1px solid #c2e1ef; + color:#336699; +} +.buttons a:active{ + background-color:#6299c5; + border:1px solid #6299c5; + color:#fff; +} +.buttons input[type=submit]:hover { + background-color:#dff4ff; + border:1px solid #c2e1ef; + color:#336699; +} +.buttons a.positive:active{ + background-color:#529214; + border:1px solid #529214; + color:#fff; +} +.buttons a.negative, button.negative{color:#d12f19;} +.buttons a.negative:hover, button.negative:hover{ + background:#fbe3e4; + border:1px solid #fbc2c4; + color:#d12f19; +} +.buttons input[type=reset]:hover, .buttons button[type=reset]:hover { + background:#fbe3e4; + border:1px solid #fbc2c4; + color:#d12f19; +} +.buttons a.negative:active{ + background-color:#d12f19; + border:1px solid #d12f19; + color:#fff; +} \ No newline at end of file Propchange: ofbiz/trunk/framework/images/webapp/images/forms.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/trunk/framework/images/webapp/images/forms.css ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/trunk/framework/images/webapp/images/forms.css ------------------------------------------------------------------------------ svn:mime-type = text/css |
Free forum by Nabble | Edit this page |