MediaWiki:Citizen.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 标签:移动版编辑 移动版网页编辑 高级移动版编辑 |
无编辑摘要 |
||
| (未显示2个用户的24个中间版本) | |||
| 第1行: | 第1行: | ||
/* 放置于这里的CSS将影响使用移动版网站的用户 */ | /* 放置于这里的CSS将影响使用移动版网站的用户 */ | ||
.homo114514{ | .homo114514{ | ||
display:block; | display:block; | ||
} | } | ||
/* 隐藏大家族模板 */ | |||
.navbox{ | .navbox{ | ||
display:none !important; | display:none !important; | ||
} | } | ||
/* 字体 */ | |||
.mf-font-size-clientpref-small .mw-body p, .mf-font-size-clientpref-small .content p { font-size: unset !important; } | |||
/* 数学公式滚动 */ | |||
:has(mjx-container) { overflow-x: scroll; overflow-y: visible; } | |||
/* 隐藏首页标题 */ | /* 隐藏首页标题 */ | ||
| 第20行: | 第26行: | ||
.sitenotice { | .sitenotice { | ||
text-align: center; | text-align: center; | ||
display: none !important; | /*display: none !important;*/ | ||
} | } | ||
| 第253行: | 第259行: | ||
} | } | ||
/* 桌面端不显示 */ | /* 桌面端不显示 */ | ||
.deskOnly{display:none} | .deskOnly{display:none !important;} | ||
/* 台词表 */ | /* 台词表 */ | ||
| 第265行: | 第271行: | ||
.DiagAudioRed { width:45%;background:#FFD2D2;color:black; } | .DiagAudioRed { width:45%;background:#FFD2D2;color:black; } | ||
/* 技能数字颜色 */ | |||
.skillColorGreen { color: #00aa00; } | |||
.skillColorRed { color: red; } | |||
/* 装备图鉴页面 */ | /* 装备图鉴页面 */ | ||
| 第442行: | 第450行: | ||
/* 技能表格 */ | /* 技能表格 */ | ||
table.skill | table.skill th {display: none;} | ||
table.skill | table.skill tr {display: grid; grid-template-columns: 80px 2fr 3fr; grid-template-rows: auto auto auto; margin: 10px 0;} | ||
table.skill | table.skill td {padding: 5px; text-align: left !important;} | ||
table.skill td:nth-of-type(1) {grid-area: 1 / 1 / 2 / 2; background-color: #ddeeff;} | |||
table.skill td:nth-of-type(2) {grid-area: 2 / 1 / 4 / 2; padding: 0; border:1px solid #fff !important;} | |||
table.skill td:nth-of-type(3) {grid-area: 1 / 2 / 2 / 4; background-color: #ddeeff;} | |||
table.skill | table.skill td:nth-of-type(4) {display: none;} | ||
table.skill | table.skill td:nth-of-type(5) {display: none;} | ||
table.skill | table.skill td:nth-of-type(6) {grid-area: 2 / 2 / 3 / 4;} | ||
table.skill | table.skill td:nth-of-type(7) {grid-area: 3 / 2 / 4 / 4;} | ||
table.skill | |||
table.skill | |||
table.skill | |||
/* 舰船获得方式表格 */ | /* 舰船获得方式表格 */ | ||
| 第466行: | 第468行: | ||
table.getship td:nth-of-type(1):before {content:'No.'; } | table.getship td:nth-of-type(1):before {content:'No.'; } | ||
table.getship td:nth-of-type(1) {grid-area: 1 / 1 / 2 / 2; background-color: #ddeeff;} | table.getship td:nth-of-type(1) {grid-area: 1 / 1 / 2 / 2; background-color: #ddeeff;} | ||
table.getship td:nth-of-type(2) {grid-area: 2 / 1 / 3 / | table.getship td:nth-of-type(2) {grid-area: 2 / 1 / 3 / 4; padding: 0; border:1px solid #fff !important;} | ||
table.getship td:nth-of-type(3) {grid-area: 1 / 2 / 2 / 3; background-color: #ddeeff;} | table.getship td:nth-of-type(3) {grid-area: 1 / 2 / 2 / 3; background-color: #ddeeff;} | ||
table.getship td:nth-of-type(4) {display: none;} | table.getship td:nth-of-type(4) {display: none;} | ||
| 第525行: | 第527行: | ||
.mainJianchuanhuode{position:absolute; top:0%; left:0%; width:66.6%; height:10%; border:solid 2px #FFF; } | .mainJianchuanhuode{position:absolute; top:0%; left:0%; width:66.6%; height:10%; border:solid 2px #FFF; } | ||
.mainTebiechuanwu{position:absolute; top:5%; left:0%; width:33.3%; border:solid 2px #FFF; } | |||
.mainJianniangtujian{position:absolute; top:10%; left:0%; width:33.3%; border:solid 2px #FFF; } | .mainJianniangtujian{position:absolute; top:10%; left:0%; width:33.3%; border:solid 2px #FFF; } | ||
| 第584行: | 第588行: | ||
.stage-overlay,.stage-panel{position:fixed;left:0;width:100%} | .stage-overlay,.stage-panel{position:fixed;left:0;width:100%} | ||
.stage-panel{bottom:-300px;background-color:#fff;transition:bottom .3s;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:10;} | .stage-panel{bottom:-300px;background-color:#fff;transition:bottom .3s;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:10;} | ||
.stage-content-container{position:relative;font-size:16px;text-align:center;margin | .stage-content-container{position:relative;font-size:16px;text-align:center;margin: 0 0 150px 0;} | ||
.stage-close-btn{position:absolute;bottom: | .stage-close-btn{position:absolute;bottom:100px;left:50%;transform:translate(-50%,0);background:0 0;border:none;font-size:16px;color:#888;padding:15px} | ||
.stage-buttons-container{display:flex;gap:2px;padding:20px;flex-wrap:wrap} | .stage-buttons-container{display:flex;gap:2px;padding:20px;flex-wrap:wrap} | ||
.stage-main-btn{width:50px;height:50px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5em;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5);border:2px solid} | .stage-main-btn{width:50px;height:50px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5em;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5);border:2px solid} | ||
| 第597行: | 第601行: | ||
.stage-main-btn.dark{background-image:linear-gradient(180deg,rgba(53,53,53),rgba(53,53,53,.8));border-color:rgba(34,34,34)} | .stage-main-btn.dark{background-image:linear-gradient(180deg,rgba(53,53,53),rgba(53,53,53,.8));border-color:rgba(34,34,34)} | ||
.stage-main-btn.livid{background-image:linear-gradient(180deg,rgba(123,149,176),rgba(123,149,176,.8));border-color:rgba(77,102,127)} | .stage-main-btn.livid{background-image:linear-gradient(180deg,rgba(123,149,176),rgba(123,149,176,.8));border-color:rgba(77,102,127)} | ||
div.stage-content-container>tr:first-of-type{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows: | div.stage-content-container>tr:first-of-type{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:60px 45px 30px 30px;margin:10px 0} | ||
div.stage-content-container td{display:grid;justify-content:center;align-content:center;padding:5px;background-color:#eee;border:1px solid #fff;line-height:1.1em;} | div.stage-content-container td{display:grid;justify-content:center;align-content:center;padding:5px;background-color:#eee;border:1px solid #fff;line-height:1.1em;} | ||
div.stage-content-container>tr:first-of-type>td:first-of-type{font-size:1.5em;font-weight:700;grid-area:1/1/2/7;align-self:start;background-color:#fff} | div.stage-content-container>tr:first-of-type>td:first-of-type{font-size:1.5em;font-weight:700;grid-area:1/1/2/7;align-self:start;background-color:#fff} | ||
| 第617行: | 第621行: | ||
div.stage-content-container>tr:first-of-type>td:nth-of-type(13){grid-area:2/6/3/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))} | div.stage-content-container>tr:first-of-type>td:nth-of-type(13){grid-area:2/6/3/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))} | ||
div.stage-content-container>tr:first-of-type>td:nth-of-type(13):before{content:"战速"} | div.stage-content-container>tr:first-of-type>td:nth-of-type(13):before{content:"战速"} | ||
div.stage-content-container>tr:nth-of-type(2){display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:45px 30px 30px;margin: | div.stage-content-container>tr:nth-of-type(2){display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:45px 30px 30px;margin:10px 0} | ||
div.stage-content-container>tr:nth-of-type(2)>td:first-of-type{grid-area:1/1/2/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))} | div.stage-content-container>tr:nth-of-type(2)>td:first-of-type{grid-area:1/1/2/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))} | ||
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(2){grid-area:2/1/3/3} | div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(2){grid-area:2/1/3/3} | ||
| 第635行: | 第639行: | ||
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(12){grid-area:1/6/2/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))} | div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(12){grid-area:1/6/2/7;color:#fff;background-image:linear-gradient(180deg,rgba(161,122,223),rgba(161,122,223,.8))} | ||
div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(12):before{content:"战速"} | div.stage-content-container>tr:nth-of-type(2)>td:nth-of-type(12):before{content:"战速"} | ||
div.stage-content-container>tr:nth-of-type(3){display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:45px 30px 30px;margin: | div.stage-content-container>tr:nth-of-type(3){display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:45px 30px 30px;margin:10px 0} | ||
div.stage-content-container>tr:nth-of-type(3)>td:first-of-type{grid-area:1/1/2/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))} | div.stage-content-container>tr:nth-of-type(3)>td:first-of-type{grid-area:1/1/2/2;color:#fff;background-image:linear-gradient(180deg,rgba(223,103,107),rgba(223,103,107,.8))} | ||
div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(2){grid-area:2/1/3/3} | div.stage-content-container>tr:nth-of-type(3)>td:nth-of-type(2){grid-area:2/1/3/3} | ||
| 第665行: | 第669行: | ||
table.shipAttrTable th { | table.shipAttrTable th { | ||
background-color: #eee; | background-color: #eee; | ||
color: black; | |||
} | } | ||
| 第697行: | 第702行: | ||
:root { | :root { | ||
--color-progressive-oklch__h:270; | |||
--color-surface-0-oklch__l:100%; | --color-surface-0-oklch__l:100%; | ||
/*--color-surface-1-oklch__l:90%; | /*--color-surface-1-oklch__l:90%; | ||
| 第702行: | 第708行: | ||
--color-surface-3-oklch__l:96%; | --color-surface-3-oklch__l:96%; | ||
--color-surface-4-oklch__l:95%;*/ | --color-surface-4-oklch__l:95%;*/ | ||
--delta-lightness-surface-base: - | --delta-lightness-surface-base: -0.75%; | ||
--color-surface-0-oklch__c: 0; | --color-surface-0-oklch__c: 0; | ||
--shadow-opacity: 0.1; | --shadow-opacity: 0.1; | ||
--font-size-xx-large: calc(var(--font-size-base) * 1.75); | |||
--font-size-xxx-large: calc(var(--font-size-base) * 2.25); | |||
} | } | ||
| 第721行: | 第729行: | ||
} | } | ||
h2, h3, h4 { | h1, h2 { font-family: var(--font-family-serif); font-weight: 550;} | ||
} | h2, h3, h4 { margin-block-end: 0.75em; } | ||
.mw-headline { | .mw-headline { | ||