Using CSS it's easy to change the look and feel of SmarterTrack's portal and management interface. Below are some common SmarterTrack CSS styles. While some of these styles may still apply to version 10.x, please keep in mind that these styles apply mainly to version 9.x and earlier. 

 

For more information on how to apply CSS to your SmarterTrack install, see the KB Change CSS for Brand.

 

For more information on how to determine what CSS needs to be modified to achieve the look you want, please see Use "Inspect Element" to Determine CSS Modifications.

 

/* Represents the footer at the bottom of the page */
html { background-color: gray; }

/* Links */
a { color: blue; }

/* Text color for the company name at the top */
div.portal-brand-logo span { color: gray; }

/* The live chat panel at the top of the page */
div.chat-panel a { border-color: gray; }

/* The top nag bar */
#nav { background-color: gray; border-color: black; }
#nav a { color: #ddd; }
#nav a.selected { color: white; }

/* The login panel at the top right */
div.login-panel { background-color: gray; border-color: black; }
div.login-panel strong { color: black; }

/* The left side tab panel */
ul.tab-panel span.bg {
background-color: white;
background: -moz-radial-gradient(center 10px, circle farthest-side, white 10%, gray);
background: -webkit-radial-gradient(center 10px, white, gray);
}
ul.tab-panel h3 { color: white; }

/* The footer at the bottom of the page */
#footer { background-color: gray; border-color: black; color: white; }
#footer a { color: white; }

/* Buttons */
a.gradient-btn
{
background-color: #888;
background:-moz-linear-gradient(top, #999, #666);
background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
background-image:-o-linear-gradient(#999, #666);
border-color: black;
}
a.gradient-btn:hover
{
background-color: #999;
background:-moz-linear-gradient(top, #aaa, #888);
background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#888));
background-image:-o-linear-gradient(#aaa, #888);
border-color: black;
}