MediaWiki讨论:Common.css
编辑请求-850710247liu
除了新加的评论区热评颜色外,看历史萌娘文库目前的CSS还是2015年修改的,已经落后主站太多了,我整理了一下缺失的部分,并做了简单修改,希望管理员能够与现在的合并一下
/* 全站字型调整 */ body { font-size: 108%; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .mw-body-content { line-height: 1.85; } body .ui-dialog .ui-widget-header { background: #f1f1f1 !important; } body .ui-button { box-shadow: 0 0 0 0 !important; } ::selection { background: rgba(0,0,0,.1); text-shadow: none; } #firstHeading { font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; padding-bottom: 6px; font-size: 170%; } h2, h3, h4, h5, h6 { font-family: "roboto",sans-serif !important; color: #404040 !important; line-height: 1.8 !important; border-bottom-color: rgba(0, 0, 0, .1) !important; } .mw-body-content h2 { font-weight: 540; } /* 链接显示效果 */ a:hover { text-decoration: none; color: #2a4b8d!important; } a, a:visited { text-decoration: none; color: #3366cc; } .mw-body a.external:visited { color: #3366cc; } /* 斜体字右边距加大看以防止文字挤在一起 */ #mw-content-text i { margin-right: 3px; } /* 隐藏首页标题、空行、分类、查看源代码tab */ .page-Mainpage h1.firstHeading, .page-Mainpage #siteSub, .page-Mainpage #contentSub, .page-Mainpage #ca-viewsource, .page-Mainpage #siteNotice, .page-Mainpage #catlinks, .page-Mainpage #footer #footer-info { display: none; } /* 目录样式 */ #toc{ background-color: rgb(255 255 255 / 30%); clear: right; margin-bottom: .5em; float: right; padding: 1em; background: none; width: auto; } .toctoggle { display: none; } /* 侧边栏、顶部栏、页脚 */ #pt-userpage, #pt-anonuserpage { background-image: url(https://library.moegirl.org.cn/skins/Vector/images/user-icon.png?13155)!important; background-repeat: no-repeat!important; } .mw-body { border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: none; border-right: none; } #p-personal { font-size: 17.5px; right: 1em; } div.vectorTabs { font-size: 16px; padding-top: 2px; } div.vectorMenu { font-size: 92%; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a { padding-top: 3.4em; } #content { margin-left: 214px !important; } .portal { background: transparent !important; } #mw-panel { border-right: 1px solid #bbb; width: 200px !important; background: rgb(254,254,254,0.99) !important; padding-left: 14px !important; } #p-logo { left: 0px; padding-left: 10px; } #p-logo a { padding-left: 40px; left: 0px; border-right: 1px solid #aaa; } #p-logo a:hover { opacity: 1.0; } #mw-head { background-color: rgb(254,254,254,0.98); opacity: 1.0; box-shadow: 0px 1px 2px #aaa; -webkit-transition-property: opacity !important; -moz-transition-property: opacity !important; -o-transition-property: opacity !important; -ms-transition-property: opacity !important; transition-property: opacity !important; -webkit-transition-duration: 0.5s !important; -moz-transition-duration: 0.5s !important; -o-transition-duration: 0.5s !important; -ms-transition-duration: 0.5s !important; transition-duration: 0.25s !important; } #mw-head:hover { opacity: 1.0 !important; } .uls-settings-trigger { display: none !important; } #left-navigation { margin-left: 233px !important; } #mw-page-base { height: 104px; } #left-navigation, #right-navigation { margin-top: 60px; } #mw-head div.vectorMenu h4 { height: 1.9em; margin-bottom: 0; padding-top: 1.25em; padding-bottom: 0; padding-right: 0.5em; } #mw-panel div.portal { padding-bottom: 0.7em; padding-top: 0.4em; } #mw-panel #p-logo .mw-wiki-logo { width: 175px; } #mw-panel { font-size: 18.5px; /* mw-panel的宽度是10em,改了font-size以后也需要修改一下 */ width: 11.6rem; } ul,li { background: transparent !important; } #mw-panel,#mw-head { line-height: 1.7 !important; font-weight: 300 !important; } #mw-panel .portal .body li { line-height: 1.6em; } .mw-wiki-logo{ padding-left: 5px !important; padding-top: 10px !important; border: none !important; } .clear-div { clear: both; } .uls-trigger{ display: none; } div.vectorMenu div.menu { top: 2.75em; width: 100%; background-color: rgba(251,251,251,0.9); border: 1px solid #a7d7f9; border-top: transparent; } #mw-panel .portal .body li a:visited { color: #0648AF; } #catlinks { background-color: rgba(251,251,251,0.3); } .oo-ui-popupWidget-anchored-top { z-index: 10000; } #mp-banner { margin: -1.7em; margin-top: -4.1em; background-image: url(https://www.hmoegirl.com/images/0/09/80468767.jpg); } #footer { margin-left: 12.4em; padding: 1.25em; } /* 弹出框和滚轮条外观 */ .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar { top: -1px; border-top: 1px solid #c8ccd1; } ::-webkit-scrollbar { border: 0; width: 10px; height: 10px; } ::-webkit-scrollbar-button { width: 0; height: 0; } ::-webkit-scrollbar-thumb { border: 0; min-height: 34px; padding-top: 100; background-clip: padding-box; background-color: rgba(0,0,0,.15); } ::-webkit-scrollbar-track { border: 0; background-clip: padding-box; background-color: rgba(206,205,197,.1); } /* wikitable MD化 */ table.wikitable { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 4px; overflow: hidden; } /* 编辑区样式 */ #wpTextbox1.mw-editfont-monospace{ font-size: 93%; height: 450px; } /* 分类页同开头的页面的列表不分段 */ .mw-category-group { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .mw-category-group:nth-child(1):nth-last-child(1), /* 只有一个列表时 */ .mw-category-group:nth-child(1):nth-last-child(2), /* 只有两个列表时 */ .mw-category-group:nth-child(2):nth-last-child(1) { /* 只有两个列表时 */ -webkit-column-break-inside: auto; page-break-inside: auto; break-inside: auto; } /* 注释里的列表 */ .reference-text > ul.listInRef, .reference-text > ol.listInRef { margin: -1.5em 0 0 2em; } /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ /* 以下内容已被萌百格式化,注释已被翻译 */ .container { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .div, .divs, .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* 适用于屏幕像素宽度大于400px的设备 */ @media (min-width: 400px) { .container { width: 85%; padding: 0; } } /* 适用于屏幕像素宽度大于800px的设备 */ @media (min-width: 800px) { .container { width: 80%; } .div, .divs, .column, .columns { margin-left: .3%; } .div:first-child, .divs:first-child, .column:first-child, .columns:first-child { margin-left: 0; } .one.div, .one.divs { width: 100%; margin-left: 0; } .two.divs { width: 49.85%; } .three.divs { width: 33.1333333333%; } .four.divs { width: 24.775%; } .five.divs { width: 19.76%; } .six.divs { width: 16.4166666667%; } .seven.divs { width: 14.0285714286%; } .eight.divs { width: 12.2375%; } .nine.divs { width: 10.8444444444%; } .ten.divs { width: 9.73%; } .eleven.divs { width: 8.81818181818%; } .twelve.divs { width: 8.05833333333%; } .one.column, .one.columns { width: 8.05833333333%; } .two.columns { width: 16.4166666667%; } .three.columns { width: 24.775%; } .four.columns { width: 33.1333333333%; } .five.columns { width: 41.4916666667%; } .six.columns { width: 49.85%; } .seven.columns { width: 58.2083333333%; } .eight.columns { width: 66.5666666667%; } .nine.columns { width: 74.925%; } .ten.columns { width: 83.2833333333%; } .eleven.columns { width: 91.6416666667%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 33.1333333333%; } .two-thirds.column { width: 66.5666666667%; } .one-half.column { width: 49.85%; } /* Offsets设置 */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } /* 表格宽度 */ .wikitable { max-width: 100%; } /* 缩略图居中*/ .thumb.tcenter { float: none; clear: both; display: block; margin: 0 auto; } /* 用户页没有分类! */ body.ns-2 div#catlinks { display: none !important; } /* 解决pre不换行的问题 */ pre { white-space: pre-wrap; /* CSS-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Extension:MultimediaViewer的半透明化修改 */ .mw-mmv-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); opacity: 0.73; } body.mediawiki.mw-mmv-lightbox-open #mw-page-base, body.mediawiki.mw-mmv-lightbox-open #mw-head-base, body.mediawiki.mw-mmv-lightbox-open #mw-navigation, body.mediawiki.mw-mmv-lightbox-open #content, body.mediawiki.mw-mmv-lightbox-open #footer, body.mediawiki.mw-mmv-lightbox-open #globalWrapper { display: inherit; } body.mediawiki.mw-mmv-lightbox-open > * { display: inherit; } body.mediawiki.mw-mmv-lightbox-open > script, body.mediawiki.mw-mmv-lightbox-open > style { display: none; } body.mediawiki.mw-mmv-lightbox-open { overflow: hidden; } body .mw-mmv-wrapper { position: fixed; } /* mutilmediaViewer 信息栏修复 */ .mw-mmv-image-metadata-column.mw-mmv-image-metadata-desc-column { width: 30%; } .mw-mmv-image-metadata-column.mw-mmv-image-metadata-links-column { width: 70%; max-width: 70%; } ul.mw-mmv-image-links li { float: left; padding: .3em 1em; } div.mw-mmv-image-desc-div, div.mw-mmv-image-links-div{ display:block } div.metadata-panel-is-closed .mw-mmv-image-links li.mw-mmv-license-li { height:inherit; line-height:inherit; } .mw-mmv-warning-visible .mw-mmv-download-dialog .mw-mmv-dialog-down-arrow { background-color: #ffffff; } .mw-mmv-warning-visible .mw-mmv-dialog-warning, .mw-mmv-warning-visible .mw-mmv-download-attribution { display: none !important; }
--悠远的苍穹 (Talk with me!) 2021年3月10日 (三) 10:53 (CST)