版頭重新着色

您現在最好給我停下來

本頁面內包含基金會維基內部使用的模板

嚴禁任何人員在未經網站行政人員
之授權下修訂本頁面


評分: 0+x

這模板令您能使用代碼而不是圖像來修改版頭的顏色;你可以在頁面頂部插入此代碼,你可以將其用於您的各個頁面或CSS外觀主題。

[[include :scp-zh-tr:component:body-bg]]

然後是下面的內容(注意:如下面的代碼所示,以RGB表示的值)。

[[module css]]
:root {
--head-top: [版頭上方顏色];
--head-bottom: [版頭上方顏色];
--bar-top: [頂部選單上方顏色];
--bar-bottom: [頂部選單下方顏色];
--bar-shadow-top: [頂部選單上方陰影顏色];
--bar-shadow-bottom: [頂部選單下方陰影顏色];
--body: [頁面顏色 (譯註:可能這變量是用來接上內文的顏色用的,因為它只有0.12rem高。)];
}
[[/module]]

您可以刪走不需更改的變量。

代碼

/*
     CSS gradient to replace Sigma-9 body-bg image
     By 7happy7, Dr Lekter and Styrius
     Based on code by Woedenaz
*/
 
:root {
    --head-top: 0, 0, 0; /* Black */
    --head-bottom: 103, 61, 61; /* Brown */
    --bar-top: 83, 83, 83; /* Light gray */
    --bar-bottom: 59, 59, 59; /* Dark gray */
    --bar-shadow-top: 95, 60, 60; /* Dark brown */
    --bar-shadow-bottom: 157, 157, 157; /* Very light gray */
    --body: 255, 255, 255; /* White */
}
 
div#container-wrap {
    background-image:
        linear-gradient(to top, rgba(var(--head-bottom), .5) 10%,
        rgba(var(--head-top), 1) 80%), 
 
        repeating-linear-gradient(45deg,hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 2px,
        rgba(88, 88, 88, 0.2) 2px,
        rgba(88, 88, 88, 0.2) 4px),
 
        linear-gradient(to bottom, rgba(var(--head-top), 1) 4.67rem,
        rgba(var(--head-bottom), 1) 8.55rem,
        rgba(var(--bar-shadow-top), 1) 8.675rem,
        rgba(var(--bar-top), 1) 8.8rem,
        rgba(var(--bar-top), 1) calc(90% - 0.125rem),
        rgba(var(--bar-bottom), 1) calc(98% - 0.125rem)),
 
        linear-gradient(to bottom,rgba(var(--bar-bottom), 1) 10.1rem,
        rgba(var(--bar-shadow-bottom), 1) 10.225rem,
        rgba(var(--body), 1) 10.345rem);
 
    background-size: 100% 8.7rem, 100% 8.7rem, 100% 10.1rem, 100% 10.465rem;
    background-repeat: no-repeat;
}
除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License