Skip to content

Instantly share code, notes, and snippets.

@CLCL

CLCL/jenkins-styles.css

Last active Mar 22, 2016
Embed
What would you like to do?
JenkinsのSimple Theme Plugin用CSS。リンクのアンダーラインを消したり、Windowsでフォント指定をメイリオにしたりする。Jenkinsに設定するときは、(昔は、MIME Typeを反映するよう、RawGitHubを通して、https://rawgithub.com/CLCL/8473984/raw/jenkins-styles.css のように指定する。だったが、RawGiitHubがホットリンクを明確に禁止したので、自前の領域に入れてください)
/* JenkinsのCSS設定を変更 */
@import url('http://fonts.googleapis.com/css?family=Inconsolata');
/* フォントに Meiryoを使う */
body, table, form, input, td, th, p, textarea, select {
font-family: Verdana, Meiryo, Helvetica, sans serif;
/* JenkinsのCSSでp要素は 11px に指定されている */
}
/* リンクのアンダーラインを消す、a:visitedの色を変えない、
リンクホバーでバックをオレンジ色にする、変化する時間を設定、
など */
#top-nav a,
#side-panel a,
#main-panel a,
#footer a {
text-decoration: none;
color: #204A87;
transition: all 0.2s ease-out;
}
#side-panel a b {
text-decoration: underline;
}
#top-nav a:hover,
#side-panel a:hover,
#main-panel a:hover,
#footer a:hover {
text-decoration: underline;
color: black;
background-color: orange;
border-radius: 3px;
}
/* a:hoverにbackground-colorをつけたため、アイコン画像を内包するa要素の形状
がおかしく見えるようになった。
サイドパネルのアイコン、ビルド状況お天気アイコンのリンク、
Jenkinsの設定画面でのアイコン、ビルド状況のビルドアイコンのリンクを
正しい形状(inline-block)にする。*/
a.task-icon-link,
.subtasks a:first-of-type,
a.build-health-link,
#management-links tr td:first-of-type a,
#projectStatus tr td:first-of-type a,
#projectStatus tr a[href$="/console"],
#projectstatus tr a[href*="/build?"],
#main-panel table:first-of-type tr td:first-of-type a,
.parentPath form a:first-of-type {
display: inline-block;
}
/* 説明文(#description)などの書式 */
#description p {
/* 先頭でp要素は 11px に指定されている */
/* font-size: 11px; */
line-height: 1.75;
}
pre.console-output,
#main-panel tt,
#description code {
font-family: Consolas, Inconsolata, "Source Code Pro", "Andale Mono", Meiryo;
}
#description code {
font-weight: bold; color: #009;
}
#description li {
/* li要素にはフォント指定は特に当たっていない */
font-family: Verdana, Meiryo, Helvetica, sans serif;
font-size: 11px;
margin-top: 1px;
margin-bottom: 1px;
line-height: 1.66;
}
/* 永続リンクのリスト要素が行間くっつきすぎなので直す */
li.permalink-item {
margin-top: 6px;
margin-bottom: 6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment