API tools faq
paste
vnix

asteria

vnix
Sep 25th, 2020 (edited)
310
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.85 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= /*variable box*/ 0px; padding: 0px;
  9.  
  10. --icon: url(https://i.ibb.co/TB4wbDX/download20200905222206.png);
  11. --cursor: /*remove this if you want default cursor*/ url(https://i.ibb.co/hx5Jc8X/Webp-net-resizeimage-3.png);
  12. --bg-colour: #dbcec5;
  13. --bg-texture: url(https://cdn.statically.io/img/img.favpng.com/4/9/16/high-definition-video-high-definition-television-display-resolution-texture-mapping-wallpaper-png-favpng-UtAEJpssxGreqUBCjakdeXmGZ.jpg);
  14. --theme-colour: #c9a37f;
  15. --theme-texture: url(https://indieground.net/wp-content/uploads/2018/06/indieground_abstract_textures_main_01.jpg);
  16. --text-color: #ededed;
  17. --text-box1: #d6bfb8;
  18. --text-box2: #b8a8a3;
  19. --text-box3: #9c8f8a;
  20. --stat-icon: url(https://i.ibb.co/SmTk8Vm/image-1.png);
  21. --inv-icon: url(https://i.ibb.co/4NXLqk9/image-2.png);
  22. --quest-icon: url(https://i.ibb.co/x84w4VQ/image-3.png);
  23.  
  24. cursor: var(--cursor), auto!important; ]
  25. [border= /*flex wrap*/ 0px; padding:5px; background-color: var(--bg-colour); box-sizing: border-box; display: flex; flex-flow: row wrap; position: relative; margin: auto; width: 100%; max-width: 700px;][border= /*texture*/ 0px; padding: 0px; display: flex; flex-flow: row wrap; width: 100%; background: var(--bg-texture); pointer-events: none; align-content: center; top: 0; left: 0; bottom: 0; position: absolute; opacity: 0.08; ][/border]
  26. [border= /*flex box left*/ 0px; padding: 10px 0 10px 5px; flex: 2; width: 100%; min-width: 250px; position: relative; width:100%; height: 100%; display: flex; flex: 2; flex-flow: column; align-items: flex-start; position:relative; z-index: 2][border= /*name box*/ 0px; padding: 10px 10px 2px 0; display: flex; justify-content: space-between; font-size: 25px; ][border= /*yc name*/ 0px; padding: 0px; font-size: 25px; text-transform: uppercase; color: var(--text-color); text-shadow: 2px 2px 1px #b5a5a5; ][font=Audiowide][comment]
  27.  
  28. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　y/c name  *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  29.  
  30.  
  31. [/comment]noé bordeaux[/border][border= /*level*/ 0px; padding: 13px 0 0 11px; font-size: 15px; text-transform: uppercase; color: var(--theme-colour); font-weight: 400][font=Staatliches]LV. 01[/border][/border][border=0px; padding: 0 0 0 5px ; font-size: 18px; color: var(--theme-colour); transform: lowercase; font-weight: 700;][font=Dancing Script]arcanist - fire sorcerer[/font][/border][border= /*text box container*/ 0px; box-sizing: border-box; padding: 0 0 10px 0; max-width: 350px; height: 350px; margin: auto; overflow: hidden; margin-top:10px][border= 0px; box-sizing: border-box; width: 200%; height: 100%; overflow: auto;][border=0px; box-sizing: border-box; padding: 0 20px 0 20px; width: 50%; font-size: 15px; line-height: 19px; text-align: justify; color: white; margin-left: -10px; ][border= /*header 1*/ 0px; padding: 0px; display: flex; justify-content: flex-end;][border= /*stat icon*/ 0px; padding: 0 5px 0 0; height: 30px; width:30px; display: flex; background-image: var(--stat-icon); background-repeat:no-repeat; background-size:100%;][/border][border=0px; padding: 15px 0 0 0; align-content: right;][right][font=Comfortaa][color=transparent]x[/color]character stats[/font][/right][/border][/border][border= /*first box*/ 0px; box-sizing: border-box; padding: 0 0 10px 0; height: 280px; margin: auto; overflow: hidden; margin-top:9px][border= 0px; box-sizing: border-box; width: 200%; height: 100%; overflow: auto; background-color: var(--text-box1);][border=0px; box-sizing: border-box; padding: 0px; width: 50%; font-size: 15px; line-height: 20px; text-align: justify; color: white;][comment]
  32.  
  33. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　first box　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  34.  
  35.  
  36. [/comment]
  37. [border=0px; padding: 0px; box-sizing: border-box; width: 100%; display: flex; position: relative; margin-top: 7px;][border=0px; padding: 0px; box-sizing: border-box; flex: 1;][border=0px; padding: 0px; box-sizing: border-box; display: flex; align-items: center; position: relative;][border=0px; padding: 0px; overflow: hidden; width: 50px;]STR[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]8[/border][color=transparent]xxx[/color][border=0px; padding: 0px; overflow: hidden; width: 50px;]WIS[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]12[/border][/border][/border][/border]
  38. [border=0px; padding: 0px; box-sizing: border-box; width: 100%; display: flex; position: relative; margin-top: 7px;][border=0px; padding: 0px; box-sizing: border-box; flex: 1;][border=0px; padding: 0px; box-sizing: border-box; display: flex; align-items: center; position: relative;][border=0px; padding: 0px; overflow: hidden; width: 50px;]DEX[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]9[/border][color=transparent]xxx[/color][border=0px; padding: 0px; overflow: hidden; width: 50px;]CHA[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]10[/border][/border][/border][/border]
  39. [border=0px; padding: 0px; box-sizing: border-box; width: 100%; display: flex; position: relative; margin-top: 7px;][border=0px; padding: 0px; box-sizing: border-box; flex: 1;][border=0px; padding: 0px; box-sizing: border-box; display: flex; align-items: center; position: relative;][border=0px; padding: 0px; overflow: hidden; width: 50px;]CON[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]13[/border][color=transparent]xxx[/color][border=0px; padding: 0px; overflow: hidden; width: 50px;]MAX HP[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]XXX[/border][/border][/border][/border]
  40. [border=0px; padding: 0px; box-sizing: border-box; width: 100%; display: flex; position: relative; margin-top: 7px;][border=0px; padding: 0px; box-sizing: border-box; flex: 1;][border=0px; padding: 0px; box-sizing: border-box; display: flex; align-items: center; position: relative;][border=0px; padding: 0px; overflow: hidden; width: 50px;]INT[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]16[/border][color=transparent]xxx[/color][border=0px; padding: 0px; overflow: hidden; width: 50px;]MAX MP[/border][border=2px solid var(--theme-colour); box-sizing: border-box; padding: 12px 0 0 0; height: 35px; width: 35px; display: inline-block; text-align: center; border-radius: 100%; position: relative; margin-left: 5px; line-height: 12px; margin-right: 10px;]XXX[/border][/border][/border][/border]
  41. [/border][/border][/border]
  42. [border= /*header 2*/ 0px; padding: 0px; display: flex; justify-content: flex-end;][border= /*inv icon*/ 0px; padding: 0px; height: 30px; width:30px; display: flex; background-image: var(--inv-icon); background-repeat:no-repeat; background-size:100%;][/border][border=0px; padding: 10px 0 0 0; align-content: right;][right][font=Comfortaa][color=transparent]x[/color]inventory[/font][/right][/border][/border][border= /*second box*/ 0px; box-sizing: border-box; padding: 0 0 10px 0; height: 280px; margin: auto; overflow: hidden; margin-top:9px][border= 0px; box-sizing: border-box; width: 200%; height: 100%; overflow: auto; background-color: var(--text-box2);][border=0px; box-sizing: border-box; padding: 0px; width: 50%; font-size: 15px; line-height: 25px; text-align: justify; color: white;][comment]
  43.  
  44. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　second box　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  45.  
  46.  
  47. [/comment]
  48. » slime x 10
  49. » wolf pelt x 24
  50. » scroll of ancient tombs x 1
  51. » mask of deception x 1
  52. » lamia stockings x ?[/border][/border][/border]
  53. [border= /*header 3*/ 0px; padding: 0px; display: flex; justify-content: flex-end;][border= /*quest icon*/ 0px; padding: 0px; height: 30px; width:30px; display: flex; background-image: var(--quest-icon); background-repeat:no-repeat; background-size:100%;][/border][border=0px; padding: 15px 0 0 0; align-content: right;][right][font=Comfortaa][color=transparent]x[/color]quest log[/font][/right][/border][/border][border= /*third box*/ 0px; box-sizing: border-box; padding: 0 0 10px 0; height: 280px; margin: auto; overflow: hidden; margin-top:9px][border= 0px; box-sizing: border-box; width: 200%; height: 100%; overflow: auto; background-color: var(--text-box3);][border=0px; box-sizing: border-box; padding: 0px; width: 50%; font-size: 15px; line-height: 25px; text-align: justify; color: white;][comment]
  54.  
  55. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　third box　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  56.  
  57.  
  58. [/comment]
  59. » clean room
  60. » torture katya
  61. » watch lamias from afar
  62. » have i mentioned torture katya
  63. » we have bbq-katya for dinner[/border][/border][/border][border=0px; box-sizing: border-box; padding: 0px; max-width: 500px; height: 1px; margin: auto; overflow: hidden; margin-top:10px][border= 0px; box-sizing: border-box; width: 200%; height: 100%; overflow: auto;][border=0px; box-sizing: border-box; padding: 0 20px 0 20px; width: 50%; color: transparent;][comment]
  64.  
  65. *✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:　please ignore this lol　*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:*✧･ﾟ: *✧･ﾟ:
  66.  
  67.  
  68. [/comment]comeinthroughthemagicdoorcomeandmeetdoraemonhehasallthefuturegadgetsinhis4dpockethesavesnobitaallthetimedayandnightheworksandplayshisfavouritefoodaredorayakisandhesafraidofratswhataverykindguyofredblueandwhiteahtheresaratyeahyeahyeahdoraemonandiwillheadtoaverybrightfuturecomeinthroughthemagicdoorcomeandmeetdoraemon[/border][/border][/border]
  69.  
  70. [/border][/border][/border][/border][border= /*flex box right*/ 0px; padding: 70px 0 10px 10px; flex: 2; width: 100%; min-width: 250px; position: relative; width:100%; height: 100%; display: flex; flex: 2; flex-flow: column; align-items: flex-start; position:relative; z-index: 2][border= /*icon*/ 0px; padding: 0px; width: 200px; height:200px; display: flex; align-items: center; background-image: var(--icon);  background-repeat:no-repeat; background-size:100%;][/border]
  71. [border= /*health bar*/ 0px; padding: 15px 10px 2px 0; display: flex; justify-content: space-between; font-size: 25px; ][border= /*hp*/ 0px; padding: 0 10px 0 0; margin-top: -4px; color: var(--text-color); text-shadow: 2px 2px 1px #b5a5a5; justify-content: flex-start; overflow: hide; width: 40px]HP[/border][border= /*hp meter*/ 0px; width:150px; height:5px; background-color:#bfbfbf; margin-bottom:15px; border-radius:20px;][border=0px; width:80%; margin-top:-10px; margin-left:-10px;height:5px;background-color:#a13a25;border-radius:20px 0px 0px 20px; justify-content: flex-end][/border][/border][/border]
  72. [border= /*mana bar*/ 0px; padding: 0 10px 2px 0; display: flex; justify-content: space-between; font-size: 25px; margin-top: -20px;][border= /*mp*/ 0px; padding: 0 10px 0 0; margin-top: -4px; color: var(--text-color); text-shadow: 2px 2px 1px #b5a5a5; justify-content: flex-start; overflow: hide; width:40px]MP[/border][border= /*mp meter*/ 0px; width:150px; height:5px; background-color:#bfbfbf; margin-bottom:15px; border-radius:20px; justify-contfent: flex-end][border=0px; width:90%; margin-top:-10px; margin-left:-10px;height:5px;background-color:#3193c4;border-radius:20px 0px 0px 20px;][/border][/border][/border]
  73. [border= /*exp bar*/ 0px; padding: 0 10px 2px 0; display: flex; justify-content: space-between; font-size: 25px; margin-top: -20px;][border= /*exp*/ 0px; padding: 0 10px 0 0; margin-top: -4px; color: var(--text-color); text-shadow: 2px 2px 1px #b5a5a5; justify-content: flex-start; overflow: hide; width: 40px]EXP[/border][border= /*exp meter*/ 0px; width:150px; height:5px; background-color:#bfbfbf; margin-bottom:15px; border-radius:20px; justify-content: flex-end][border=0px; width:30%; margin-top:-10px; margin-left:-10px; height:5px;background-color:#faf282;border-radius:20px 0px 0px 20px;][/border][/border][/border][/border][border=0px; padding: 0px;  width: 100%; background: var(--theme-colour); top: 0; left: 0; bottom: 0; clip-path: polygon(100% 0, 35% 0, 100% 23%); position: absolute; align-content: center; width:100%; z-index: 1][border=transparent; display: flex; flex-flow: row wrap; padding: 0px; width: 100%; background: var(--theme-texture); align-content: center; background-repeat:no-repeat; top: 0; left: 0; bottom: 0; position: absolute; opacity: 0.03; ][/border][/border][/border][border=0px; padding:0px; font-size: 15px;][font=Poiret One][center]code: @s e v e n[/center][/font][/border]
  74.  
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!