MediaWiki:Lakeus.css:修订间差异
来自卖块资源站
MangoFanFan(留言 | 贡献) 小 (设计全站样式) |
MangoFanFan(留言 | 贡献) (设计全站样式) |
||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用Lakeus皮肤的用户 */ | /* 这里放置的CSS将影响使用Lakeus皮肤的用户 */ | ||
/* 复制皮肤预设主题 */ | |||
:root { | |||
--color-primary: #0077bb; | |||
--color-secondary: #ffffff; | |||
--color-neutral: #a2a9b1; | |||
--color-warning: #ffcc33; | |||
--color-error: #dd3333; | |||
--color-success: #14866d; | |||
--color-header: #333333; | |||
--color-link: #0077bb; | |||
--elevation: 0 2px 2px rgba( 0, 0, 0, 10% ); | |||
--background-color-base: #f6f9fc; | |||
--color-link--visited: #004c8a; | |||
--color-link--active: #57a6ee; | |||
--color-link-new: #bb4400; | |||
--color-link-new--visited: #840f00; | |||
--color-link-new--active: #f47334; | |||
--color-link-external: #006eb1; | |||
--color-link-external--visited: #004481; | |||
--color-link-external--active: #559ce3; | |||
--header-elevation: inset 0px -5px 0px 0px #08c; | |||
--text-color-header: #ffffff; | |||
--icon-filter-header: invert(1) hue-rotate(180deg); | |||
--background-color-search-suggestions-current: #0077bb; | |||
--background-color-toggle-list: #ffffff; | |||
--background-color-toggle-list-card: #0077bb; | |||
--text-color-toggle-list-item: #000000; | |||
--background-color-toggle-list-item-hover: rgba(0,119,187,0.1); | |||
--text-color-toggle-list-item-hover: #0077bb; | |||
--background-color-toggle-list-item-focus: rgba(0,110,177,0.2); | |||
--text-color-toggle-list-item-focus: #0077bb; | |||
--subheader-color-toggle-list: #0065a7; | |||
--logo-text-color-toggle-list: #ffffff; | |||
--mask-background: rgba(0,0,0,0.8); | |||
--background-color-content: #ffffff; | |||
--text-color-content: #000000; | |||
--background-color-body: #f6f9fc; | |||
--text-color-body: #000000; | |||
--color-accent-header-tab: #0077bb; | |||
--color-accent-header-tab-selected: #0077bb; | |||
--color-accent-header-tab-new: #0077bb; | |||
--color-tagline: rgba(0,0,0,0.7); | |||
--background-color-portlet-body: #ffffff; | |||
--text-color-portlet-item: #000000; | |||
--background-color-portlet-item-hover: rgba(0,119,187,0.1); | |||
--text-color-portlet-item-hover: #0077bb; | |||
--background-color-portlet-item-focus: rgba(87,166,238,0.1); | |||
--text-color-portlet-item-focus: #0077bb; | |||
--background-color-footer: #f6f9fc; | |||
--text-color-footer: #000000; | |||
--color-footer-link: #0077bb; | |||
--color-footer-link--visited: #004c8a; | |||
--background-color-toc-button: #ffffff; | |||
--icon-filter-toc-button: unset; | |||
--text-color-sticky-toc-number: rgba(0,0,0,0.7); | |||
} | |||
#content { | |||
border: 1px solid var(--border-color-content); | |||
} | |||
@media screen and ( max-width: 720px ) { | |||
#content { | |||
border-left: none; // no left and right border when #content is as wide as viewport; adjust the value if not appropriate | |||
border-right: none; | |||
} | |||
} | |||
#ca-uls .uls-trigger { | |||
background-image: none; | |||
padding-left: 0; | |||
} | |||
/* 调整页面宽度——更宽! */ | /* 调整页面宽度——更宽! */ |
2024年7月10日 (三) 23:39的版本
/* 这里放置的CSS将影响使用Lakeus皮肤的用户 */
/* 复制皮肤预设主题 */
:root {
--color-primary: #0077bb;
--color-secondary: #ffffff;
--color-neutral: #a2a9b1;
--color-warning: #ffcc33;
--color-error: #dd3333;
--color-success: #14866d;
--color-header: #333333;
--color-link: #0077bb;
--elevation: 0 2px 2px rgba( 0, 0, 0, 10% );
--background-color-base: #f6f9fc;
--color-link--visited: #004c8a;
--color-link--active: #57a6ee;
--color-link-new: #bb4400;
--color-link-new--visited: #840f00;
--color-link-new--active: #f47334;
--color-link-external: #006eb1;
--color-link-external--visited: #004481;
--color-link-external--active: #559ce3;
--header-elevation: inset 0px -5px 0px 0px #08c;
--text-color-header: #ffffff;
--icon-filter-header: invert(1) hue-rotate(180deg);
--background-color-search-suggestions-current: #0077bb;
--background-color-toggle-list: #ffffff;
--background-color-toggle-list-card: #0077bb;
--text-color-toggle-list-item: #000000;
--background-color-toggle-list-item-hover: rgba(0,119,187,0.1);
--text-color-toggle-list-item-hover: #0077bb;
--background-color-toggle-list-item-focus: rgba(0,110,177,0.2);
--text-color-toggle-list-item-focus: #0077bb;
--subheader-color-toggle-list: #0065a7;
--logo-text-color-toggle-list: #ffffff;
--mask-background: rgba(0,0,0,0.8);
--background-color-content: #ffffff;
--text-color-content: #000000;
--background-color-body: #f6f9fc;
--text-color-body: #000000;
--color-accent-header-tab: #0077bb;
--color-accent-header-tab-selected: #0077bb;
--color-accent-header-tab-new: #0077bb;
--color-tagline: rgba(0,0,0,0.7);
--background-color-portlet-body: #ffffff;
--text-color-portlet-item: #000000;
--background-color-portlet-item-hover: rgba(0,119,187,0.1);
--text-color-portlet-item-hover: #0077bb;
--background-color-portlet-item-focus: rgba(87,166,238,0.1);
--text-color-portlet-item-focus: #0077bb;
--background-color-footer: #f6f9fc;
--text-color-footer: #000000;
--color-footer-link: #0077bb;
--color-footer-link--visited: #004c8a;
--background-color-toc-button: #ffffff;
--icon-filter-toc-button: unset;
--text-color-sticky-toc-number: rgba(0,0,0,0.7);
}
#content {
border: 1px solid var(--border-color-content);
}
@media screen and ( max-width: 720px ) {
#content {
border-left: none; // no left and right border when #content is as wide as viewport; adjust the value if not appropriate
border-right: none;
}
}
#ca-uls .uls-trigger {
background-image: none;
padding-left: 0;
}
/* 调整页面宽度——更宽! */
@media screen and (min-width: 720px) {
#content {
width: max(700px, 80%);
margin: 10px auto 40px;
}
}
#content {
color: var(--text-color-content);
max-width: min(100%, 1600px);
background-color: var(--background-color-content);
position: relative;
box-sizing: border-box;
margin-top: 40px;
}