Widget:Infobox

来自Ballance Wiki
跳转至: 导航搜索

<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>