|
|
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */ | | /* 这里放置的CSS将应用于所有皮肤 */ |
| | | .bbcb{ |
| /*黑幕*/
| | color:#000000; |
| .heimu {
| |
| background-color: #252525;
| |
| color: #252525;
| |
| transition: color 0.5s;
| |
| }
| |
| | |
| .heimu:hover {
| |
| color: #ffffff;
| |
| }
| |
| | |
| /* Social Profile */
| |
| .visualClear {
| |
| clear: both;
| |
| }
| |
| | |
| /* 主页皮肤 */
| |
| .primary_title {
| |
| font-family: Kaiti;
| |
| font-size: 2em;
| |
| font-weight: bold;
| |
| }
| |
| #nl-hp {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
| .nl-hp-sidebar {
| |
| flex: 1;
| |
| min-width: 300px;
| |
| padding: 0 20px;
| |
| }
| |
| #nl-hp-main {
| |
| flex: 2;
| |
| min-width: 300px;
| |
| margin: 0 auto;
| |
| }
| |
| #nl-banner {
| |
| position: relative;
| |
| background:linear-gradient(to bottom right, #a3bfdc, #3475c0);
| |
| box-shadow:grey 0px 0px 5px;
| |
| border-radius:10px;
| |
| color: #000;
| |
| font-size:1em;
| |
| text-shadow:white 0px 0px 10px,white 0px 0px 10px;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| margin:5px auto 5px;
| |
| padding:10px;
| |
| }
| |
| #nl-banner img {
| |
| position: absolute;
| |
| right: 0;
| |
| bottom: 0;
| |
| }
| |
| .nl-hp-container {
| |
| display: flex;
| |
| flex-flow: row wrap;
| |
| justify-content: space-between;
| |
| align-items: stretch;
| |
| width: 100%;
| |
| }
| |
| .nl-hp-item {
| |
| background-color:#f5faff;
| |
| box-shadow:grey 0px 0px 5px;
| |
| margin:5px auto 5px;
| |
| padding-bottom: 10px;
| |
| border:1px solid #999;
| |
| border-radius:10px;
| |
| flex-grow: 1;
| |
| flex-shrink: 0;
| |
| flex-basis: 300px;
| |
| }
| |
| .nl-hp-title {
| |
| background-color:#3475c0;
| |
| color:#FFFFFF;
| |
| font-weight: bold;
| |
| margin:3px;
| |
| padding:6px 3px;
| |
| border-radius:10px;
| |
| font-size:110%;
| |
| text-align:left;
| |
| }
| |
| .nl-hp-content {
| |
| padding: 10px;
| |
| }
| |
| | |
| .nl-tb-container {
| |
| max-width: 100%;
| |
| margin: 0 5px;
| |
| text-align: center;
| |
| }
| |
| | |
| .nl-tb-header {
| |
| display: flex;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .nl-tb-header div {
| |
| flex: 1;
| |
| margin: 5px;
| |
| padding: 10px;
| |
| background-color: #0b0b4f;
| |
| color: white;
| |
| border-radius:5px;
| |
| }
| |
| | |
| .nl-tb-header div:hover {
| |
| background-color: #838b95;
| |
| color: black;
| |
| }
| |
| | |
| .nl-tb-content {
| |
| padding: 20px;
| |
| }
| |
| | |
| .nl-tb-page {
| |
| display: none;
| |
| }
| |
| | |
| .nl-tb-page .wikitable {
| |
| background-color: #f5faff;
| |
| text-align: center;
| |
| margin: 10px auto;
| |
| width: 100%;
| |
| border: none;
| |
| border-spacing: 5px;
| |
| border-collapse: separate;
| |
| }
| |
| | |
| .nl-tb-page .wikitable th, .nl-tb-page .wikitable td {
| |
| background-color: #f0f0f0;
| |
| border: none;
| |
| border-radius: 10px;
| |
| padding: 7px;
| |
| text-align: center;
| |
| }
| |
| | |
| .nl-tb-page th {
| |
| background-color: #d0d0d0;
| |
| }
| |
| | |
| .nl-active {
| |
| text-align: left;
| |
| display: block;
| |
| }
| |
| | |
| /* 电子屏幕容器 */
| |
| .nl-cyberpunk {
| |
| background: radial-gradient(circle at center, #080808, #000);
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| overflow: hidden;
| |
| border-radius: 10px;
| |
| margin: 0;
| |
| padding: 0;
| |
| border: none;
| |
| }
| |
| | |
| .nl-neon-terminal {
| |
| background: linear-gradient(180deg, rgba(120, 0, 180, 0.3) 0%, rgba(52, 0, 79, 0.3) 100%);
| |
| border: 4px solid transparent;
| |
| padding: 15px 0 0;
| |
| width: 100%;
| |
| margin: 0;
| |
| text-align: center;
| |
| position: relative;
| |
| font-family: 'Courier New', monospace;
| |
| /* 发光边框 */
| |
| border: 4px solid transparent;
| |
| border-image: linear-gradient(90deg, #0ff, #f0f, #ff0) 1;
| |
| box-shadow: 0px 0px 15px rgba(0, 255, 255, 0.8),
| |
| 0px 0px 30px rgba(255, 0, 255, 0.8),
| |
| inset 0px 0px 10px rgba(255, 255, 0, 0.5);
| |
| }
| |
| | |
| /* 故障风格文字 */
| |
| .nl-neon-text { | |
| height: 70px;
| |
| font-family: 'Courier New', monospace;
| |
| white-space: nowrap;
| |
| font-size: clamp(28px, 2vw, 36px);
| |
| color: #0ff;
| |
| text-shadow:
| |
| 2px 2px 5px rgba(255, 0, 0, 0.7),
| |
| -2px -2px 5px rgba(0, 255, 0, 0.7);
| |
| position: relative;
| |
| animation: glitch 3s steps(2, jump-none) infinite alternate;*/
| |
| }
| |
| | |
| /* RGB 故障影像 */
| |
| .nl-neon-text::before, .nl-neon-text::after {
| |
| font-weight: bold;
| |
| content: attr(data-text);
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| opacity: 0.6;
| |
| }
| |
| | |
| .nl-neon-text::before {
| |
| color: rgba(255, 0, 0, 0.3);
| |
| transform: translate(-2px, 0);
| |
| }
| |
| | |
| .nl-neon-text::after {
| |
| color: rgba(0, 255, 0, 0.3);
| |
| transform: translate(2px, 0);
| |
| }
| |
| | |
| /* 主故障动画 */
| |
| @keyframes glitch {
| |
| 0% { transform: translate(0); }
| |
| 25% { transform: skewX(-10deg); }
| |
| 50% { transform: translate(0);}
| |
| 75% { transform: skewX(10deg); }
| |
| 100% { transform: translate(0); }
| |
| }
| |
| | |
| /* 符号污染 */
| |
| .flicker {
| |
| line-height: 36px;
| |
| color: #f0f;
| |
| display: inline-block;
| |
| animation: flicker 0.8s infinite alternate;
| |
| }
| |
| | |
| @keyframes flicker {
| |
| 0% { opacity: 1; }
| |
| 50% { opacity: 0.4; }
| |
| 100% { opacity: 1; }
| |
| }
| |
| | |
| .responsive-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 0.5rem;
| |
| }
| |
| | |
| .inline-nowrap {
| |
| white-space: nowrap;
| |
| }
| |
| | |
| /* 大屏幕不换行 */
| |
| @media (min-width: 800px) {
| |
| .responsive-container {
| |
| flex-wrap: nowrap;
| |
| }
| |
| }
| |
| | |
| /* 灵堂 */
| |
| .nl-mourning-hall {
| |
| background-color: #000;
| |
| border: 1px solid #999;
| |
| border-radius: 20px;
| |
| box-shadow: grey 0px 0px 5px;
| |
| color: #aa0000;
| |
| font-size: 1em;
| |
| font-weight: bold;
| |
| margin: 0 auto;
| |
| padding: 10px;
| |
| text-shadow: white 0px 0px 10px, white 0px 0px 10px;
| |
| max-width: 100%;
| |
| box-sizing: border-box;
| |
| }
| |
| | |
| .nl-mh-title {
| |
| font-size: 2.5em;
| |
| text-align: center;
| |
| margin: 10px 0;
| |
| }
| |
| | |
| .nl-mh-image-section {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-around;
| |
| gap: 20px;
| |
| flex-wrap: wrap;
| |
| margin: 20px 0;
| |
| }
| |
| | |
| .nl-mh-side-text {
| |
| font-size: 3em;
| |
| white-space: nowrap;
| |
| flex-shrink: 1;
| |
| min-width: min-content;
| |
| text-align: center;
| |
| }
| |
| | |
| .nl-mh-image-wrapper {
| |
| flex: 0 1 auto;
| |
| max-width: 100%;
| |
| text-align: center;
| |
| }
| |
| | |
| .nl-mh-bottom {
| |
| text-align: center;
| |
| font-size: 1em;
| |
| margin-top: 20px;
| |
| }
| |
| | |
| /* navbox */
| |
| /* {{pp-template|small=y}} */
| |
| .navbox {
| |
| box-sizing: border-box;
| |
| border: 1px solid #a2a9b1;
| |
| width: 100%;
| |
| clear: both;
| |
| font-size: 88%;
| |
| text-align: center;
| |
| padding: 1px;
| |
| margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
| |
| }
| |
| | |
| .navbox .navbox {
| |
| margin-top: 0; /* No top margin for nested navboxes */
| |
| }
| |
| | |
| .navbox + .navbox, /* TODO: remove first line after transclusions have updated */
| |
| .navbox + .navbox-styles + .navbox {
| |
| margin-top: -1px; /* Single pixel border between adjacent navboxes */
| |
| }
| |
| | |
| .navbox-inner,
| |
| .navbox-subgroup {
| |
| width: 100%; | |
| }
| |
| | |
| .navbox-group,
| |
| .navbox-title,
| |
| .navbox-abovebelow {
| |
| text-align: center;
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| }
| |
| | |
| .navbox-group {
| |
| white-space: nowrap;
| |
| /* @noflip */
| |
| text-align: right;
| |
| }
| |
| | |
| .navbox,
| |
| .navbox-subgroup {
| |
| background-color: #fdfdfd;
| |
| }
| |
| | |
| .navbox-list {
| |
| border-color: #fdfdfd; /* Must match background color */
| |
| }
| |
| | |
| .navbox-list-with-group {
| |
| text-align: left;
| |
| border-left-width: 2px;
| |
| border-left-style: solid;
| |
| }
| |
| | |
| /* cell spacing for navbox cells */
| |
| /* Borders above 2nd, 3rd, etc. rows */
| |
| /* TODO: figure out how to replace tr as structure;
| |
| * with div structure it should be just a matter of first-child */
| |
| tr + tr > .navbox-abovebelow,
| |
| tr + tr > .navbox-group,
| |
| tr + tr > .navbox-image,
| |
| tr + tr > .navbox-list {
| |
| border-top: 2px solid #fdfdfd; /* Must match background color */
| |
| }
| |
| | |
| .navbox-title {
| |
| background-color: #ccf; /* Level 1 color */
| |
| position: relative;
| |
| }
| |
| | |
| .navbox-abovebelow,
| |
| .navbox-group,
| |
| .navbox-subgroup .navbox-title {
| |
| background-color: #ddf; /* Level 2 color */
| |
| }
| |
| | |
| .navbox-subgroup .navbox-group,
| |
| .navbox-subgroup .navbox-abovebelow {
| |
| background-color: #e6e6ff; /* Level 3 color */
| |
| }
| |
| | |
| .navbox-even {
| |
| background-color: #f7f7f7;
| |
| }
| |
| | |
| .navbox-odd {
| |
| background-color: transparent;
| |
| }
| |
| | |
| /* TODO: figure out how to remove reliance on td as structure */
| |
| .navbox .hlist td dl,
| |
| .navbox .hlist td ol,
| |
| .navbox .hlist td ul,
| |
| .navbox td.hlist dl,
| |
| .navbox td.hlist ol,
| |
| .navbox td.hlist ul {
| |
| padding: 0.125em 0;
| |
| }
| |
| | |
| /* Navbar styling when nested in navbox */
| |
| .navbox .navbar {
| |
| display: block;
| |
| font-size: 100%;
| |
| }
| |
| | |
| .navbox-title .navbar {
| |
| /* @noflip */
| |
| float: left;
| |
| /* @noflip */
| |
| text-align: left;
| |
| /* @noflip */
| |
| margin-right: 0.5em;
| |
| width: auto;
| |
| padding-left: 0.2em;
| |
| position: absolute;
| |
| left: 1em;
| |
| }
| |
| | |
| /* In navboxes, the show/hide button balances the v·d·e links
| |
| from [[Template:Navbar]], so they need to be the same width. */
| |
| .navbox .mw-collapsible-toggle {
| |
| margin-left: 0.5em;
| |
| position: absolute;
| |
| right: 1em;
| |
| }
| |
| | |
| /** T367463 */
| |
| body.skin--responsive .navbox-image img {
| |
| max-width: none !important;
| |
| }
| |
| | |
| @media print {
| |
| body.ns-0 .navbox {
| |
| display: none !important;
| |
| }
| |
| }
| |
| | |
| /* Social Profile */
| |
| @media screen and (max-width: 1150px) {
| |
| #user-page-left, #user-page-right {
| |
| display: block; /* 改为块级元素，垂直堆叠 */
| |
| width: 100%;
| |
| }
| |
| }
| |
| | |
| /* 个人用户界面 */
| |
| #silverwolf-ascii-image pre {
| |
| -webkit-text-size-adjust: none;
| |
| text-size-adjust: none;
| |
| font-family: 'Courier New', monospace;
| |
| line-height: 8.5px;
| |
| font-size: 8px;
| |
| margin: 0 auto;
| |
| white-space: pre;
| |
| color: rgb(64, 224, 125);
| |
| text-shadow: 0 0 10px #0ff, 0 0 20px #0ff;
| |
| font-weight: bold;
| |
| background-color: black;
| |
| } | | } |
