svn commit: r681696 - /ofbiz/trunk/framework/images/webapp/images/ecommain.css

[adrianc]

Author: adrianc
Date: Fri Aug  1 06:58:43 2008
New Revision: 681696

URL: http://svn.apache.org/viewvc?rev=681696&view=rev
Log:
First pass on updating the ecommerce style sheet, based on the patch found in https://issues.apache.org/jira/browse/OFBIZ-1119. Tested on FF2 and IE7.

This commit should not result in any layout changes. If you spot any problems, post a link on the dev mailing list and I will take care of it.

Modified:
    ofbiz/trunk/framework/images/webapp/images/ecommain.css

Modified: ofbiz/trunk/framework/images/webapp/images/ecommain.css
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/ecommain.css?rev=681696&r1=681695&r2=681696&view=diff
==============================================================================
--- ofbiz/trunk/framework/images/webapp/images/ecommain.css (original)
+++ ofbiz/trunk/framework/images/webapp/images/ecommain.css Fri Aug  1 06:58:43 2008
@@ -19,54 +19,159 @@
 
 /* ===== This file contains the eCommerce specific styles ===== */
 
-/* ===== Basic Element Styles ===== */
-BODY {
-background: #FFFFFF;
-margin-top: 10px;
-margin-right: 10px;
-margin-bottom: 10px;
-margin-left: 10px;
+/* ===== Resets/Browser Normalization ===== */
+
+blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
+img, input, li, ol, p, select, span, td, textarea, th, ul {
+border-style: none;
+margin: 0;
+padding: 0;
 }
 
-FORM {
-margin: 0px;
+a, address, body, caption, cite, code, dfn, em, strong, th, var {
+font-style: normal;
+font-weight: normal;
+text-decoration: none;
 }
 
-UL {
-margin-top: 0;
-margin-bottom: 0;
+body, caption, th {
+text-align: left;
 }
 
-img {
-behavior: url("/images/pngbehavior.htc");
+h1, h2, h3, h4, h5, h6 {
+font-size: 100%;
 }
 
-.endcolumns {
-clear: both;
-height: 0px;
-visibility: hidden;
+ol, ul {
+list-style: none;
 }
 
-TH {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
+/* ===== Basic Element Styles ===== */
+
+
+a, a:visited {
+color: #000099;
 font-weight: bold;
+}
+
+a:hover, a:active {
+text-decoration: underline;
+}
+
+.disabled {
+color: #333366;
 text-decoration: none;
-color: #000000;
 }
 
-TD {
+body, textarea, input, select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+body {
+background-color: #FFFFFF;
+color: #000000;
 font-size: 10px;
-font-weight: normal;
-text-decoration: none;
+margin: 10px;
+}
+
+hr {
+background-color: #999999;
+border: 0;
+height: 1px;
+margin: 5px 0 5px 0;
+}
+
+input[type="radio"], input[type="checkbox"] {
+font-size: 8pt;
+}
+
+input[type="text"], input[type="password"] {
+font-size: 8pt;
+background: white;
+border: #999999 solid 1px;
+margin: 2px;
+}
+
+input[type="submit"], input[type="button"],
+input[type="reset"] {
+font-size: 8pt;
+font-weight: bold;
+color: #000099;
+background: white;
+border: #999999 solid 1px;
+margin: 2px;
+}
+
+input[type="submit"]:hover {
+color: #ff0000;
+cursor: pointer;
+text-decoration: underline;
+}
+
+input[type="file"] {
+font-size: 11px;
+}
+
+select {
+background: #FFFFFF;
+font-size: 8pt;
+border: #999999 solid 1px;
+margin: 2px;
+}
+
+h1, .h1 {
+color: #000099;
+font-size: 12pt;
+font-weight: bold;
+}
+
+h2, .h2 {
+font-size: 10pt;
+font-weight: bold;
+}
+
+h3, .h3 {
+font-size: 8pt;
+font-weight: bold;
+}
+
+/* IE7 fix */
+table {
+font-size: 10px;
+}
+
+/* IE7 fix */
+table input {
+border: #999999 solid 1px;
+}
+
+textarea {
+background: #FFFFFF;
+font-size: 8pt;
+background: white;
+border: #999999 solid 1px;
+margin: 2px;
+}
+
+th, th a {
 color: #000000;
+font-weight: bold;
 }
 
-.hidden {
+img {
+behavior: url("/images/pngbehavior.htc");
+}
+
+.endcolumns {
+clear: both;
+height: 0px;
 visibility: hidden;
 }
 
+.hidden {
+visibility: hidden;
+}
+
 /* ===== Header Styles ===== */
 #ecom-header {
 position: relative;
@@ -105,16 +210,10 @@
 #welcome-message {
 padding-right: 10px;
 padding-left: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
 text-decoration: none;
-color: #000000;
 }
 #welcome-message a {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
-font-weight: bold;
 text-decoration: none;
 color: #000099;
 }
@@ -123,27 +222,20 @@
 text-decoration: underline;
 }
 #company-name {
-margin: 0px;
 font-size: 12pt;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000099;
 white-space: nowrap;
 }
 #company-subtitle {
-margin: 0px;
 font-size: 6pt;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #330099;
 white-space: nowrap;
 }
 
 #microcart {
-font-size: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-decoration: none;
-color: black;
 }
 #microcart a {
 text-decoration: none;
@@ -168,13 +260,7 @@
 #ecom-header-bar ul {
 display: block;
 overflow: visible;
-list-style: none;
 background: transparent;
-vertical-align: middle;
-margin: 0px;
-padding: 0px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 12px;
 }
 
 #ecom-header-bar ul li {
@@ -191,8 +277,6 @@
 }
 
 #ecom-header-bar ul li a {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 color: #000099;
@@ -287,8 +371,6 @@
 }
 
 .boxhead {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
@@ -296,12 +378,10 @@
 }
 
 .boxlink {
-  float:right;
+float: right;
 }
 
 A.boxheadbutton {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
@@ -309,8 +389,6 @@
 }
 
 A.boxheadbutton:hover {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
@@ -335,70 +413,24 @@
 }
 
 /* ===== Text/Label Styles ===== */
-.tabletext, div.form-label, div.form-field {
-font-size: 10px;
-text-decoration: none;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-
-A.tabletext:hover {
-font-size: 10px;
-text-decoration: underline;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-
 .tablebuttontext {
-font-size: 10px;
 color: #1E3C66;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
 .contenttext {
 font-size: 8pt;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
 DIV.tabletexthidden {
-font-size: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 visibility: hidden;
 }
 
-h1 {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
-font-size: 12pt;
-font-weight: bold;
-color: #000099;
-}
-
-h2 {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
-font-size: 10pt;
-font-weight: bold;
-color: #000000;
-}
-
-h3 {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
-font-size: 8pt;
-font-weight: bold;
-color: #000000;
-}
-
 .info {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
-font-size: 10px;
 font-style: normal;
 color: #000000;
 }
 
 DIV.graybox {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
 background: #CCCCCC;
 border: 1px solid #000000;
@@ -411,7 +443,6 @@
 
 .boxoutside {
 background: #FFFFFF;
-padding: 0px;
 border-color: #999999;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
@@ -444,64 +475,42 @@
 
 
 .tableheadtext {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: black;
 }
 
 A.tableheadbutton {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: black;
 }
 
 A.tableheadbutton:hover {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: underline;
 color: red;
 }
 
 .browsecategorytext {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #000099;
 text-indent: -10px;
 }
 
 A.browsecategorybutton {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #000099;
 }
 
 A.browsecategorybutton:hover {
 color: #000099;
-text-decoration: underline;
 }
 
 .browsecategorybuttondisabled {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #333333;
 }
 
 A.buttontext, .buttontextdisabled {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 background: white;
 border: #999999 solid 1px;
 margin: 2px 1px 2px 1px;
@@ -514,20 +523,15 @@
 
 A.buttontext:hover {
 color: red;
-text-decoration: underline;
 }
 
 A.linktext {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #000099;
 }
 
 A.linktext:hover {
 color: red;
-text-decoration: underline;
 }
 
 .buttontextdisabled {
@@ -535,10 +539,7 @@
 }
 
 .submenutextinfo {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: white;
 padding-left: 6px;
 padding-right: 5px;
@@ -546,10 +547,7 @@
 }
 
 .submenutext, A.submenutext, A.submenutext:visited {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: yellow;
 padding-left: 6px;
 padding-right: 5px;
@@ -558,14 +556,10 @@
 
 A.submenutext:hover {
 color: yellow;
-text-decoration: underline;
 }
 
 .submenutextdisabled, A.submenutextdisabled {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #CCCCCC;
 padding-left: 6px;
 padding-right: 5px;
@@ -573,27 +567,18 @@
 }
 
 A.submenutextdisabled:hover {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: underline;
 color: yellow;
 }
 
 .submenutextinforight {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: white;
 padding-left: 6px;
 }
 
 .submenutextright, A.submenutextright {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: yellow;
 padding-left: 6px;
 }
@@ -604,60 +589,40 @@
 }
 
 .submenutextrightdisabled, A.submenutextrightdisabled {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #CCCCCC;
 padding-left: 6px;
 }
 
 A.submenutextrightdisabled:hover {
-text-decoration: underline;
 color: yellow;
 }
 
 A.lightbuttontext {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: yellow;
 border: none;
 }
 
 A.lightbuttontext:hover {
 color: yellow;
-text-decoration: underline;
 }
 
 A.lightbuttontextsmall {
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8px;
 font-weight: bold;
-text-decoration: none;
 color: yellow;
 border: none;
 }
 
-A.lightbuttontextsmall:hover {
-color: yellow;
-text-decoration: underline;
-}
-
 .lightbuttontextdisabled {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-font-size: 10px;
 font-weight: bold;
-text-decoration: none;
 color: #CCCCCC;
 }
 
 A.buttontextbig, .buttontextbigdisabled {
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
-text-decoration: none;
 background: white;
 border: #999999 solid 1px;
 margin: 2px 2px 2px 2px;
@@ -671,7 +636,6 @@
 }
 A.buttontextbig:hover {
 color: red;
-text-decoration: underline;
 }
 
 A IMG.imageborder {
@@ -685,16 +649,13 @@
 
 .headersmalltext {
 font-size: 8pt;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: black;
 }
 a.headersmalllink {
 font-size: 8pt;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000099;
-text-decoration: none;
 }
 a.headersmalllink:hover {
 color: red;
@@ -710,16 +671,12 @@
 }
 
 .errorMessage {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
 font-size: 8pt;
 font-weight: bold;
 color: red;
 }
 
 .eventMessage {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-margin: 0px;
 font-size: 8pt;
 font-weight: bold;
 color: #000099;
@@ -737,13 +694,10 @@
 font-size: 8pt;
 font-weight: bold;
 color: #FFFFFF;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-text-decoration: none;
 padding: 2px;
 }
 
 .offtab {
-font-size: 10px;
 background: #CCCCCC;
 padding: 2px;
 border-style: outset;
@@ -751,11 +705,8 @@
 }
 
 a.offlnk {
-font-size: 10px;
 font-weight: bold;
 color: #000099;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-text-decoration: none;
 padding: 2px;
 }
 
@@ -764,8 +715,6 @@
 }
 
 .areaheader {
-font-size: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #FFFFFF;
 width: 100%;
@@ -785,56 +734,13 @@
 .editInputBox {
 font-size: 8pt;
 background: #FFFFFF;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
-}
-
-.inputBox {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
-}
-
-.selectBox {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-background: #FFFFFF;
-font-size: 8pt;
 background: white;
 border: #999999 solid 1px;
 margin: 2px;
 }
-
-.textAreaBox {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-background: #FFFFFF;
-font-size: 8pt;
-background: white;
-border: #999999 solid 1px;
-margin: 2px;
-}
-
-.radioButton {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-background: #FFFFFF;
-font-size: 8pt;
-}
-
-.checkBox {
-font-family: Verdana, Arial, Helvetica, sans-serif;
-background: #FFFFFF;
-font-size: 8pt;
-}
-
 .smallSubmit {
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
-text-decoration: none;
 color: #000099;
 background: white;
 border: #999999 solid 1px;
@@ -842,10 +748,8 @@
 }
 
 .mediumSubmit,.largeSubmit,.loginButton {
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 font-weight: bold;
-text-decoration: none;
 color: #000099;
 background: white;
 border: #999999 solid 1px;
@@ -854,29 +758,21 @@
 
 .smallSubmit:hover,.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
 color: red;
-text-decoration: underline;
 }
 
 .smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
-font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 }
 
 .basePrice {
-font-size: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 color: black;
 }
 
 .normalPrice {
-font-size: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 color: green;
 }
 
 .salePrice {
-font-size: 10px;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 color: red;
 }
 
@@ -966,9 +862,6 @@
 
 .productsummary .productinfo {
 text-align: left;
-font-size: 10px;
-text-decoration: none;
-font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
 /* ===== Product Detail Styles ===== */