Request Tracker Stylesheet: Heavenly Gradient

rt-heavenly-style.css

/* Page */
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,400,700,300italic,400italic,700italic|Fira+Mono:400,700|Over+the+Rainbow|Merriweather:400,300italic,300,400italic,700,700italic);

/* Fonts 

  font-family: 'Fira Sans', sans-serif;
  font-family: 'Merriweather', serif;
  font-family: 'Fira Mono', monospace;
  font-family: 'Over the Rainbow', cursive, fancy;

*/

DIV#quickbar {font-family: 'Fira Sans'; font-size: .80rem;}
DIV.details {font-family: 'Fira Sans';}

body {
    padding: 0;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    background: linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); !important;   
}
page#body, div#body {
    background: linear-gradient(90deg, #ECE9E6 10%, #FFFFFF 90%); !important;   
}

DIV#quickbar {font-family: 'Fira Sans'; font-size: .80rem;}
DIV.details {font-family: 'Merriweather'; font-size: 1.0rem;}
DIV.ui-tabs-panel.ui-widget-content {font-family: 'Fira Sans'; font-size: 0.98rem;}
UL.ui-tabs-nav {font-family: 'Fira Mono'; font-weight: 600;}
div#titlebox title { font-family: 'Fira Sans';}
H3.ui-accordion-header {font-family: 'Fira Sans'; font-size: 0.94rem;}
div#footer #bpscredits {
    text-align: right;
    background: url(../../../static/images/bpslogo.png) no-repeat top right;
    padding-top: 4em;
        font-family: 'Over the Rainbow', cursive;
        font-size: 0.92rem;
}

/* Menu bar */
div#quickbar { background: #ede4d9; color: #000; border: none; }
#main-navigation #app-nav.sf-shadow > li, #main-navigation #app-nav.sf-shadow > li > a, #prefs-menu > li, #prefs-menu > li > a, #logo .rtname, #sf-sub-indicator { color: #111; !important}

/* Title bar */
div#header { background: linear-gradient(90deg, #649173 10%, #DBD5A4 90%) !important; 
}

/* Page title */
div#header h1 {
font-family: 'Fira Sans', sans-serif; font-weight: 600;}

/* Buttons */
input[type="reset"], input[type="submit"], input[class="button"] { background: #c3d3ab; color: #000 }

/* Button hover */
input[type="reset"]:hover, input[type="submit"]:hover, input[class="button"]:hover { background: #eaebb7; color: #000 }

.ticket-transaction.other, 
.ticket-transaction.people,
.ticket-transaction.basics, 
.ticket-transaction.links { 
   font-size: 10px !important; 
   font-weight: normal !important;
   color: #999 !important;
   height: 1.4rem;
   border-bottom: 1 !important;
   border-top: 0 !important;
}
 
.ticket-transaction.other .metadata  { padding-left: 3ex; }
.ticket-transaction.people .metadata  { padding-left: 3ex; }
.ticket-transaction.basics .metadata  { padding-left: 3ex; }
.ticket-transaction.links .metadata  { padding-left: 3ex; }
 
.ticket-transaction.other .metadata .type { display: none; }
.ticket-transaction.people .metadata .type { display: none; }
.ticket-transaction.basics .metadata .type { display: none; }
.ticket-transaction.links .metadata .type { display: none; }
 
.ticket-transaction.other .metadata .content { display: none; }
.ticket-transaction.people .metadata .content { display: none; }
.ticket-transaction.basics .metadata .content { display: none; }
.ticket-transaction.links .metadata .content { display: none; }
 
.ticket-transaction.other .type { height: 1ex; }
 
 
#quickbar { position: fixed; top: 0; z-index: 9996; width: 100%; 
background: linear-gradient(90deg, #649173 10%, #DBD5A4 90%) !important; 
}
 
#main-navigation { position: fixed; top: 0; }
#logo { position: fixed !important; top: 0 !important; z-index: 9997; }
 
.titlebox-content {

background: linear-gradient(to bottom, rgb(246,246,246) 0%,rgb(246,246,246) 100%); /* W3C */
span.right {
    background-color: transparent !important;
    border: 0 !important;
    font-weight: bold ;
}
}
div.titlebox {
background: 
-webkit-box-shadow: 1px 8px 24px -9px rgba(102,102,102,0.82);
-moz-box-shadow: 1px 8px 24px -9px rgba(102,102,102,0.82);
box-shadow: 1px 8px 24px -9px rgba(102,102,102,0.82);
 }

For my household RT instance — a slightly heavenly stylesheet.