X-Git-Url: http://git.freeside.biz/gitweb/?p=freeside.git;a=blobdiff_plain;f=httemplate%2Felements%2Ffreeside.css;h=18b14e395d42622be086f6a691eed31ab18731e3;hp=fc246f5e794886e28198dd8d4645301f5243d9f5;hb=9bdca2fe23584918219395b62effbb9ef0fc5f1c;hpb=2cef81523994bdf6b86da6df80fc3bfe05a282e3

diff --git a/httemplate/elements/freeside.css b/httemplate/elements/freeside.css
index fc246f5e7..18b14e395 100644
--- a/httemplate/elements/freeside.css
+++ b/httemplate/elements/freeside.css
@@ -16,25 +16,200 @@ 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, input[type="password"]:hover {
   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;
 }
 
-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: #666666;
+         border:1px solid;
+         border-top-color:#666666;
+         border-left-color:#666666;
+         border-right-color:#666666;
+         border-bottom-color:#7e0079;
+         -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;
+         /*font-weight:bold;*/
+         /*padding-left:12px;
+         padding-right:12px;*/
+         padding-left:4px;
+         padding-right:4px;
+         font-size:16px;
+         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:#ffffff;
+         color: #000000;
+         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;
+         /*font-weight:bold;*/
+         /*padding-left:12px;
+         padding-right:12px;*/
+         padding-left:4px;
+         padding-right:4px;
+         font-size:16px;
+         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-radius-bottomleft:8px;
+         border-radius-bottomright: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-radius-bottomleft:8px;
+         border-radius-bottomright: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;
+}
+
+.background {
+  background-color:#f8f8f8;
+}