|
|
| （未显示4个用户的25个中间版本） |
| 第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; |
| /* 背景 */
| | --selection-color: lightblue; |
| body {
| | --selection-font-color: #000; } |
| background: var(--themeimg) 0 0 no-repeat;
| | #catlinks, pre, table.wikitable, li.gallerybox div.thumb, .toc, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-warning, .toccolours, table.navbox { |
| background-position: center;
| |
| background-attachment: fixed;
| |
| 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 .vector-menu-content {
| |
| 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 .vector-menu-content {
| |
| 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 .vector-menu-content li {
| |
| padding: 0;
| |
| font-size: 0.9rem;
| |
| line-height: 1.2rem;
| |
| }
| |
| | |
| #mw-panel .portal .vector-menu-content 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 .vector-menu-content {
| |
| max-height: 0px;
| |
| /*overflow: hidden;*/
| |
| }
| |
| | |
| #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 .vector-menu-content {
| |
| 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;
| |
| }
| |
| /*顶栏遮挡可视化编辑器*/
| |
| .skin-vector .ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
| |
| top: 2.5rem;
| |
| }
| |
| | |
| /* 顶部栏 */
| |
| #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); | | background-color: var(--lightcolor); |
| } | | } |
|
| |
|
| #p-personal #pt-notifications-alert,
| | .skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { |
| #p-personal #pt-notifications-notice {
| | top: 2.5rem; |
| 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(https://www.mcbbs.net/template/mcbbs/image/bg_border_left.png) left top repeat-y, url(https://mcbbs.wiki/images/1/13/bg_border_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(https://s2.ax1x.com/2019/11/28/QFB2X4.png) left top no-repeat, url(https://mcbbs.wiki/images/c/cf/body_top-right.png) right top no-repeat, url(https://s2.ax1x.com/2019/11/28/QFBc1U.png) top repeat-x content-box;
| |
| }
| |
| | |
| #content::after {
| |
| bottom: -46px;
| |
| background: url(https://s2.ax1x.com/2019/11/28/QFcINd.png) left bottom no-repeat, url(https://mcbbs.wiki/images/e/e9/body_bottom-right.png) right bottom no-repeat, url(https://s2.ax1x.com/2019/11/28/QFco4A.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 > *{
| |
| position: absolute;
| |
| left: 0;
| |
| top: 0;
| |
| width: 100%;
| |
| 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 {
| |
| border-color: #a3d3ff !important;
| |
| }
| |
| | |
| #catlinks {
| |
| margin-bottom: 2px;
| |
| }
| |
| | |
| ::selection {
| |
| background: lightblue;
| |
| color: black;
| |
| }
| |
| | |
| ::-moz-selection {
| |
| background: lightblue;
| |
| color: black;
| |
| }
| |
| | |
| input,
| |
| select {
| |
| background-color: var(--lightcolor);
| |
| border: 1px solid var(--linecolor);
| |
| } | | } |
|
| |
|
| .page-特殊_参数设置 #siteNotice { | | .mw-category-group li { |
| display: none; | | border-color: unset !important; |
| } | | } |