Template:Grasta row/css

.tr-grasta {

 border-style: solid;
 border-color: #a2a9b1;
 border-radius: 10px;
 border-width: 2px;
 width: 23.5em;
 position: relative;
 margin: 0.4em;
 padding: 0.1em 0.5em 0.5em 0.5em;
}

.td-grasta-toprow {

 display: block;

}

.td-grasta-topleft {

 display: flex;
 flex-direction: column;
 align-items: center;
 position: relative;
 justify-content: center;
 float: left;

}

.td-grasta-typeandtier {

 font-size: small;

}

.td-grasta-personality {

 float: right;
 display: flex;
 flex-wrap: wrap;
 justify-content: right;
 font-size:larger;

}

.td-grasta-secondrow {

 clear: both;
 display: block;
 padding-top: 0.7em;

}

.td-grasta-name {

 display: flex;
 float: left;
 font-weight:bolder;
 font-size:larger;
 justify-content: left;
 padding-right: 0.5em;

}

.td-grasta-stat {

 display: flex;
 flex-wrap: wrap;
 float: right;
 font-size: smaller;
 justify-content: right;
 padding-top: 0.37em;
 white-space: pre-wrap;

}

.td-grasta-effect {

 clear: both;
 padding-top: 0.7em;

}

.td-grasta-effect-border {

 border-bottom:2px solid darkgray;
 padding-bottom: 0.5em;

}

.td-grasta-upgrade {

 padding-top: 0.5em;

}

.td-grasta-obtain {

 padding-top: 0.7em;

}

.within-grasta-split-top {

 padding: 0em 0em 0.3em 0em;

}

.within-grasta-split-mid {

 border-top: 2px solid black;
 width: 50px;

}

.within-grasta-split-bot {

 padding: 0.3em 0em 0em 0em;
 font-size: small;

}