“Widget:Infobox”的版本间的差异
BallanceBug（讨论 | 贡献） |
BallanceBug（讨论 | 贡献） 小 （2个标签：移动版编辑、移动网页编辑） |
||
| （未显示同一用户的5个中间版本） | |||
| 第1行： | 第1行： | ||
<style type="text/css"> | <style type="text/css"> | ||
/* Infobox template style */ | /* Infobox template style */ | ||
| − | |||
.infobox { | .infobox { | ||
| − | + | border: 1px solid #a2a9b1; | |
| − | + | border-spacing: 3px; | |
| − | + | background-color: #f8f9fa; | |
| − | + | color: black; | |
| − | + | /* @noflip */ | |
| − | + | margin: 0.5em 0 0.5em 1em; | |
| − | + | padding: 0.2em; | |
| − | + | /* @noflip */ | |
| + | float: right; | ||
| + | /* @noflip */ | ||
| + | clear: right; | ||
| + | font-size: 88%; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | .infobox caption { | ||
| + | font-size: 125%; | ||
| + | font-weight: bold; | ||
| + | padding: 0.2em; | ||
| + | text-align: center; | ||
} | } | ||
.infobox td, | .infobox td, | ||
.infobox th { | .infobox th { | ||
| − | + | vertical-align: top; | |
| − | + | /* @noflip */ | |
| − | + | text-align: left; | |
| − | + | padding: 1px 2px; | |
| − | |||
} | } | ||
.infobox.bordered { | .infobox.bordered { | ||
| − | + | border-collapse: collapse; | |
} | } | ||
.infobox.bordered td, | .infobox.bordered td, | ||
.infobox.bordered th { | .infobox.bordered th { | ||
| − | + | border: 1px solid #a2a9b1; | |
} | } | ||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
| − | + | border: 0; | |
} | } | ||
.infobox.sisterproject { | .infobox.sisterproject { | ||
| − | + | width: 20em; | |
| − | + | font-size: 90%; | |
} | } | ||
| − | + | ||
| + | .infobox.standard-talk { | ||
| + | border: 1px solid #c0c090; | ||
| + | background-color: #f8eaba; | ||
| + | } | ||
| + | .infobox.standard-talk.bordered td, | ||
| + | .infobox.standard-talk.bordered th { | ||
| + | border: 1px solid #c0c090; | ||
| + | } | ||
| + | |||
/* styles for bordered infobox with merged rows */ | /* styles for bordered infobox with merged rows */ | ||
.infobox.bordered .mergedtoprow td, | .infobox.bordered .mergedtoprow td, | ||
.infobox.bordered .mergedtoprow th { | .infobox.bordered .mergedtoprow th { | ||
| − | + | border: 0; | |
| − | + | border-top: 1px solid #a2a9b1; | |
| − | + | /* @noflip */ | |
| + | border-right: 1px solid #a2a9b1; | ||
} | } | ||
| − | + | ||
.infobox.bordered .mergedrow td, | .infobox.bordered .mergedrow td, | ||
.infobox.bordered .mergedrow th { | .infobox.bordered .mergedrow th { | ||
| − | + | border: 0; | |
| − | + | /* @noflip */ | |
| + | border-right: 1px solid #a2a9b1; | ||
} | } | ||
.infobox tr {border-bottom: 1px solid rgba(0,0,0,0.12)} | .infobox tr {border-bottom: 1px solid rgba(0,0,0,0.12)} | ||
| + | .infobox tr:last-child {border: none} | ||
.infobox caption {background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none} | .infobox caption {background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none} | ||
| − | @media only screen and (max-width: | + | @media only screen and (max-width: 640px) { |
.skin-minerva .infobox caption {border: none} | .skin-minerva .infobox caption {border: none} | ||
| + | .skin-minerva .infobox tr:last-child {border-bottom: 1px solid rgba(0,0,0,0.12)} | ||
} | } | ||
.infobox tbody {padding-top: 0.15em; padding-bottom: 0.15em} | .infobox tbody {padding-top: 0.15em; padding-bottom: 0.15em} | ||
| + | |||
| + | /* 修复infobox的宽度问题 */ | ||
| + | |||
| + | .infobox1 {width: 22em; min-width: 22em; max-width: 22em} | ||
| + | |||
| + | @media only screen and (max-width: 750px) and (min-width: 601px) { | ||
| + | .infobox1 { | ||
| + | width: 20em; | ||
| + | min-width: 20em; | ||
| + | max-width: 20em; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 600px) { | ||
| + | .infobox1 { | ||
| + | width: 100%; | ||
| + | min-width: 100%; | ||
| + | float: none; | ||
| + | } | ||
| + | } | ||
</style> | </style> | ||
2020年1月31日 (五) 14:29的最新版本
<style type="text/css"> /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; } .infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; padding: 1px 2px; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }
.infobox.sisterproject { width: 20em; font-size: 90%; }
.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }
/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; }
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; }
.infobox tr {border-bottom: 1px solid rgba(0,0,0,0.12)} .infobox tr:last-child {border: none}
.infobox caption {background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none}
@media only screen and (max-width: 640px) {
.skin-minerva .infobox caption {border: none}
.skin-minerva .infobox tr:last-child {border-bottom: 1px solid rgba(0,0,0,0.12)}
}
.infobox tbody {padding-top: 0.15em; padding-bottom: 0.15em}
/* 修复infobox的宽度问题 */
.infobox1 {width: 22em; min-width: 22em; max-width: 22em}
@media only screen and (max-width: 750px) and (min-width: 601px) {
.infobox1 {
width: 20em;
min-width: 20em;
max-width: 20em;
}
}
@media only screen and (max-width: 600px) {
.infobox1 {
width: 100%;
min-width: 100%;
float: none;
}
} </style>
