MediaWiki:Lakeus.css:修订间差异
来自卖块资源站
MangoFanFan(留言 | 贡献) 小 (设计可视化编辑器样式) |
MangoFanFan(留言 | 贡献) 小 (暂时禁用「不显示“来自卖块资源站”」,因为这会一同隐藏重定向信息) |
||
(未显示同一用户的1个中间版本) | |||
第129行: | 第129行: | ||
} | } | ||
/* 不显示“来自卖块资源站”字样 | /* 不显示“来自卖块资源站”字样 | ||
.content__tagline > span { | .content__tagline > span { | ||
display: none; | display: none; | ||
} | } | ||
*/ | |||
/* Banner 修复 */ | /* Banner 修复 */ | ||
img.wpb-banner-image { | img.wpb-banner-image { | ||
第256行: | 第256行: | ||
/* 可视化编辑器弹出窗口整体下移,防止被导航栏部分遮挡 */ | /* 可视化编辑器弹出窗口整体下移,防止被导航栏部分遮挡 */ | ||
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame { | .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; | 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;
}