X-Git-Url: http://git.freeside.biz/gitweb/?a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=3a6239e4bea0451791c299c8215521ba80ee77eb;hb=66eb3662102dbf92ac40fb8889c9c5051fd1ed29;hp=f20793b71d0f3002076671f166e963b8374e3b09;hpb=94f8ce6ec2a064822d41f78211216fb216b153bf;p=freeside.git

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index f20793b71..3a6239e4b 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 } */
 
@@ -16,31 +20,89 @@ a[href]:hover {
   color: #7e0079;
 }
 
-textarea, input[type="text"] {
+textarea, input[type="text"], input[type="password"] {
   border: 1px solid #666666;
   padding: 1px;
+	 -moz-border-radius: 2px;
+	 -webkit-border-radius: 2px;
+	 border-radius: 2px;
 }
 
-textarea:hover, input[type="text"]: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;
+	 -webkit-border-radius: 2px;
+	 border-radius: 2px;
 }
 
-textarea:focus, input[type="text"]:focus {
+textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
   background-color: #ffffdd;
   border: 1px solid #7e0079;
+	 -moz-border-radius: 2px;
+	 -webkit-border-radius: 2px;
+	 border-radius: 2px;
+}
+
+.fsdisabled {
+  background-color: #dddddd;
+  color: #666666;
+  border: 1px solid #999999;
+  padding: 1px;
+	 -moz-border-radius: 2px;
+	 -webkit-border-radius: 2px;
+	 border-radius: 2px;
 }
 
-input[type="reset"]:hover, input[type="submit"]:hover, input[class="button"]:hover {
-  /* border: 1px solid #7e0079; */
+input[type="reset"], input[type="submit"], input[type="button"] {
+  background-color: #dddddd;
+  border: 1px solid #666666;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
+  -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);
+}
+
+input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
+  background-color: #e4e4e4;
+  border: 1px solid #7e0079;
   color: #7e0079;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
+  -moz-box-shadow: #7e0079 1px 1px 2px;
+  -webkit-box-shadow: #7e0079 1px 1px 2px;
+  box-shadow: #7e0079 1px 1px 2px;
+  filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2);
 }
 
+/*input[type="select"] {
+  background-color: #eeeeee;
+  border: 1px solid #666666;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
+}
+
+input[type="select"]:hover {
+  background-color: #eeeeee;
+  border: 1px solid #7e0079;
+  color: #7e0079;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
+}
+*/
+
+
 /* a:focus { background-color: #ccccee } */
 
 a.fstab {
          background-color:#cccccc;
-         color: #000000;
+         color: #666666;
          border:1px solid;
          border-top-color:#666666;
          border-left-color:#666666;
@@ -50,49 +112,208 @@ 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;
+         font-size:18px;
+         font-weight:bold;
          text-decoration:none;
          overflow:visible;
+    margin-left:6px;
+    margin-right:6px;
 }
 a.fstab:hover {
   text-decoration:none;
+  border-color:#7e0079;
 }
 
 /* a:link:hover.fsblackbutton,
 a:visited:hover.fsblackbutton
 */
 a.fstabselected {
-         background-color:#f8f8f8;
+         background-color:#ffffff;
          color: #000000;
-         border:1px solid;
-         border-top-color:#7e0079;
-         border-left-color:#7e0079;
-         border-right-color:#7e0079;
-         border-bottom-color:#ffffff;
+         border-top:1px solid #7e0079;
+         border-left:1px solid #7e0079;
+         border-right:1px solid #7e0079;
+         border-bottom:1px solid #ffffff;
          -moz-border-radius-topleft:8px;
          -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;
+         font-size:18px;
+         font-weight:bold;
          text-decoration:none;
          overflow:visible;
+    margin-left:6px;
+    margin-right:6px;
 }
 a.fstabselected:hover {
   text-decoration:none;
   color: #000000;
 }
 
+div.fstabs {
+  padding-left:8px;
+  border-bottom:1px solid #7e0079;
+}
+
+div.fstabcontainer {
+  background-color:#ffffff;
+  padding:8px;
+  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);
+}
+
+.fscontainer {
+  overflow:hidden;
+  display:inline-block;
+}
+.fscontainer {
+  display:block;
+}
+
+.fsbox {
+
+  float:left;
+
+  background-color:#ffffff;
+
+  padding:8px;
+  border-top:1px solid #7e0079;
+  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);
+}
+
+.fsbox .fsbox-title {
+  /*float:left;*/
+  font-size:150%;
+  font-weight:bold;
+}
+
+.fsinnerbox {
+  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);
+}
+
+.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);
+}
+
+.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;
+}
+
+tr.row0 {
+  background-color: #eeeeee;
+}
+
+tr.row1 {
+  background-color: #ffffff;
+}
+
+.grid tfoot tr {
+  background-color: #dddddd;
+  font-style: italic;
+}
+
+/* border at the top of the footer, but not between footer rows */
+.grid tfoot tr:first-child td {
+  border-top: 1px dashed black;
+}
+
+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;
+}
+
+/* but see printtofit.js */
+.nosplit, .nosplitrows tr {
+  page-break-inside: avoid;
+}