维基建设中~
“MediaWiki:Common.css”的版本间差异
来自YurifyMagic
(未显示同一用户的54个中间版本) | |||
第2行: | 第2行: | ||
body{ | |||
color: rgb(70,100,100); | |||
height: 100vh; | height: 100vh; | ||
background-color: rgb(255, 190, 190); | background-color: rgb(255, 190, 190); | ||
width:70%; | |||
} | |||
width: | |||
.showcase { | .showcase { | ||
float: right; | float: right; | ||
/*position: absolute; */ | |||
left: | left: 125vmin; | ||
width: 30vmin; | width: 30vmin; | ||
min-width:300px; | |||
background-color: rgb(255, 255, 255); | background-color: rgb(255, 255, 255); | ||
background-color: rgba(255, 255, 255, 0.7); | background-color: rgba(255, 255, 255, 0.7); | ||
border-radius: 10px; | border-radius: 10px; | ||
overflow: hidden; | overflow: hidden; | ||
text-align:center; | |||
} | } | ||
.tablehead { | .tablehead { | ||
第53行: | 第34行: | ||
} | } | ||
#toc{ | |||
color: rgb(70,100,100); | |||
float:right; | |||
margin:0 0 1em 1em; | |||
position:fixed; | |||
top:150px; | |||
right:30px; | |||
} | |||
#nav{ | |||
align-items:center; | |||
height:inherit; | |||
width:auto; | |||
min-width:40%; | |||
flex:1 1 auto; | |||
/*background-color:rgb(255, 190, 190);*/ | |||
order:2; | |||
box-sizing:border-box; | |||
} | |||
#nav a{ | |||
margin:0 3% 0 3%; | |||
text-decoration:none; | |||
font-size:1.7em; | |||
} | |||
@media screen and (min-width:1300px) { | |||
.body{ | |||
width:70%; | |||
} | } | ||
} | |||
@media screen and (max-width:1345px){ | |||
#toc{ | |||
display:none; | |||
} | |||
} | |||
@media screen and (max-width:851px){ | |||
body{ | |||
width:100%; | |||
} | |||
} |
2024年11月23日 (六) 19:57的最新版本
/* 这里放置的CSS将应用于所有皮肤 */ body{ color: rgb(70,100,100); height: 100vh; background-color: rgb(255, 190, 190); width:70%; } .showcase { float: right; /*position: absolute; */ left: 125vmin; width: 30vmin; min-width:300px; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.7); border-radius: 10px; overflow: hidden; text-align:center; } .tablehead { width: 8vmin; background-color: rgb(255, 190, 190); color: rgb(255, 255, 255); } .tabletext { text-align: center; } #toc{ color: rgb(70,100,100); float:right; margin:0 0 1em 1em; position:fixed; top:150px; right:30px; } #nav{ align-items:center; height:inherit; width:auto; min-width:40%; flex:1 1 auto; /*background-color:rgb(255, 190, 190);*/ order:2; box-sizing:border-box; } #nav a{ margin:0 3% 0 3%; text-decoration:none; font-size:1.7em; } @media screen and (min-width:1300px) { .body{ width:70%; } } @media screen and (max-width:1345px){ #toc{ display:none; } } @media screen and (max-width:851px){ body{ width:100%; } }