Template:Infobox/styles.css: Difference between revisions
Template page
More actions
Created page with "→Genel Infobox Stilleri: .infobox { float: right; width: 300px; border: 1px solid var(--cdx-color-border, #a2a9b1); background-color: var(--cdx-color-background-secondary, #f8f9fa); margin: 0 0 1em 1.5em; font-size: 90%; line-height: 1.4; } .infobox-title { background-color: var(--cdx-color-background-accent-subtle, #eaf3ff); border-bottom: 1px solid var(--cdx-color-border-subtle, #c8ccd1); font-size: 1.4em; font-weight: bold; text-align: center; padding: 0.5em; colo..." |
No edit summary |
||
| Line 1: | Line 1: | ||
.tg-infobox { | |||
.infobox { | position: relative; | ||
.infobox- | width: 320px; | ||
.infobox- | padding: 16px 0; | ||
.infobox- | border: 1px solid #aaa; | ||
.infobox- | border-radius: 12px; | ||
. | border-spacing: 0; | ||
. | color: #222; | ||
background-color: #f9f9f9; | |||
line-height: 1.3; | |||
font-size: 14px; | |||
} | |||
.tg-infobox th, | |||
.tg-infobox td { | |||
padding: 0; | |||
vertical-align: top; | |||
} | |||
.tg-infobox tr > *:first-child { | |||
padding-left: 16px; | |||
} | |||
.tg-infobox tr > *:last-child { | |||
padding-right: 16px; | |||
} | |||
.tg-infobox-title { | |||
font-size: 20px; | |||
padding-bottom: 4px; | |||
color: #333; | |||
line-height: 1.1; | |||
text-align: center; | |||
} | |||
.tg-infobox-image { | |||
text-align: center; | |||
padding: 0 !important; | |||
transform: translateY(-16px); | |||
overflow: hidden; | |||
} | |||
.tg-infobox-caption { | |||
text-align: center; | |||
color: #777; | |||
font-size: 12px; | |||
padding-top: 4px; | |||
padding-bottom: 4px; | |||
} | |||
.tg-infobox-label { | |||
padding: 8px; | |||
text-align: start; | |||
} | |||
.tg-infobox-data { | |||
padding: 8px; | |||
} | |||
@media (max-width: 640px) { | |||
.tg-infobox { | |||
width: 100%; | |||
} | |||
} | |||
Revision as of 21:04, 12 June 2025
.tg-infobox {
position: relative;
width: 320px;
padding: 16px 0;
border: 1px solid #aaa;
border-radius: 12px;
border-spacing: 0;
color: #222;
background-color: #f9f9f9;
line-height: 1.3;
font-size: 14px;
}
.tg-infobox th,
.tg-infobox td {
padding: 0;
vertical-align: top;
}
.tg-infobox tr > *:first-child {
padding-left: 16px;
}
.tg-infobox tr > *:last-child {
padding-right: 16px;
}
.tg-infobox-title {
font-size: 20px;
padding-bottom: 4px;
color: #333;
line-height: 1.1;
text-align: center;
}
.tg-infobox-image {
text-align: center;
padding: 0 !important;
transform: translateY(-16px);
overflow: hidden;
}
.tg-infobox-caption {
text-align: center;
color: #777;
font-size: 12px;
padding-top: 4px;
padding-bottom: 4px;
}
.tg-infobox-label {
padding: 8px;
text-align: start;
}
.tg-infobox-data {
padding: 8px;
}
@media (max-width: 640px) {
.tg-infobox {
width: 100%;
}
}