UI spring cleaning: menu/search bar
authorIvan Kohler <ivan@freeside.biz>
Sun, 14 Jun 2015 06:08:41 +0000 (23:08 -0700)
committerIvan Kohler <ivan@freeside.biz>
Sun, 14 Jun 2015 06:08:41 +0000 (23:08 -0700)
httemplate/elements/freeside-menu.css
httemplate/elements/header.html
httemplate/elements/xmenu.css
httemplate/elements/xmenu.top.css

index 9533f19..a66ebc0 100644 (file)
@@ -1,11 +1,9 @@
 input.fsblackbutton {
-        background-color:#aaaaaa;
+        background-color:#cccccc;
         color: #333333;
         border:1px solid #888888;
 
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
+        border-radius: 2px;
 
          font-family: Arial, Verdana, Helvetica, sans-serif;
         font-weight:bold;
@@ -20,17 +18,15 @@ input.fsblackbutton {
 
 input.fsblackbutton:hover,input.fsblackbutton:focus,
 input.fsblackbuttonselected:hover, input.fsblackbuttonselected:focus {
-        background:#aaaaaa;
+        background:#cccccc;
 }
 
 input.fsblackbuttonselected {
-        background-color:#aaaaaa;
+        background-color:#cccccc;
         color: #7e0079;
         border:1px solid #7e0079;
 
-        -moz-border-radius: 4px;
-        -webkit-border-radius: 4px;
-        border-radius: 4px;
+        border-radius: 2px;
 
          font-family: Arial, Verdana, Helvetica, sans-serif;
         font-weight:bold;
index a9e74ba..014ac6e 100644 (file)
@@ -75,18 +75,18 @@ Example:
 
 %       if ( $mobile ) {
 
-        <TD STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079;width:auto" BGCOLOR="#cccccc">
+        <TD STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079;width:auto" BGCOLOR="#dddddd">
           <SCRIPT TYPE="text/javascript">
             document.write(myBar.toString());
           </SCRIPT>
         </TD>
-        <TD STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079;width:auto" BGCOLOR="#cccccc">
+        <TD STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079;width:auto" BGCOLOR="#dddddd">
             <% include('searchbar-combined.html') |n %>
         </TD>
 
 %       } else {
 
-        <TD COLSPAN="7" WIDTH="100%" STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079" BGCOLOR="#cccccc">
+        <TD COLSPAN="7" WIDTH="100%" STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079" BGCOLOR="#dddddd">
           <SCRIPT TYPE="text/javascript">
             document.write(myBar);
           </SCRIPT>
@@ -96,27 +96,27 @@ Example:
 
       <TR CLASS="fssearchbar">
 
-        <TD COLSPAN=1 BGCOLOR="#cccccc" ALIGN="right" STYLE="padding-left:2px">
+        <TD COLSPAN=1 BGCOLOR="#dddddd" ALIGN="right" STYLE="padding-left:2px">
           <% include('searchbar-prospect.html') |n %>
         </TD>
 
-        <TD COLSPAN=1 BGCOLOR="#cccccc" ALIGN="right" STYLE="padding-left:2px">
+        <TD COLSPAN=1 BGCOLOR="#dddddd" ALIGN="right" STYLE="padding-left:2px">
           <% include('searchbar-cust_main.html') |n %>
         </TD>
 
-        <TD COLSPAN=1 BGCOLOR="#cccccc" ALIGN="center">
+        <TD COLSPAN=1 BGCOLOR="#dddddd" ALIGN="center">
           <% include('searchbar-address2.html') |n %>
         </TD>
 
-        <TD COLSPAN=1 BGCOLOR="#cccccc" ALIGN="right">
+        <TD COLSPAN=1 BGCOLOR="#dddddd" ALIGN="right">
           <% include('searchbar-cust_bill.html') |n %>
         </TD>
 
-        <TD COLSPAN=1 BGCOLOR="#cccccc" ALIGN="right" STYLE="padding-left:2px">
+        <TD COLSPAN=1 BGCOLOR="#dddddd" ALIGN="right" STYLE="padding-left:2px">
           <% include('searchbar-cust_svc.html') |n %>
         </TD>
 
-        <TD COLSPAN=1 BGCOLOR="#cccccc" ALIGN="right" STYLE="padding-left:2px;padding-right:2px">
+        <TD COLSPAN=1 BGCOLOR="#dddddd" ALIGN="right" STYLE="padding-left:2px;padding-right:2px">
           <% include('searchbar-ticket.html') |n %>
         </TD>
 %       }
@@ -128,7 +128,7 @@ Example:
 
       <TR CLASS="fsmenubar">
 
-        <TD COLSPAN="7" WIDTH="100%" STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079" BGCOLOR="#cccccc">
+        <TD COLSPAN="7" WIDTH="100%" STYLE="padding:1px 0px 0px 0px;border-top: 1px solid #7e0079" BGCOLOR="#dddddd">
         </TD>
 
       </TR>
@@ -142,7 +142,7 @@ Example:
 
 % if ( $menu_position eq 'left' ) {
 
-        <TD BGCOLOR="#cccccc" ALIGN="left" HEIGHT="100%" WIDTH="154" VALIGN="top" ALIGN="right" CLASS="fsmenubar">
+        <TD BGCOLOR="#dddddd" ALIGN="left" HEIGHT="100%" WIDTH="154" VALIGN="top" ALIGN="right" CLASS="fsmenubar">
           <SCRIPT TYPE="text/javascript">
             document.write(myBar);
           </SCRIPT>
index e6a39f6..afd9e91 100644 (file)
 
        /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
        /* background:           #a097ed; */
-       background:              #cccccc;
+       background:              #dddddd;
        /* border:                      1px solid #7E0079; */
        /* border:                      1px solid #000000; */
        /* border: none */
index 7a42254..4b6f151 100644 (file)
@@ -98,7 +98,7 @@
 .webfx-menu-bar {
        /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
        /* background:           #a097ed; */
-       background:              #cccccc;
+       background:              #dddddd;
        /* border:                      1px solid #7E0079; */
        /* border:                      1px solid #000000; */
        /* border: none */
        /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
        height:         expression(constExpression(ie50 ? "17px" : "auto"));
 
-        border: 1px solid #cccccc;
+        border: 1px solid #dddddd;
 
         margin-right: 4px