跳转到内容

MediaWiki:Lakeus.css:修订间差异

(设计全站样式)
(设计全站样式)
第3行: 第3行:
/* 复制皮肤预设主题 */
/* 复制皮肤预设主题 */
:root {
:root {
    --color-primary: #0077bb;
    --color-primary: #3366cc;
    --color-secondary: #ffffff;
    --color-secondary: #f4fcff;
    --color-neutral: #a2a9b1;
    --color-neutral: #a2a9b1;
    --color-warning: #ffcc33;
    --color-warning: #ffcc33;
    --color-error: #dd3333;
    --color-error: #dd3333;
    --color-success: #14866d;
    --color-success: #14866d;
    --color-header: #333333;
    --color-header: #e2f4fe;
    --color-link: #0077bb;
    --color-link: #0645ad;
   --color-secondary--derived: #f8f9fa;
   --border-color-secondary--derived: #a2a9b1;
   --font-family: 'Roboto', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
   --font-family-serif: 'Linux Libertine', 'Times New Roman', 'Liberation Serif', 'Nimbus Roman', 'Noto Serif', 'Times', serif;
    --elevation: 0 2px 2px rgba( 0, 0, 0, 10% );
    --elevation: 0 2px 2px rgba( 0, 0, 0, 10% );
    --background-color-base: #f6f9fc;
    --background-color-base: #f4fcff;
    --color-link--visited: #004c8a;
    --color-link--visited: #001f7d;
    --color-link--active: #57a6ee;
    --color-link--active: #5670e0;
    --color-link-new: #bb4400;
    --color-link-new: #dd3333;
    --color-link-new--visited: #840f00;
    --color-link-new--visited: #a4000c;
    --color-link-new--active: #f47334;
    --color-link-new--active: #ff6a5d;
    --color-link-external: #006eb1;
    --color-link-external: #003da3;
    --color-link-external--visited: #004481;
    --color-link-external--visited: #001873;
    --color-link-external--active: #559ce3;
    --color-link-external--active: #5267d5;
    --header-elevation: inset 0px -5px 0px 0px #08c;
    --header-elevation: var(--elevation);
    --text-color-header: #ffffff;
    --text-color-header: #000000;
    --icon-filter-header: invert(1) hue-rotate(180deg);
    --icon-filter-header: unset;
    --background-color-search-suggestions-current: #0077bb;
   --background-color-search-suggestions: #f4fcff;
    --background-color-toggle-list: #ffffff;
   --border-color-search-suggestions: #91989b;
    --background-color-toggle-list-card: #0077bb;
    --background-color-search-suggestions-current: #3366cc;
   --color-search-suggestions-text: #000000;
   --color-search-suggestions-text-current: #ffffff;
   --background-color-search-input: #f4fcff;
   --border-color-search-bar: #91989b;
    --background-color-toggle-list: #f4fcff;
    --background-color-toggle-list-card: #3366cc;
    --text-color-toggle-list-item: #000000;
    --text-color-toggle-list-item: #000000;
    --background-color-toggle-list-item-hover: rgba(0,119,187,0.1);
    --background-color-toggle-list-item-hover: rgba(51,102,204,0.1);
    --text-color-toggle-list-item-hover: #0077bb;
    --text-color-toggle-list-item-hover: #3366cc;
    --background-color-toggle-list-item-focus: rgba(0,110,177,0.2);
    --background-color-toggle-list-item-focus: rgba(35,93,194,0.2);
    --text-color-toggle-list-item-focus: #0077bb;
    --text-color-toggle-list-item-focus: #3366cc;
    --subheader-color-toggle-list: #0065a7;
   --border-color-toggle-list: #91989b;
    --subheader-color-toggle-list: #0955b8;
    --logo-text-color-toggle-list: #ffffff;
    --logo-text-color-toggle-list: #ffffff;
    --mask-background: rgba(0,0,0,0.8);
    --mask-background: rgba(0,0,0,0.8);
    --background-color-content: #ffffff;
    --background-color-content: #f4fcff;
    --text-color-content: #000000;
    --text-color-content: #000000;
    --background-color-body: #f6f9fc;
    --background-color-body: #f4fcff;
    --text-color-body: #000000;
    --text-color-body: #000000;
    --color-accent-header-tab: #0077bb;
   --border-color-content: #c1c9cc;
    --color-accent-header-tab-selected: #0077bb;
   --font-family-action-bar: var(--font-family);
    --color-accent-header-tab-new: #0077bb;
    --color-accent-header-tab: #3366cc;
    --color-accent-header-tab-selected: #3366cc;
    --color-accent-header-tab-new: #3366cc;
   --border-color-header-tab: #eaecf0;
    --color-tagline: rgba(0,0,0,0.7);
    --color-tagline: rgba(0,0,0,0.7);
   --font-family-headings: var(--font-family-serif);
   --background-color-edit-options: #eeeeee;
   --border-color-edit-options: #c8ccd1;
   --background-color-toc: #eaf2f5;
   --border-color-toc: #b7bfc2;
   --color-toc-number: #0d0d0d;
   --border-color-interface-message-box-neutral: #a2a9b1;
   --background-color-interface-message-box-neutral: #e5e7ea;
   --text-color-interface-message-box-neutral: #000000;
   --border-color-interface-message-box-warning: #ffcc33;
   --background-color-interface-message-box-warning: #ffe69a;
   --text-color-interface-message-box-warning: #000000;
   --border-color-interface-message-box-error: #dd3333;
   --background-color-interface-message-box-error: #fae2e2;
   --text-color-interface-message-box-error: #000000;
   --border-color-interface-message-box-success: #14866d;
   --background-color-interface-message-box-success: #d9ebe7;
   --text-color-interface-message-box-success: #000000;
   --border-color-user-message: #ffa500;
   --background-color-user-message: #ffe4b3;
   --text-color-user-message: #000000;
   --background-color-wikitable: #eff7fa;
   --text-color-wikitable: #030303;
   --border-color-wikitable: #a4abae;
   --background-color-wikitable-table-head: #e5ecef;
    --background-color-portlet-body: #ffffff;
    --background-color-portlet-body: #ffffff;
    --text-color-portlet-item: #000000;
    --text-color-portlet-item: #3366cc;
    --background-color-portlet-item-hover: rgba(0,119,187,0.1);
    --background-color-portlet-item-hover: rgba(51,102,204,0.1);
    --text-color-portlet-item-hover: #0077bb;
    --text-color-portlet-item-hover: #3366cc;
    --background-color-portlet-item-focus: rgba(87,166,238,0.1);
    --background-color-portlet-item-focus: rgba(112,147,255,0.1);
    --text-color-portlet-item-focus: #0077bb;
    --text-color-portlet-item-focus: #3366cc;
    --background-color-footer: #f6f9fc;
   --border-color-portlet-body: #ffffff;
    --background-color-footer: #dfe7ea;
    --text-color-footer: #000000;
    --text-color-footer: #000000;
    --color-footer-link: #0077bb;
    --color-footer-link: #0645ad;
    --color-footer-link--visited: #004c8a;
    --color-footer-link--visited: #001f7d;
    --background-color-toc-button: #ffffff;
   --color-footer-link--active: #5670e0;
    --background-color-toc-button: #f4fcff;
    --icon-filter-toc-button: unset;
    --icon-filter-toc-button: unset;
    --text-color-sticky-toc-number: rgba(0,0,0,0.7);
    --text-color-sticky-toc-number: rgba(51,102,204,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:48的版本

/* 这里放置的CSS将影响使用Lakeus皮肤的用户 */

/* 复制皮肤预设主题 */
:root {
    --color-primary: #3366cc;
    --color-secondary: #f4fcff;
    --color-neutral: #a2a9b1;
    --color-warning: #ffcc33;
    --color-error: #dd3333;
    --color-success: #14866d;
    --color-header: #e2f4fe;
    --color-link: #0645ad;
    --color-secondary--derived: #f8f9fa;
    --border-color-secondary--derived: #a2a9b1;
    --font-family: 'Roboto', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
    --font-family-serif: 'Linux Libertine', 'Times New Roman', 'Liberation Serif', 'Nimbus Roman', 'Noto Serif', 'Times', serif;
    --elevation: 0 2px 2px rgba( 0, 0, 0, 10% );
    --background-color-base: #f4fcff;
    --color-link--visited: #001f7d;
    --color-link--active: #5670e0;
    --color-link-new: #dd3333;
    --color-link-new--visited: #a4000c;
    --color-link-new--active: #ff6a5d;
    --color-link-external: #003da3;
    --color-link-external--visited: #001873;
    --color-link-external--active: #5267d5;
    --header-elevation: var(--elevation);
    --text-color-header: #000000;
    --icon-filter-header: unset;
    --background-color-search-suggestions: #f4fcff;
    --border-color-search-suggestions: #91989b;
    --background-color-search-suggestions-current: #3366cc;
    --color-search-suggestions-text: #000000;
    --color-search-suggestions-text-current: #ffffff;
    --background-color-search-input: #f4fcff;
    --border-color-search-bar: #91989b;
    --background-color-toggle-list: #f4fcff;
    --background-color-toggle-list-card: #3366cc;
    --text-color-toggle-list-item: #000000;
    --background-color-toggle-list-item-hover: rgba(51,102,204,0.1);
    --text-color-toggle-list-item-hover: #3366cc;
    --background-color-toggle-list-item-focus: rgba(35,93,194,0.2);
    --text-color-toggle-list-item-focus: #3366cc;
    --border-color-toggle-list: #91989b;
    --subheader-color-toggle-list: #0955b8;
    --logo-text-color-toggle-list: #ffffff;
    --mask-background: rgba(0,0,0,0.8);
    --background-color-content: #f4fcff;
    --text-color-content: #000000;
    --background-color-body: #f4fcff;
    --text-color-body: #000000;
    --border-color-content: #c1c9cc;
    --font-family-action-bar: var(--font-family);
    --color-accent-header-tab: #3366cc;
    --color-accent-header-tab-selected: #3366cc;
    --color-accent-header-tab-new: #3366cc;
    --border-color-header-tab: #eaecf0;
    --color-tagline: rgba(0,0,0,0.7);
    --font-family-headings: var(--font-family-serif);
    --background-color-edit-options: #eeeeee;
    --border-color-edit-options: #c8ccd1;
    --background-color-toc: #eaf2f5;
    --border-color-toc: #b7bfc2;
    --color-toc-number: #0d0d0d;
    --border-color-interface-message-box-neutral: #a2a9b1;
    --background-color-interface-message-box-neutral: #e5e7ea;
    --text-color-interface-message-box-neutral: #000000;
    --border-color-interface-message-box-warning: #ffcc33;
    --background-color-interface-message-box-warning: #ffe69a;
    --text-color-interface-message-box-warning: #000000;
    --border-color-interface-message-box-error: #dd3333;
    --background-color-interface-message-box-error: #fae2e2;
    --text-color-interface-message-box-error: #000000;
    --border-color-interface-message-box-success: #14866d;
    --background-color-interface-message-box-success: #d9ebe7;
    --text-color-interface-message-box-success: #000000;
    --border-color-user-message: #ffa500;
    --background-color-user-message: #ffe4b3;
    --text-color-user-message: #000000;
    --background-color-wikitable: #eff7fa;
    --text-color-wikitable: #030303;
    --border-color-wikitable: #a4abae;
    --background-color-wikitable-table-head: #e5ecef;
    --background-color-portlet-body: #ffffff;
    --text-color-portlet-item: #3366cc;
    --background-color-portlet-item-hover: rgba(51,102,204,0.1);
    --text-color-portlet-item-hover: #3366cc;
    --background-color-portlet-item-focus: rgba(112,147,255,0.1);
    --text-color-portlet-item-focus: #3366cc;
    --border-color-portlet-body: #ffffff;
    --background-color-footer: #dfe7ea;
    --text-color-footer: #000000;
    --color-footer-link: #0645ad;
    --color-footer-link--visited: #001f7d;
    --color-footer-link--active: #5670e0;
    --background-color-toc-button: #f4fcff;
    --icon-filter-toc-button: unset;
    --text-color-sticky-toc-number: rgba(51,102,204,0.7);
}

/* 调整页面宽度——更宽! */
@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;
}