[nospaces] [attr="class","heart"] [attr="class","heartpic"] [attr="class","heartpkmnlist"] [attr="class","heartpkmn"]  [attr="class","heartpkmn"]  [attr="class","heartpkmn"]  [attr="class","heartpkmn"]  [attr="class","heartpkmn"]  [attr="class","heartpkmn"]  [attr="class","hearticonholder"] [attr="class","hearticon"] [attr="class","heartnotebox"] [attr="class","heartnotes"] Notes go here! This will scroll so don't worry about putting in a lot. [break][break] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [break][break] Donec purus magna, euismod eget condimentum posuere, lobortis id dui. [attr="class","heartside"] [attr="class","hearttag"]@tag [attr="class","hearttextbox"] [attr="class","hearttext"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec purus magna, euismod eget condimentum posuere, lobortis id dui. Curabitur efficitur tortor nulla, vitae varius ante blandit vitae. Quisque et pharetra libero. Curabitur nec turpis et nulla congue sodales. Maecenas vel leo finibus lectus dignissim fermentum sit amet et mi. Donec placerat diam id sapien euismod pellentesque. Nam scelerisque semper ex sodales ultricies. In hac habitasse platea dictumst. [break][break] Ut metus lorem, feugiat vitae nisl et, scelerisque malesuada justo. Maecenas quis ullamcorper magna, ac varius risus. Praesent placerat sapien sit amet dui scelerisque, et lobortis felis laoreet. Donec lacinia sit amet libero et dictum. Donec ipsum metus, volutpat nec laoreet id, accumsan id velit. Pellentesque porttitor sapien ullamcorper sapien congue dictum. Nulla facilisi. Sed sed nunc a felis mollis gravida eget nec urna. [break][break] Quisque tincidunt, ex nec ultricies viverra, lectus erat dictum lorem, eu sagittis enim ante sit amet sapien. Aenean ipsum eros, sodales a ullamcorper vitae, pulvinar sit amet turpis. In lacinia sapien eu lorem gravida cursus. Aliquam accumsan arcu iaculis, mattis neque vel, aliquet quam. Duis malesuada nec metus ac fermentum. Maecenas a urna viverra, rhoncus odio a, viverra nibh. Donec sed nunc tristique, congue ex eget, vehicula sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a quam nulla. Pellentesque eu quam pulvinar, laoreet elit eu, sollicitudin diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [break][break] Sed pharetra a turpis consectetur aliquam. Aenean pharetra suscipit lorem at vulputate. Aenean non purus lacinia, aliquet lorem aliquet, consequat augue. Vestibulum viverra ipsum ac orci consequat, quis posuere magna volutpat. Suspendisse aliquet libero ut est consequat varius. Suspendisse euismod, turpis ut consequat ultrices, nibh magna pretium neque, eget hendrerit tortor risus finibus risus. Pellentesque aliquet felis vel libero efficitur semper. Ut commodo lectus a blandit tempus. Curabitur ultricies scelerisque luctus. Etiam tempor, lorem nec mattis dignissim, libero arcu aliquet neque, in lobortis risus felis et tellus. Cras euismod quis sem at malesuada. Etiam vestibulum augue vitae mollis tincidunt. Fusce ac nibh ut neque tincidunt vehicula faucibus quis eros. Cras id dolor ipsum. Duis laoreet semper tellus ut vehicula. [break][break] Integer vehicula placerat ligula sed gravida. Quisque ultrices, odio a lacinia varius, orci tortor tempor orci, at ultricies ligula sapien nec lorem. Proin placerat quis elit nec mattis. Vestibulum non neque a velit elementum convallis at vitae libero. Duis mattis, nunc eu dapibus aliquam, nisl enim ornare leo, at sagittis ex dui ac nisi. Vestibulum porttitor metus non tincidunt fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam sit amet dapibus tortor. Aenean non dui tincidunt, pretium ante non, consequat est. Nunc massa lectus, dignissim id urna ut, facilisis euismod metus. Ut ultrices accumsan mauris, sit amet bibendum velit lobortis et. Donec nec dignissim ante. Donec lacus massa, imperdiet in libero at, mollis tempus est. Phasellus efficitur metus vitae lorem pellentesque, et convallis justo molestie. Curabitur eu odio egestas, viverra turpis sed, pellentesque nunc. In pharetra mollis malesuada. Nano [newclass=.heart]position:relative; height:600px; width:500px; background:#181926; padding:2px; border-radius:100px 5px 5px 5px; [/newclass] [newclass=.heartpic] position:absolute; height:250px; width:500px; background: linear-gradient(-90deg, #181926, transparent), url("https://i.imgur.com/CnmK6D0.png") no-repeat center; border-radius:100px 0px 0px; [/newclass] [newclass=.hearticon] height:100px;width:100px;background-image:url("https://i.imgur.com/mSrEjOC.png?1"); border-radius: 50px 50px 50px 50px; [/newclass] [newclass=.heartpkmnlist] width:20px; [/newclass] [newclass=.heartpkmn] position:relative; top:0px; right:-220px; height: 30px; width: 30px; padding:2px; margin:2px; background-color: #bbb; border-radius: 50%; display: inline-block; background-color:#181926; border:solid 1px #ff9696; [/newclass] [newclass=.hearttextbox] height:310px; width:260px; position:relative; right:100px; top:10px; padding:20px; background:#fff; [/newclass] [newclass=.hearttext] overflow:auto; text-align:justify; height:310px; font-size:12px; font-family: 'Roboto', sans-serif; color:#56535A; padding:5px; [/newclass] [newclass=.hearttext b] color:#181926; [/newclass] [newclass=.heartside] position:absolute; top:490px; right:-10px; background:transparent; width:190px; padding:10px; max-height:70px; text-align:justify; overflow:auto; [/newclass] [newclass=.heartnotebox] position:absolute; top:390px; right:10px; background:#fff; border:solid 1px #ff9696; width:150px; padding:10px; height:72px; overflow:auto; [/newclass] [newclass=.heartnotes] height:65px; overflow:auto; font-size:12px; text-align:justify; font-family: 'Roboto', sans-serif; color:#56535A; padding:3px; [/newclass] [newclass=.hearttag] position:relative; display:inline-block; background:#fff; margin:1px; padding:5px; font-size:9px; text-transform:uppercase; font-family: 'Roboto', sans-serif; [/newclass] [newclass=.hearticonholder] border-radius:100px 100px 100px 100px; border:solid 1px #ff9696; padding:10px; border-right-color: #FFFFFF; position:absolute; right:40px; top:260px; background:transparent; [/newclass] [newclass=.hearttext::-webkit-scrollbar] width:2px;background-color:#313131;border:#fff 1px solid; [/newclass] [newclass=.hearttext::-webkit-scrollbar-thumb] width:2px;background-color:#ff9696; [/newclass] [newclass=.heartnotes::-webkit-scrollbar] width:2px;background-color:#313131;border:#fff 1px solid; [/newclass] [newclass=.heartnotes::-webkit-scrollbar-thumb] width:2px;background-color:#ff9696; [/newclass] [googlefont=Roboto] |
tests ♡
i used to dream in the dark of palisades park
