Advertisement
Guest User

Untitled

a guest
Oct 3rd, 2021
27
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [border=0; padding: 0; display: block; font-size: 0px
  2.  
  3.  
  4. | ∴ | Character Images
  5. ――――――;
  6. --character: url('https://i.imgur.com/nXKwR8h.png');
  7. --organization: url('https://i.imgur.com/VbTApMr.png');
  8.  
  9.  
  10. | ∴ | Backgrounds
  11. ――――――;
  12. --voib-bg-01: url('https://i.imgur.com/t71JCID.jpg');
  13. --voib-bg-02: url('https://i.imgur.com/qGyGkK0.jpg');
  14.  
  15. | ∴ | Shortcuts
  16. ――――――;
  17. --0: border-box;
  18. --star: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  19. --top-left: polygon(0 0, 100% 0, 100% 25%, 25% 25%, 25% 100%, 0 100%);
  20. --bottom-right: polygon(75% 75%, 75% 0, 100% 0, 100% 100%, 0 100%, 0 75%);
  21.  
  22. overflow: hidden][comment]
  23. [font=Oswald].[/font]
  24. [font=Jost].[/font]
  25. [font=Abel].[/font]
  26.  
  27.  
  28. ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
  29. [SECTION 1] Panel_01
  30. ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
  31. [/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]
  32.  
  33.  
  34. ∴ Brief Details (Left Side)
  35. ――――――――――――――――――――
  36. [/comment][border=0; padding: 40px 0; box-sizing: var(--0); width: clamp(250px, 100%, 500px); margin: auto 0][comment]
  37.  
  38. ∴ Stars
  39. ――――――――
  40. [/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]
  41.  
  42. ∴ Name
  43. ――――――――
  44. [/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]
  45.  
  46. ∴ Description
  47. ――――――――
  48. [/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]
  49.  
  50. ∴ Image (Right Side)
  51. ――――――――――――――――――――
  52. [/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
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement