48 lines
1.3 KiB
CSS
48 lines
1.3 KiB
CSS
:root {
|
|
/*主体内容最大宽度*/
|
|
--main-max-width: 1200px;
|
|
/*主体内容自适应宽度*/
|
|
--main-width-auto: min(1200px, 70%);
|
|
|
|
/*背景颜色*/
|
|
--bg-color-b1: #000;
|
|
--bg-color-b2: #111;
|
|
--bg-color-b3: #222;
|
|
--bg-color-b4: #333;
|
|
--bg-color-b5: #444;
|
|
--bg-color-b6: #666;
|
|
--bg-color-b7: #777;
|
|
--bg-color-b8: #888;
|
|
--bg-color-b9: #999;
|
|
--bg-color-ba: #aaa;
|
|
--bg-color-bb: #bbb;
|
|
--bg-color-bc: #ccc;
|
|
--bg-color-bd: #ddd;
|
|
--bg-color-be: #eee;
|
|
--bg-color-bf: #fff;
|
|
|
|
/*字体颜色*/
|
|
--color-text: #333;
|
|
--bg-opacity: 0.5;
|
|
--header-bg-color: rgb(254, 255, 252); /*#fefffc*/
|
|
|
|
/*主要着重颜色*/
|
|
--main-strong-color: #333;
|
|
/*菜单长度*/
|
|
--nav-length: 5rem;
|
|
/*圆角*/
|
|
--border-radius: 0.5rem;
|
|
/*blog菜单背景色*/
|
|
--blog-menu-background-color: var(--header-bg-color);
|
|
/*blog菜单默认宽度*/
|
|
--blog-menu-default-width: calc((100% - var(--main-width-auto)) / 2);
|
|
|
|
/*字体颜色*/
|
|
--font-color-top3-h1: #37352f; /*#37352f*/
|
|
--font-color-top3-h2: #5f5e5b; /*1b1b1b*/
|
|
--font-color-top3-h3: #91918e; /*1b1b1b*/
|
|
--font-color-top3-active: rgb(232, 232, 231); /*#e8e8e7*/
|
|
--font-color-top3-hover: rgb(239, 239, 237); /*#EFEFED*/
|
|
|
|
}
|