Template:MissionQuote/style.css

.outlineS, .outlineS2, .outlineOE, .outlineS3 { display:flex; flex-direction: column; margin: 10px 0 }

.outlineOE { flex-direction: row; }

.nameS, .nameS2, .nameOE, .nameS3 { align-self: flex-start; background-color: #262626; padding: 3px 10px 0; border-radius: 15px 15px 0 0; }

.nameS2 { border: dashed grey; border-width: 0 0 2px 0; }

.nameOE { padding: 0 10px 0; border-radius: 0 0 15px 15px; }

.nameS3 { border-radius: 5px 15px 15px 5px; }

.textboxS, .textboxS2, .textboxOE, .textboxS3 { display:flex; align-self: flex-start; }

.textboxS { border: solid #262626; border-radius: 0 20px 5px 5px; }

.textboxS2 { border: solid #262626; border-radius: 0 20px 30px 30px; }

.textboxOE { flex-direction: column; }

.textboxS3 { border: solid #262626; border-radius: 0 0 5px 0; margin: 0 0 0 10px; }

.OEbox { display:flex; align-self:flex-start; border: solid #262626; border-radius: 50px; padding: 0 15px 0 0; }

.iconS, .iconS2, .iconOE, .iconS3 { margin-left: 5px; }

.iconS3 { display:flex; margin: 5px; align-items: center; }

.quoteS, .quoteS2, .quoteOE, .quoteS3 { padding: 5px 8px 3px; }

.quoteOE { padding: 3px 8px; }

.namebox { display:flex; flex-direction:row; }