customer view UI

[freeside.git] / httemplate / elements / freeside.css

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index 6cb1503..280427c 100644 (file)
--- a/httemplate/elements/freeside.css
+++ b/httemplate/elements/freeside.css
@@ -3,6 +3,10 @@
   /* font-family: Verdana, Arial, Helvetica, sans-serif; */
 }
 
+pre {
+  font-family: monospace;
+}
+
 A:link IMG, A:visited { border-style: none }
 /* A:focus {text-decoration: underline } */
 
@@ -24,7 +28,7 @@ textarea, input[type="text"], input[type="password"] {
         border-radius: 2px;
 }
 
-textarea:hover, input[type="text"]:hover, input[type="password"]:hover {
+textarea:hover, input[type="text"]:hover:not([disabled]), input[type="password"]:hover:not([disabled]) {
   border: 1px solid #7e0079;
   padding: 1px;
         -moz-border-radius: 2px;
@@ -108,14 +112,14 @@ a.fstab {
          -moz-border-radius-topright:8px;
          -webkit-border-radius-topleft:8px;
          -webkit-border-radius-topright:8px;
-         border-radius-topleft:8px;
-         border-radius-topright:8px;
+         border-top-left-radius:8px;
+         border-top-right-radius:8px;
          /*font-weight:bold;*/
          /*padding-left:12px;
          padding-right:12px;*/
-         padding-left:4px;
-         padding-right:4px;
-         font-size:16px;
+         padding-left:3px;
+         padding-right:3px;
+         font-size:17px;
          font-weight:bold;
          text-decoration:none;
          overflow:visible;
@@ -141,14 +145,14 @@ a.fstabselected {
          -moz-border-radius-topright:8px;
          -webkit-border-radius-topleft:8px;
          -webkit-border-radius-topright:8px;
-         border-radius-topleft:8px;
-         border-radius-topright:8px;
+         border-top-left-radius:8px;
+         border-top-right-radius:8px;
          /*font-weight:bold;*/
          /*padding-left:12px;
          padding-right:12px;*/
-         padding-left:4px;
-         padding-right:4px;
-         font-size:16px;
+         padding-left:3px;
+         padding-right:3px;
+         font-size:17px;
          font-weight:bold;
          text-decoration:none;
          overflow:visible;
@@ -175,8 +179,8 @@ div.fstabcontainer {
          -moz-border-radius-bottomright:8px;
          -webkit-border-radius-bottomleft:8px;
          -webkit-border-radius-bottomright:8px;
-         border-radius-bottomleft:8px;
-         border-radius-bottomright:8px;
+         border-bottom-left-radius:8px;
+         border-bottom-right-radius:8px;
   -moz-box-shadow: #666666 1px 1px 2px;
   -webkit-box-shadow: #666666 1px 1px 2px;
   box-shadow: #666666 1px 1px 2px;
@@ -206,8 +210,8 @@ div.fstabcontainer {
          -moz-border-radius-bottomright:8px;
          -webkit-border-radius-bottomleft:8px;
          -webkit-border-radius-bottomright:8px;
-         border-radius-bottomleft:8px;
-         border-radius-bottomright:8px;
+         border-bottom-left-radius:8px;
+         border-bottom-right-radius:8px;
   -moz-box-shadow: #666666 1px 1px 2px;
   -webkit-box-shadow: #666666 1px 1px 2px;
   box-shadow: #666666 1px 1px 2px;
@@ -220,6 +224,88 @@ div.fstabcontainer {
   font-weight:bold;
 }
 
+.fsinnerbox {
+  /* background-color:#cccccc; */
+  padding:2px;
+  border: 1px solid #dddddd;
+  /* -moz-box-shadow:  1px 1px 2px #666666;
+  -webkit-box-shadow:  1px 1px 2px #666666;
+  box-shadow: 1px 1px 2px #666666;
+  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
+  */
+}
+
+.fsinnerbox th {
+  font-weight:normal;
+  font-size:75%;
+  valign: bottom;
+  color: #999999;
+}
+
+.fsinnerbox-title {
+  font-size:110%;
+  font-weight:bold;
+  /*border-top: 1px solid #dddddd;
+  border-left: 1px solid #dddddd;
+  border-right: 1px solid #dddddd; */
+  /* background-color:#cccccc;
+  padding:2px;
+         -moz-border-radius-topleft:8px;
+         -moz-border-radius-topright:8px;
+         -webkit-border-radius-topleft:8px;
+         -webkit-border-radius-topright:8px;
+         border-top-left-radius:8px;
+         border-top-right-radius:8px;
+  -moz-box-shadow:  1px 0px 1px #999999;
+  -webkit-box-shadow:  1px 0px 1px #999999;
+  box-shadow: 1px 0px 1px #999999;
+  filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=1);
+  */
+}
+
 .background {
   background-color:#f8f8f8;
 }
+
+table.grid {
+  border: 1px solid #cccccc;  
+  -moz-box-shadow:  1px 1px 2px #666666;
+  -webkit-box-shadow:  1px 1px 2px #666666;
+  box-shadow: 1px 1px 2px #666666;
+  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
+}
+
+th.grid {
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-bottom: 2px;
+  border: none;
+  empty-cells: show;
+}
+
+td.grid {
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-bottom: 2px;
+  border: none;
+  empty-cells: show;
+}
+
+table.inv { border: none }
+th.inv { border: none }
+td.inv { border: none }
+
+td.label {
+  text-align: right;
+}
+
+.required {
+  font-weight: bold;
+}
+
+.required::before {
+  content: "* ";
+  color: #ff0000;
+}
+
+