Confluence で利用できるサイトレベルの CSS スタイルシート
プラットフォームについて: Server および Data Center のみ。この記事は、Server および Data Center プラットフォームのアトラシアン製品にのみ適用されます。
Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.
*Fisheye および Crucible は除く
要約
複数のスペースで CSS スタイルシートをカスタマイズしたいが、[スペース ツール] > [ルック アンド フィール] > [配色] ページで各カラー フィールドの手動編集は行いたくない場合にこの記事が役立つかもしれません。
ソリューション
対象のページのほとんどのカラー フィールドのほか、サイドバーの色をカスタマイズするための CSS ブロックを含む、包括的な CSS スタイルシートがあります。これは [スペース ツール] > [ルック アンド フィール] > [スタイルシート] ページで利用できます。
スペースの CSS スタイルシート
/*Top Bar*/
#header .aui-header {
background-color: #bb2222;
}
/*Top Bar Text*/
.aui-header .aui-dropdown2-trigger, #header .aui-header .aui-nav-link, #header .aui-header .aui-nav-imagelink, #header .aui-header a {
color: #00cc00;
}
/*Header Button Background*/
#header .aui-header .aui-nav .aui-button-primary{
background-color: #FF4444;
}
/*Header Button Text*/
#header .aui-header .aui-nav .aui-button-primary{
color: #00cc00;
}
/*Top Bar Menu Selected Background*/
#header .aui-header a:focus, #header .aui-header a:hover, #header .aui-header .aui-nav-imagelink:hover, #header .aui-header a:active {
background-color: rgba(100, 9, 9, 0.48);
}
/*Top Bar Menu Selected Text*/
#header .aui-header a:focus, #header .aui-header a:hover, #header .aui-header .aui-nav-imagelink:hover, #header .aui-header a:active {
color: #FF0000;
}
/*Top Bar Menu Item Text*/
.aui-dropdown2-in-header.aui-style-default a, .aui-dropdown2-in-header.aui-style-default a:visited, .aui-dropdown2-in-header.aui-style-default a:link, .aui-dropdown2-in-header.aui-style-default:hover a, .aui-dropdown2-in-header.aui-style-default:hover a:visited, .aui-dropdown2-in-header.aui-style-default:hover a:link {
color: #00FF00;
}
/*Menu Item Selected Background*/
.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):focus, .aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):hover, .aui-dropdown2.aui-style-default:hover a.active:not(.aui-dropdown2-disabled), .aui-dropdown2.aui-style-default:hover .aui-dropdown2-radio:not(.aui-dropdown2-disabled):hover {
background-color: #000044;
}
/*Menu Item Selected Text*/
.aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):focus, .aui-dropdown2.aui-style-default:hover a:not(.aui-dropdown2-disabled):hover, .aui-dropdown2.aui-style-default:hover a.active:not(.aui-dropdown2-disabled), .aui-dropdown2.aui-style-default:hover .aui-dropdown2-radio:not(.aui-dropdown2-disabled):hover {
color: #FF00FF;
}
/*Search Field Background*/
.aui-header .aui-quicksearch input[type='text']{
background-color: rgba(100, 9, 9, 0.48);
}
/*Search Field Text*/
.aui-header .aui-quicksearch:after, .aui-header .aui-quicksearch input[type='text'][type='text']:focus {
color: #FF0000;
}
/*Heading Text*/
h1, h2, h3, h4, .wiki-content h1, .wiki-content h2, .wiki-content h3, .wiki-content h4{
color: #888800;
}
/*Links*/
.wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active {
color: #CC00CC;
}
/*Sidebar*/
.acs-side-bar {
background-color: #f4f5f7;
}
Last modified on Mar 30, 2021
Powered by Confluence and Scroll Viewport.