Template:MissionQuote/style.css
From Inkipedia, the Splatoon wiki
.outlineS, .outlineS2, .outlineOC, .outlineOE, .outlineS3, .outlineRotM, .outlineSO { display:flex; flex-direction: column; margin: 10px 0; } .outlineOE, .outlineSO { flex-direction: row; } .nameS, .nameS2, .nameOC, .nameOE, .nameS3, .nameRotM, .nameSO { align-self: flex-start; background-color: #262626; padding: 3px 10px 0; border-radius: 15px 15px 0 0; } .nameSO { background-color: #f8edeb; background: linear-gradient(#e3b9b1, #f8edeb 44%); } .nameS2, .nameOC { border: dashed grey; border-width: 0 0 2px 0; } .nameOE, .nameSO { padding: 0 10px 0; border-radius: 0 0 15px 15px; } .nameS3, .nameRotM { border-radius: 5px 15px 15px 5px; } .textboxS, .textboxS2, .textboxOC, .textboxOE, .textboxS3, .textboxRotM, .textboxSO { display:flex; align-self: flex-start; } .textboxS { border: solid #262626; border-radius: 0 20px 5px 5px; } .textboxS2, .textboxOC { border: solid #262626; border-radius: 0 20px 20px 20px; } .textboxOE, .textboxSO { flex-direction: column; } .textboxS3, .textboxRotM { border: solid #262626; border-radius: 0 0 5px 0; margin: 0 0 0 10px; } .OEbox, .SObox { display:flex; align-self:flex-start; border: solid #262626; border-radius: 50px; padding: 0 15px 0 0; } .SObox { border: solid #e3b9b1; } .iconS, .iconS2, .iconOC, .iconOE, .iconS3, .iconRotM, .iconSO { margin-left: 5px; } .iconOE { width: 60px; height: 67px; } .iconS3, .iconRotM { display:flex; margin: 5px; flex-direction: column; justify-content: center; } .iconboxS3, .iconboxRotM { display: flex; align-items: center; flex: 1 1 0; } .dummyboxS3, .dummyboxRotM { flex: 1 1 0; } .dummyboxS, .dummyboxS2, .dummyboxOC, .dummyboxOE, .dummyboxSO { display: none; } .iconSO { margin: 8px 0 8px 8px; background:linear-gradient(#ad9b95 10%, #767488 90%); border-radius: 50px; box-shadow: inset 0 0 8px white, inset 0 0 8px white; height: 50px; width: 50px; } .quoteS, .quoteS2, .quoteOC, .quoteOE, .quoteS3, .quoteRotM, .quoteSO { padding: 5px 8px 3px; align-self:center; } .quoteOE, .quoteSO { padding: 3px 8px; } hr.translation { background-color: #c1c2c6; border-top: 1px solid #c1c2c6; } .namebox { display:flex; flex-direction:row; }