Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

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

Template page
dustloop>TarkusLee
No edit summary
m 36 revisions imported: Credit to the Dustloop wiki (dustloop.com).
 
(27 intermediate revisions by one other user not shown)
Line 1: Line 1:
.infobox {
.infobox {
    overflow: visible;
display: table;
     width: 100%;
     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;
     text-align: left;
    line-height: 1.25em;
}
}


.infobox-header {
.infobox-header {
     width: 100%;
     width: 100%;
    padding-top: 15px;
     border-top: 1px solid;
     border-top: 1px solid;
     border-color: var(--border-color-base);
     border-color: var(--border-color-base);
    margin-top: 15px;
     color: var(--color-base--emphasized);
     color: var(--color-base--emphasized);
     font-size: 1rem;
     font-size: 1em;
}
 
.infobox-data td {
text-align: right;
font-size: 0.875em;
}
}


Line 28: Line 24:
     flex-direction: column;
     flex-direction: column;
     padding: 0 10px;
     padding: 0 10px;
     margin-top: 10px;
}
 
#portrait-image img {
     width: auto;
    height: auto;
    max-height: 375px;
    max-width: calc(100% - 20px);
}
}

Latest revision as of 18:10, 23 September 2024

.infobox {
	display: table;
    width: 100%;
    text-align: left;
    line-height: 1.25em;
}

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

.infobox-data td {
	text-align: right;
	font-size: 0.875em;
}

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

#portrait-image img {
    width: auto;
    height: auto;
    max-height: 375px;
    max-width: calc(100% - 20px);
}
MediaWiki Appliance - Powered by TurnKey Linux