跳转到内容

MediaWiki:Lakeus.css:修订间差异

(设计全站样式)
(暂时禁用「不显示“来自卖块资源站”」,因为这会一同隐藏重定向信息)
 
(未显示同一用户的23个中间版本)
第112行: 第112行:
    position: relative;
    position: relative;
    box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    margin-top: 100px;
   border-radius: 15px;
   box-shadow: 5px 10px 15px;
}
}


第125行: 第127行:
    flex-direction: column;
    flex-direction: column;
    height: max-content;
    height: max-content;
}
/* 不显示“来自卖块资源站”字样
.content__tagline > span {
   display: none;
}
*/
/* Banner 修复 */
img.wpb-banner-image {
   pointer-events: none;
   -webkit-user-drag: none;
   user-select: none;
   cursor: not-allowed;
}
.wpb-topbanner .image {
   pointer-events: none;
}
/* 首页双栏样式修复 */
.row {
   display: flex;
   margin-right: -15px;
   margin-left: -15px;
}
@media (min-width: 576px) {
   .col-sm-8 {
     flex: 0 0 66.66666667%;
     max-width: 66.66666667%;
     padding: 8px;
   }
}
@media (min-width: 576px) {
   .col-sm-4 {
     flex: 0 0 33.33333333%;
     max-width: 33.33333333%;
     padding: 8px;
   }
}
#mw-content-text {
   margin-top: 0.5em;
   padding: 10px;
}
/* 模板CSS */
.alert, .primarybox, div.primary, .secondarybox, div.secondary, .successbox, div.success, .infobox, .skin-chameleon .smw-editpage-help, .skin-chameleon .smw-search-results-prepend, div.info, .warningbox, div.warning, .dangerbox, div.danger, .lightbox, div.light, .darkbox, div.dark, .errorbox, div.error, .darkerbox, div.darker, .usermessage {
   position: relative;
   padding: 0.75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 0.25rem;
}
.alert-info, .infobox, .skin-chameleon .smw-editpage-help, .skin-chameleon .smw-search-results-prepend, div.info {
   color: #0c5460;
   background: #d1ecf1 linear-gradient(180deg, #d8eff3, #d1ecf1) repeat-x;
   border-color: #bee5eb;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
   padding: 8px;
   line-height: 1.42857143;
   vertical-align: top;
   border-top: 1px solid #ddd;
}
/* 美化导航栏样式 */
.mw-header {
   padding-top: 0px;
   padding-bottom: 0px;
   height: 70px;
}
#p-search #searchInput {
background-color: #ffffff;
   color: #000000;
   box-sizing: border-box;
   display: block;
   border: 1px solid #a2a9b1;
   border-radius: 0;
   padding-left: 36px;
   box-shadow: inset 0 0 0 1px transparent;
   font-family: inherit;
   width: max-content;
   font-size: 16px;
   line-height: 1.28571429em;
   vertical-align: middle;
}
#p-user-tools {
   padding: 15px;
}
.mw-portlet-dropdown ~ .mw-portlet li {
   padding: 5px;
}
/* 隐藏logo文字 */
.toggle-list__list .toggle-list__card #toggle-list__logo-text {
display: none;
opacity: 0;
}
#logo-text {
display: none;
}
/* 隐藏丑丑的默认目录(仅对此皮肤生效) */
div#toc {
   display: none;
}
/* 导航栏固定在页面上 */
header.mw-header {
   position: fixed;
   width: 100%;
   z-index: 9999999;
}
/* 可视化编辑器工具栏下移,防止被导航栏遮挡 */
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
   position: fixed;
   top: 70px;
   border-top: 0;
}
/* 可视化编辑器弹出窗口整体下移,防止被导航栏部分遮挡 */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
   margin-top: 60px;
}
/* 可视化编辑器的右上角弹出提醒下移,防止被遮挡 */
div#mw-notification-area {
   margin-top: 60px;
}
}

2024年7月27日 (六) 18:19的最新版本

/* 这里放置的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: 100px;
    border-radius: 15px;
    box-shadow: 5px 10px 15px;
}

/* 修复背景显示的问题 */
body {
    background: var(--background-color-body);
    margin: 0 auto;
    background: url(https://www.ifanwiki.top/w/images/7/79/MCZYZ-BG1.jpg) no-repeat fixed 50% 0;
    background-size: cover;
    font-family: var(--font-family);
    display: flex;
    flex-direction: column;
    height: max-content;
}

/* 不显示“来自卖块资源站”字样 
.content__tagline > span {
    display: none;
}
*/
/* Banner 修复 */
img.wpb-banner-image {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
    cursor: not-allowed;
}
.wpb-topbanner .image {
    pointer-events: none;
}

/* 首页双栏样式修复 */
.row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 576px) {
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
        padding: 8px;
    }
}

@media (min-width: 576px) {
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        padding: 8px;
    }
}

#mw-content-text {
    margin-top: 0.5em;
    padding: 10px;
}

/* 模板CSS */
.alert, .primarybox, div.primary, .secondarybox, div.secondary, .successbox, div.success, .infobox, .skin-chameleon .smw-editpage-help, .skin-chameleon .smw-search-results-prepend, div.info, .warningbox, div.warning, .dangerbox, div.danger, .lightbox, div.light, .darkbox, div.dark, .errorbox, div.error, .darkerbox, div.darker, .usermessage {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-info, .infobox, .skin-chameleon .smw-editpage-help, .skin-chameleon .smw-search-results-prepend, div.info {
    color: #0c5460;
    background: #d1ecf1 linear-gradient(180deg, #d8eff3, #d1ecf1) repeat-x;
    border-color: #bee5eb;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/* 美化导航栏样式 */
.mw-header {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 70px;
}

#p-search #searchInput {
	background-color: #ffffff;
    color: #000000;
    box-sizing: border-box;
    display: block;
    border: 1px solid #a2a9b1;
    border-radius: 0;
    padding-left: 36px;
    box-shadow: inset 0 0 0 1px transparent;
    font-family: inherit;
    width: max-content;
    font-size: 16px;
    line-height: 1.28571429em;
    vertical-align: middle;
}

#p-user-tools {
    padding: 15px;
}

.mw-portlet-dropdown ~ .mw-portlet li {
    padding: 5px;
}

/* 隐藏logo文字 */
.toggle-list__list .toggle-list__card #toggle-list__logo-text {
	display: none;
	opacity: 0;
}
#logo-text {
	display: none;
}

/* 隐藏丑丑的默认目录(仅对此皮肤生效) */
div#toc {
    display: none;
}

/* 导航栏固定在页面上 */
header.mw-header {
    position: fixed;
    width: 100%;
    z-index: 9999999;
}

/* 可视化编辑器工具栏下移,防止被导航栏遮挡 */
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    position: fixed;
    top: 70px;
    border-top: 0;
}

/* 可视化编辑器弹出窗口整体下移,防止被导航栏部分遮挡 */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
    margin-top: 60px;
}

/* 可视化编辑器的右上角弹出提醒下移,防止被遮挡 */
div#mw-notification-area {
    margin-top: 60px;
}