RT 4 - custom css

rt.css

/* Page */
body {}

/* Header */
div#quickbar {}
body.aileron #main-navigation #app-nav > li, body.aileron #main-navigation #app-nav > li > a, #prefs-menu > li, #prefs-menu > li > a, #logo .rtname {}

/* Page title */
div#header h1 {}

/* Page content */
div#body {}

/* Buttons */
input[type="reset"], input[type="submit"], input[class="button"] {}

/* Button hover */
input[type="reset"]:hover, input[type="submit"]:hover, input[class="button"]:hover {}

.ticket-transaction.other, 
.ticket-transaction.people,
.ticket-transaction.basics, 
.ticket-transaction.links { 
   font-size: 10px !important; 
   font-weight: normal !important;
   color: #999 !important;
   height: 2ex;
   border-bottom: 0 !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-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.41, rgb(215,215,215)),
	color-stop(0.71, rgb(228,228,228)),
	color-stop(0.92, rgb(250,250,250)) 
) !important;
}

#main-navigation { position: fixed; top: 0; }
#logo { position: fixed !important; top: 0 !important; z-index: 9997; }

.titlebox-content {
background-image: linear-gradient(bottom, rgb(215,222,227) 41%, rgb(228,233,240) 71%, rgb(250,250,250) 92%);
background-image: -o-linear-gradient(bottom, rgb(215,222,227) 41%, rgb(228,233,240) 71%, rgb(250,250,250) 92%);
background-image: -moz-linear-gradient(bottom, rgb(215,222,227) 41%, rgb(228,233,240) 71%, rgb(250,250,250) 92%);
background-image: -webkit-linear-gradient(bottom, rgb(215,222,227) 41%, rgb(228,233,240) 71%, rgb(250,250,250) 92%);
background-image: -ms-linear-gradient(bottom, rgb(215,222,227) 41%, rgb(228,233,240) 71%, rgb(250,250,250) 92%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.41, rgb(215,222,227)),
	color-stop(0.71, rgb(228,233,240)),
	color-stop(0.92, rgb(250,250,250))
);
}

span.right {
    background-color: transparent !important;
    border: 0 !important;
    font-weight: bold ;
    font-size: 80% !important;
}

RT4 has added possibility to have custom CSS. Default ticket display is really ugly - all system messages (actions) are shown exactly the same as user actions. This addition to CSS make system actions to stand out less: smaller fonts, and less contrast.

Stuff that's added is all .ticket-transaction entries at the bottom.

Added some color gradients, menu position sticky fixed at the top. Other small changes.