lillies
New Member
[div class="container"] [div class="icon"][/div] [div class="sub"] mood: hungry
listening to: robbie williams
last edited: 01/03/2020
[/div] [div class="scrollable"] [div class="text"] [div class="title"]introduction[/div] welcome to my code dump! i'm lillies and i'm trying to make scalable, mobile-friendly character themes c:
bbcode isn't really my cup of tea, so this is mostly me poking around with no plans and a poor coding etiquette — be prepared for a MESS
[div class="title"]do's[/div] ⤷ use freely [div class="link"]
⤷ honestly do whatever you want, edit, poke around, claim them as your own idc
⤷ beware ! i don't proofread so some of the code is probably poorly organized
⤷ ask away, give me ideas and requests ^^
⤷ let me know if the codes have issues or show up funny on some device!
[div class="title"]resources[/div] ⤷ [div class="link"]canva[/div] — color scheme from image
⤷ [div class="link"]w3schools[/div] — css references
⤷ [div class="link"]color codes[/div] — html color codes, hex names and charts
⤷ [div class="link"]hex to rgb[/div] — converts hex color code to rgb
⤷ [div class="link"]google fonts[/div] — some fonts
[/div] [/div] [/div] [class="container"] margin: auto; width: 350px; max-width: 95%; height: 250px; background-color: #100906; border: 1px dotted #8b626e; border-radius: 4px; padding: 20px; overflow: hidden; [/class] [class="scrollable"] height: 100%; width: 100%; overflow-y: scroll; padding-right: 80px; margin-left: 90px; box-sizing: border-box; [/class] [class="sidebar"] position: absolute; width: 75px; height: auto; [/class] [class="icon"] box-sizing: border-box; position: absolute; width: 75px; height: 75px; background: url('https://66.media.tumblr.com/7826bc5bd77b57137ee7237386e37426/tumblr_oabp1karlS1tumicto6_250.png'); background-size: cover; background-position: center center; border: 1px dotted #f9f5f7; [/class] [class="sub"] box-sizing: border-box; position: absolute; width: 75px; margin-top: 85px; height: auto; padding: 5px; border: 1px dotted #f9f5f7; font-family: 'Cutive Mono'; font-size: 10px; color: #f9f5f7; [/class] [class="text"] font-family: B612 Mono; font-size: 10px; color: #8b626e; [/class] [class="title"] color: #f9f5f7; font-family: VT323; font-size: 12px; text-transform: uppercase; [/class] [class="italic"] font-style: italic; color: #bc6e76; [/class] [class="link"] transition: 1s; display: inline; color: #b51324; text-decoration: underline; text-decoration-color: #f9f5f7; [/class] [class name="link" state=hover] color: #f9f5f7; text-decoration: underline; text-decoration-color: #b51324; [/class]