Template:Chiu-kî-piáu/style.css

< Template:Chiu-kî-piáu
Revision as of 2021 nî 1 goe̍h 12 ji̍t, 11:15 by Ianpit (khai-káng | kòng-hiàn) (Chhòng-chō phè-jih kiau ".periodic_table { text-align:center; overflow:visible; } .periodic_table .header-group { position: sticky; top: 0; border: solid #fff 2px; background: rgb...")
(diff) ← Khah-kū ê siu-kái | Siōng-bóe ê siu-kái (diff) | Khah-sin ê siu-kái → (diff)
.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;
}

/* [[カテゴリ:テンプレートスタイル|しゆうきひよう]] */