Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [border=0; padding: 0; display: block; font-size: 0px
- | ∴ | Character Images
- ――――――;
- --character: url('https://i.imgur.com/nXKwR8h.png');
- --organization: url('https://i.imgur.com/VbTApMr.png');
- | ∴ | Backgrounds
- ――――――;
- --voib-bg-01: url('https://i.imgur.com/t71JCID.jpg');
- --voib-bg-02: url('https://i.imgur.com/qGyGkK0.jpg');
- | ∴ | Shortcuts
- ――――――;
- --0: border-box;
- --star: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
- --top-left: polygon(0 0, 100% 0, 100% 25%, 25% 25%, 25% 100%, 0 100%);
- --bottom-right: polygon(75% 75%, 75% 0, 100% 0, 100% 100%, 0 100%, 0 75%);
- overflow: hidden][comment]
- [font=Oswald].[/font]
- [font=Jost].[/font]
- [font=Abel].[/font]
- ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
- [SECTION 1] Panel_01
- ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
- [/comment][border=0; padding: 120px 0; background: var(--voib-bg-01) no-repeat 50% 50%; background-size: cover; position: relative][border=0; padding: 0; background: var(--voib-bg-02) no-repeat 50% 50%; background-size: cover; box-shadow: 0 0 30px 10px rgba(0 0 0 / 85%); display: flex; flex-flow: row wrap; justify-content: center][comment]
- ∴ Brief Details (Left Side)
- ――――――――――――――――――――
- [/comment][border=0; padding: 40px 0; box-sizing: var(--0); width: clamp(250px, 100%, 500px); margin: auto 0][comment]
- ∴ Stars
- ――――――――
- [/comment][border=0; padding: 0; display: flex; flex-flow: row nowrap; margin-left: -4px][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); position: relative; z-index: 6][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 42px; height: 42px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -14px; position: relative; z-index: 5][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 42px; height: 42px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -14px; position: relative; z-index: 4][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 42px; height: 42px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -14px; position: relative; z-index: 3][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 42px; height: 42px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -14px; position: relative; z-index: 2][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 42px; height: 42px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][border=0; padding: 0; filter: drop-shadow(3px 3px 1px #000) drop-shadow(0 0 5px #000) drop-shadow(0 0 1px #000); margin-left: -14px; position: relative; z-index: 1][border=0; padding: 0; box-sizing: var(--0); clip-path: var(--star); background: #fff; width: 42px; height: 42px; -webkit-backface-visibility: hidden; transform: rotate(13deg)][/border][/border][/border][comment]
- ∴ Name
- ――――――――
- [/comment][border=0; padding: 0; margin-top: -5px; margin-left: -3px; font: normal 300 6.5vh Oswald; text-transform: uppercase; color: #fff; text-shadow: 1px 0 3px #000]Excalibur[/border][border=0; padding: 0; display: flex; flex-flow: row nowrap][border=0; padding: 0; width: 48px; height: 48px; box-sizing: var(--0); background: var(--organization) no-repeat 50% 50%; background-size: cover; box-shadow: 0 0 8px 3px #000, 0 0 4px 1px #000][/border][border=0; padding: 0; background: rgba(12 12 12 / 90%)][border=0; padding: 5px 15px 4px; font: normal 500 3vh Abel; color: #fff]Victoria Kaslanova[/border][/border][/border][comment]
- ∴ Description
- ――――――――
- [/comment][border=0; padding: 17px 25px; margin-top: 15px; position: relative; background: rgba(0 0 0 / 72%); font: normal 300 15px Jost; color: #dcdcdc; line-height: 1.56][border=0; padding: 0; position: absolute; top: -1px; left: -1px; box-sizing: var(--0); width: 10px; height: 10px; background: #bfbfbf; clip-path: var(--top-left)][/border][border=0; padding: 0; position: absolute; bottom: -1px; right: -1px; box-sizing: var(--0); width: 10px; height: 10px; background: #bfbfbf; clip-path: var(--bottom-right)][/border][border=0; padding: 0; display: inline-block; color: #fff; margin-right: 8px]Description[/border]A brilliant detective and fearsome combatant, Excalibur is one of the renowned swords of the Blackburn Paradeus. She is the 24th of her title and acts as House Talirose's seventh ascendant.[border=0; padding: 0; margin-top: 9px; display: flex; flex-flow: row wrap][border=0; padding: 0; margin-right: 13px][color=#fff]Gender:[/color] Female[/border][border=0; padding: 0; margin-right: 13px][color=#fff]Age:[/color] 21[/border][border=0; padding: 0][color=#fff]Exousiarch:[/color] String Theocracy[/border][/border][/border][/border][comment]
- ∴ Image (Right Side)
- ――――――――――――――――――――
- [/comment][border=0; padding: 0; box-sizing: var(--0); width: clamp(250px, 100%, 510px); height: 540px; background: var(--character) no-repeat 35% 50%; background-size: cover][/border][/border][border=0; padding: 0; position: absolute; left: 50%; bottom: 1%; transform: translate(-50%, -1%); color: #a6a6a6; font: normal 300 7px Jost; opacity: 60%]CODE / [url=https://www.rpnation.com/members/arknight.89406/][border=0; padding: 0; display: inline-block]ARKNIGHT[/border][/url][/border][/border][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement