User CSS styles for Dovetail Mobile Agent

September 18, 2008

I recently wrote a blog post explaining how I used Stylish to make Dovetail Mobile Agent look the way I wanted it to.

See here:

http://blogs.dovetailsoftware.com/blogs/gsherman/archive/2008/09/17/styling-dovetail-mobile-agent-without-modifying-the-app-itself.aspx

As a reference, here’s the actual Stylish/CSS code I used

 

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(“http://mycompany.com/mobileagent”)
 {

body{
line-height:2.5em !important;
padding:20px 50px 50px 50px !important;
background:#666666 !important;;
}

h1{
font-size:2em !important;
}

#navigation{
text-align:left !important;
padding:5px !important;
padding-left:0px !important;
}

#content{
min-height:500px !important;
background:white !important;
padding-left:20px !important;
}

#header h1{
padding:5px !important;
padding-left:20px !important;
}

#footer-navigation p{
padding:10px !important;
}

#footer-navigation{
background:#c5cb8d !important;
}

label{
width:150px !important;
float:left !important;
font-weight:bold !important;
}

h3{
line-height:2.5em !important;
color:black!important;
font-weight:bold !important;
}

ul{
margin-left:2em !important;
}

a{
text-decoration:underline !important;
}

#listings {
margin-top:20px !important;
}

#listings ul{
line-height:1em !important;
}

.action-navigation, #action-navigation{
text-align:left !important;
line-height:3em !important;
}

.action-link{
border:none  !important;
font-size:1em !important;
}
 

.action-link a, #footer-navigation  a{
color:black !important;
background-color:#E3EDE6 !important;
padding:5px !important;
border:solid 1px black !important;
text-decoration:none!important;

}

.action-link a:hover, #footer-navigation a:hover{
color:white!important;
background-color:navy !important;
}

p{
line-height:1.2em !important;
}

textarea{
width:60% !important;;
height:200px !important;;
}

#phone-log-form label{
width:0px !important;
}

#phone-log-form #message{
display:block !important;
margin-top:45px !important;
}

#phone-log-form {
text-align:left !important;
padding:0 !important;
padding-bottom:50px !important;
}

#call-contact {
text-align:left !important;
border:none !important;
padding-left:0px !important;
}

#case-title {
text-align:left !important;
}

#case-title:before {
content:”Case Title: “;
}

#assign-case, #find-employee,  #employee-listing{
text-align:left !important;
}

#dispatch-case, #find-queue, #queue-listing, #employee-listing{
text-align:left !important;
font-size:1.1em !important;
line-height:1.5em !important;
}

.case-listing{
padding:5px !important;
border-bottom:none !important;
}

.even{
  background-color: #eee !important;
}

.action-link{
visibility:hidden !important;
}

.action-link a{
visibility:visible !important;
}

b{
display:none !important;
}

#search-form label{
width:100px !important;
}

#search-ui ,#search-instructions {
text-align:left !important;
}

#search-announcement, #search-result-details{
background-color:#E3EDE6 !important;
}

#searchResults hr{
display:none !important;
}

.search-results-summary {
border-bottom:none !important;
}

}