https://bravestknight.dreamwidth.org/ Bravest Knight - Dreamwidth Studios Wed, 28 Jun 2023 08:32:54 GMT LiveJournal / Dreamwidth Studios bravestknight personal https://v2.dreamwidth.org/1920381/1298064 https://bravestknight.dreamwidth.org/ 100 100 https://bravestknight.dreamwidth.org/2957.html Wed, 28 Jun 2023 08:32:54 GMT https://bravestknight.dreamwidth.org/2957.html <div style="margin:0 auto;width:900px;background:#000;border:10px solid #000;display:flex;font-family:helvetica,arial;color:#bbb;font-size:10px;"> <div style="width:450px;padding:20px;background:#eee;border-right:1px solid #ccc;box-shadow:inset -15px 0 12px 0 rgba(0,0,0,0.08);font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:left;box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:flex-start;"> <a href="#1" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/1021623/1137192" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#2" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16530077/2518997" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#3" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16311557/4069564" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#4" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14609920/1703712" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#5" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/12177547/3371551" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#6" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14605887/3586115" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#7" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16384226/4102383" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#8" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16123565/3655366" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#9" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/5139836/1802522" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#10" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/10599469/2546330" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#11" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14379608/3218230" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#12" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/15128061/3828441" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#13" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16304892/1954148" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#14" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16289780/4055037" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#15" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14487362/3721917" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#16" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14110032/3609798" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#17" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14637627/3590667" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#18" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16415359/4105369" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#19" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/14848795/3778057" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> <a href="#20" style="color:#111;text-decoration:none;padding:5px;text-align:center;"><img src="https://v.dreamwidth.org/16453946/4114020" width="65px" style="box-sizing:border-box;border:3px solid #444;"></a> </div> <div style="width:450px;height:600px;overflow:hidden;background:#eee;border-left:1px solid #eee;box-shadow:inset 15px 0 12px 0 rgba(0,0,0,0.08);"> <a name="1"></a> <div style="padding:30px;height:100%;box-sizing:border-box;overflow:auto;font-size:14px;color:#111;line-height:20px;"> <div style="font-size:16px;letter-spacing:6px;text-align:center;color:#fff;background:#444;padding:5px;margin-bottom:5px;">Yuri Lowell</div><br /> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> Tales of Vesperia </div></div> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> <span style='white-space: nowrap;'><a href='https://at-heart.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://at-heart.dreamwidth.org/'><b>at_heart</b></a></span> </div></div> </div> Childhood friend -wip- </div> <a name="2"></a> <div style="padding:30px;height:100%;box-sizing:border-box;overflow:auto;font-size:14px;color:#111;line-height:20px;"> <div style="font-size:16px;letter-spacing:6px;text-align:center;color:#fff;background:#444;padding:5px;margin-bottom:5px;">NAME 2</div><br /> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 1 </div></div> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 2 </div></div> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet aliquet enim. Phasellus ut tellus nec libero pulvinar efficitur. Vivamus suscipit metus lacinia neque rutrum sollicitudin. Praesent sollicitudin et felis sit amet bibendum. Etiam convallis lacus non quam laoreet posuere. Donec vel tincidunt massa. Nullam sodales lacus ut justo tincidunt lacinia. Cras eget consectetur justo. In congue ultricies nunc a luctus. Phasellus sed sem lacinia, fermentum felis quis, hendrerit velit. Cras fermentum a ipsum finibus congue. Quisque sagittis est eget magna tincidunt semper. </div> <a name="3"></a> <div style="padding:30px;height:100%;box-sizing:border-box;overflow:auto;font-size:14px;color:#111;line-height:20px;"> <div style="font-size:16px;letter-spacing:6px;text-align:center;color:#fff;background:#444;padding:5px;margin-bottom:5px;">NAME 3</div><br /> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 1 </div></div> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 2 </div></div> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet aliquet enim. Phasellus ut tellus nec libero pulvinar efficitur. Vivamus suscipit metus lacinia neque rutrum sollicitudin. Praesent sollicitudin et felis sit amet bibendum. Etiam convallis lacus non quam laoreet posuere. Donec vel tincidunt massa. Nullam sodales lacus ut justo tincidunt lacinia. Cras eget consectetur justo. In congue ultricies nunc a luctus. Phasellus sed sem lacinia, fermentum felis quis, hendrerit velit. Cras fermentum a ipsum finibus congue. Quisque sagittis est eget magna tincidunt semper. </div> <a name="4"></a> <div style="padding:30px;height:100%;box-sizing:border-box;overflow:auto;font-size:14px;color:#111;line-height:20px;"> <div style="font-size:16px;letter-spacing:6px;text-align:center;color:#fff;background:#444;padding:5px;margin-bottom:5px;">NAME 4</div><br /> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 1 </div></div> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 2 </div></div> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet aliquet enim. Phasellus ut tellus nec libero pulvinar efficitur. Vivamus suscipit metus lacinia neque rutrum sollicitudin. Praesent sollicitudin et felis sit amet bibendum. Etiam convallis lacus non quam laoreet posuere. Donec vel tincidunt massa. Nullam sodales lacus ut justo tincidunt lacinia. Cras eget consectetur justo. In congue ultricies nunc a luctus. Phasellus sed sem lacinia, fermentum felis quis, hendrerit velit. Cras fermentum a ipsum finibus congue. Quisque sagittis est eget magna tincidunt semper. </div> <a name="5"></a> <div style="padding:30px;height:100%;box-sizing:border-box;overflow:auto;font-size:14px;color:#111;line-height:20px;"> <div style="font-size:16px;letter-spacing:6px;text-align:center;color:#fff;background:#444;padding:5px;margin-bottom:5px;">NAME 5</div><br /> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 1 </div></div> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 2 </div></div> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet aliquet enim. Phasellus ut tellus nec libero pulvinar efficitur. Vivamus suscipit metus lacinia neque rutrum sollicitudin. Praesent sollicitudin et felis sit amet bibendum. Etiam convallis lacus non quam laoreet posuere. Donec vel tincidunt massa. Nullam sodales lacus ut justo tincidunt lacinia. Cras eget consectetur justo. In congue ultricies nunc a luctus. Phasellus sed sem lacinia, fermentum felis quis, hendrerit velit. Cras fermentum a ipsum finibus congue. Quisque sagittis est eget magna tincidunt semper. </div> <a name="6"></a> <div style="padding:30px;height:100%;box-sizing:border-box;overflow:auto;font-size:14px;color:#111;line-height:20px;"> <div style="font-size:16px;letter-spacing:6px;text-align:center;color:#fff;background:#444;padding:5px;margin-bottom:5px;">NAME 6</div><br /> <div style="margin:0 auto;max-width:700px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;"> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 1 </div></div> <div style="width:33.3%;"><div style="font-size:10px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:5px;margin-bottom:15px;"> THING 2 </div></div> </div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet aliquet enim. Phasellus ut tellus nec libero pulvinar efficitur. Vivamus suscipit metus lacinia neque rutrum sollicitudin. Praesent sollicitudin et felis sit amet bibendum. Etiam convallis lacus non quam laoreet posuere. Donec vel tincidunt massa. Nullam sodales lacus ut justo tincidunt lacinia. Cras eget consectetur justo. In congue ultricies nunc a luctus. Phasellus sed sem lacinia, fermentum felis quis, hendrerit velit. Cras fermentum a ipsum finibus congue. Quisque sagittis est eget magna tincidunt semper. </div> </div> </div><br /><br /><center>If you like the way this looks you can find the code <a href="https://tookthestars.dreamwidth.org/5190.html">here</a>.</center><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=bravestknight&ditemid=2957" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments https://bravestknight.dreamwidth.org/2957.html cr chart tookthestars code public 0