|
|
| Line 1: |
Line 1: |
| /* Karakter Bilgi Kutusu (Infobox) - DIV Tabanlı Stiller */
| | .infobox { |
| .infobox-div { | | border: 1px solid #aaa; |
| float: right;
| | background-color: #f9f9f9; |
| width: 300px;
| | padding: 5px; |
| border: 1px solid var(--cdx-color-border, #a2a9b1);
| | font-size: 90%; |
| background-color: var(--cdx-color-background-secondary, #f8f9fa);
| | float: right; |
| margin: 0 0 1em 1.5em;
| | clear: right; |
| font-size: 90%;
| | margin: 0 0 1em 1em; |
| } | | } |
| .infobox-div-title { | | .infobox th { |
| background-color: var(--cdx-color-background-accent-subtle, #eaf3ff);
| | background-color: #ccc; |
| border-bottom: 1px solid var(--cdx-color-border-subtle, #c8ccd1);
| | text-align: left; |
| font-size: 1.3em;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 10px;
| |
| color: var(--cdx-color-text-primary, #202122);
| |
| }
| |
| .infobox-div-image {
| |
| padding: 10px;
| |
| text-align: center;
| |
| }
| |
| .infobox-div-caption {
| |
| font-size: 0.9em;
| |
| font-style: italic;
| |
| color: var(--cdx-color-text-secondary, #54595d);
| |
| padding: 0 10px 10px 10px;
| |
| text-align: center;
| |
| }
| |
| .infobox-div-header {
| |
| background-color: var(--cdx-color-background-accent-soft, #dcebff);
| |
| font-weight: bold;
| |
| text-align: center;
| |
| padding: 8px;
| |
| margin-top: 5px;
| |
| color: var(--cdx-color-text-primary, #202122);
| |
| }
| |
| .infobox-div-row {
| |
| display: flex;
| |
| padding: 8px 10px;
| |
| border-top: 1px solid var(--cdx-color-border-subtle, #e3e6e8);
| |
| align-items: center;
| |
| }
| |
| .infobox-div-label {
| |
| font-weight: bold;
| |
| width: 35%;
| |
| color: var(--cdx-color-text-primary, #202122);
| |
| }
| |
| .infobox-div-data {
| |
| width: 65%;
| |
| color: var(--cdx-color-text-secondary, #54595d);
| |
| } | | } |
Revision as of 20:48, 12 June 2025
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 90%;
float: right;
clear: right;
margin: 0 0 1em 1em;
}
.infobox th {
background-color: #ccc;
text-align: left;
}
