X-Git-Url: http://git.freeside.biz/gitweb/?a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=4fd06a0bf07fa0f02b2b0f6c4e5441161c77f17e;hb=3e9a428cbc8abd4af6fea8eb828126519b43198b;hp=82eb9b56242d31bab75168228d9b7feacb5bc505;hpb=f3c4966ed1f6ec3db7accd6dcdd3a5a3821d72a7;p=freeside.git

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index 82eb9b562..4fd06a0bf 100644
--- 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 } */
 
@@ -113,9 +117,9 @@ a.fstab {
          /*font-weight:bold;*/
          /*padding-left:12px;
          padding-right:12px;*/
-         padding-left:4px;
-         padding-right:4px;
-         font-size:18px;
+         padding-left:3px;
+         padding-right:3px;
+         font-size:17px;
          font-weight:bold;
          text-decoration:none;
          overflow:visible;
@@ -146,9 +150,9 @@ a.fstabselected {
          /*font-weight:bold;*/
          /*padding-left:12px;
          padding-right:12px;*/
-         padding-left:4px;
-         padding-right:4px;
-         font-size:18px;
+         padding-left:3px;
+         padding-right:3px;
+         font-size:17px;
          font-weight:bold;
          text-decoration:none;
          overflow:visible;
@@ -171,16 +175,7 @@ div.fstabcontainer {
   border-left:1px solid #7e0079;
   border-right:1px solid #7e0079;
   border-bottom:1px solid #7e0079;
-         -moz-border-radius-bottomleft:8px;
-         -moz-border-radius-bottomright:8px;
-         -webkit-border-radius-bottomleft:8px;
-         -webkit-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;
-  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
+  border-top:1px solid #7e0079;
 }
 
 .fscontainer {
@@ -221,29 +216,23 @@ div.fstabcontainer {
 }
 
 .fsinnerbox {
-  background-color:#cccccc;
+  /* background-color:#cccccc; */
   padding:2px;
-  -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);
+  border: 1px solid #dddddd;
+  border-radius: 2px;
+}
+
+.fsinnerbox th {
+  font-weight:normal;
+  font-size:75%;
+  valign: bottom;
+  color: #666666;
 }
 
 .fsinnerbox-title {
   font-size:110%;
   font-weight:bold;
-  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);
+  color: #333333;
 }
 
 .background {
@@ -251,19 +240,26 @@ div.fstabcontainer {
 }
 
 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);
+  border: 1px solid #999999;  
+  border-radius: 2px;
+}
+
+th, td {
+  vertical-align: top;
 }
 
-th.grid {
+thead th.grid {
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 2px;
   border: none;
   empty-cells: show;
+  font-weight:normal;
+  font-size:90%;
+  valign: bottom;
+  color: #666666;
+  background: #ffffff;
+  border-bottom: 1px solid #666666;
 }
 
 td.grid {
@@ -278,3 +274,17 @@ 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;
+}
+
+