|
|
| （未显示4个用户的23个中间版本） |
| 第1行： |
第1行： |
| @charset "UTF-8"; | | @charset "UTF-8"; |
| /* 源代码： 用户:Salt_lovely/Vector.scss */ | | /* 初版源代码：用户:Salt_lovely/Vector.scss */ |
| | /* 今版源代码：https://github.com/mcbbs-wiki/mcbbs-wiki-widget-repo */ |
| :root { | | :root { |
| --themecolor: #a8cdff;
| |
| --bgtop: 46px; | | --bgtop: 46px; |
| --bgleft: 20px; | | --bgleft: 20px; |
| 第11行： |
第11行： |
| --bgcolor3: #e9cb97; | | --bgcolor3: #e9cb97; |
| --linecolor: #cfb78e; | | --linecolor: #cfb78e; |
| --fontfamily: sans-serif, "Microsoft Yahei", apple color emoji, | | --fontfamily: sans-serif, 'Microsoft Yahei', apple color emoji, segoe ui emoji, |
| segoe ui emoji, segoe ui symbol;
| | segoe ui symbol; |
| --fontfamily2: "Linux Libertine", "Georgia", "Times", serif, sans-serif, | | --fontfamily2: 'Linux Libertine', 'Georgia', 'Times', serif, sans-serif, |
| Tahoma;
| | Tahoma; |
| --articlefont: Lora, "Palatino Linotype", "Book Antiqua", "New York", | | --articlefont: Lora, 'Palatino Linotype', 'Book Antiqua', 'New York', |
| "DejaVu serif", "Source Han Serif", "Source Han Serif SC"; }
| | 'DejaVu serif', 'Source Han Serif', 'Source Han Serif SC'; |
| | | --delete-linecolor: #ffe49c; |
| /* 背景 */
| | --add-linecolor: #a3d3ff; |
| body {
| | --selection-color: lightblue; |
| background: var(--themeimg) 0 0 no-repeat;
| | --selection-font-color: #000; } |
| background-position: center;
| | #catlinks, pre, table.wikitable, li.gallerybox div.thumb, .toc, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-warning, .toccolours, table.navbox { |
| background-attachment: fixed;
| | background-color: var(--lightcolor); |
| background-size: cover;
| | } |
| border-top: none;
| |
| font-family: var(--fontfamily); } | |
| body * {
| |
| border-color: var(--linecolor); }
| |
| | |
| /* 左侧栏 */
| |
| #mw-panel {
| |
| position: fixed;
| |
| width: 8rem;
| |
| left: 0.5rem;
| |
| top: 3rem;
| |
| padding: 0 1rem 0.5rem 1rem;
| |
| background-color: #fff9;
| |
| border: 1px solid #ccc; | |
| border-radius: 4px; }
| |
| #mw-panel #p-logo {
| |
| width: 10rem;
| |
| height: 10rem;
| |
| margin-top: -14px;
| |
| margin-left: -1rem; }
| |
| #mw-panel #p-logo a {
| |
| background-size: contain; }
| |
| #mw-panel #p-logo + .portal {
| |
| margin-top: 0; }
| |
| #mw-panel #p-logo + .portal .body {
| |
| margin-left: 0; }
| |
| #mw-panel .portal { | |
| padding: 0.75rem 0 0 0;
| |
| margin: 0; }
| |
| #mw-panel .portal:hover {
| |
| background-color: transparent; }
| |
| #mw-panel .portal > h1,
| |
| #mw-panel .portal > h2,
| |
| #mw-panel .portal > h3,
| |
| #mw-panel .portal > h4,
| |
| #mw-panel .portal > h5,
| |
| #mw-panel .portal > h6 {
| |
| margin: 0;
| |
| padding: 0;
| |
| position: relative;
| |
| background-image: none;
| |
| font-size: 1rem;
| |
| line-height: 1.3rem;
| |
| cursor: pointer; }
| |
| #mw-panel .portal > h1::after,
| |
| #mw-panel .portal > h2::after,
| |
| #mw-panel .portal > h3::after,
| |
| #mw-panel .portal > h4::after,
| |
| #mw-panel .portal > h5::after,
| |
| #mw-panel .portal > h6::after {
| |
| position: absolute;
| |
| bottom: 0;
| |
| right: 0;
| |
| opacity: 0;
| |
| font-size: 0.75rem;
| |
| line-height: 1.3rem;
| |
| transition: 0.3s ease; }
| |
| #mw-panel .portal > h1:hover::after,
| |
| #mw-panel .portal > h2:hover::after,
| |
| #mw-panel .portal > h3:hover::after,
| |
| #mw-panel .portal > h4:hover::after,
| |
| #mw-panel .portal > h5:hover::after,
| |
| #mw-panel .portal > h6:hover::after {
| |
| opacity: 0.9; }
| |
| #mw-panel .portal .body {
| |
| padding-top: 0;
| |
| margin-left: 0;
| |
| border-top: 2px solid var(--linecolor) !important;
| |
| background-image: none;
| |
| transition: max-height 0.3s ease;
| |
| overflow: hidden; }
| |
| #mw-panel .portal .body li {
| |
| padding: 0;
| |
| font-size: 0.9rem;
| |
| line-height: 1.2rem; }
| |
| #mw-panel .portal .body li a {
| |
| width: 100%;
| |
| display: inline-block; }
| |
| #mw-panel .portal.salt-close > h1::after,
| |
| #mw-panel .portal.salt-close > h2::after,
| |
| #mw-panel .portal.salt-close > h3::after,
| |
| #mw-panel .portal.salt-close > h4::after,
| |
| #mw-panel .portal.salt-close > h5::after,
| |
| #mw-panel .portal.salt-close > h6::after {
| |
| content: "点击展开"; }
| |
| #mw-panel .portal.salt-close .body {
| |
| max-height: 0px; }
| |
| #mw-panel .portal.salt-open > h1::after,
| |
| #mw-panel .portal.salt-open > h2::after,
| |
| #mw-panel .portal.salt-open > h3::after,
| |
| #mw-panel .portal.salt-open > h4::after,
| |
| #mw-panel .portal.salt-open > h5::after,
| |
| #mw-panel .portal.salt-open > h6::after {
| |
| content: "点击收起"; }
| |
| #mw-panel .portal.salt-open .body {
| |
| max-height: var(--salt-open-height, 100vh); }
| |
| | |
| /* 最顶部的信息栏 */
| |
| #p-personal {
| |
| width: 100%;
| |
| position: fixed;
| |
| top: 0;
| |
| right: 0;
| |
| height: 1.5rem;
| |
| padding: 0.5rem 1rem;
| |
| background: var(--themebar);
| |
| background-size: contain;
| |
| opacity: 0.5;
| |
| font-size: 1rem;
| |
| transition-duration: 0.3s;
| |
| transition-timing-function: ease;
| |
| transition-delay: 0.5s; }
| |
| #p-personal:hover { | |
| opacity: 1;
| |
| transition-delay: 0s; }
| |
| #p-personal ul {
| |
| float: right; }
| |
| #p-personal ul li {
| |
| height: 1rem;
| |
| margin-top: 0;
| |
| margin-bottom: 0;
| |
| font-size: 0.9rem;
| |
| line-height: 1rem; }
| |
| | |
| /* 顶部栏 */
| |
| #mw-head {
| |
| top: calc( 46px + 3rem);
| |
| padding: 0 57px 0 69px;
| |
| width: calc(100% - 126px); }
| |
| #mw-head #left-navigation,
| |
| #mw-head #right-navigation {
| |
| margin-top: 0rem; }
| |
| #mw-head #left-navigation nav,
| |
| #mw-head #left-navigation div,
| |
| #mw-head #left-navigation ul,
| |
| #mw-head #left-navigation span,
| |
| #mw-head #left-navigation a,
| |
| #mw-head #right-navigation nav,
| |
| #mw-head #right-navigation div,
| |
| #mw-head #right-navigation ul,
| |
| #mw-head #right-navigation span,
| |
| #mw-head #right-navigation a {
| |
| background-image: none;
| |
| background-color: transparent; }
| |
| #mw-head #left-navigation li,
| |
| #mw-head #right-navigation li {
| |
| border-left: none;
| |
| border-right: none; }
| |
| #mw-head #left-navigation li:first-child,
| |
| #mw-head #right-navigation li:first-child {
| |
| border-left: 1px solid var(--linecolor); }
| |
| #mw-head #left-navigation li:last-child,
| |
| #mw-head #right-navigation li:last-child {
| |
| border-right: 1px solid var(--linecolor); }
| |
| #mw-head #left-navigation ul li,
| |
| #mw-head #right-navigation ul li {
| |
| height: 2.7rem;
| |
| background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 20%); }
| |
| #mw-head #left-navigation ul li:hover,
| |
| #mw-head #right-navigation ul li:hover {
| |
| background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 12%); }
| |
| #mw-head #left-navigation ul li a,
| |
| #mw-head #right-navigation ul li a {
| |
| font-size: 0.875rem;
| |
| padding-top: 1rem;
| |
| text-align: center; }
| |
| #mw-head #left-navigation ul li.icon a,
| |
| #mw-head #right-navigation ul li.icon a {
| |
| padding-top: 2.5rem; }
| |
| #mw-head #left-navigation ul.menu li,
| |
| #mw-head #right-navigation ul.menu li {
| |
| background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 12%); }
| |
| #mw-head #left-navigation ul.menu li:hover,
| |
| #mw-head #right-navigation ul.menu li:hover {
| |
| background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 6%); }
| |
| #mw-head #p-cactions .menu li {
| |
| border: 1px solid var(--linecolor);
| |
| background-color: var(--lightcolor); }
| |
| | |
| #p-personal #pt-notifications-alert,
| |
| #p-personal #pt-notifications-notice {
| |
| margin-right: 0; }
| |
| | |
| /* 主体 */
| |
| #content {
| |
| top: calc( 46px + 3rem);
| |
| min-height: 400px;
| |
| padding: 1px 69px;
| |
| margin-left: 11rem;
| |
| margin-right: 0.5rem;
| |
| margin-bottom: calc(92px + 5rem);
| |
| overflow: visible;
| |
| position: relative;
| |
| background: url(/salt/book/left.png) left top repeat-y, url(/salt/book/right.png) right top repeat-y;
| |
| background-color: var(--bgcolor);
| |
| border: none;
| |
| border-width: 0; }
| |
| #content::after, #content::before {
| |
| content: "";
| |
| left: 0;
| |
| height: 46px;
| |
| width: calc(100% - 92px);
| |
| padding: 0 46px;
| |
| display: block;
| |
| position: absolute; }
| |
| #content::before {
| |
| top: -46px;
| |
| background: url(/salt/book/left-top.png) left top no-repeat, url(/salt/book/right-top.png) right top no-repeat, url(/salt/book/top.png) top repeat-x content-box; }
| |
| #content::after {
| |
| bottom: -46px;
| |
| background: url(/salt/book/left-bottom.png) left bottom no-repeat, url(/salt/book/right-bottom.png) right bottom no-repeat, url(/salt/book/bottom.png) bottom repeat-x content-box; }
| |
| | |
| /* 页脚 */
| |
| #footer {
| |
| padding-bottom: 0;
| |
| margin-top: 46px;
| |
| clear: both;
| |
| transition: all 0.3s; }
| |
| #footer:hover {
| |
| /*鼠标滑过，背景变白*/
| |
| background: rgba(255, 255, 255, 0.7); }
| |
| | |
| /* 滚动公告 */
| |
| .topsign {
| |
| position: relative;
| |
| width: 100%;
| |
| height: 65px;
| |
| overflow: hidden; }
| |
| .topsign .topsignitem {
| |
| position: absolute;
| |
| left: 0;
| |
| top: 0;
| |
| width: 100%;
| |
| height: auto; }
| |
| .topsign .topsignitem p {
| |
| line-height: 50px;
| |
| text-align: center; }
| |
| | |
| /* 适配 */
| |
| @media screen and (max-width: 982px) {
| |
| #mw-panel {
| |
| left: 0; }
| |
| #content {
| |
| margin-left: 10rem;
| |
| margin-right: 0; } }
| |
| | |
| #mw-page-base,
| |
| #mw-head-base {
| |
| background-color: transparent;
| |
| opacity: 0;
| |
| display: none;
| |
| height: 0; }
| |
| | |
| #catlinks, | |
| pre, | |
| table.wikitable, | |
| li.gallerybox div.thumb, | |
| .toc, | |
| .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, | |
| .mw-warning, | |
| .toccolours, | |
| table.navbox, | |
| #simpleSearch {
| |
| background-color: var(--lightcolor); } | |
| | |
| fieldset,
| |
| ul,
| |
| li,
| |
| a,
| |
| span,
| |
| em,
| |
| pre,
| |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6 {
| |
| border-color: var(--linecolor) !important; }
| |
| | |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6 {
| |
| font-family: var(--fontfamily) !important; }
| |
| | |
| #firstHeading {
| |
| margin-top: var(--bgtop); }
| |
| | |
| .diff-deletedline {
| |
| border-color: #ffe49c !important; }
| |
|
| |
|
| .diff-addedline { | | .skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
| border-color: #a3d3ff !important; } | | top: 2.5rem; |
| | } |
|
| |
|
| #catlinks {
| | .mw-category-group li { |
| margin-bottom: 2px; }
| | border-color: unset !important; |
| | | } |
| ::selection {
| |
| background: lightblue;
| |
| color: black; }
| |
| | |
| ::-moz-selection {
| |
| background: lightblue;
| |
| color: black; }
| |
| | |
| input,
| |
| select {
| |
| background-color: var(--lightcolor);
| |
| border: 1px solid var(--linecolor); }
| |