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

From Tears of Themis Wiki
imported>Elaeagnifolia
No edit summary
imported>Elaeagnifolia
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 2: Line 2:
     vertical-align: top;
     vertical-align: top;
     display: inline-block;
     display: inline-block;
     width: 325px;
     width: 338px;
     margin: 5px;
     margin: 2px;
}
}


.argument-header {
.argument-header {
     padding: 1em;
     padding: 0.5em;
     display: grid;
     display: grid;
}
}
Line 27: Line 27:
     text-align: center;
     text-align: center;
     font-weight: bold;
     font-weight: bold;
    font-size: 0.9em;
    padding: 2px;
margin: 8px;
background: rgba(255,255,255,0.5);
}
}


Line 35: Line 39:
     text-align: center;
     text-align: center;
     font-size: 0.85em;
     font-size: 0.85em;
    margin-top: 4px;
}
}


Line 44: Line 47:
     text-align: center;
     text-align: center;
     font-size: 0.85em;
     font-size: 0.85em;
    margin-top: 4px;
}
}


Line 53: Line 55:
     text-align: center;
     text-align: center;
     font-size: 0.85em;
     font-size: 0.85em;
    margin-top: 4px;
}
}



Latest revision as of 03:54, 27 August 2021

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

.argument-header {
    padding: 0.5em;
    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;
}

.argument-header-quote {
    grid-row: 1;
    grid-column-start: 3;
    grid-column-end: 12;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    padding: 2px;
	margin: 8px;
	background: rgba(255,255,255,0.5);
}

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

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

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

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