Template:Debate argument/styles.css: Difference between revisions

From Tears of Themis Wiki
imported>Elaeagnifolia
(Created page with ".argument-container { vertical-align: top; display: inline-block; width: 325px; margin: 5px; } .argument-header { padding: 1em; display: grid; } .arg...")
 
imported>Elaeagnifolia
No edit summary
Line 24: Line 24:
     grid-row: 1;
     grid-row: 1;
     grid-column-start: 3;
     grid-column-start: 3;
     grid-column-end: 13;
     grid-column-end: 12;
     text-align: center;
     text-align: center;
     font-weight: bold;
     font-weight: bold;
Line 32: Line 32:
     grid-row: 2;
     grid-row: 2;
     grid-column-start: 3;
     grid-column-start: 3;
     grid-column-end: 13;
     grid-column-end: 6;
    text-align: center;
    font-size: 0.85em;
    margin-top: 4px;
}
 
.argument-header-atk {
    grid-row: 2;
    grid-column-start: 6;
    grid-column-end: 9;
    text-align: center;
    font-size: 0.85em;
    margin-top: 4px;
}
 
.argument-header-def {
    grid-row: 2;
    grid-column-start: 9;
    grid-column-end: 12;
     text-align: center;
     text-align: center;
     font-size: 0.85em;
     font-size: 0.85em;

Revision as of 22:12, 25 August 2021

.argument-container {
    vertical-align: top;
    display: inline-block;
    width: 325px;
    margin: 5px;
}

.argument-header {
    padding: 1em;
    display: grid;
}

.argument-header-attribute {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    margin: auto;
    font-size: 0.85em;
    text-align: center;
}

.wave-header-quote {
    grid-row: 1;
    grid-column-start: 3;
    grid-column-end: 12;
    text-align: center;
    font-weight: bold;
}

.argument-header-hp {
    grid-row: 2;
    grid-column-start: 3;
    grid-column-end: 6;
    text-align: center;
    font-size: 0.85em;
    margin-top: 4px;
}

.argument-header-atk {
    grid-row: 2;
    grid-column-start: 6;
    grid-column-end: 9;
    text-align: center;
    font-size: 0.85em;
    margin-top: 4px;
}

.argument-header-def {
    grid-row: 2;
    grid-column-start: 9;
    grid-column-end: 12;
    text-align: center;
    font-size: 0.85em;
    margin-top: 4px;
}

.argument-content {
    padding: 1em;	
    display: grid;
    grid-gap: 1em;
}