Post by integrity on Mar 10, 2023 17:47:48 GMT
[nospaces]
[attr="class","bensta"]
[PTabbedContent]
[PTab=
]
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[PTab=
]
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[PTab=
]
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[PTab=
]
[googlefont="roboto:300,500,700"][newclass=".bensta"]width:280px; margin:auto;border:1px solid #ccc;background-color:#fff;[/newclass]
[newclass=".bensta-title"]font-family:roboto; font-weight:500; font-size:14px; color:#fff; text-transform:uppercase;margin-left:10px;[/newclass]
[newclass=".bensta-no"]width:60px;font-family:roboto; font-weight:300; font-size:11px; color:#999; text-align:center; padding:3px;[/newclass]
[newclass=".bensta-edit"]width:165px;background-color:#EDEDEE; color:#333; font-family:roboto; font-size:10px;padding:5px; text-align:center; font-weight:bold;border-radius:2px;margin-left:14px;[/newclass]
[newclass=".bensta-info"]font-family:roboto; font-weight:300;color:#555; font-size:10px;[/newclass]
[newclass=".bensta-p"]padding-right:1px;[/newclass]
[newclass=".bensta-p img"]width:80px; height:80px;[/newclass]
[newclass=".bensta-scroll"]height:240px; width:256px; margin:0px 5px 0px 5px;overflow:auto;[/newclass]
[newclass=".bensta-scroll::-webkit-scrollbar]width:4px;border-radius:5px;[/newclass][newclass=".bensta-scroll::-webkit-scrollbar-track]background-color:#f5f5f5;border-radius:5px;[/newclass][newclass=".bensta-scroll::-webkit-scrollbar-thumb]background-color:#ccc;border-radius:5px;[/newclass]
[newclass=".bensta-place"]height:10px;overflow:hidden; line-height:10px;-webkit-transition: height 0.3s linear;-moz-transition: height 0.3s linear;-ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear;[/newclass]
[newclass=".bensta-place:hover"]height:40px;overflow:auto; line-height:10px;-webkit-transition: height 0.3s linear;-moz-transition: height 0.3s linear;-ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear;[/newclass]
[newclass=".bensta-place::-webkit-scrollbar]width:3px;border-radius:5px;[/newclass][newclass=".bensta-place::-webkit-scrollbar-track]background-color:#f5f5f5;border-radius:5px;[/newclass][newclass=".bensta-place::-webkit-scrollbar-thumb]background-color:#ccc;border-radius:5px;[/newclass]
[newclass=".bensta-user"]font-family:roboto; font-weight:500;color:#2E5E86;font-size:10px;[/newclass]
[newclass=".bensta-fol"]font-size:10px;text-align:center;font-family:roboto; font-weight:500; color:#fff;padding:3px; border-radius:3px; background-color:#7bc784;[/newclass]
[newclass=".bensta-nonfol"]font-size:10px;text-align:center;font-family:roboto; font-weight:500; color:#fff;padding:3px; border-radius:3px; background-color:#aaa;[/newclass]
[attr="class","bensta-title"]USERNAME |  |
[attr="class","bensta-no"]000 [break]posts | [attr="class","bensta-no"]000 [break]followers | [attr="class","bensta-no"]000 [break]following | |
[attr="class","bensta-edit"]EDIT YOUR PROFILE | |||
[attr="class","bensta-info"]Firstname Lastname[break] remove checkmark if your character isn't verified[break] please keep description up to 3 lines[break] put breaks between. doesn't scroll. | |||
[PTabbedContent]
[PTab=
][attr="class","bensta-scroll"]
[attr="class","bensta-p"] | [attr="class","bensta-p"] | [attr="class","bensta-p"] |
[attr="class","bensta-p"] | [attr="class","bensta-p"] | [attr="class","bensta-p"] |
[attr="class","bensta-p"] | [attr="class","bensta-p"] | [attr="class","bensta-p"] |
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[PTab=
][attr="class","bensta-scroll"]
| username | 2w | |
  | ⋮ | |
[attr="class","bensta-info"] ❤ 32 likes[break] user wow, fun comment here[break] user wow, another fun comment here | ||
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[PTab=
][attr="class","bensta-scroll"]
[attr="class","bensta-info"]
[attr="class","bensta-place"]⌘ PLACE OF INTEREST[break]
⍻ ongoing[break]
☑ completed[break]
☒ discontinued
⍻ ongoing[break]
☑ completed[break]
☒ discontinued
[attr="class","bensta-place"]⌘ PLACE OF INTEREST[break]
⍻ ongoing[break]
☑ completed[break]
☒ discontinued
⍻ ongoing[break]
☑ completed[break]
☒ discontinued
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[PTab=
][attr="class","bensta-scroll"]
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[/PTabbedContent={border:0px; border-top:1px solid #f5f5f5;width:281px;padding-top:5px;height:280px;}]
[attr="class","bensta-user"]username | [attr="class","bensta-fol"]✓ FOLLOWING | |
[attr="class","bensta-user"]username | [attr="class","bensta-nonfol"]+ FOLLOW |
[/PTab={tab-background-color:#fff;background-color:#fff;tab-hover-background-color:#fff;height:250px;padding:2px;}]
[/PTabbedContent={border:0px; border-top:1px solid #f5f5f5;width:281px;padding-top:5px;height:280px;}]
BY BEN.
[googlefont="roboto:300,500,700"][newclass=".bensta"]width:280px; margin:auto;border:1px solid #ccc;background-color:#fff;[/newclass]
[newclass=".bensta-title"]font-family:roboto; font-weight:500; font-size:14px; color:#fff; text-transform:uppercase;margin-left:10px;[/newclass]
[newclass=".bensta-no"]width:60px;font-family:roboto; font-weight:300; font-size:11px; color:#999; text-align:center; padding:3px;[/newclass]
[newclass=".bensta-edit"]width:165px;background-color:#EDEDEE; color:#333; font-family:roboto; font-size:10px;padding:5px; text-align:center; font-weight:bold;border-radius:2px;margin-left:14px;[/newclass]
[newclass=".bensta-info"]font-family:roboto; font-weight:300;color:#555; font-size:10px;[/newclass]
[newclass=".bensta-p"]padding-right:1px;[/newclass]
[newclass=".bensta-p img"]width:80px; height:80px;[/newclass]
[newclass=".bensta-scroll"]height:240px; width:256px; margin:0px 5px 0px 5px;overflow:auto;[/newclass]
[newclass=".bensta-scroll::-webkit-scrollbar]width:4px;border-radius:5px;[/newclass][newclass=".bensta-scroll::-webkit-scrollbar-track]background-color:#f5f5f5;border-radius:5px;[/newclass][newclass=".bensta-scroll::-webkit-scrollbar-thumb]background-color:#ccc;border-radius:5px;[/newclass]
[newclass=".bensta-place"]height:10px;overflow:hidden; line-height:10px;-webkit-transition: height 0.3s linear;-moz-transition: height 0.3s linear;-ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear;[/newclass]
[newclass=".bensta-place:hover"]height:40px;overflow:auto; line-height:10px;-webkit-transition: height 0.3s linear;-moz-transition: height 0.3s linear;-ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear;[/newclass]
[newclass=".bensta-place::-webkit-scrollbar]width:3px;border-radius:5px;[/newclass][newclass=".bensta-place::-webkit-scrollbar-track]background-color:#f5f5f5;border-radius:5px;[/newclass][newclass=".bensta-place::-webkit-scrollbar-thumb]background-color:#ccc;border-radius:5px;[/newclass]
[newclass=".bensta-user"]font-family:roboto; font-weight:500;color:#2E5E86;font-size:10px;[/newclass]
[newclass=".bensta-fol"]font-size:10px;text-align:center;font-family:roboto; font-weight:500; color:#fff;padding:3px; border-radius:3px; background-color:#7bc784;[/newclass]
[newclass=".bensta-nonfol"]font-size:10px;text-align:center;font-family:roboto; font-weight:500; color:#fff;padding:3px; border-radius:3px; background-color:#aaa;[/newclass]