strawberry layout for blogs and bulletins! :D

It looks just like this :D

Look at the pink text to customize the banner :3

Code:

EDIT: I made a new version that is more compatible with Spacehey on Mobile. However, this was tested on Chrome, not the Spacehey App. Please tell me if it's displayed correctly on the App (⁠ ⁠ꈍ⁠ᴗ⁠ꈍ⁠)

Code: <style>:root{--bottom-banner: url(""); /* Change your banner inside the parenthesis! :DD (Use a image URL)*/} nav .top{margin-top: 4px; background: linear-gradient(180deg, #ee88aa 4%, #fdfcff 108%); border: ridge 4px #ee77aa} .logo-fallback {filter: drop-shadow(1px 1px 0px #ee88aa) drop-shadow(1px 0px 0px #ee88aa) drop-shadow(0px 1px 0px #ee88aa) drop-shadow(-1px -1px 0px #ee88aa) drop-shadow(1px -1px 0px #ee88aa) drop-shadow(-1px 1px 0px #ee88aa);} nav .top b{color: #e8559a} nav .links{font-size: 6px !important; text-align: center; background: rgba(255, 248, 248, 0.5); border-top: solid 2px rgba(255, 248, 248, 0.5); border-bottom: solid 2px rgba(255, 248, 248, 0.5); padding-top: 8px; padding-left: 0px; margin-top: 4px;} nav .links li{line-height: 28px; padding: 0px 4px; background: linear-gradient(0deg, #ee88aa 4%, #fdfcff 108%); border: solid 2px #e8559a; border-radius: 4px 4px 2px 2px;} nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{content: none;} nav .links a{text-shadow: 0px 0px 3px #e8559a, 0px 0px 3px #e8559a;} .container{width: 940px;} label{text-shadow: 0px 0px 2px #ffcfdf; font-style: italic; color: #e8559a; border: solid 1px #e8559a; background-color: #ffe7ef; padding: 2px 4px; border-radius: 4px; font-weight: bold;} main{color: #aa2255; text-shadow: 0px 0px 2px #ffcfdf, 0px 0px 1px #ffcfdf; padding: 20px 8px 8px 8px; border: double 5px #e8559a; margin-top: 8px; background: url(https://i.pinimg.com/736x/e8/c3/9d/e8c39dc7645ba43b1041fe7e6d2207da.jpg);} button{background: linear-gradient(0deg, #cc4488 4%, #ffaadd 108%); color: #fff; text-shadow: 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd; border: solid 2px #aa2255; border-radius: 5px;} .kudos-btn{box-shadow: inset 0px 0px 128px 84px rgba(245,98,142,1); color: #fff; text-shadow: 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd, 0px 0px 2px #ffaadd; border: solid 2px #aa2255; border-radius: 5px;} body{background: url(https://i.pinimg.com/736x/02/c1/05/02c1055169ff3bb943966a30d3d948eb.jpg);} footer{background: linear-gradient(180deg, #ee88aa 4%, #fdfcff 108%); border: ridge 4px #ee77aa} .edit-info{background: linear-gradient(180deg, #ee88aa 4%, #fdfcff 108%); border: ridge 4px #ee77aa} .edit-info p, .edit-info h4{background: rgba(255, 240, 250, 0.6); padding: 4px; border-radius: 8px; border: solid 2px rgba(255, 240, 250, 0.4); text-shadow: 0px 0px 2px #ffcfdf, 0px 0px 1px #ffcfdf;} a{color: #ff00aa;} footer p{color: #fff; text-shadow: 0px 0px 2px #ffcfdf, 0px 0px 1px #ffcfdf;} #q{background: linear-gradient(180deg, #ffcfdf 0%, #ffe7f0 18%, #ffcfdf 36%, #fdfcff 108%); border: solid 2px #dd6699;} footer .links li{background: linear-gradient(180deg, #ffaacc 4%, #fdfcff 108%); border: solid 2px #e8559a; padding: 2px; border-radius: 2px 2px 1px 1px; border: solid 1px #e8559a;} nav .links .icon{content: url(https://images.emojiterra.com/google/android-12l/512px/1f353.png);} .profile-pic .pfp-fallback {border: 3px double #aa2255 !important; box-shadow: 0px 0px 20px #ee77aa;} .title{border-bottom: dotted 3px #ffaacc;} main::after{ width: auto; margin-bottom: 12px; margin-top: 24px; border: 4px double #f9d; height: 113px; display: block; content: ""; background-image: var(--bottom-banner); background-position: center center; background-size: cover; opacity:.75; margin-left: 6px; margin-right: 6px; box-shadow: 0px 0px 6px #ff66aa;} footer a{text-shadow: none;} .comments-table td{border: 3px double #aa2255; box-shadow: 0px 0px 20px #ee77aa; background-size: cover; background: url(https://i.pinimg.com/736x/9f/99/95/9f9995c8cec601eb37f683546d88b883.jpg);} .comments-table td:first-child{border: 3px double #aa2255; box-shadow: 0px 0px 20px #ee77aa; background-size: cover; background: url(https://i.pinimg.com/originals/f4/e6/5e/f4e65ea95b1cdd825ca4d54a4e461e9c.jpg);} img.pfp-fallback{border: solid 2px #dd6699;}</style>