Advertisement
Sansaisbae

Untitled

Jan 3rd, 2021
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.47 KB | None | 0 0
  1. @import url('https://fonts.googleapis.com/css2?family=Changa:wght@300;400;500;600;700&family=Inter:wght@500;600;800&family=Vollkorn:ital,wght@0,400;0,700;1,400&display=swap');
  2.  
  3.  
  4.  
  5. body { background: #000; cursor: url('https://64.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), default;}
  6.  
  7. .texture {
  8. position: absolute; top: 0%; left: 0%; height: 100%; width: 100%; background-image: url("https://www.transparenttextures.com/patterns/asfalt-light.png"); opacity: .3; }
  9.  
  10. .IMG { overflow: hidden; position: absolute; bottom: 3vh; left: 1vw; height: 38vh; width: 29vw;
  11. opacity:1; background-color: transparent; background-image: url('https://cdn.discordapp.com/attachments/478793307166736384/795192399835955230/Crimson-ramos.jpg'); background-size: cover; background-position: ; background-repeat: no-repeat; border: solid 1px #fff5; filter: drop-shadow(.8vh .8vh 0vh #fff8) grayscale(100%);}
  12.  
  13.  
  14.  
  15. .box {
  16. position: absolute;
  17. bottom: 1vh;
  18. left: 1vh;
  19. height: ;
  20. width: 40vw;
  21. }
  22.  
  23. U { text-decoration:none; text-transform:uppercase; font-family:changa; color:#fff; border-radius:0vh 0vh 1vh 0vh; padding-right:.2vw; padding-top:0vh; padding-bottom:0vh; padding-left: .2vw; font-size:1vh; line-height:2.3vh; letter-spacing:.1vh; background-color:#A75142; border: solid 1px #fff3; transition: all .7s ease-in-out;}
  24.  
  25. u:hover { background: #fff; border: solid 1px #000; color: #000;}
  26.  
  27.  
  28. a, a:link, a:visited {
  29. font-family:changa;
  30. border:0px solid #000;
  31. color:#FFF;
  32. line-height:20px;
  33. text-transform:uppercase;
  34. text-decoration:none;
  35. letter-spacing:1px;
  36. transition: all .7s ease-in-out;}
  37.  
  38. a:hover{
  39. color:#000;
  40. cursor: url('https://64.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), default;
  41. }
  42.  
  43. a.tooltip:hover {text-decoration:none;}
  44. a.tooltip span {
  45. display:none;
  46. padding:5px;
  47. z-index:10;
  48. width: 10vw;
  49. left:10vw;
  50. bottom: 5vh;
  51. position:absolute;
  52. transition:all .7s ease-in-out;
  53. }
  54.  
  55. a.tooltip:hover span {
  56. display:inline;
  57. color:#fff;
  58. font-size:.8vh;
  59. text-align:left;
  60. letter-spacing:1px;
  61. line-height:10px;
  62. background-color:#A75142;
  63. z-index:100;
  64. font-family: changa;
  65. transition:all .7ss ease-in-out;
  66. outline: solid 1px #fff;
  67. }
  68.  
  69. .credit { position: absolute; bottom: 16vh; left: 48vw; font-family: changa; font-size:1vh;}
  70. </style>
  71. <div class="texture"></div>
  72. <div class="IMG"> <div class="box"><u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u> <u>stat</u></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement