@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;
    }
}