Template:Memo/styles.css

.memorandum { position: relative; background-color: #fafac8; width: 100%; height: auto; margin: 5px auto; padding: 0; border-radius: 5px; box-sizing: border-box; }

.memorandum.inline { display: inline-block; width: auto; height: auto; }

.memorandum > .content { display: inline-block; position: static !important; width: calc(100% - 75px); height: auto; vertical-align: middle; margin: 10px; margin-left: 65px; padding: 0; box-sizing: border-box; }

.memorandum > .content::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background-color: #fae164; width: 5px; height: auto; border-radius: 5px 0 0 5px; margin: 0; padding: 0; }

.memorandum > .content::after { content: ""; position: absolute; top: 0; left: 5px; bottom: 0; width: 60px; height: auto; /* File:OOjs UI icon lightbulb-yellow.svg: https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_lightbulb-yellow.svg */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; text-align: center; vertical-align: middle; margin: 0; padding: 0; }

.memorandum > .content small { font-size: small; }

.memorandum > .content big { font-size: large; }