Make Jenkins look more like an Openstack site

Requires simple-theme-plugin to actually work
In manage jenkins -> configure system:
URL of theme CSS: https://jenkins.openstack.org/plugin/simple-theme-plugin/openstack.css
URL of theme JS: https://jenkins.openstack.org/plugin/simple-theme-plugin/openstack.js

Replaces breadcrumb image with one that support alpha channel, adds a logo replace hack and Openstack styles

Change-Id: I69da652bc3b9e899b6a7a18408bcb944fe4b21b0
This commit is contained in:
Andrew Hutchings 2012-03-14 15:39:09 +00:00
parent 5cd947a18c
commit dfd774c10b
6 changed files with 79 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1,22 @@
body {color: #535353 !important; background: url("/plugin/simple-theme-plugin/openstack-page-bkg.jpg") no-repeat scroll 0 0 white !important; position: static}
a,a:visited {color: #264D69 !important; text-decoration: none !important;}
a:hover {color: #000 !important; text-decoration: underline !important}
#breadcrumbs LI A {background:url('/plugin/simple-theme-plugin/breadcrumb.png') no-repeat right center !important}
#header {margin-top: 5px}
#header tr:first-child {height: 60px}
#heading_text {font-size: 26px; padding-left: 10px; color: #CF2F19}
#top-panel a:hover {text-decoration: none !important}
#top-panel {background: none;}
#top-panel img:first-child {display: none;}
.pane tr:nth-child(even) {background: #EEF3F5; color: #353535}
.pane tr:nth-child(odd) {background: #FFF; color: #353535}
.pane td {border: 1px solid #C5E2EA !important}
div.top-sticker-inner {background: none;}
div[id*='title-dashboard_portlet'] {background-color: #EEEEEE !important; border: 1px solid #D8D8D8 !important}
#statistics th {background-color: #EEEEEE !important; border: 1px solid #D8D8D8 !important}
#viewList td.inactive {border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #C5E2EA;}
#viewList td.inactive a {color: #353535 !important}
#viewList td.inactive:hover {background: none !important}
#viewList td.active {border-top: 0; border-right: 0; border-left: 0; border-bottom: 3px solid #CF2F19; padding-bottom: 0px !important; color: #CF2F19; background: none;}
#viewList td.filler {border: 0}

View File

@ -0,0 +1,22 @@
function makeDoubleDelegate(function1, function2) {
return function() {
if (function1)
function1();
if (function2)
function2();
}
}
function chgeLogo() {
var imgs=document.getElementsByTagName("img");
var imgTag = document.createElement("img");
imgTag.setAttribute("src","https://jenkins-dev.openstack.org/plugin/simple-theme-plugin/title.png");
imgTag.setAttribute("style", "vertical-align: middle;padding-left: 0.75em;");
imgs[0].parentNode.appendChild(imgTag);
var spanTag = document.createElement("span");
spanTag.id="heading_text";
spanTag.innerHTML="Jenkins CI";
imgs[0].parentNode.appendChild(spanTag);
}
window.onload = makeDoubleDelegate(window.onload, chgeLogo);

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -134,4 +134,39 @@ class jenkins_master {
command => "apache2ctl graceful",
}
file { "/var/lib/jenkins/plugins/simple-theme-plugin":
ensure => directory,
owner => 'jenkins',
group => 'nogroup'
}
file { "/var/lib/jenkins/plugins/simple-theme-plugin/breadcrumb.png":
ensure => present,
source => "puppet:///modules/jenkins_master/breadcrumb.png",
require => File["/var/lib/jenkins/plugins/simple-theme-plugin"]
}
file { "/var/lib/jenkins/plugins/simple-theme-plugin/openstack.css":
ensure => present,
source => "puppet:///modules/jenkins_master/openstack.css",
require => File["/var/lib/jenkins/plugins/simple-theme-plugin"]
}
file { "/var/lib/jenkins/plugins/simple-theme-plugin/openstack.js":
ensure => present,
source => "puppet:///modules/jenkins_master/openstack.js",
require => File["/var/lib/jenkins/plugins/simple-theme-plugin"]
}
file { "/var/lib/jenkins/plugins/simple-theme-plugin/openstack-page-bkg.jpg":
ensure => present,
source => "puppet:///modules/jenkins_master/openstack-page-bkg.jpg",
require => File["/var/lib/jenkins/plugins/simple-theme-plugin"]
}
file { "/var/lib/jenkins/plugins/simple-theme-plugin/title.png":
ensure => present,
source => "puppet:///modules/jenkins_master/title.png",
require => File["/var/lib/jenkins/plugins/simple-theme-plugin"]
}
}