Template:Tabs/styles.css

/* 隐藏的单选按钮 */
input[type="radio"][name^="mc"] {
  display: none;
}

/* 默认隐藏所有标签内容 */
.mcPestanya {
  display: none;
}

/* 当单选按钮被选中时，显示对应的标签内容 */
input[type="radio"]:checked + .skin-invert + .mcContingut > .mcPestanya {
  display: block;
}

/* 标签按钮样式 */
.mcBoto {
  cursor: pointer;
  padding: 10px;
  margin: 5px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  text-align: center;
  display: inline-block;
}

/* 选中标签按钮样式 */
input[type="radio"]:checked + .skin-invert > label.mcBoto {
  background-color: #9070c0;
  color: white;
  font-weight: bold;
  border-bottom: none;
}

/* 内容容器样式 */
.mcContingut {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
}