|
|
| 第1行: |
第1行: |
| <css> | | <css> |
| /* 中文后联网 —— TemplateStyles 正文版 | | /* 完整赛博主题粘贴在这里,不需要 body.page- 前缀 */ |
| 用途:粘贴到 模板:Internet.css(内容模型 sanitized-css)
| | body { background: #000000 !important; color: #fff; } |
| 重要:TemplateStyles 会自动给所有选择器加 .mw-parser-output 前缀,
| | .wds-tabs__tab { border: 1px solid #0ff; } |
| 所以这里【不要写 body.page-... 前缀】,直接写正文内元素即可。
| | .CosmosRail { background: rgba(16,45,68,.9); } |
| 只覆盖正文区域:链接、h2/h3、代码块、表格、按钮。
| |
| 页面外围样式(黑背景、导航标签、右栏、标题、扫描线、字体)
| |
| 必须放 MediaWiki:Common.css(见 用户页_Apt_install_赛博主题.css 完整版)。 */
| |
|
| |
|
| /* 正文链接 */
| | @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@400;700&display=swap'); |
| a {
| |
| color: #0ff;
| |
| text-decoration: none;
| |
| position: relative;
| |
| transition: color 0.3s ease;
| |
| }
| |
| | |
| a:hover {
| |
| color: #ffffff;
| |
| }
| |
| | |
| a::after {
| |
| content: "";
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 2px;
| |
| background: #0ff;
| |
| bottom: -2px;
| |
| left: 0;
| |
| transform: scaleX(0);
| |
| transition: transform 0.3s ease;
| |
| }
| |
| | |
| a:hover::after {
| |
| transform: scaleX(1);
| |
| }
| |
| | |
| /* 正文标题(h1 通常指页面标题,在外层,这里只管 h2/h3) */
| |
| h2,
| |
| h3 {
| |
| text-shadow: 0 0 10px #0ff;
| |
| position: relative;
| |
| padding-left: 25px;
| |
| }
| |
| | |
| h3::before {
| |
| content: ">";
| |
| color: #0ff;
| |
| position: absolute;
| |
| left: 0;
| |
| text-shadow: 0 0 8px #0ff;
| |
| }
| |
| | |
| h2:hover::before,
| |
| h3:hover::before {
| |
| transform: translateX(0.2em);
| |
| opacity: 1;
| |
| text-shadow: 0 0 12px #0ff;
| |
| }
| |
| | |
| /* 代码块 */
| |
| pre,
| |
| .mw-code {
| |
| background: #00161f;
| |
| border: 1px solid #004455;
| |
| box-shadow: inset 0 0 10px #002233;
| |
| color: #6cffeb;
| |
| font-family: 'Space Mono', monospace;
| |
| }
| |
| | |
| pre {
| |
| padding: 15px;
| |
| overflow-x: auto;
| |
| position: relative;
| |
| }
| |
| | |
| pre::before {
| |
| content: "CODE TERMINAL";
| |
| position: absolute;
| |
| top: -20px;
| |
| left: 0;
| |
| color: #0ff;
| |
| font-size: 0.8em;
| |
| }
| |
| | |
| /* 表格 */ | |
| table {
| |
| border: 2px solid #0ff;
| |
| background: rgba(0, 0, 0, 0.7);
| |
| margin: 20px 0;
| |
| }
| |
| | |
| th {
| |
| background: rgba(0, 255, 255, 0.1);
| |
| text-transform: uppercase;
| |
| letter-spacing: 2px;
| |
| }
| |
| | |
| td {
| |
| border-bottom: 1px solid rgba(0, 255, 255, 0.1);
| |
| padding: 12px;
| |
| }
| |
| | |
| /* 正文内按钮 */ | |
| .button,
| |
| .wds-button {
| |
| background: linear-gradient(45deg, #000000, #0ff);
| |
| border: 1px solid #0ff;
| |
| padding: 8px 20px;
| |
| color: #ffffff;
| |
| text-transform: uppercase;
| |
| transition: all 0.3s ease;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .button:hover,
| |
| .wds-button:hover {
| |
| box-shadow: 0 0 15px #0ff;
| |
| transform: translateY(-2px);
| |
| }
| |
|
| |
|
| | @keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100vh); } } |
| | body::after { position: fixed; ... } |
| </css> | | </css> |
|
| |
|
<css>
/* 完整赛博主题粘贴在这里,不需要 body.page- 前缀 */
body { background: #000000 !important; color: #fff; }
.wds-tabs__tab { border: 1px solid #0ff; }
.CosmosRail { background: rgba(16,45,68,.9); }
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@400;700&display=swap');
@keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100vh); } }
body::after { position: fixed; ... }
</css>
测试标题
这是一个测试链接,下面有个表格: