[comment]coded by xayah.ღ[/comment] [border=transparent; /*VARIABLES*/ --bg: url('https://i.redd.it/kc3k7exa8fg61.jpg'); /*--adjust the x% y% so that the face is visible when it shrinks on mobile!--*/ --face: url('https://i.redd.it/kc3k7exa8fg61.jpg') 20% 50%; --accent: #HEXCODE; --text: #HEXCODE; --accent2: #HEXCODE; --cursor: url('https://cur.cursors-4u.net/cursors/cur-9/cur817.cur'); --mood_clothes_location_etc: Verdana; --name: Press Start 2P; --quote_options: VT323; --body_text: Verdana; height: 550px; max-width: 530px; margin: auto; display: flex; align-items: center; justify-content: center; padding: 10px; line-height: 0; background: var(--bg); background-size: cover; box-sizing: border-box; cursor: var(--cursor), auto; overflow: hidden] [border=10px solid white; height: 90%; width: 90%; padding: 0; box-sizing: border-box; background: var(--face); background-size: cover;] [comment]--STATS/ROLE--no scrolling!![/comment] [border=2px solid black; height: 30px; width: 150px; padding: 5px 5px 0 0; background: white; color: #000; text-align: center; float: right; font-size: 12px; box-sizing: border-box; display: inline; margin: -4px -6px 0 0;][border=transparent; padding: 0; display: inline; font-size: 15px; color: var(--accent); text-shadow: 1px 1px 1px black;][fa]fas fa-comment-alt-exclamation[/fa] [/border] [font=Verdana]role[/font] [border=2px solid black; height: 70px; width: 40px; padding: 15px 0; background: white; color: #000; white-space: pre-line; line-height: 12px; text-align: center; font-size: 12px; box-sizing: border-box; display: inline; float: right; margin: 10px -7px 0 0; pointer-events: none;][font=Verdana]age [comment]GENDER - look up your respective icon on fontawesome![/comment][fa]fas fa-venus[/fa] [/font][/border] [/border] [comment]--MOOD, CLOTHES, & LOCATION--no scrolling!![/comment] [border=2px solid black; height: 120px; width: 90px; background: white; margin: 5px 0 0 -22px; padding: 0 2px 0 2px; color: #000; font-size: 12px; line-height: 20px;][border=transparent; padding: 0; display: inline; font-size: 15px; color: var(--accent); text-shadow: 1px 1px 1px black;][fa]fas fa-heart[/fa][/border] [font=Verdana]mood[/font] [border=transparent; padding: 0; display: inline; font-size: 15px; color: var(--accent); text-shadow: 1px 1px 1px black;][fa]fas fa-tshirt[/fa][/border] [font=Verdana]clothes link here[/font] [border=transparent; padding: 0; display: inline; font-size: 15px; color: var(--accent); text-shadow: 1px 1px 1px black;] [fa]fas fa-map-marker-alt[/fa][/border] [font=Verdana]location here[/font] [/border] [comment]--INTERACTIONS/TAGS--no scrolling!![/comment] [border=2px solid black; height: 80px; width: 100px; background: white; padding: 0 2px 0 2px; margin: -14px 0 0 10px; line-height: 20px; color: #000; font-size: 12px;][border=transparent; padding: 0; display: inline; font-size: 15px; color: var(--accent); text-shadow: 1px 1px 1px black;][fa]fas fa-user-alt[/fa][/border] [font=Verdana]tags here[/font][/border] [comment]TEXT OPTIONS[/comment] [border=0; height: 32%; width: 90%; margin: auto; padding: 0; position: relative; top: 20%; display: block; pointer-events: none;] [comment]--NAME--change border color to accent 2!!--[/comment] [border=4px inset #ACCENT_2; height: 25%; width: 100%; padding: 0; border-radius: 10px 10px 0 0; background: var(--accent); color: #000; text-align: center; line-height: 7px; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; text-shadow: 3px 2px 1px white; box-sizing: border-box;] [comment]NOTHING SUPER LONG - ABOUT 11-13 LETTERS [font=Press Start 2P]FIRST & LAST NAME[/font] [/border] [border=0; height: 80px; width: 80px; padding: 0; overflow: hidden; line-height: 0; margin-top: 20px; margin-left: -15px; pointer-events: auto; line-height: 42px;][tabs][tab=a.]hi ignore me![/tab] [comment]--WRITING GOES HERE-- [/comment][tab=b.][border=0; height: 69%; width: 98.3%; overflow: hidden; background: var(--accent2); color: var(--text); position: absolute; top: 29.8%; left: 0.5%; pointer-events: auto; z-index: 1; padding: 0; margin-left: 1px; border-radius: 0 0 10px 10px; line-height: 10px; font-size: 12px; display: block;][border=0; height: 101%; width: 105.8%; overflow-y: scroll; box-sizing: border-box; padding: 5px 15px 0 5px; text-align: justify;][font=Verdana]INSERT WRITING HERE WOOO IT SCROLLS [/font] [/border][/border][/tab] [/tabs][/border] [comment]--SHORT QUOTE TAB COVERS--change border color to accent 1 & make short quote 2 the "right" answer!!--[/comment] [border=4px outset #ACCENT_1; height: 75%; width: 100%; padding: 0 5px; border-radius: 0 0 10px 10px; top: 28%; background: var(--accent2); color: #000; font-size: 18px; line-height: 15px; box-sizing: border-box; position: absolute;] [font=VT323]1. SHORT QUOTE HERE - ABOUT 12-15 WORDS MAX 2. SHORT QUOTE TWO [/font] [/border] [/border] [/border] [/border] [border=0; height: 30px; width: 100px; color: #d4d4d4; font-size: 10px; margin: auto; margin-top: -30px;]coded by xayah.ღ[/border]