跳转到内容

MediaWiki:Lakeus.css:修订间差异

(设计全站样式)
(设计全站样式)
第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;
}