“Widget:Infobox”的版本间的差异

来自Ballance Wiki
跳转至: 导航搜索
2个标签移动版编辑移动网页编辑
2个标签移动版编辑移动网页编辑
 
(未显示同一用户的4个中间版本)
第1行: 第1行:
 
<style type="text/css">
 
<style type="text/css">
 
/* Infobox template style */
 
/* Infobox template style */
 
 
.infobox {
 
.infobox {
  border: 1px solid #a2a9b1;
+
border: 1px solid #a2a9b1;
  background-color: #f8f9fa;
+
border-spacing: 3px;
  color: black;
+
background-color: #f8f9fa;
  margin-bottom: 0.5em;
+
color: black;
  margin-left: 1em;
+
/* @noflip */
  padding: 0.2em;
+
margin: 0.5em 0 0.5em 1em;
  float: right;
+
padding: 0.2em;
  clear: right;
+
/* @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;
+
vertical-align: top;
  padding: 1px 0.16em;
+
/* @noflip */
}
+
text-align: left;
.infobox caption {
+
padding: 1px 2px;
  font-size: larger;
 
 
}
 
}
 
.infobox.bordered {
 
.infobox.bordered {
  border-collapse: collapse;
+
border-collapse: collapse;
 
}
 
}
 
.infobox.bordered td,
 
.infobox.bordered td,
 
.infobox.bordered th {
 
.infobox.bordered th {
  border: 1px solid #a2a9b1;
+
border: 1px solid #a2a9b1;
 
}
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
.infobox.bordered .borderless th {
  border: 0;
+
border: 0;
 
}
 
}
  
 
.infobox.sisterproject {
 
.infobox.sisterproject {
  width: 20em;
+
width: 20em;
  font-size: 90%;
+
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: 0;
  border-top: 1px solid #a2a9b1;
+
border-top: 1px solid #a2a9b1;
  border-right: 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;
+
border: 0;
  border-right: 1px solid #a2a9b1;
+
/* @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: 600px) {
+
@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)}
 
}
 
}
  

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>