Post by foxtrott on Mar 31, 2019 0:49:40 GMT
last edited Mar 31, 2019 0:49:50 GMT by foxtrott
|
|
Post by Alex Tuomio on Mar 31, 2019 2:45:33 GMT
[nospaces]
[var name=accent value=#55AAFF]
[newclass=#alexPost]background: #FCFCFC; border-color: #DDD; border-style: solid; border-width: 1px; box-sizing: border-box; display: grid; grid-gap: 10px 1%; grid-template-columns: 33% 66%; margin: 0 auto; padding: 15px; width: 550px;[/newclass]
[newclass=#alexPost .asidebar]display: grid; grid-column: 1; grid-row-start: 1; grid-row-end: span 2; padding: 50px 0 20px; place-items: center; place-self: start center; position: relative; z-index: 0;[/newclass]
[newclass=#alexPost .asidebar div]grid-column: 1; grid-row: 1;[/newclass]
[newclass=#alexPost .asidebar .aavatar]border-color: #222; border-style: solid; border-width: 5px; height: 70px; left: 25px; overflow: hidden; position: relative; transform: rotate(45deg); width: 70px; z-index: 1;[/newclass]
[newclass=#alexPost .asidebar .aavatar img]height: 100px; left: 50%; margin: -50px; position: absolute; top: 50%; transform: rotate(-45deg); width: 100px;[/newclass]
[newclass=#alexPost .asidebar .astarter]border-color: #222; border-style: solid; border-width: 5px; height: 53px; left: -35px; overflow: hidden; position: relative; top: 48px; transform: rotate(45deg); width: 53px; z-index: 1;[/newclass]
[newclass=#alexPost .asidebar .astarter img]height: 75px; left: 50%; margin: -37.5px; position: absolute; top: 50%; transform: rotate(-45deg); width: 75px;[/newclass]
[newclass=#alexPost .asidebar .arental]border-color: #222; border-style: solid; border-width: 5px; height: 35px; overflow: hidden; position: relative; transform: rotate(45deg); width: 35px; z-index: 1;[/newclass]
[newclass=#alexPost .asidebar .arental img]height: 50px; left: 50%; margin: -25px; position: absolute; top: 50%; transform: rotate(-45deg); width: 50px;[/newclass]
[newclass=#alexPost .asidebar .arental:nth-of-type(3)]left: 25px; top: 95px;[/newclass]
[newclass=#alexPost .asidebar .arental:nth-of-type(4)]left: -10px; top: 130px;[/newclass]
[newclass=#alexPost .asidebar .acorner]border-color: #222; border-style: solid; position: relative; transform: rotate(45deg); z-index: 0;[/newclass]
[newclass=#alexPost .asidebar .acorner:nth-of-type(5)]border-width: 1px 2px 0 0; height: 100px; left: -50px; width: 100px;[/newclass]
[newclass=#alexPost .asidebar .acorner:nth-of-type(6)]border-width: 1px 1px 0 0; height: 75px; left: -30px; top: 80px; width: 75px;[/newclass]
[newclass=#alexPost .asidebar .aline]background: #222; position: relative; transform: rotate(-45deg); z-index: 0;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(7)]height: 2px; left: -40px; top: -15px; width: 140px;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(8)]height: 1px; left: -45px; top: -30px; width: 75px;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(9)]height: 1px; left: -15px; top: 55px; transform: rotate(45deg); width: 50px;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(10)]height: 2px; left: -20px; top: 120px; transform: rotate(45deg); width: 100px;[/newclass]
[newclass=#alexPost .abanner]display: grid; grid-column: 2; grid-row: 1; place-items: center end; place-self: start end;[/newclass]
[newclass=#alexPost .abanner .astats]background: #FFF; border-color: #DDD; border-style: solid; border-width: 0 1px 1px; box-sizing: border-box; padding: 10px; display: grid; grid-gap: 0 10px; grid-template-columns: 75px auto; width: 340px;[/newclass]
[newclass=#alexPost .abanner .astats .astatblok]background: [var=accent]; color: #FFF; font-size: 10px; grid-row: 1; line-height: 15px; padding: 10px; text-align: right; text-transform: uppercase;[/newclass]
[newclass=#alexPost .abanner .astats .astatblok a]color: #FFF !important;[/newclass]
[newclass=#alexPost .abanner .astats .astatblok i]background: rgba(0,0,0,.1); float: left; font-size: 15px; margin: -10px 5px -10px -10px; padding: 10px; text-align: center; width: 15px;[/newclass]
[newclass=#alexPost .acontent]background: #FFF; border-color: #DDD; border-style: solid; border-width: 1px; box-sizing: border-box; color: #222; font-size: 11px; grid-column: 2; grid-row: 2; line-height: 13px; min-height: 175px; padding: 15px; place-self: start end; text-align: justify; width: 340px;[/newclass]
[newclass=#alexPost .acontent b]color: [var=accent]; font-weight: normal;[/newclass]
[newclass=#alexPost .acontent .acredit]background: #DDD; font-size: 10px; font-variant: small-caps; line-height: 15px; margin: 15px -15px -15px; padding: 5px; text-align: right; text-transform: lowercase;[/newclass]
[attr=id,alexPost]
[attr=class,asidebar]
[attr=class,aavatar]
[attr=class,astarter]
[attr=class,arental]
[attr=class,arental]
[attr=class,acorner]
[attr=class,acorner]
[attr=class,aline]
[attr=class,aline]
[attr=class,aline]
[attr=class,aline]
[attr=class,abanner]
[attr=class,astats]
[attr=class,astatblok][attr=class,fas][attr=class,fa-pencil-alt]167
[attr=class,astatblok]jaime hayes
[attr=class,acontent]
Standing in the middle of the field, the Kalosian woman’s confidence and calm demeanor were obvious even at a glance. As they had just come from class, she was still dressed in her uniform, not a single crease in the fabric out of place as she stood with her Mawile at her side. Mordre stood tall as she could, beaming with confidence to match her partner with a clear eagerness to fight.
[break][break]
The two would wait in the middle for their opponents for the battle, Alex always one for good sportsmanship. Once they had been joined she would give the Jaime a firm handshake and a polite greeting, “Let us do our best, shall we?” With what she saw as the formalities of a friendly battle out of the way, she would head to one end of the field, Mordre practically giddy with excitement as she followed suit. The two would then take their positions and wait for their opponents to get situated at the opposite end.
Standing in the middle of the field, the Kalosian woman’s confidence and calm demeanor were obvious even at a glance. As they had just come from class, she was still dressed in her uniform, not a single crease in the fabric out of place as she stood with her Mawile at her side. Mordre stood tall as she could, beaming with confidence to match her partner with a clear eagerness to fight.
[break][break]
The two would wait in the middle for their opponents for the battle, Alex always one for good sportsmanship. Once they had been joined she would give the Jaime a firm handshake and a polite greeting, “Let us do our best, shall we?” With what she saw as the formalities of a friendly battle out of the way, she would head to one end of the field, Mordre practically giddy with excitement as she followed suit. The two would then take their positions and wait for their opponents to get situated at the opposite end.
[attr=class,acredit]Made by Aeon
[var name=accent value=#55AAFF]
[newclass=#alexPost]background: #FCFCFC; border-color: #DDD; border-style: solid; border-width: 1px; box-sizing: border-box; display: grid; grid-gap: 10px 1%; grid-template-columns: 33% 66%; margin: 0 auto; padding: 15px; width: 550px;[/newclass]
[newclass=#alexPost .asidebar]display: grid; grid-column: 1; grid-row-start: 1; grid-row-end: span 2; padding: 50px 0 20px; place-items: center; place-self: start center; position: relative; z-index: 0;[/newclass]
[newclass=#alexPost .asidebar div]grid-column: 1; grid-row: 1;[/newclass]
[newclass=#alexPost .asidebar .aavatar]border-color: #222; border-style: solid; border-width: 5px; height: 70px; left: 25px; overflow: hidden; position: relative; transform: rotate(45deg); width: 70px; z-index: 1;[/newclass]
[newclass=#alexPost .asidebar .aavatar img]height: 100px; left: 50%; margin: -50px; position: absolute; top: 50%; transform: rotate(-45deg); width: 100px;[/newclass]
[newclass=#alexPost .asidebar .astarter]border-color: #222; border-style: solid; border-width: 5px; height: 53px; left: -35px; overflow: hidden; position: relative; top: 48px; transform: rotate(45deg); width: 53px; z-index: 1;[/newclass]
[newclass=#alexPost .asidebar .astarter img]height: 75px; left: 50%; margin: -37.5px; position: absolute; top: 50%; transform: rotate(-45deg); width: 75px;[/newclass]
[newclass=#alexPost .asidebar .arental]border-color: #222; border-style: solid; border-width: 5px; height: 35px; overflow: hidden; position: relative; transform: rotate(45deg); width: 35px; z-index: 1;[/newclass]
[newclass=#alexPost .asidebar .arental img]height: 50px; left: 50%; margin: -25px; position: absolute; top: 50%; transform: rotate(-45deg); width: 50px;[/newclass]
[newclass=#alexPost .asidebar .arental:nth-of-type(3)]left: 25px; top: 95px;[/newclass]
[newclass=#alexPost .asidebar .arental:nth-of-type(4)]left: -10px; top: 130px;[/newclass]
[newclass=#alexPost .asidebar .acorner]border-color: #222; border-style: solid; position: relative; transform: rotate(45deg); z-index: 0;[/newclass]
[newclass=#alexPost .asidebar .acorner:nth-of-type(5)]border-width: 1px 2px 0 0; height: 100px; left: -50px; width: 100px;[/newclass]
[newclass=#alexPost .asidebar .acorner:nth-of-type(6)]border-width: 1px 1px 0 0; height: 75px; left: -30px; top: 80px; width: 75px;[/newclass]
[newclass=#alexPost .asidebar .aline]background: #222; position: relative; transform: rotate(-45deg); z-index: 0;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(7)]height: 2px; left: -40px; top: -15px; width: 140px;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(8)]height: 1px; left: -45px; top: -30px; width: 75px;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(9)]height: 1px; left: -15px; top: 55px; transform: rotate(45deg); width: 50px;[/newclass]
[newclass=#alexPost .asidebar .aline:nth-of-type(10)]height: 2px; left: -20px; top: 120px; transform: rotate(45deg); width: 100px;[/newclass]
[newclass=#alexPost .abanner]display: grid; grid-column: 2; grid-row: 1; place-items: center end; place-self: start end;[/newclass]
[newclass=#alexPost .abanner .astats]background: #FFF; border-color: #DDD; border-style: solid; border-width: 0 1px 1px; box-sizing: border-box; padding: 10px; display: grid; grid-gap: 0 10px; grid-template-columns: 75px auto; width: 340px;[/newclass]
[newclass=#alexPost .abanner .astats .astatblok]background: [var=accent]; color: #FFF; font-size: 10px; grid-row: 1; line-height: 15px; padding: 10px; text-align: right; text-transform: uppercase;[/newclass]
[newclass=#alexPost .abanner .astats .astatblok a]color: #FFF !important;[/newclass]
[newclass=#alexPost .abanner .astats .astatblok i]background: rgba(0,0,0,.1); float: left; font-size: 15px; margin: -10px 5px -10px -10px; padding: 10px; text-align: center; width: 15px;[/newclass]
[newclass=#alexPost .acontent]background: #FFF; border-color: #DDD; border-style: solid; border-width: 1px; box-sizing: border-box; color: #222; font-size: 11px; grid-column: 2; grid-row: 2; line-height: 13px; min-height: 175px; padding: 15px; place-self: start end; text-align: justify; width: 340px;[/newclass]
[newclass=#alexPost .acontent b]color: [var=accent]; font-weight: normal;[/newclass]
[newclass=#alexPost .acontent .acredit]background: #DDD; font-size: 10px; font-variant: small-caps; line-height: 15px; margin: 15px -15px -15px; padding: 5px; text-align: right; text-transform: lowercase;[/newclass]