Template:周期表/sandbox/style.css

.periodic_table {
  text-align:center;
  overflow:visible;
}
.periodic_table .header-group {
  position: sticky;
  top: 0;
  border: solid #fff 2px;
  background: rgba(255,255,255,0.5);
  vertical-align: bottom;
  width: 2.5em;
}
.periodic_table .table_legend table {
  margin: 1em auto 0;
  text-align: left;
  border-spacing: 4px 8px;
}
.periodic_table .table_legend td.exprain_width {
  min-width: 7em;
}
.periodic_table .table_legend td[class|="state"] ,
.periodic_table .table_legend td[class|="group"] ,
.periodic_table .table_legend td[class|="type"] ,
.periodic_table .table_legend td[class|="trend"] {
  width: 1.2em;
  border: solid #999 2px;
  text-align: center;
}
.periodic_table td[class|="state"] {
  border: solid #999 2px;
}
.periodic_table td.trend-metal:not(:empty) {
  background: #f0f0ff;
}
.periodic_table td.trend-alkali_metal:not(:empty) {
  border-color: #f90;
}
.periodic_table td.state-liquid_aNT:not(:empty) {
  color: #f33;
}
.periodic_table td.trend-metalloid:not(:empty) {
  background: #cff;
}
.periodic_table td.trend-alkaline_earth_metal:not(:empty) {
  border-color: #9f0;
}
.periodic_table td.state-gas_aNT:not(:empty) {
  color: #0a0;
}
.periodic_table td.trend-nonmetal:not(:empty) {
}
.periodic_table td.group-halogen:not(:empty) {
  border-color: #09f;
}
.periodic_table td.state-unknown:not(:empty) {
  color: #aaa;
}
.periodic_table td.trend-unknown:not(:empty) {
  background: #ffc;
}
.periodic_table td.group-rare_gas:not(:empty) {
  border-color: #0f9;
}
.periodic_table td.state-liquid_aRT:not(:empty) {
  color: #e99;
}
.periodic_table td.type-synthetic:not(:empty) {
  border-style: dotted;
}
.periodic_table td.trend-transition_metal:not(:empty) {
  border-color: #00f;
}
.periodic_table td.trend-base_metal:not(:empty) {
  border-color: #dd3;
}
.periodic_table td.trend-lanthanoid:not(:empty) {
  border-color: #e0f;
}
.periodic_table td.trend-actinide:not(:empty) {
  border-color: #c9b;
}

/* [[カテゴリ:テンプレートスタイル|周期表]] */