Jenks - A simple and clean theme for the Jenkins continous integration server. (Demo: https://ci.minecrell.net)

jenks.css

/*
 * Jenks - A simple and clean theme for the Jenkins continous integration server.
 * Copyright (c) 2014, Minecrell <https://github.com/Minecrell>
 * Licensed under the MIT License: http://opensource.org/licenses/MIT
 */

@import url(//fonts.googleapis.com/css?family=Open+Sans|Source+Code+Pro);

body, table, form, input, td, th, p, textarea, select {
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
}

body {
    color: black;
    font-size: 80%;
}

body, #main-panel-content > div {
    background: #ecf0f1 !important;
}

a {
    text-decoration: none !important;
}

#header {
    background: #34495e;
}

.pane-header {
    background: rgba(0,0,0,0.08);
}

.tabBar .tab a, .tabBar [type="radio"]:checked ~ a {
    background: rgba(0,0,0,0.03);
}

#side-panel {
    padding-left: 10px;
}

table.stripped-odd tr:nth-child(2n) {
    background: rgba(255,255,255, 0.3);
}

table.stripped-odd tr:nth-child(2n+1) {
    background: rgba(255,255,255, 0.8);
}

/*.pane {
    background: white;
    background: rgba(255,255,255,0.7);
}*/

.pane-footer {
    margin-bottom: -3px;
}

#main-panel div[style*="background-color:white"] {
    background-color: inherit !important;
}

#side-panel .pane-frame {
    border: solid 1px #cecece;
    padding-bottom: 3px;
    background: white;
}

#projectstatus {
    border: solid 1px #cecece;
    margin-top: 15px;
}

#projectstatus-tabBar {
    display: none;
}

.bottom-sticker-inner {
    padding-left: 10px;
}

/* Fix global credentials settings getting to big */
select.credentials-select {
    width: 100% !important;
}

/* Icons */
img[class*="icon-blue"],
img[class*="icon-red"],
img[class*="icon-yellow"],
img[class*="icon-aborted"],
img[class*="icon-disabled"],
img[class*="icon-nobuilt"] {
    width: 0px !important;
    height: 0px !important;
    border-radius: 100px; /* Full circle */
    padding: 50px;
    
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

img[class*="icon-blue"][src*="48x48"],
img[class*="icon-red"][src*="48x48"],
img[class*="icon-yellow"][src*="48x48"],
img[class*="icon-aborted"][src*="48x48"],
img[class*="icon-disabled"][src*="48x48"],
img[class*="icon-nobuilt"][src*="48x48"] {
    padding: 16px;
    margin-top: -4px;
    margin-right: 10px;
}

img[class*="icon-blue"][src*="32x32"],
img[class*="icon-red"][src*="32x32"],
img[class*="icon-yellow"][src*="32x32"],
img[class*="icon-aborted"][src*="32x32"],
img[class*="icon-disabled"][src*="32x32"],
img[class*="icon-nobuilt"][src*="32x32"] {
    padding: 12px;
    margin-left: 4px;
    margin-right: -6px;
}

img[class*="icon-blue"][src*="16x16"],
img[class*="icon-red"][src*="16x16"],
img[class*="icon-yellow"][src*="16x16"],
img[class*="icon-aborted"][src*="16x16"],
img[class*="icon-disabled"][src*="16x16"],
img[class*="icon-nobuilt"][src*="16x16"] {
    padding: 7px;
}

img[class*="icon-blue"][src*="24x24"],
img[class*="icon-red"][src*="24x24"],
img[class*="icon-yellow"][src*="24x24"],
img[class*="icon-aborted"][src*="24x24"],
img[class*="icon-disabled"][src*="24x24"],
img[class*="icon-nobuilt"][src*="24x24"] {
    padding: 10px;
    margin-right: 4px;
}

img[class*="icon-blue"] {
    background: #2980b9;
}

img.icon-blue-anime {
    animation-name: running-blue;
}

@keyframes running-blue {
    from {
        background-color: #2980b9;
    }
    
    to {
        background-color: rgba(41, 128, 185, 0.3);
    }
}

img[class*="icon-red"] {
    background: #c0392b;
}

img.icon-red-anime {
    animation-name: running-red;
}

@keyframes running-red {
    from {
        background-color: #c0392b;
    }
    
    to {
        background-color: rgba(192, 57, 43, 0.3);
    }
}

img[class*="icon-yellow"] {
    background: #f1c40f;
}

img.icon-yellow-anime {
    animation-name: running-yellow;
}

@keyframes running-yellow {
    from {
        background-color: #f1c40f;
    }
    
    to {
        background-color: rgba(241, 196, 15, 0.3);
    }
}

img[class*="icon-aborted"] {
    background: #7f8c8d;
}

img.icon-aborted-anime {
    animation-name: running-aborted;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes running-aborted {
    from {
        background-color: #7f8c8d;
    }
    
    to {
        background-color: rgba(127, 140, 141, 0.3);
    }
}


img[class*="icon-disabled"] {
    background: #bdc3c7;
}

img.icon-disabled-anime {
    animation-name: running-disabled;
}

@keyframes running-disabled {
    from {
        background-color: #bdc3c7;
    }
    
    to {
        background-color: rgba(189, 195, 199, 0.3);
    }
}

img[class*="icon-nobuilt"] {
    background: #95a5a6;
}

img.icon-nobuilt-anime {
    animation-name: running-nobuilt;
}

@keyframes running-nobuilt {
    from {
        background-color: #95a5a6;
    }
    
    to {
        background-color: rgba(149, 165, 166, 0.3);
    }
}

/* Console */

pre {
    font-size: 13px;
    font-family: 'Source Code Pro', monospace;
    background: #002b36;
    color: #839496;
    padding: 10px;
    border-radius: 5px;
}

pre a, pre a:link, pre a:visited {
    color: #eee8d5;
}

pre a:hover {
    color: #fdf6e3;
    background: #073642;
}

pre::selection, pre *::selection {
	background: #073642;
}
pre::-moz-selection, pre *::-moz-selection {
    background: #073642;
}

.warning-inline, .gradle-task-progress-status {
    color: #b58900 !important;
}

.error-inline, .gradle-outcome-failure {
    color: #dc322f !important;
}

.gradle-outcome-success {
    color: #268bd2 !important;
}

#console-outline {
    white-space: normal;
}

/* Indent Gradle tasks */
#console-outline-body li {
    margin-left: 15px;
}