/* Reset SB styles */ html, body { height: initial !important; overflow: initial !important; } #sb-main { height: initial !important; display: initial !important; } #sb-editor { flex: initial !important; height: initial !important; } .cm-editor { height: initial !important; } body { font-family: var(--editor-font); background-color: var(--root-background-color); color: var(--root-color); } ul, ol { margin-top: 0; margin-bottom: 0; } ul { list-style: none; } ul li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: var(--editor-list-bullet-color); display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } body:hover #button-bar, body:active #button-bar { display: block; } #button-bar { position: absolute; right: 6px; top: 6px; display: none; background: var(--editor-directive-background-color); padding-inline: 3px; padding-bottom: 1px; border-radius: 5px; } .cm-editor { padding-left: 10px; } #button-bar button { border: none; background: none; cursor: pointer; color: var(--root-color); } #edit-button, #source-button { margin-left: -10px; } li code { font-size: 80%; color: #a5a4a4; } iframe { border: none; width: 100%; }