Here at Yelp, there is a TV that displays Pharos and a Jenkins build monitor. We use these user styles to make them presentable on a large monitor.

ezwall.css

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

@-moz-document regexp(".*jenkins\.yelpcorp\.com/ezwall.*")  {
    .job-status-ok {
        /* Smooth gray successes */
        background-color: rgba(0,0,0,0) !important;
    }
    .job-status-ko {
        /* Alarmingly red failures */
        background-color: #a00 !important;
    }
    .job-status-instable {
        /* Unstable (instable?) jobs are orange */
        background-color: #FF892D;
    }
    .job-text {
        /* Some styling defaults for the job titles... */
        color: #DEDEDE !important;
        text-shadow: none !important;
        font-weight: normal !important;
        font: normal normal normal 1em 'Lucida Grande', 'Droid Sans', 'DejaVu Sans', Tahoma, sans-serif;
        text-overflow: ellipsis !important;
        display: block !important;
        overflow: hidden;
        padding: 3px;
    }
    .job-building {
        /* When a job is building, show the spinning throbber... */
        background-image: url(http://people.yelpcorp.com/~klange/91.png) !important;
        background-size: 42px 42px !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
    }
    .job-building .job-text {
        /* Align the job title to account for the throbber */
        margin-left: 44px !important;
    }
    .job-building .job-text:after {
        /* And make it say "(now building)" */
        content: "(now building)";
        color: #aaa;
        font-size: 18px;
        display: block;
    }
    .job-status-none {
        /* Jobs that are disabled are hidden. Note that the
           JS will still assume they are there, but this will
           only produce additional space at the bottom (because it
           will assume there are more jobs than there actually are)*/
        display: none !important;
    }
    .job-building .job-glow {
        /* Make the job "glow" blue as it's building */
        background-color: rgba(0, 63, 255, 0.30) !important;
    }
    body {
        /* Set the background color to match Pharos */
        background-image: url(http://people.yelpcorp.com/~klange/stripez4.png) !important;
    }
    div.job {
        padding: 0px !important;
        white-space: nowrap !important;
        font-size: 24px !important;
        margin: 0px !important;
        overflow: hidden;
        /* Shadows look bad */
        text-shadow: none !important;
       box-shadow: none !important;
        /* EZwall centers by default... */
        text-align: left !important;
        /* Force sizes so we get a good number of columns */
        width: 200px !important;
        height: 60px !important;
        /* Let the backgrounds be rounded */
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        border-radius: 10px !important;
    }
    #header {
        /* Kill the header menu (it gets annoying trying to hide it) */
        display: none !important;
    }
}

pharos.css

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

@-moz-document regexp(".*pharos\.yelpcorp\.com.*")  {
    header nav {
        padding: 0em 0em 0em 0em !important;
    }
    body {
        padding: 0em 3em 0em 3em !important;
        background-image: url(http://people.yelpcorp.com/~klange/stripez4.png) !important;
    }
    #title {
        /* Hide the title */
        display: none;
    }
    #tagline {
        /* And the tagline */
        display: none;
    }
    .metric_list > h2 {
        /* Some style tweaks */
        font-weight: bold;
        text-decoration: underline;
        font-size: 24px !important;
        padding-top: 0.3em !important;
    }
    .metric_list {
        padding: 0px !important;
    }
    .metric {
        /* Resize these to be wide and short */
        padding: .1em 0em 0em 1em !important;
        width: 590px !important;
        height: 44px !important;
        font-size: 25px;
        border: none !important;
    }
    .metric_duration > small {
        /* Change this color to be more visible */
        color: #aaaaaa;
        font-size: 16px;
    }
    .metric_name {
        width: 280px !important;
    }
    .metric_value_ok, .metric_value_warning, .metric_value_critical {
        padding: 0.2em 1.3em 0.2em 0.7em !important;
    }
    .metric_value_warning {
        /* White on orange is hard to read, let's do black on orange instead */
        color: #FFF;
        background-color: #FF892D !important;
    }
    .metric_detail {
        display: inline !important;
        position: absolute;
        left: 500px;
        margin-top: 3px !important;
        font-size: 10px !important;
        color: #aaaaaa;
    }
    
    #footer_powered {
        /* And hide the footer to be clean */
        display: none;
    }
    #footer_generated {
        display: none;
    }
}