Post by pythr on May 26, 2023 7:56:06 GMT
[nospaces]
[newclass=.full]width: 400px;background-color: #1E1C1C;padding-top: 8px;font-family: "Karla";font-size: 10pt;margin: 0 auto;color:#d8dade;padding-bottom: 3px;[/newclass]
[newclass=.header]margin-left: 10px;margin-right: 10px;border-top: 10px solid #d8dade;padding-top: 2px;height: 11.2rem;[/newclass]
[newclass=.body]margin-left: 10px;margin-right: 10px;margin-top: 6px;[/newclass]
[newclass=.leftimg, .rightimg]margin: 0;width: 48%;height: 182px;[/newclass]
[newclass=.leftimg img, .rightimg img]width:100%;height:182px;[/newclass]
[newclass=.leftimg]float: left;[/newclass][newclass=.rightimg]float: right[/newclass]
[newclass=.leftsect, .rightsect]width:50%;height:179px;border-bottom: 3px dashed #d8dade;[/newclass]
[newclass=.leftsect]float:left;[/newclass][newclass=.rightsect]float:right;[/newclass]
[newclass=.section]width: 97%;padding: 2px;margin-top: 5px;border: 1px groove grey;text-align: center;overflow: hidden;white-space: nowrap;float: left;[/newclass]
[newclass=.section_left, .section_right]width: 46.5%;padding: 2px;margin-top: 5px;border: 1px groove grey;text-align: center;overflow: hidden;white-space: nowrap;[/newclass][newclass=.section_left]float:left;[/newclass][newclass=.section_right]float:right;[/newclass]
[newclass=.list_left, .list_right]width: 44%;padding: 10px;margin-top: 3px;margin-bottom: 3px;border: 1px groove grey;text-align: justify;[/newclass][newclass=.list_left]float:left;[/newclass][newclass=.list_right]float:right;[/newclass]
[newclass=.namefield]width:100%;text-align:center;[/newclass]
[newclass=.firstname]width:100%;text-align:left;font-size:42px;font-weight:bold;line-height:40px;word-spacing:-4px;[/newclass]
[newclass=.lastname]width:25%;color:grey;overflow:hidden;[/newclass]
[newclass=.sectimgl, .sectimgr]position:relative;[/newclass]
[newclass=.sectimgl img, .sectimgr img]width: 100%;[/newclass]
[newclass=.sectimgl span, .sectimgr span]position:absolute;bottom:5px;font-size:42px;font-weight:bold;color:white;text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;[/newclass]
[newclass=.sectimgl span]left: 5px;[/newclass][newclass=.sectimgr span]right: 5px;[/newclass]
[newclass=.sectdesc]text-align:justify;margin-bottom:5px;margin-top:5px;[/newclass]
[newclass=.ability]width: 94%;padding: 10px;padding-top: 3px;margin-top: 5px;border: 1px groove grey;text-align: justify;float: left;[/newclass]
[newclass=.ability_left, .ability_right]width: 44%;height: 200px;padding: 10px;margin-top: 3px;margin-bottom: 3px;border: 1px groove grey;text-align: justify;overflow: scroll;-ms-overflow-style: none;[/newclass]
[newclass=.ability_left]float:left;[/newclass][newclass=.ability_right]float:right[/newclass]
[newclass=.ability span, .ability_left span, .ability_right span]float:right; font-style:italic;[/newclass]
[newclass=.ability_left::-webkit-scrollbar, .ability_right::-webkit-scrollbar, .ability::-webkit-scrollbar]display:none;[/newclass]
[newclass=.credit]float:right; font-size:7pt;margin-top: 3px;[/newclass][Googlefont=Karla]
[attr="class","full"]
[attr="class","header"]
[attr="class","leftimg"]
[attr="class","rightsect"]
[attr="class","namefield"][attr="class","firstname"]UETO [attr="class","lastname"]EIRE
[attr="class","section"]placeholder
[attr="class","section_left"]## y.o
[attr="class","section_right"]gender
[attr="class","section_left"]occupation
[attr="class","section_right"]class ???
[attr="class","section"]jill from va11-hall-a
[attr="class","section"]played by pythr
[attr="class","body"]
[attr="class","sectimgl"]PERSONALITY
[attr="class","sectdesc"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.[break][break]
Maecenas consequat ultricies eleifend. Curabitur ullamcorper erat eget lorem luctus sollicitudin. Sed risus nulla, semper ut justo vel, imperdiet vulputate nisi. Vivamus at enim enim. Pellentesque a tellus nec odio vestibulum semper eget in lorem. Mauris ornare sagittis ex sit amet hendrerit. Nulla sed mi tempor, scelerisque massa quis, sollicitudin leo. Donec aliquet, ex quis porttitor auctor, sem purus imperdiet dolor, et sollicitudin arcu sapien eu velit. Maecenas condimentum sed neque in volutpat.
[attr="class","list_left"]✓ yy[break]
✓ xx[break]
✓ xx[break]
✓ zz
✓ xx[break]
✓ xx[break]
✓ zz
[attr="class","list_right"]✗ yy[break]
✗ xx[break]
✗ xx[break]
✗ zz
✗ xx[break]
✗ xx[break]
✗ zz
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.[break][break]
Maecenas consequat ultricies eleifend. Curabitur ullamcorper erat eget lorem luctus sollicitudin. Sed risus nulla, semper ut justo vel, imperdiet vulputate nisi. Vivamus at enim enim. Pellentesque a tellus nec odio vestibulum semper eget in lorem. Mauris ornare sagittis ex sit amet hendrerit. Nulla sed mi tempor, scelerisque massa quis, sollicitudin leo. Donec aliquet, ex quis porttitor auctor, sem purus imperdiet dolor, et sollicitudin arcu sapien eu velit. Maecenas condimentum sed neque in volutpat.
[attr="class","sectimgr"]APPEARANCE
[attr="class","sectdesc"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.[break][break]
Maecenas consequat ultricies eleifend. Curabitur ullamcorper erat eget lorem luctus sollicitudin. Sed risus nulla, semper ut justo vel, imperdiet vulputate nisi. Vivamus at enim enim. Pellentesque a tellus nec odio vestibulum semper eget in lorem. Mauris ornare sagittis ex sit amet hendrerit. Nulla sed mi tempor, scelerisque massa quis, sollicitudin leo. Donec aliquet, ex quis porttitor auctor, sem purus imperdiet dolor, et sollicitudin arcu sapien eu velit. Maecenas condimentum sed neque in volutpat.
Maecenas consequat ultricies eleifend. Curabitur ullamcorper erat eget lorem luctus sollicitudin. Sed risus nulla, semper ut justo vel, imperdiet vulputate nisi. Vivamus at enim enim. Pellentesque a tellus nec odio vestibulum semper eget in lorem. Mauris ornare sagittis ex sit amet hendrerit. Nulla sed mi tempor, scelerisque massa quis, sollicitudin leo. Donec aliquet, ex quis porttitor auctor, sem purus imperdiet dolor, et sollicitudin arcu sapien eu velit. Maecenas condimentum sed neque in volutpat.
[attr="class","sectimgl"]HISTORY
[attr="class","sectdesc"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.[break][break]
Maecenas consequat ultricies eleifend. Curabitur ullamcorper erat eget lorem luctus sollicitudin. Sed risus nulla, semper ut justo vel, imperdiet vulputate nisi. Vivamus at enim enim. Pellentesque a tellus nec odio vestibulum semper eget in lorem. Mauris ornare sagittis ex sit amet hendrerit. Nulla sed mi tempor, scelerisque massa quis, sollicitudin leo. Donec aliquet, ex quis porttitor auctor, sem purus imperdiet dolor, et sollicitudin arcu sapien eu velit. Maecenas condimentum sed neque in volutpat.
Maecenas consequat ultricies eleifend. Curabitur ullamcorper erat eget lorem luctus sollicitudin. Sed risus nulla, semper ut justo vel, imperdiet vulputate nisi. Vivamus at enim enim. Pellentesque a tellus nec odio vestibulum semper eget in lorem. Mauris ornare sagittis ex sit amet hendrerit. Nulla sed mi tempor, scelerisque massa quis, sollicitudin leo. Donec aliquet, ex quis porttitor auctor, sem purus imperdiet dolor, et sollicitudin arcu sapien eu velit. Maecenas condimentum sed neque in volutpat.
[attr="class","header"]
[attr="class","leftsect"]
[attr="class","namefield"][attr="class","firstname"]ABILI[attr="class","lastname"]TIES
[attr="class","section"]QUIRK: Placeholder / D-
[attr="class","section_left"]STR: D-
[attr="class","section_right"]CON: D-
[attr="class","section_left"]DEX: D-
[attr="class","section_right"]SPD: D-
[attr="class","section_left"]AWR: D-
[attr="class","section_right"]PRS: D-
[attr="class","section"]PRIMARY: Engineering / D-
[attr="class","rightimg"]
[attr="class","body"]
[attr="class","sectdesc"]
♬[attr="class","credit"]profile created by pythr
[attr="class","ability"]QUIRKD- [break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.
[attr="class","ability"]ABILITYRANK [break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam lectus ac tellus facilisis dictum. In vel vehicula nunc. In ultrices quis erat ut gravida. Sed sit amet sem eget ipsum iaculis convallis at quis nibh. Integer congue venenatis diam ut dapibus. Quisque et lectus sit amet dui elementum porta. Nulla ac efficitur risus, fringilla mollis metus.
♬[attr="class","credit"]profile created by pythr
[newclass=.full]width: 400px;background-color: #1E1C1C;padding-top: 8px;font-family: "Karla";font-size: 10pt;margin: 0 auto;color:#d8dade;padding-bottom: 3px;[/newclass]
[newclass=.header]margin-left: 10px;margin-right: 10px;border-top: 10px solid #d8dade;padding-top: 2px;height: 11.2rem;[/newclass]
[newclass=.body]margin-left: 10px;margin-right: 10px;margin-top: 6px;[/newclass]
[newclass=.leftimg, .rightimg]margin: 0;width: 48%;height: 182px;[/newclass]
[newclass=.leftimg img, .rightimg img]width:100%;height:182px;[/newclass]
[newclass=.leftimg]float: left;[/newclass][newclass=.rightimg]float: right[/newclass]
[newclass=.leftsect, .rightsect]width:50%;height:179px;border-bottom: 3px dashed #d8dade;[/newclass]
[newclass=.leftsect]float:left;[/newclass][newclass=.rightsect]float:right;[/newclass]
[newclass=.section]width: 97%;padding: 2px;margin-top: 5px;border: 1px groove grey;text-align: center;overflow: hidden;white-space: nowrap;float: left;[/newclass]
[newclass=.section_left, .section_right]width: 46.5%;padding: 2px;margin-top: 5px;border: 1px groove grey;text-align: center;overflow: hidden;white-space: nowrap;[/newclass][newclass=.section_left]float:left;[/newclass][newclass=.section_right]float:right;[/newclass]
[newclass=.list_left, .list_right]width: 44%;padding: 10px;margin-top: 3px;margin-bottom: 3px;border: 1px groove grey;text-align: justify;[/newclass][newclass=.list_left]float:left;[/newclass][newclass=.list_right]float:right;[/newclass]
[newclass=.namefield]width:100%;text-align:center;[/newclass]
[newclass=.firstname]width:100%;text-align:left;font-size:42px;font-weight:bold;line-height:40px;word-spacing:-4px;[/newclass]
[newclass=.lastname]width:25%;color:grey;overflow:hidden;[/newclass]
[newclass=.sectimgl, .sectimgr]position:relative;[/newclass]
[newclass=.sectimgl img, .sectimgr img]width: 100%;[/newclass]
[newclass=.sectimgl span, .sectimgr span]position:absolute;bottom:5px;font-size:42px;font-weight:bold;color:white;text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;[/newclass]
[newclass=.sectimgl span]left: 5px;[/newclass][newclass=.sectimgr span]right: 5px;[/newclass]
[newclass=.sectdesc]text-align:justify;margin-bottom:5px;margin-top:5px;[/newclass]
[newclass=.ability]width: 94%;padding: 10px;padding-top: 3px;margin-top: 5px;border: 1px groove grey;text-align: justify;float: left;[/newclass]
[newclass=.ability_left, .ability_right]width: 44%;height: 200px;padding: 10px;margin-top: 3px;margin-bottom: 3px;border: 1px groove grey;text-align: justify;overflow: scroll;-ms-overflow-style: none;[/newclass]
[newclass=.ability_left]float:left;[/newclass][newclass=.ability_right]float:right[/newclass]
[newclass=.ability span, .ability_left span, .ability_right span]float:right; font-style:italic;[/newclass]
[newclass=.ability_left::-webkit-scrollbar, .ability_right::-webkit-scrollbar, .ability::-webkit-scrollbar]display:none;[/newclass]
[newclass=.credit]float:right; font-size:7pt;margin-top: 3px;[/newclass][Googlefont=Karla]