|
|
| 第1行： |
第1行： |
| /* 此 CSS 會套用至所有的介面外觀 */ | | /* 此 CSS 會套用至所有的介面外觀 */ |
| table.encyclato-infobox > tbody > tr > th.infobox-subsection {
| |
| width: auto;
| |
|
| |
| padding: 0.45em 0.6em;
| |
|
| |
| border-top: 3px solid #ffffff;
| |
| border-bottom: 1px solid #c8ccd1;
| |
|
| |
| background: #f1f3f5;
| |
|
| |
| font-weight: 700;
| |
| text-align: center;
| |
| }
| |
|
| |
|
| |
| /* ---------- 國旗與國徽 ---------- */
| |
|
| |
| table.encyclato-infobox > tbody > tr > td.infobox-symbol-cell {
| |
| width: 50%;
| |
|
| |
| padding: 0.65em 0.35em;
| |
|
| |
| text-align: center;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| table.encyclato-infobox .infobox-symbol-media {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
|
| |
| min-height: 120px;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| table.encyclato-infobox .infobox-symbol-media img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| table.encyclato-infobox .infobox-symbol-name {
| |
| display: block;
| |
|
| |
| margin-bottom: 0.15em;
| |
|
| |
| text-align: center;
| |
| }
| |
|
| |
|
| |
| /* ---------- 人物主圖 ---------- */
| |
|
| |
| table.encyclato-infobox > tbody > tr > td.infobox-image-cell {
| |
| padding: 0.7em 0.5em;
| |
|
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| table.encyclato-infobox .infobox-image-cell img {
| |
| display: inline-block;
| |
|
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
|
| |
| /* ---------- 人物簽名 ---------- */
| |
|
| |
| table.encyclato-infobox > tbody > tr > td.infobox-signature-cell {
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| }
| |
|
| |
| table.encyclato-infobox .infobox-signature-cell img {
| |
| display: inline-block;
| |
|
| |
| max-width: 150px;
| |
| max-height: 80px;
| |
|
| |
| width: auto;
| |
| height: auto;
| |
| }
| |
|
| |
|
| |
| /* ---------- 所有面板圖片基本保護 ---------- */
| |
|
| |
| table.encyclato-infobox img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
|
| |
| /* ---------- 窄螢幕 ---------- */
| |
|
| |
| @media screen and (max-width: 480px) {
| |
| table.encyclato-infobox {
| |
| float: none;
| |
| clear: both;
| |
|
| |
| width: 100%;
| |
| max-width: 100%;
| |
|
| |
| margin: 1em 0 1.5em;
| |
| }
| |
|
| |
| table.encyclato-infobox > tbody > tr > th.infobox-label {
| |
| width: 38%;
| |
| }
| |
|
| |
| table.encyclato-infobox > tbody > tr > th.infobox-section {
| |
| border-top-width: 4px;
| |
| }
| |
| }
| |