[nobr] [class=tag] display: inline; margin-top: 10px; padding: 0px 4px 2px 4px; background: #bfaae3; color: #fff; [/class] [class name=tab] box-sizing: border-box; margin-top: 10px; border: 1px solid #bfaae3; text-align: center; font-family: Montserrat; font-size: 10px; color: #bfaae3; padding: 4px; letter-spacing: 1px; text-transform: uppercase; transition: all .5s ease-in-out; opacity: .4; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedtab] box-sizing: border-box; margin-top: 10px; border: 1px solid #bfaae3; background: #bfaae3; text-align: center; font-family: Montserrat; font-size: 10px; color: #fff; padding: 4px; letter-spacing: 1px; text-transform: uppercase; transition: all .5s ease-in-out; opacity: 1; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] opacity: 1; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [script class=tab on=click] hide tabcontents hide titleslide removeClass selectedtab tab set currentTab (getText) if (eq ${currentTab} tags) (addClass selectedtab tab) if (eq ${currentTab} tags) (show tabcontents) [/script] [div=cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; width: 600px; margin: auto; box-sizing: border-box; padding: 10px; background: #fff;] [div=display: flex; flex-direction: row;] [div=flex: .8; margin-right: 15px; background: #fff;] [div=height: 150px; background: url(https://i.pinimg.com/564x/c6/8b/f9/c68bf90899bad5f0fbbcc23e31a75a3d.jpg); background-size: cover; background-position: 50% 50%;][/div] [div class=tab]tags[/div] [div class="tabcontents" style="display: none;"][div=margin: 10px; color: #000; height: 100px; overflow-y: auto; font-size: 10px; line-height: 22px; background: #fff;] [div class=tag]mood[/div] info. [br][/br] [div class=tag]location[/div] info. [br][/br] [div class=tag]tags[/div] info. [br][/br] write as much as you want bc this is scrollable. [/div] [/div] [/div] [div=flex: 2; background: #fff; border-bottom: 2px solid #bfaae3;] [div=margin-top: -15px; font-family: Playfair Display; color: #000; font-weight: bold; text-transform: uppercase; font-size: 30px; text-align: right;]evelina jamieson[div=width: 100%; border-top: 15px solid #bfaae3; margin-top: -25px;][/div][/div] [div=margin: 10px; height: 260px; overflow-y: auto; background: #fff; font-size: 11px; text-align: justify; line-height: 24px; color: #000;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet interdum est. Fusce malesuada feugiat enim, in dapibus urna tincidunt vitae. Curabitur fermentum euismod eleifend. Praesent blandit enim sed elementum sodales. Praesent scelerisque nisl dignissim feugiat scelerisque. Sed aliquam, enim id gravida vehicula, sapien eros suscipit neque, sed pretium massa nisl et dui. Aliquam ultricies aliquet tortor sit amet laoreet. Maecenas nec faucibus mauris. [br][/br][br][/br] Etiam eu sem non nunc posuere luctus non id libero. Nam mauris odio, blandit non vestibulum a, condimentum ut enim. Quisque malesuada libero a urna dignissim sodales. Ut sit amet sapien elit. Aliquam vestibulum lectus non risus iaculis maximus. Vivamus quis orci sit amet magna faucibus venenatis. Nulla facilisi. Aenean semper diam a lacus tincidunt viverra. Nam ultricies nulla nec mattis condimentum. In sollicitudin risus sit amet magna ornare imperdiet. Suspendisse potenti. Suspendisse massa eros, sollicitudin vel porttitor vitae, dapibus congue tortor. Duis in rutrum turpis. Vestibulum feugiat neque in quam tristique, ac eleifend tellus dapibus. Fusce pellentesque nunc quis sem fermentum, sit amet commodo magna pharetra. [/div] [/div] [/div] [/div] [div=width: 600px; margin: auto; font-size: 7px; text-align: right; padding-right: 20px;]coded by luna.[/div] [/nobr]