Skip to content

Instantly share code, notes, and snippets.

@Dan-Q
Created March 20, 2024 16:13
Show Gist options
  • Save Dan-Q/c24b5f2ff14258abc9add3ba8499a764 to your computer and use it in GitHub Desktop.
Save Dan-Q/c24b5f2ff14258abc9add3ba8499a764 to your computer and use it in GitHub Desktop.
Ultima Underworld II-style "scrolls" as blockquote elements, as used on https://danq.me/uw2
/* <blockquote class="uw2-scroll-output"><p>Contents of your scroll.</p></blockquote> */
blockquote.uw2-scroll-output {
border-left: 0;
border-image-slice: 4 4 4 4;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: repeat repeat;
border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXBAMAAACD5sRfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbUExURVQ0KGBIRCwcCEAkHDwkDIRUQJhkUIxaRoZVQZ/SS1MAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHGSURBVFjDtVfLbsIwEFxDoVdHlTkb5QecVr2D+gNYlbfX5uA1X8D3dwNBDbedAxGHJVqN9jmbIedWRB9uTe+pW7mXlf71kdbJp3VPX73z0cfZJdFn8Dk7zvwWai7d9MubzocaxiF3A5eQg7p06kK0FWYOtUqdjBNzkVrrqLZwZVa78tVF1Hkn0mR+mrSbfZlfXO62vj6PRBuxPoVoYKvzb6S0szprzM7qK9WTM4ehCbpmRtZqmJFzpChmZwJi1gSDGbkApWtjxNq9R2K2J8hIglBTxkR7c7u/I4Zsj1l0B+2lQ3YwJxoEQO6RpkDIxx+jb3MHYDZOyIjqWgExe6AaI2HV2JqdM5ogsoPQdptHFOYNKGb7mdARBc4EQrm63e5pvGE/EwKdCQIYSXkDKp293dqUPRKzPcGMUK5PSFMIOBMFOEBNkY+vVueMEGNG2j1RgRm5ANW4UgGCDMW8Q66VfUQrQua6sPYzoVQAIdvPhBCYILJWEPITm4LEbD8THuG6kbB5dvZNAZHtZ0K1FcobSz14V4I3GXhZ2OfpM/5BaZa7xrwKzLL9t3mSpZtHDRtu6nWWrks7ByXGR3U86+JZFB8WNlH6Aw9FhNtSPhW9AAAAAElFTkSuQmCC");
border-style: solid;
border-left-style: solid;
display: block;
background: #986450;
color: #000;
font-family: monospace;
padding: 8px 25px;
font-size: 120%;
font-weight: bold;
margin: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment