Sept 19, 2021 20:21:50 GMT
[nospaces]
[googlefont=Poppins][googlefont=Poppins:300,400,600,800][googlefont=Abril Fatface]
[newclass=#ping-bg]width: 620px; background: #f1f1f1; font: 400 13px/150% Poppins; color: #353535; border: 2px solid #fff; margin: 0 auto;[/newclass]
[newclass=#ping-bg b]background: linear-gradient(45deg, rgba(202, 50, 96, 1) 0%, rgba(50, 164, 202, 1) 50%, rgba(192, 80, 209, 1) 100%); color: transparent; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text;[/newclass]
[newclass=#ping-bg i]background: linear-gradient(45deg, rgba(202, 50, 96, 1) 0%, rgba(50, 164, 202, 1) 50%, rgba(192, 80, 209, 1) 100%); color: transparent; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text;[/newclass]
[newclass=.ping-wrap]background: #f8f8f8;[/newclass]
[newclass=.ping-wrap h1]padding: 50px; position: relative; overflow: hidden; background: #fff; color: #222; font: 800 40px/40px Poppins; text-transform: uppercase; letter-spacing: -2.5px; text-align: center;[/newclass]
[newclass=.ping-wrap h1 b]font-weight: 800;[/newclass]
[newclass=.ping-main-img]width: 620px; height: 300px;[/newclass]
[newclass=.ping-main-img img]width: 620px; height: 300px;[/newclass]
[newclass=.ping-block]background: linear-gradient(45deg, rgba(202, 50, 96, 0.14) 0%, rgba(50, 164, 202, 0.14) 50%, rgba(192, 80, 209, 0.14) 100%); padding: 25px;[/newclass]
[newclass=.ping-info]display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #fff; background: #f4f4f4; overflow: hidden;[/newclass]
[newclass=.ping-long]border-bottom: 1px solid #fff; padding: 4px 15px 15px 0; width: 320px; text-align: left;[/newclass]
[newclass=.ping-long span, .ping-small span, .ping-info-side span, .ping-info-mid span, .ping-info-long span]border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #f8f8f8; padding: 10px; font: 400 10px/100% Courier; text-transform: uppercase;[/newclass]
[newclass=.ping-long span b, .ping-small b, .ping-info-side b, .ping-info-mid b, .ping-info-long b]font-weight: 400; padding: 0 5px;[/newclass]
[newclass=.ping-long p, .ping-small p, .ping-info-side p, .ping-info-mid p, .ping-info-long p]display: block; padding: 15px 0 0 15px; font: 400 14px/150%; text-align: right; text-transform: lowercase; margin: 0;[/newclass]
[newclass=.ping-small]border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 4px 15px 15px 0; width: 217px; text-align: left;[/newclass]
[newclass=.ping-info-side]width: 173px; border-bottom: 1px solid #fff; padding: 4px 15px 15px 0; text-align: left;[/newclass]
[newclass=.ping-info-mid]width: 174px; border: 1px solid #fff; border-top: 0; padding: 4px 15px 15px 0; text-align: left;[/newclass]
[newclass=.ping-info-long]width: 100%; padding: 5px 15px 15px 0; text-align: left; border-bottom: 1px solid #fff;[/newclass]
[newclass=.ping-info-long h2]margin: 0; padding: 30px 40px 15px; text-align: left; font: 400 14px/120% Poppins; text-transform: lowercase;[/newclass]
[newclass=.ping-info-long h2 b]font-weight: 600;[/newclass]
[newclass=.ping-persona]background: #fff; padding: 24px 25px 25px;[/newclass]
[newclass=.ping-persona h3]margin: 0; font: 400 28px/120% Abril Fatface; font-weight: 400; text-align: left; text-transform: lowercase; letter-spacing: -1.5px;[/newclass]
[newclass=.ping-list]display: flex; justify-content: flex-start; flex-wrap: wrap;[/newclass]
[newclass=.ping-list span]display: inline-block; border: 1px solid #eaeaea; padding: 10px; font: 800 9px/100% Poppins; text-transform: uppercase; letter-spacing: 1.5px; background: linear-gradient(45deg, rgba(202, 50, 96, 0.14) 0%, rgba(50, 164, 202, 0.14) 50%, rgba(192, 80, 209, 0.14) 100%); color: #222; margin: 10px 10px 0 0;[/newclass]
[newclass=.ping-jutsu]border: 1px solid #fff; border-top: 0; background: #f8f8f8; padding: 50px; text-align: left;[/newclass]
[newclass=.ping-jutsu h4, .ping-bg h5]margin: 0 0 25px; font: 400 32px/120% Abril Fatface; font-weight: 400; text-align: left; text-transform: lowercase; letter-spacing: -1.5px;[/newclass]
[newclass=.ping-jutsu h4 b, .ping-bg h5 b]font-weight: 400; padding: 0 5px 0 0;[/newclass]
[newclass=.ping-jutsu span]display: block; font-size: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;[/newclass]
[newclass=.ping-jutsu blockquote]border: 1px solid #eaeaea; padding: 25px; margin: 5px 15px 15px; font: 12.5px/150% Poppins; text-align: justify; text-transform: lowercase; color: #222; background: #fff;[/newclass]
[newclass=.ping-jutsu blockquote:last-child]margin: 5px 15px 0px;[/newclass]
[newclass=.ping-bg]border: 1px solid #fff; background: #fefefe; padding: 50px; font: 400 12.5px/150% Poppins; text-align: justify; color: #222;[/newclass]
[newclass=.ping-face]background: #fff; padding: 15px; font: 700 10px/100% Courier; letter-spacing: 2px; color: #222; text-transform: uppercase; text-align: center;[/newclass]
[newclass=.ping-face b]font: 400 18px/120% Poppins;[/newclass]
[newclass=.ping-creds]font: 700 9px/100% Poppins; text-transform: uppercase; margin-top: 5px; letter-spacing: 3px; text-align: center;[/newclass]
[attr="id","ping-bg]
[attr="class","ping-wrap"]
「 firstname here 」
[attr="class","ping-main-img"]
[attr="class","ping-block"]
[attr="class","ping-info"]
[attr="class","ping-long]full name,
answer here
[attr="class","ping-small]nickname,
answer here
[attr="class","ping-info-side"]age,
answer here
[attr="class","ping-info-mid"]gender,
answer here
[attr="class","ping-info-side"]pronouns,
answer here
[attr="class","ping-info-long"]preferences,
answer here / answer here
[attr="class","ping-long]occupation,
answer here
[attr="class","ping-small]social status,
answer here
[attr="class","ping-info-long"]family,
mother - name here
[break]father - name here
[attr="class","ping-info-side"]nationality,
answer here
[attr="class","ping-info-mid"]loyalty,
answer here
[attr="class","ping-info-side"]rank,
answer here
[attr="class","ping-persona"]
[break]
positive traits,
[attr="class","ping-list"]
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
[break]
negative traits,
[attr="class","ping-list"]
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
trait here
[attr="class","ping-jutsu]
some title jutsu here
some title jutsu here
some title jutsu here
「 proficiencies 」
some title jutsu here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quisque sagittis purus sit amet. Tincidunt ornare massa eget egestas purus viverra accumsan in. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. In dictum non consectetur a erat nam at lectus. Nunc sed id semper risus in hendrerit gravida rutrum quisque.
some title jutsu here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quisque sagittis purus sit amet. Tincidunt ornare massa eget egestas purus viverra accumsan in. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. In dictum non consectetur a erat nam at lectus. Nunc sed id semper risus in hendrerit gravida rutrum quisque.
some title jutsu here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quisque sagittis purus sit amet. Tincidunt ornare massa eget egestas purus viverra accumsan in. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. In dictum non consectetur a erat nam at lectus. Nunc sed id semper risus in hendrerit gravida rutrum quisque.
[attr="class","ping-bg"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quisque sagittis purus sit amet. Tincidunt ornare massa eget egestas purus viverra accumsan in. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. In dictum non consectetur a erat nam at lectus. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Quisque sagittis purus sit amet. Volutpat lacus laoreet non curabitur gravida. Purus non enim praesent elementum facilisis leo vel fringilla. Varius morbi enim nunc faucibus a. Scelerisque in dictum non consectetur a erat nam at lectus. Adipiscing elit duis tristique sollicitudin.
[break][break]
Nisi scelerisque eu ultrices vitae auctor. Varius quam quisque id diam vel. At consectetur lorem donec massa sapien faucibus. Egestas sed sed risus pretium quam. Bibendum neque egestas congue quisque egestas. Eget egestas purus viverra accumsan in nisl nisi scelerisque eu. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Semper quis lectus nulla at volutpat diam ut venenatis tellus. Faucibus purus in massa tempor nec feugiat nisl. Risus sed vulputate odio ut enim blandit volutpat maecenas volutpat. Aenean pharetra magna ac placerat vestibulum lectus mauris. Ultrices eros in cursus turpis massa tincidunt. Ultrices sagittis orci a scelerisque purus semper eget duis at.
[break][break]
Nisl purus in mollis nunc sed id semper risus in. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin. Ac turpis egestas sed tempus urna. Laoreet id donec ultrices tincidunt. Ut lectus arcu bibendum at varius vel pharetra vel. Pellentesque dignissim enim sit amet venenatis. Elit eget gravida cum sociis natoque. Sem viverra aliquet eget sit. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Tempus urna et pharetra pharetra massa massa. Leo integer malesuada nunc vel risus commodo viverra maecenas.
「 summary 」
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quisque sagittis purus sit amet. Tincidunt ornare massa eget egestas purus viverra accumsan in. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida cum. In dictum non consectetur a erat nam at lectus. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Quisque sagittis purus sit amet. Volutpat lacus laoreet non curabitur gravida. Purus non enim praesent elementum facilisis leo vel fringilla. Varius morbi enim nunc faucibus a. Scelerisque in dictum non consectetur a erat nam at lectus. Adipiscing elit duis tristique sollicitudin.
[break][break]
Nisi scelerisque eu ultrices vitae auctor. Varius quam quisque id diam vel. At consectetur lorem donec massa sapien faucibus. Egestas sed sed risus pretium quam. Bibendum neque egestas congue quisque egestas. Eget egestas purus viverra accumsan in nisl nisi scelerisque eu. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Semper quis lectus nulla at volutpat diam ut venenatis tellus. Faucibus purus in massa tempor nec feugiat nisl. Risus sed vulputate odio ut enim blandit volutpat maecenas volutpat. Aenean pharetra magna ac placerat vestibulum lectus mauris. Ultrices eros in cursus turpis massa tincidunt. Ultrices sagittis orci a scelerisque purus semper eget duis at.
[break][break]
Nisl purus in mollis nunc sed id semper risus in. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin. Ac turpis egestas sed tempus urna. Laoreet id donec ultrices tincidunt. Ut lectus arcu bibendum at varius vel pharetra vel. Pellentesque dignissim enim sit amet venenatis. Elit eget gravida cum sociis natoque. Sem viverra aliquet eget sit. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Tempus urna et pharetra pharetra massa massa. Leo integer malesuada nunc vel risus commodo viverra maecenas.
[attr="class","ping-face"]animanga title[break]charactername looks like faceclaimname.
[attr="class","ping-creds"]template by yueru.
[googlefont=Poppins][googlefont=Poppins:300,400,600,800][googlefont=Abril Fatface]
[newclass=#ping-bg]width: 620px; background: #f1f1f1; font: 400 13px/150% Poppins; color: #353535; border: 2px solid #fff; margin: 0 auto;[/newclass]
[newclass=#ping-bg b]background: linear-gradient(45deg, rgba(202, 50, 96, 1) 0%, rgba(50, 164, 202, 1) 50%, rgba(192, 80, 209, 1) 100%); color: transparent; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text;[/newclass]
[newclass=#ping-bg i]background: linear-gradient(45deg, rgba(202, 50, 96, 1) 0%, rgba(50, 164, 202, 1) 50%, rgba(192, 80, 209, 1) 100%); color: transparent; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text;[/newclass]
[newclass=.ping-wrap]background: #f8f8f8;[/newclass]
[newclass=.ping-wrap h1]padding: 50px; position: relative; overflow: hidden; background: #fff; color: #222; font: 800 40px/40px Poppins; text-transform: uppercase; letter-spacing: -2.5px; text-align: center;[/newclass]
[newclass=.ping-wrap h1 b]font-weight: 800;[/newclass]
[newclass=.ping-main-img]width: 620px; height: 300px;[/newclass]
[newclass=.ping-main-img img]width: 620px; height: 300px;[/newclass]
[newclass=.ping-block]background: linear-gradient(45deg, rgba(202, 50, 96, 0.14) 0%, rgba(50, 164, 202, 0.14) 50%, rgba(192, 80, 209, 0.14) 100%); padding: 25px;[/newclass]
[newclass=.ping-info]display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #fff; background: #f4f4f4; overflow: hidden;[/newclass]
[newclass=.ping-long]border-bottom: 1px solid #fff; padding: 4px 15px 15px 0; width: 320px; text-align: left;[/newclass]
[newclass=.ping-long span, .ping-small span, .ping-info-side span, .ping-info-mid span, .ping-info-long span]border-bottom: 1px solid #fff; border-right: 1px solid #fff; background: #f8f8f8; padding: 10px; font: 400 10px/100% Courier; text-transform: uppercase;[/newclass]
[newclass=.ping-long span b, .ping-small b, .ping-info-side b, .ping-info-mid b, .ping-info-long b]font-weight: 400; padding: 0 5px;[/newclass]
[newclass=.ping-long p, .ping-small p, .ping-info-side p, .ping-info-mid p, .ping-info-long p]display: block; padding: 15px 0 0 15px; font: 400 14px/150%; text-align: right; text-transform: lowercase; margin: 0;[/newclass]
[newclass=.ping-small]border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 4px 15px 15px 0; width: 217px; text-align: left;[/newclass]
[newclass=.ping-info-side]width: 173px; border-bottom: 1px solid #fff; padding: 4px 15px 15px 0; text-align: left;[/newclass]
[newclass=.ping-info-mid]width: 174px; border: 1px solid #fff; border-top: 0; padding: 4px 15px 15px 0; text-align: left;[/newclass]
[newclass=.ping-info-long]width: 100%; padding: 5px 15px 15px 0; text-align: left; border-bottom: 1px solid #fff;[/newclass]
[newclass=.ping-info-long h2]margin: 0; padding: 30px 40px 15px; text-align: left; font: 400 14px/120% Poppins; text-transform: lowercase;[/newclass]
[newclass=.ping-info-long h2 b]font-weight: 600;[/newclass]
[newclass=.ping-persona]background: #fff; padding: 24px 25px 25px;[/newclass]
[newclass=.ping-persona h3]margin: 0; font: 400 28px/120% Abril Fatface; font-weight: 400; text-align: left; text-transform: lowercase; letter-spacing: -1.5px;[/newclass]
[newclass=.ping-list]display: flex; justify-content: flex-start; flex-wrap: wrap;[/newclass]
[newclass=.ping-list span]display: inline-block; border: 1px solid #eaeaea; padding: 10px; font: 800 9px/100% Poppins; text-transform: uppercase; letter-spacing: 1.5px; background: linear-gradient(45deg, rgba(202, 50, 96, 0.14) 0%, rgba(50, 164, 202, 0.14) 50%, rgba(192, 80, 209, 0.14) 100%); color: #222; margin: 10px 10px 0 0;[/newclass]
[newclass=.ping-jutsu]border: 1px solid #fff; border-top: 0; background: #f8f8f8; padding: 50px; text-align: left;[/newclass]
[newclass=.ping-jutsu h4, .ping-bg h5]margin: 0 0 25px; font: 400 32px/120% Abril Fatface; font-weight: 400; text-align: left; text-transform: lowercase; letter-spacing: -1.5px;[/newclass]
[newclass=.ping-jutsu h4 b, .ping-bg h5 b]font-weight: 400; padding: 0 5px 0 0;[/newclass]
[newclass=.ping-jutsu span]display: block; font-size: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;[/newclass]
[newclass=.ping-jutsu blockquote]border: 1px solid #eaeaea; padding: 25px; margin: 5px 15px 15px; font: 12.5px/150% Poppins; text-align: justify; text-transform: lowercase; color: #222; background: #fff;[/newclass]
[newclass=.ping-jutsu blockquote:last-child]margin: 5px 15px 0px;[/newclass]
[newclass=.ping-bg]border: 1px solid #fff; background: #fefefe; padding: 50px; font: 400 12.5px/150% Poppins; text-align: justify; color: #222;[/newclass]
[newclass=.ping-face]background: #fff; padding: 15px; font: 700 10px/100% Courier; letter-spacing: 2px; color: #222; text-transform: uppercase; text-align: center;[/newclass]
[newclass=.ping-face b]font: 400 18px/120% Poppins;[/newclass]
[newclass=.ping-creds]font: 700 9px/100% Poppins; text-transform: uppercase; margin-top: 5px; letter-spacing: 3px; text-align: center;[/newclass]