API tools faq
paste
vnix

the raven

vnix
Jul 27th, 2022 (edited)
1,424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.14 KB | None | 0 0
raw download clone embed print report
  1. [comment]
  2.  
  3. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　coded by s e v e n
  4.  
  5. you can change the variables from this next section  *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  6.  
  7.  
  8. [/comment][border=0px; padding: 0px;
  9.  
  10. --background: #000;
  11. --icon: url(https://i.pinimg.com/originals/d6/05/f0/d605f08869d3d5e3bb444b66de5f4291.jpg);
  12. --text-color: white;
  13. --texture: url(https://thumbs.dreamstime.com/b/old-metal-gothic-door-photo-texture-black-background-144808172.jpg) 100%;
  14. --accent: #731d1f;
  15. --accent2: #bab8b9;
  16. --border-icon: #731d1f ;
  17.  
  18. height:fit-content; width:100%; box-sizing: border-box; position: relative; line-height:0;][border=0px; height:700px; width:100%; width:900px; padding:0;  margin: auto; border-radius:15px; position: relative; display:flex; align-items: flex-start; overflow: hidden;]
  19. [border=transparent; height:100%; width:100%; padding:8px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:3; background: var(--background); pointer-events:none; display:flex; flex-flow:column nowrap; align-items: center;][border=transparent; display: flex; flex-flow: row wrap; padding: 0px; width: 100%; background: var(--texture); align-content: center; background-repeat: repeat; top: 0; left: 0; bottom: 0; position: absolute; opacity: 0.1; ][/border]
  20. [border=0px; height:fit-content; width:100%; padding:0; display:flex; flex-flow: row-reverse nowrap; align-items:flex-end; color: var(--b2); margin-top:auto;]
  21. [border=0px; padding:0; height:fit-content; width:fit-content; padding:0; display:flex; flex-flow: column nowrap; align-items:center; flex-shrink:0;]
  22. [border=0px; height:fit-content; width:fit-content; padding:0; font-size:20px; line-height:100%; display: inline; color:var(--accent2); ][font=Uchen][i][u][comment]
  23.  
  24. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　tab button  *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  25.  
  26.  
  27. [/comment]NEVERMORE .[/u][/i][border=0px; color:transparent; display: inline; ]X[/border][/font][/border]
  28. [border=0px; height:fit-content; width:fit-content; padding:0; font-size:30px; line-height:100%; color: transparent]X[/border]
  29. [/border][border=transparent; height:auto; min-height:100%; flex-grow:1; padding:0; font-size:0;]filler! ignore[/border]
  30. [/border][/border][border=transparent; height:100%; width:100%; padding:0; overflow:hidden;][border=transparent; padding:0; margin:-110px 0 0 -30px; line-height:500px;][tabs]
  31. [tab=x][border=transparent; height: 80%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:4; display:flex; justify-content:center; align-items:center; line-height:0; color: var(--text-color);][border=0px; padding:5px; background-image: var(--bg); box-sizing: border-box; display: flex; flex-flow: row wrap; position: relative; margin: auto; width: 100%; max-width: 800px;]
  32. [border=0px; padding:0px; flex: 2; width: 100%; min-width: 250px; position: relative; width:100%; height: 100%; display: flex; flex: 2; flex-flow: column; align-items: flex-start; margin-top: 50px;][border=0px; padding: 60px; display: flex; flex: 1; flex-flow: column; box-sizing: border-box; align-items: center; color: black][border= 0px; padding:0px; display: flex; font-size: 30px; color: var(--text-color); margin-top: 30px; text-shadow: 3px 2px 1px #ebe3d3; color: var(--header) ]═══════════════[/border]
  33. [border= 0px; padding:0px; display: flex; align-items: center; font-size: 75px; color: var(--text-color); margin-top: 80px; text-shadow: 1px 2px 1px #ebe3d3; color: var(--accent);][font=Cinzel Decorative][comment]
  34.  
  35. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:  first name　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  36.  
  37.  
  38. [/comment]The Raven[/font][/border]
  39. [border= 0px; padding:0px; display: flex; align-items: center; font-size: 55px; color: var(--text-color); margin-top: 40px; text-shadow: 3px 2px 1px #4a0707; margin-top: 100px; display:inline][font=Allura][comment]
  40.  
  41. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:  surname　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  42.  
  43.  
  44. [/comment]Edgar Allen Poe[/font][/border][border= 0px; padding:0px; display: flex; font-size: 30px; color: var(--text-color); margin-top: 50px; text-shadow: 3px 2px 1px #ebe3d3; color: var(--header) ]═══════════════[/border]
  45. [border= 0px; padding:0px; display: flex; font-size: 30px; color: var(--text-color); margin-top: 80px; text-shadow: 3px 2px 1px #4a0707; color: var(--text-color) ][font=Major Mono Display][comment]
  46.  
  47. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　subtitle　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  48.  
  49.  
  50. [/comment]- 1845 -[/font][/border]
  51. [/border][/border][/border]
  52. [border=0px; padding: 0px; display: flex; flex: 2; justify-content: center; width: 100%; min-width: 250px; margin-top:70px; ][border=9px solid var(--border-icon); padding: 0px; width: 330px; height:450px; border-radius: 50%; margin-left: -140px; display: flex; align-items: center; background-image: var(--icon);  background-repeat: repeat; background-size:100%;][/border][/border][/border][/tab][border=transparent; height: 80%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:4; display:flex; justify-content:center; align-items:center; line-height:0; color: var(--text-color); ][tab=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx]
  53. [border=0px; height:100%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:5;  justify-content:center; align-items:center; line-height:0; color: var(--text-color); pointer-events: auto;][border=0px; padding:0px; color: var(--accent); font-size: 39px; margin-top: 80px; margin-left: 50px;][font=Pinyon Script][b]Once upon a midnight dreary _________________[/b][/font][/border]
  54. [border=/*text box*/0px; padding: 0px; display: flex; flex: 2; justify-content: center; width: 100%; height: 500px; margin-top:40px; ][border=0px; padding: 15px 18px 0 0; width: 100%; height: 360px; overflow-y: auto; position: relative;][border=0px; box-sizing: border-box; padding: 15px 0 10px 0; max-width: 700px; height: 360px; margin: auto; overflow: hidden; ][border= 0px; box-sizing: border-box; width: 200%; height: 100%; overflow: auto;][border=0px; box-sizing: border-box; padding: 0 10px 0px 10px; width: 50%; font-size: 15px; line-height: 19px; text-align: justify; color: var(--text-color);][comment]
  55.  
  56. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　post starts here　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  57.  
  58.  
  59. [/comment][font=Forum]while I pondered, weak and weary, Over many a quaint and curious volume of forgotten lore—  While I nodded, nearly napping, suddenly there came a tapping. As of some one gently rapping, rapping at my chamber door. “’Tis some visitor,” I muttered, “tapping at my chamber door— Only this and nothing more.”
  60.  
  61. Ah, distinctly I remember it was in the bleak December; And each separate dying ember wrought its ghost upon the floor. Eagerly I wished the morrow;—vainly I had sought to borrow From my books surcease of sorrow—sorrow for the lost Lenore— For the rare and radiant maiden whom the angels name Lenore— Nameless here for evermore.
  62.  
  63. And the silken, sad, uncertain rustling of each purple curtain Thrilled me—filled me with fantastic terrors never felt before; So that now, to still the beating of my heart, I stood repeating “’Tis some visitor entreating entrance at my chamber door—Some late visitor entreating entrance at my chamber door;— This it is and nothing more.”
  64.  
  65. Presently my soul grew stronger; hesitating then no longer, “Sir,” said I, “or Madam, truly your forgiveness I implore; But the fact is I was napping, and so gently you came rapping, And so faintly you came tapping, tapping at my chamber door, That I scarce was sure I heard you”—here I opened wide the door;— Darkness there and nothing more.
  66.  
  67. Deep into that darkness peering, long I stood there wondering, fearing, Doubting, dreaming dreams no mortal ever dared to dream before; But the silence was unbroken, and the stillness gave no token, And the only word there spoken was the whispered word, “Lenore?” This I whispered, and an echo murmured back the word, “Lenore!” Merely this and nothing more.
  68.  
  69. Back into the chamber turning, all my soul within me burning, Soon again I heard a tapping somewhat louder than before. “Surely,” said I, “surely that is something at my window lattice; Let me see, then, what thereat is, and this mystery explore— Let my heart be still a moment and this mystery explore;— ’Tis the wind and nothing more!”
  70.  
  71.  [/font][/border][/border][/border][/border]
  72. [/border][/border][/tab][border=0px; height:100%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:5;  justify-content:center; align-items:center; line-height:0; color: var(--text-color); pointer-events: auto;][border=/*text box*/0px; padding: 0px; display: flex; flex: 2; justify-content: center; width: 100%; height: 500px; margin-top:40px; ][/border][/border][/border][/tabs][border=transparent; height: 80%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:4; display:flex; justify-content:center; align-items:center; line-height:0; color: var(--text-color); ][border=0px; height:100%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:5;  justify-content:center; align-items:center; line-height:0; color: var(--text-color); pointer-events: auto;][border=transparent; height: 80%; width:100%; padding:0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:4; display:flex; justify-content:center; align-items:center; line-height:0; color: var(--text-color);][/border][/border][/border][/border][/border][/border]
  73. [border=0px; padding:0px; font-size:16px; margin-top:15px;][font=Forum][center]code: [USER=42451]@s e v e n[/USER][/center][/font][/border][font=Forum][/font][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!