Skip to content

Instantly share code, notes, and snippets.

@tonybruess
Last active December 16, 2015 00:59
Show Gist options
  • Save tonybruess/5351276 to your computer and use it in GitHub Desktop.
Save tonybruess/5351276 to your computer and use it in GitHub Desktop.
Jenkins Theme
/*
* Bootstrap v2.3.0
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block; }
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1; }
audio:not([controls]) {
display: none; }
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
a:focus {
outline: thin dotted #333333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
a:hover,
a:active {
outline: 0; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic; }
#map_canvas img,
.google-maps img {
max-width: none; }
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle; }
button,
input {
*overflow: visible;
line-height: normal; }
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer; }
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
textarea {
overflow: auto;
vertical-align: top; }
@media print {
* {
text-shadow: none !important;
color: black !important;
background: transparent !important;
box-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
background-color: white; }
a {
color: #0088cc;
text-decoration: none; }
a:hover,
a:focus {
color: #005580;
text-decoration: underline; }
.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
.yui-skin-sam .yui-button button, .btn {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: whitesmoke;
background-image: -moz-linear-gradient(top, white, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, white, #e6e6e6);
background-image: -o-linear-gradient(top, white, #e6e6e6);
background-image: linear-gradient(to bottom, white, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border: 1px solid #cccccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.yui-skin-sam .yui-button button:hover, .yui-skin-sam .yui-button button:focus, .yui-skin-sam .yui-button button:active, .yui-skin-sam .yui-button button.active, .yui-skin-sam .yui-button button.disabled, .yui-skin-sam .yui-button button[disabled], .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9; }
.yui-skin-sam .yui-button button:active, .yui-skin-sam .yui-button button.active, .btn:active, .btn.active {
background-color: #cccccc \9; }
.yui-skin-sam .yui-button button:first-child, .btn:first-child {
*margin-left: 0; }
.yui-skin-sam .yui-button button:hover, .yui-skin-sam .yui-button button:focus, .btn:hover, .btn:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear; }
.yui-skin-sam .yui-button button:focus, .btn:focus {
outline: thin dotted #333333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.yui-skin-sam .yui-button button.active, .yui-skin-sam .yui-button button:active, .btn.active, .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.yui-skin-sam .yui-button button.disabled, .yui-skin-sam .yui-button button[disabled], .btn.disabled, .btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px; }
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0; }
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px; }
.btn-mini {
padding: 0px 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.btn-block + .btn-block {
margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75); }
.btn-primary {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006ccc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0044cc;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: white;
background-color: #0044cc;
*background-color: #003bb3; }
.btn-primary:active, .btn-primary.active {
background-color: #003399 \9; }
.btn-warning {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f9a732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
color: white;
background-color: #f89406;
*background-color: #df8505; }
.btn-warning:active, .btn-warning.active {
background-color: #c67605 \9; }
.btn-danger {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4e49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
color: white;
background-color: #bd362f;
*background-color: #a9302a; }
.btn-danger:active, .btn-danger.active {
background-color: #942a25 \9; }
.btn-success {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb65b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF51A351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
color: white;
background-color: #51a351;
*background-color: #499249; }
.btn-success:active, .btn-success.active {
background-color: #408140 \9; }
.btn-info {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
color: white;
background-color: #2f96b4;
*background-color: #2a85a0; }
.btn-info:active, .btn-info.active {
background-color: #24748c \9; }
.btn-inverse {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: -moz-linear-gradient(top, #444444, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: -o-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0);
border-color: #222222 #222222 black;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #222222;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
color: white;
background-color: #222222;
*background-color: #151515; }
.btn-inverse:active, .btn-inverse.active {
background-color: #090909 \9; }
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px; }
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0; }
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px; }
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px; }
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px; }
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn-link {
border-color: transparent;
cursor: pointer;
color: #0088cc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.btn-link:hover,
.btn-link:focus {
color: #005580;
text-decoration: underline;
background-color: transparent; }
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #333333;
text-decoration: none; }
.yui-skin-sam .yui-button, .yui-skin-sam .yui-button .first-child {
border-width: 0; }
.pull-right {
float: right; }
.pull-left {
float: left; }
.hide {
display: none; }
.show {
display: block; }
.invisible {
visibility: hidden; }
.affix {
position: fixed; }
.clearfix {
*zoom: 1; }
.clearfix:before, .clearfix:after {
display: table;
content: "";
line-height: 0; }
.clearfix:after {
clear: both; }
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
background: #fafafa; }
h1, h2, h3, h4, h5, h6 {
color: #4f7b94; }
h1,
h2,
h3 {
line-height: 28px; }
h1 {
font-size: 24.5px; }
h2 {
font-size: 17.5px; }
h3 {
font-size: 14px; }
h4 {
font-size: 14px; }
h5 {
font-size: 14px; }
h6 {
font-size: 11.9px; }
h1 small {
font-size: 21px; }
h2 small {
font-size: 14px; }
h3 small {
font-size: 14px; }
h4 small {
font-size: 14px; }
#top-panel {
background: white; }
#top-panel a {
color: #ee2e24; }
#top-panel a:hover {
text-decoration: underline; }
#top-panel td#login-field {
padding-right: 20px; }
#top-panel td#login-field span {
color: #ee2e24; }
#top-panel td#login-field span a {
background: none; }
#top-panel td #searchform a {
background: none;
height: auto;
width: auto; }
#top-panel td > a {
background: url("https://dl.dropbox.com/u/11955223/mmt-digital-logo.png") 8px 4px no-repeat;
display: block;
height: 85px;
width: 276px;
margin: 10px 0 0 10px; }
#top-panel td > a img {
display: none; }
.top-sticker-inner {
background: #f2f2f2; }
#top-nav #breadcrumbs {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9; }
#top-nav #breadcrumbs li a {
background-image: none; }
#top-nav #breadcrumbs, #top-nav .smallfont {
padding: 8px 15px;
list-style: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
#top-nav #breadcrumbs > li, #top-nav .smallfont > li {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
text-shadow: 0 1px 0 white; }
#top-nav #breadcrumbs > li > .divider, #top-nav .smallfont > li > .divider {
padding: 0 5px;
color: #ccc; }
#top-nav #breadcrumbs .active, #top-nav .smallfont .active {
color: #999999; }
#top-nav .smallfont a, #top-nav .smallfont a:link, #top-nav .smallfont a:active, #top-nav .smallfont a:visited {
text-decoration: none; }
#search-box {
background: none;
padding: 3px;
border: 1px solid #cccccc; }
form {
margin: 0; }
form #searchform a {
display: none; }
#projectstatus {
background: #fafafa; }
#projectstatus tr:nth-of-type(odd) {
background-color: #f9f9f9; }
#projectstatus tr:nth-of-type(odd):hover {
background-color: whitesmoke; }
#projectstatus tr:nth-of-type(even) {
background-color: transparent; }
#projectstatus tr:nth-of-type(even):hover {
background-color: whitesmoke; }
#left-top-nav {
border-left: none; }
#side-panel {
background-color: #fafafa;
padding: 0 0 0 20px; }
#side-panel > div:not(#navigation) {
display: none; }
#side-panel .task a {
display: inline-block;
text-decoration: none;
width: 10%; }
#side-panel .task a + a {
width: 83%;
padding: 4px; }
#side-panel .task a + a:hover {
background-color: #f9f9f9; }
#side-panel .task a:hover {
text-decoration: underline; }
#main-panel {
background: #fafafa;
padding: 0 20px; }
#main-panel > h1 {
margin-top: 0; }
#main-table {
border-top: 0;
border-bottom: 0; }
#description > div {
font-size: 1.3em; }
#footer {
border-top: none;
font-family: "Courier New", Courier, monospace; }
#footer #l10n-footer {
display: none !important; }
#footer a {
text-decoration: none; }
#view-message #description a img {
padding-right: 4px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment