Template:Infobox/shared/styles.css: Difference between revisions

Revision as of 02:54, 1 January 2023

.infobox {
    overflow: visible;
    width: 100%;
    max-width: 400px;
    margin-top: 0;
    margin-bottom: 1.6rem;
    background: var( --color-surface-1 );
    border-radius: var(--border-radius--medium);
    border-spacing: 0;
    box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
    font-size: 0.875rem;
    text-align: left;
}

.infobox-header {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid;
    border-color: var(--border-color-base);
    margin-top: 15px;
    color: var(--color-base--emphasized);
    font-size: 1rem;
}

.infobox-data td {
	text-align: right;
}

.infobox tr {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    padding: 0 10px;
}