|
|
(未显示同一用户的27个中间版本) |
第1行: |
第1行: |
− | /* 放置于这里的CSS将应用于所有皮肤 */
| |
− | /*
| |
− | * vector界面、主标题字体定制,参考Github添加了Emoji支持
| |
− | * 更改后要同步到 [[MediaWiki:Gadget-GothicMoe.css]]
| |
− | */
| |
− | /*全站字型*/
| |
− | body {
| |
− | font-size: 108%;
| |
− | -moz-hyphens: auto;
| |
− | -webkit-hyphens: auto;
| |
− | hyphens: auto;
| |
− | }
| |
− | .mw-body-content {
| |
− | line-height: 1.85;
| |
− | }
| |
− | .oo-ui-window-content {
| |
− | font-size: 89.3%;
| |
− | }
| |
− | .mw-label {
| |
− | white-space: nowrap;
| |
− | }
| |
− | body .ui-dialog .ui-widget-header {
| |
− | background: #f1f1f1 !important;
| |
− | }
| |
− | body .ui-button {
| |
− | box-shadow: 0 0 0 0 !important;
| |
− | }
| |
− | ::selection {
| |
− | text-shadow: none;
| |
− | }
| |
− | ::-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);
| |
− | }
| |
− | ::selection {
| |
− | background: rgba(0,0,0,.1);
| |
− | text-shadow: none;
| |
− | }
| |
− | .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
| |
− | top: -1px;
| |
− | border-top: 1px solid #c8ccd1;
| |
− | }
| |
− | /* 链接显示效果 */
| |
− | a:hover {
| |
− | text-decoration: none;
| |
− | color: #2a4b8d!important;
| |
− | }
| |
− | a, a:visited {
| |
− | text-decoration: none;
| |
− | color: #447ff5;
| |
− | }
| |
− | .mw-body a.external:visited {
| |
− | color: #447ff5;
| |
− | }
| |
− | /* 公告栏滚动Rollnews */
| |
− | #scrollDiv {
| |
− | width: 100%;
| |
− | height: 25px;
| |
− | line-height: 25px;
| |
− | overflow: hidden
| |
− | }
| |
− | #scrollDiv ul {
| |
− | margin-left: 0!important;
| |
− | }
| |
− | #scrollDiv li {
| |
− | background-color: rgb(245,245,245,0.3);
| |
− | height: 25px;
| |
− | padding-left: 0px;
| |
− | list-style: none;
| |
− | }
| |
− | #localNotice {
| |
− | background-color: rgb(245,245,245,0.3);
| |
− | }
| |
− | /* 侧边栏、顶部栏、页脚 */
| |
− | #p-personal {
| |
− | font-size: 17.5px;
| |
− | right: 1em;
| |
− | }
| |
− | div.vectorTabs {
| |
− | font-size: 16px;
| |
− | padding-top: 2px;
| |
− | }
| |
− | .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a {
| |
− | padding-top: 3.4em;
| |
− | }
| |
− | #content {
| |
− | border: 0px !important;
| |
− | margin-left: 214px !important;
| |
− | }
| |
| | | |
− | .portal {
| |
− | background: transparent !important;
| |
− | }
| |
− |
| |
− | #mw-panel {
| |
− | width: 200px !important;
| |
− | border-right: 1px solid #bbb;
| |
− | background: rgb(254,254,254,0.96) !important;
| |
− | padding-left: 13px !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.95);
| |
− | 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;
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | li span {
| |
− | border: 0px !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.6em;
| |
− | 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;
| |
− | }
| |
− | /* 谷歌翻译框调整*/
| |
− | .goog-te-gadget {
| |
− | margin-left: inherit!important;
| |
− | max-width: 95%!important;
| |
− | background-color: transparent;
| |
− | }
| |
− | /* 标题字型调整*/
| |
− | #firstHeading {
| |
− | font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
| |
− | font-weight: 500;
| |
− | padding-bottom: 6px;
| |
− | font-variant: small-caps;
| |
− | 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;
| |
− | }
| |
− | #siteSub {
| |
− | display: inline;
| |
− | font-size: 100%;
| |
− | font-weight: 400; /* 400 = normal */
| |
− | font-style: normal;
| |
− | text-align: right;
| |
− | padding-top: 11px;
| |
− | padding: 0.1em;
| |
− | }
| |
− | /* MW自带10em宽度,应该是留给测试链接的吧萌百没有就去掉 */
| |
− | #p-personal ul {
| |
− | padding-left: 0;
| |
− | }
| |
− | /* 搜索框 */
| |
− | #simpleSearch {
| |
− | max-width: 220px;
| |
− | background-image: none;
| |
− | border-radius: 20px;
| |
− | padding: 0px 10px;
| |
− | opacity: 0.625;
| |
− | display: flex;
| |
− | align-items: center;
| |
− | transition: width 0.4s;
| |
− | }
| |
− |
| |
− | #simpleSearch:hover {
| |
− | border-color: var(--theme-color) !important;
| |
− | }
| |
− |
| |
− | #simpleSearch:focus-within {
| |
− | width: 240px;
| |
− | }
| |
− |
| |
− | #searchInput::-webkit-input-placeholder {
| |
− | color: var(--theme-color) !important;
| |
− | }
| |
− |
| |
− | #searchInput::input-placeholder {
| |
− | color: var(--theme-color) !important;
| |
− | }
| |
− |
| |
− | #simpleSearch #searchButton {
| |
− | right: 8px !important;
| |
− | -webkit-mask-size: contain;
| |
− | mask-size: contain;
| |
− | -webkit-mask-position: center;
| |
− | mask-position: center;
| |
− | -webkit-mask-repeat: no-repeat;
| |
− | mask-repeat: no-repeat;
| |
− | -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E %3C/svg%3E");
| |
− | mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E %3C/svg%3E");
| |
− | background-color: var(--theme-color) !important;
| |
− | background-image: none !important;
| |
− | background-color: var(--theme-color) !important;
| |
− | width: 20px !important;
| |
− | height: 20px !important;
| |
− | padding-block-start: 21px;
| |
− | }
| |
− |
| |
− | #simpleSearch:hover>#searchButton {
| |
− | animation: shake 0.4s 1 forwards;
| |
− | }
| |
− |
| |
− | #p-search {
| |
− | float: left;
| |
− | margin-right: 0.5em;
| |
− | margin-left: 0.6em;
| |
− | margin-top: 0.1em;
| |
− | }
| |
− | @keyframes shake {
| |
− |
| |
− | 0%,
| |
− | 50% {
| |
− | transform: rotate(5deg) scale(1.05);
| |
− | }
| |
− |
| |
− | 25%,
| |
− | 75% {
| |
− | transform: rotate(-5deg) scale(1.05);
| |
− | }
| |
− |
| |
− | 100% {
| |
− | transform: rotate(0deg) scale(1.05);
| |
− | }
| |
− | }
| |
− | .oo-ui-actionFieldLayout-input {
| |
− | font-size: 95%;
| |
− | }
| |
− | .mw-search-results {
| |
− | max-width: 50em;
| |
− | }
| |
− | /* 隐藏编辑提示修改和上传文件协议 */
| |
− | div.sysop-show, p.sysop-show {
| |
− | display: none;
| |
− | }
| |
− | .mw-htmlform-field-Licenses{
| |
− | display: none;
| |
− | }
| |
− | /* 链接显示效果 */
| |
− | a:hover {
| |
− | text-decoration: none;
| |
− | color: #2a4b8d!important;
| |
− | }
| |
− | a, a:visited {
| |
− | text-decoration: none;
| |
− | color: #3366cc;
| |
− | }
| |
− | /* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */
| |
− | .mw-body a.external:visited {
| |
− | color: #3366cc;
| |
− | }
| |
− | /* 斜体字右边距加大看以防止文字挤在一起 */
| |
− | #mw-content-text i {
| |
− | margin-right: 3px;
| |
− | }
| |
− | /* 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;
| |
− | }
| |
− | /* 通用圆角框 */
| |
− | .common-box {
| |
− | padding: .2em .4em;
| |
− | border: 0.7px solid #ddd;
| |
− | -moz-border-radius: 10px;
| |
− | -webkit-border-radius: 10px;
| |
− | -khtml-border-radius: 10px;
| |
− | -o-border-radius: 10px;
| |
− | border-radius: 10px;
| |
− | background: rgba(250,250,250,0.65)!important;
| |
− | }
| |
− | /* 数据表格 */
| |
− | .mw-datatable.TablePager {
| |
− | line-height: 1.7;
| |
− | width: 100%;
| |
− | table-layout: fixed;
| |
− | word-wrap: break-word;
| |
− | }
| |
− | /* 隐藏首页标题、空行、分类、讨论、查看源代码tab */
| |
− | .page-Mainpage h1.firstHeading,
| |
− | .page-Mainpage #siteSub,
| |
− | .page-Mainpage #contentSub,
| |
− | .page-Mainpage #ca-viewsource,
| |
− | .page-Mainpage #siteNotice,
| |
− | .page-Mainpage #ca-talk,
| |
− | .page-Mainpage #catlinks,
| |
− | .page-Mainpage #footer #footer-info
| |
− | {
| |
− | display: none;
| |
− | }
| |
− | /* 黑幕模板配合CSS */
| |
− | /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */
| |
− | span.heimu a.external,
| |
− | span.heimu a.external:visited,
| |
− | span.heimu a.extiw,
| |
− | span.heimu a.extiw:visited {
| |
− | color: #252525;
| |
− | }
| |
− | .heimu,
| |
− | .heimu a,
| |
− | a .heimu,
| |
− | .heimu a.new {
| |
− | background-color: #252525;
| |
− | color: #252525;
| |
− | text-shadow: none;
| |
− | }
| |
− | body:not(.heimu_toggle_on) .heimu:hover,
| |
− | body:not(.heimu_toggle_on) .heimu:active,
| |
− | body:not(.heimu_toggle_on) .heimu.off {
| |
− | transition: color .13s linear;
| |
− | color: white;
| |
− | }
| |
− | body:not(.heimu_toggle_on) .heimu:hover a,
| |
− | body:not(.heimu_toggle_on) a:hover .heimu,
| |
− | body:not(.heimu_toggle_on) .heimu.off a,
| |
− | body:not(.heimu_toggle_on) a:hover .heimu.off {
| |
− | transition: color .13s linear;
| |
− | color: lightblue;
| |
− | }
| |
− | body:not(.heimu_toggle_on) .heimu.off .new,
| |
− | body:not(.heimu_toggle_on) .heimu.off .new:hover,
| |
− | body:not(.heimu_toggle_on) .new:hover .heimu.off,
| |
− | body:not(.heimu_toggle_on) .heimu.off .new,
| |
− | body:not(.heimu_toggle_on) .heimu.off .new:hover,
| |
− | body:not(.heimu_toggle_on) .new:hover .heimu.off {
| |
− | transition: color .13s linear;
| |
− | color: #BA0000;
| |
− | }
| |
− | /* 隐藏目录 */
| |
− | #toc:not(.toc-custom) {
| |
− | display: none;
| |
− | }
| |
− | /* 图片页隐藏媒体查看器 */
| |
− | .mw-mmv-filepage-buttons .mw-mmv-view-expanded, .mw-mmv-filepage-buttons .mw-mmv-view-config {
| |
− | display: none;
| |
− | }
| |
− | /* 导航条(完全没有apple风格的apple风面包屑orz) 来源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */
| |
− | #breadcrumb {
| |
− | background-image: url(//img.moegirl.org/breadcrumb/bc_bg.png);
| |
− | color: red;
| |
− | border: solid 1px #cacaca;
| |
− | border-radius: 10px;
| |
− | overflow: hidden;
| |
− | }
| |
− | #breadcrumb span {
| |
− | float: left;
| |
− | padding-left: 10px;
| |
− | }
| |
− | #breadcrumb a {
| |
− | display: block;
| |
− | background: url(//img.moegirl.org/breadcrumb/bc_separator.png) no-repeat right;
| |
− | padding-right: 15px;
| |
− | color: #454545;
| |
− | }
| |
− | #breadcrumb a:hover {
| |
− | color: #35acc5;
| |
− | }
| |
− | /* info类模板 */
| |
− | .infoBox {
| |
− | margin: 0 auto;
| |
− | box-shadow: 0 1px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 2px 1px -2px rgba(0,0,0,.2);
| |
− | }
| |
− | .infobox1 {
| |
− | margin:0 auto;
| |
− | border-radius: 5px;
| |
− | overflow: hidden;
| |
− | }
| |
− | .infobox2 {
| |
− | margin-top: 0.4em ;
| |
− | margin-left: 1em;
| |
− | padding: 0.2em;
| |
− | float: right;
| |
− | clear: right;
| |
− | 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;
| |
− | background: rgba(251,251,251,0.7);
| |
− | }
| |
− | .infobox3 {
| |
− | margin:0 auto;
| |
− | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.10);
| |
− | border-radius: 15px;
| |
− | overflow: hidden;
| |
− | }
| |
− | .infoBoxTitle {
| |
− | margin: 3px auto;
| |
− | padding: 0;
| |
− | text-align: center;
| |
− | font-weight: 700;
| |
− | }
| |
− | .infoBoxIcon {
| |
− | display: table-cell;
| |
− | padding: 2px 0 2px .5em;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .infoBoxText {
| |
− | display: table-cell;
| |
− | padding: .25em .5em .25em 1.3em;
| |
− | width: 100%;
| |
− | vertical-align: middle;
| |
− | }
| |
− | .infoBoxContent new{
| |
− | padding: 0.6em;
| |
− | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
− | border-radius: 5px;
| |
− | overflow: hidden;
| |
− | background: rgba(251,251,251,0.7);
| |
− | }
| |
− | .infoBoxContent {
| |
− | padding: 5px;
| |
− | border-left-width: 0;
| |
− | background: #fbfbfb;
| |
− | }
| |
− | .infoBoxBelow {
| |
− | margin: 0 auto;
| |
− | padding: 0;
| |
− | text-align: center;
| |
− | }
| |
− | .infoBoxYellow {
| |
− | padding: 0.5em;
| |
− | background: rgba(255,255,245);
| |
− | }
| |
− | .infoBoxRed {
| |
− | padding: 0.5em;
| |
− | background: rgba(258,240,245);
| |
− | }
| |
− | .infoBoxBlue {
| |
− | padding: 0.4em;
| |
− | background: rgba(240,248,255);
| |
− | }
| |
− | .infoBoxPurple {
| |
− | padding: 0.4em;
| |
− | background: rgba(248,248,255);
| |
− | }
| |
− | .infoBoxGreen {
| |
− | padding: 0.5em;
| |
− | background: rgba(245,255,250);
| |
− | }
| |
− | .infoBoxOrange {
| |
− | padding: 0.5em;
| |
− | background: rgba(250,240,230);
| |
− | }
| |
− | /*热门评论*/
| |
− | .comment-container-top>div:not(.comment-thread) {
| |
− | background-color: rgba(244, 196, 48, 0.8) !important;
| |
− | color: white !important;
| |
− | font-weight: bolder !important;
| |
− | }
| |
− | .comment-thread.comment-popular {
| |
− | background-color: rgba(244, 196, 48, 0.15) !important;
| |
− | }
| |
− | /* 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;
| |
− | }
| |
− | /* 回到顶部 */
| |
− | .backToTop {
| |
− | display: none;
| |
− | width: 20px;
| |
− | padding: 5px 0;
| |
− | background-color: #000;
| |
− | color: #fff;
| |
− | font-size: 12px;
| |
− | text-align: center;
| |
− | position: fixed;
| |
− | _position: absolute;
| |
− | right: 0;
| |
− | bottom: 100px;
| |
− | _bottom: "auto";
| |
− | cursor: pointer;
| |
− | opacity: .6;
| |
− | filter: Alpha(opacity=60);
| |
− | z-index: 73;
| |
− | }
| |
− | .mw-mmv-lightbox-open .backToTop {
| |
− | display: none !important;
| |
− | }
| |
− | /* 隐藏编辑页面中的返回顶部按钮 */
| |
− | .page-Mainpage .backToTop,
| |
− | .action-edit .backToTop,
| |
− | .action-submit .backToTop {
| |
− | display: none !important;
| |
− | }
| |
− | /* 信息模板的css */
| |
− | .infotemplatebox {
| |
− | float: right;
| |
− | width: 250px;
| |
− | font-size: 100%;
| |
− | margin: 1em 0 1em 1em;
| |
− | background: #f9f9f9;
| |
− | border: 1px #999 solid;
| |
− | border-collapse: collapse;
| |
− | word-break: break-all;
| |
− | clear: right;
| |
− | }
| |
− | /* 编辑区样式 */
| |
− | .my-buttons {
| |
− | padding: 0em .6em .3em .6em;
| |
− | }
| |
− | .my-buttons a {
| |
− | text-decoration: none;
| |
− | border: 1px #069 outset;
| |
− | padding: .1em;
| |
− | }
| |
− | .my-buttons a:hover,
| |
− | .my-buttons a:active {
| |
− | border-style: inset;
| |
− | }
| |
− | #wpTextbox1.mw-editfont-monospace{
| |
− | font-size: 93%;
| |
− | height: 450px;
| |
− | }
| |
− | #msupload-container.start-loading{
| |
− | display:none;
| |
− | }
| |
− | #msupload-dropzone {
| |
− | padding: 3px;
| |
− | height: 19px;
| |
− | font-size: small;
| |
− | }
| |
− | .client-js .editButtons .editHelp {
| |
− | display: inline-block!important;
| |
− | }
| |
− | .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
| |
− | margin-left: .1em;
| |
− | }
| |
− | .ve-ui-mwSaveDialog-summaryLabel {
| |
− | display: none;
| |
− | }
| |
− | .wikiEditor-ui-toolbar {
| |
− | background-color: #f8f9fa!important;
| |
− | box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
− | background-image: none!important;
| |
− | }
| |
− | .wikiEditor-ui-toolbar .sections .section {
| |
− | background-color: #f8f9fa!important;
| |
− | box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
− | }
| |
− | #msupload-dropzone {
| |
− | box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important;
| |
− | }
| |
− | #msupload-container {
| |
− | position: absolute;
| |
− | }
| |
− | .wikiEditor-ui-toolbar .tabs {
| |
− | margin-left: 24px;
| |
− | border-left: 1px solid #c8ccd1;
| |
− | }
| |
− | .wikiEditor-ui-toolbar .tabs span.tab.tab-advanced {
| |
− | padding-left: 7px;
| |
− | }
| |
− | .tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
| |
− | outline: transparent;
| |
− | background-color: transparent;
| |
− | box-shadow: none;
| |
− | }
| |
− | /* 解决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+ */
| |
− | }
| |
− | /* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */
| |
− | table.navbox {
| |
− | clear: both;
| |
− | margin: auto;
| |
− | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
− | padding: 1px;
| |
− | text-align: center;
| |
− | width: 100%;
| |
− | font-size: 101%!important;
| |
− | line-height: 1.8;
| |
− | }
| |
− | table.navbox+table.navbox {
| |
− | margin-top: -1px;
| |
− | }
| |
− | .navbox-title,
| |
− | .navbox-abovebelow,
| |
− | table.navbox th {
| |
− | padding-left: 1em;
| |
− | padding-right: 1em;
| |
− | text-align: center;
| |
− | }
| |
− | .navbox-group {
| |
− | font-weight: 700;
| |
− | padding-left: 1em;
| |
− | padding-right: 1em;
| |
− | white-space: nowrap;
| |
− | }
| |
− | .navbox,
| |
− | .navbox-subgroup {
| |
− | background: none repeat scroll 0 0 #fdfdfd;
| |
− | }
| |
− | .navbox-list {
| |
− | border-color: #fdfdfd;
| |
− | }
| |
− | .navbox-title,
| |
− | table.navbox th {
| |
− | background: none repeat scroll 0 0 #a5e4a5;
| |
− | }
| |
− | .navbox-abovebelow,
| |
− | .navbox-group,
| |
− | .navbox-subgroup .navbox-title {
| |
− | background: none repeat scroll 0 0 #c0ecc0;
| |
− | }
| |
− | .navbox-subgroup .navbox-group,
| |
− | .navbox-subgroup .navbox-abovebelow {
| |
− | background: none repeat scroll 0 0 #e6f6e6;
| |
− | }
| |
− | .navbox-even {
| |
− | background: none repeat scroll 0 0 #f5fcf5;
| |
− | }
| |
− | .navbox-odd {
| |
− | background: none repeat scroll 0 0 transparent;
| |
− | }
| |
− | .collapseButton {
| |
− | float: right;
| |
− | font-weight: 400;
| |
− | text-align: right;
| |
− | width: auto;
| |
− | }
| |
− | .navbox .collapseButton {
| |
− | width: 6em;
| |
− | }
| |
− | /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
| |
− | Address alignment issue of nested tabs in Navbox */
| |
− | .navbox .TabLabel {
| |
− | text-align: left;
| |
− | }
| |
− | /* Tabs */
| |
− | .tab .TabLabelText {
| |
− | border-top: 3px solid transparent;
| |
− | padding: 1px;
| |
− | background: #fff;
| |
− | border-left: 1px solid transparent;
| |
− | border-right: 1px solid transparent;
| |
− | cursor: pointer;
| |
− | flex: none;
| |
− | }
| |
− | .tab .TabLabel {
| |
− | z-index: 2;
| |
− | position: relative;
| |
− | -webkit-user-select: none;
| |
− | -moz-user-select: none;
| |
− | -ms-user-select: none;
| |
− | -o-user-select: none;
| |
− | user-select: none;
| |
− | display: flex;
| |
− | flex-wrap: wrap;
| |
− | }
| |
− | .tab .TabLabelText.selected {
| |
− | border-top: 3px solid green;
| |
− | padding: 1px;
| |
− | background: white;
| |
− | border-left: 1px solid #aaa;
| |
− | border-right: 1px solid #aaa;
| |
− | }
| |
− | .tab .TabContent {
| |
− | background: white;
| |
− | padding: 20px 30px;
| |
− | position: relative;
| |
− | z-index: 1;
| |
− | border: 1px solid #aaa;
| |
− | }
| |
− | .tab .TabContentText {
| |
− | display: none;
| |
− | }
| |
− | .tab .TabContentText.selected {
| |
− | display: block;
| |
− | }
| |
− | .Tabs .Tab {
| |
− | border-bottom: 1px solid #aaa;
| |
− | }
| |
− | .Tabs .Tab:first-child {
| |
− | border-top: 1px solid #aaa;
| |
− | }
| |
− | .Tabs .Tab .TabLabelText {
| |
− | padding: 7px;
| |
− | }
| |
− | .Tabs .Tab .TabContentText {
| |
− | padding: 3px;
| |
− | }
| |
− | /* 表格宽度 */
| |
− | .wikitable {
| |
− | max-width: 100%;
| |
− | }
| |
− | /* 缩略图居中*/
| |
− | .thumb.tcenter {
| |
− | float: none;
| |
− | clear: both;
| |
− | display: block;
| |
− | margin: 0 auto;
| |
− | }
| |
− | /* 图片外框圆角化 */
| |
− | .thumbinner {
| |
− | box-shadow: #666 0 0.4px 1px!important;
| |
− | border-radius: 5px!important;
| |
− | overflow: hidden!important;
| |
− | }
| |
− | /* 图库样式 */
| |
− | .thumbimage {
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | .thumbcaption {
| |
− | margin: 7px 0px !important;
| |
− | }
| |
− |
| |
− | .thumbimage:hover {
| |
− | opacity: 0.9 !important;
| |
− | }
| |
− |
| |
− | .dablink {
| |
− | margin: 14px 0px !important;
| |
− | font-weight: 300 !important;
| |
− | font-size: 18px !important;
| |
− | }
| |
− |
| |
− | .ambox,.tmbox,.Note,.informationbox {
| |
− | margin: 5px 0px !important;
| |
− | font-size: 18px !important;
| |
− | font-weight: 700 !important;
| |
− | line-height: 1.5 !important;
| |
− | border: 1px dashed #aaa !important;
| |
− | max-width: 550px !important;
| |
− | font-weight: 300 !important;
| |
− | }
| |
− |
| |
− | .ambox td,.tmbox td {
| |
− | padding: 10px !important;
| |
− | }
| |
− |
| |
− | .ambox-text-small,.mbox-text,.Note td {
| |
− | font-size: 14px !important;
| |
− | font-weight: 300 !important;
| |
− | color: #000 !important;
| |
− | }
| |
− |
| |
− | .ambox-image,.mbox-image {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #request_for_deletion,.ambox-serious {
| |
− | background: rgba(255,0,0,0.1) !important;
| |
− | border: 1px dashed rgba(255,0,0,0.15) !important;
| |
− | color: #a00000 !important;
| |
− | }
| |
− |
| |
− | .tmbox-notice,.tmbox-move,.Note {
| |
− | background: rgba(150,75,0,0.1) !important;
| |
− | border: 1px dashed rgba(150,75,0,0.15) !important;
| |
− | }
| |
− |
| |
− | .informationbox {
| |
− | background: #fff !important;
| |
− | padding: 10px !important;
| |
− | font-size: 14px !important;
| |
− | }
| |
− |
| |
− | .editOptions {
| |
− | background: #fff !important;
| |
− | border: 0px !important;
| |
− | }
| |
− |
| |
− | .image img:hover {
| |
− | opacity: 0.85 !important;
| |
− | }
| |
− | /* 用户页没有分类! */
| |
− | body.ns-2 #catlinks {
| |
− | display: none !important;
| |
− | }
| |
− | /* 仅手机版显示支持 */
| |
− | .mobileonly {
| |
− | display: none !important;
| |
− | }
| |
− | /* 编辑请求 */
| |
− | .editRequest {
| |
− | text-align: center;
| |
− | border: 1px solid #ddd;
| |
− | border-radius: 3px;
| |
− | margin:1em 2.5em;
| |
− | padding: 1em;
| |
− | background: white;
| |
− | }
| |
− | .editRequest .newComment {
| |
− | white-space: nowrap;
| |
− | background: #347bff;
| |
− | color: #fff;
| |
− | border: 1px solid #347bff;
| |
− | text-shadow: 0 1px rgba(0,0,0,0.1);
| |
− | font-family: inherit;
| |
− | font-size: 1em;
| |
− | min-width: 4em;
| |
− | max-width: 28.75em;
| |
− | padding: .5em 1em;
| |
− | margin: 0;
| |
− | border-radius: 2px;
| |
− | -webkit-box-sizing: border-box;
| |
− | -moz-box-sizing: border-box;
| |
− | box-sizing: border-box;
| |
− | -webkit-appearance: none;
| |
− | zoom: 1;
| |
− | vertical-align: middle;
| |
− | text-align: center;
| |
− | font-weight: bold;
| |
− | cursor: pointer;
| |
− | }
| |
− | /* 注释里的列表 */
| |
− | .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%;
| |
− | }
| |
− | }
| |
− | /*
| |
− | * 感谢{{萌百|User:Great Brightstar}}的贡献,源码来自[[special:diff/834104]]
| |
− | * 以下是原注释:
| |
− | * 在这里使用 font-feature-settings 属性会让使用“lang”标签的元素强制使用 OpenType 技术显示本地化的变体字(通过激活 locl 标签,即便浏览器本身不直接激活)。
| |
− | * 如果你使用思源黑体(非 CN、JP、KO、TW 版)、Noto Sans CJK 显示文字的话就有可能看到效果。
| |
− | * 关于上述这个 CSS 属性的用法,参阅:https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings 注意:此文引用的 OpenType Feature Tags list 同样需要关注。
| |
− | * 如有任何问题请即刻禁用之
| |
− | * Nbdd0121: 将原来的[lang]改为span[lang],这样就不会影响非{{lang}}的[lang]了 (e.g. #mw-content-text)
| |
− | */
| |
− | span[lang] {
| |
− | font-family: initial;
| |
− | font-feature-settings: "locl" on;
| |
− | -webkit-font-feature-settings: "locl" on;
| |
− | }
| |
− | [style*="font"] span[lang] {
| |
− | font-family: inherit;
| |
− | }
| |
− | /* wikitable 的 caption */
| |
− | .wikitable.mw-collapsible caption {
| |
− | border: 1px solid rgba(170, 170, 170, 0.37);
| |
− | border-bottom-width: 0;
| |
− | background-color: rgb(249,249,249);
| |
− | }
| |
− | .wikitable.mw-collapsible.mw-collapsed caption {
| |
− | border-bottom-width: 1px;
| |
− | }
| |
− | /* vectorMenu 的排序 */
| |
− | div.vectorMenu ul {
| |
− | display: flex;
| |
− | flex-flow: column;
| |
− | }
| |
− | /* 按钮样式 */
| |
− | .mw-ui-button,.mw-ui-progressive {
| |
− | border-radius: 4px !important;
| |
− | border: 1px solid #3366cc !important;
| |
− | color: #3366cc !important;
| |
− | background: #fff !important;
| |
− | text-shadow: 0px 0px 0px;
| |
− | }
| |
− |
| |
− | .mw-ui-button.mw-ui-progressive:hover,.mw-ui-button.mw-ui-progressive:focus,.mw-ui-button.mw-ui-progressive:active,.mw-ui-button:hover,.mw-ui-progressive:hover,.mw-ui-button:focus,.mw-ui-progressive:focus {
| |
− | box-shadow: 0px 0px 0px !important;
| |
− | text-shadow: 0px 0px 0px !important;
| |
− | border: 1px solid #3366cc !important;
| |
− | }
| |
− |
| |
− | #wpSave,#wpPreview,#wpDiff {
| |
− | border-radius: 4px !important;
| |
− | border: 1px solid #3366cc !important;
| |
− | color: #3366cc !important;
| |
− | background: #fff !important;
| |
− | text-shadow: 0px 0px 0px;
| |
− | padding: 0.5em 1em;
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | #wpSave:hover,#wpPreview:hover,#wpDiff:hover {
| |
− | color: rgba(52,123,255,0.5) !important;
| |
− | }
| |
− |
| |
− | /* 分类页同开头的页面的列表不分段 */
| |
− | .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;
| |
− | }
| |
− | /* Ruby 模板 */
| |
− | rb[data-id="template-ruby"]::before {
| |
− | content: "";
| |
− | }
| |
− | rb[data-id="template-ruby"]::before,
| |
− | .template-ruby-hidden {
| |
− | display: inline-block;
| |
− | width: 0;
| |
− | font-size: 0;
| |
− | }
| |