API tools faq
paste
Advertisement
Sansaisbae

oathbreaker commission 2

Sansaisbae
Jun 19th, 2021
29
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.50 KB | None | 0 0
raw download clone embed print report
  1. @import url('https://fonts.googleapis.com/css2?family=Changa:wght@200&family=Playfair+Display:ital@1&family=Roboto&display=swap');
  2.  
  3.  
  4. body { background: linear-gradient(45deg, #eacda3, #d6ae7b);}
  5.  
  6. .text { position: absolute; top: 0vh; left: 0vw; height: 100vh; width: 100vw; background-image: url(http://www.transparenttextures.com/patterns/nistri.png); opacity: 1;}
  7.  
  8. .pic { position: absolute; bottom: 0vh; right: 3vw; height: 90vh; width: 30vw; background: url('https://i.ibb.co/jV2DqDn/rs3-FPv-E-removebg-preview-waifu2x-art-scale-tta-1.png') no-repeat; background-size: cover; filter: drop-shadow(-.8vh 0vh 0vh #fff8); pointer-events: none; z-index: 1;}
  9.  
  10. .container { position: absolute; bottom: 2vh; right: 14vw; height: 44vh; width: 35vw; background: #d6ae7b; border-radius: 10px; border: 10px solid #eacda3; filter: drop-shadow(-.8vh .8vh 0vh #fff);}
  11.  
  12. .inner1 { position: absolute; left: .5vw; top: 1vh; height: 40vh; width: 10vw; padding: 1vh; background: #eacda3;}
  13.  
  14. .inner2 { position: absolute; bottom: 1vh; left: .5vw; height: 10vh; width: 17vw; color: #fff; font-family: 'Roboto', sans-serif; font-size: 1.5vh; line-height: 2vh; overflow: auto; text-transform: uppercase; text-align: justify;}
  15.  
  16. .statsb { position: absolute; top: 3.5vh; left: .5vw; width: 10vw; height: 38vh; color: #fff; font-family: 'Roboto', sans-serif; font-size: 1.5vh; line-height: 2vh; overflow: auto; text-transform: uppercase;}
  17.  
  18. .stats { position: absolute; bottom: 40vh; right: 40vw; font-family: 'Playfair Display', serif; color: #fff; font-size: 5vw; filter: drop-shadow(.8vh 0vh 0vh #8b4513); text-transform: ;}
  19.  
  20. .ooct { position: absolute; bottom: 40vh; right: 30vw; font-family: 'Playfair Display', serif; color: #fff; font-size: 5vw; filter: drop-shadow(.8vh 0vh 0vh #8b4513); text-transform: ;}
  21.  
  22. .ooc { position: absolute; top: 1vh; right: 5vw; height: 15vh; width: 18vw; background: #eacda3;}
  23.  
  24. .tabb { z-index: 100; position: absolute; bottom: 20vh; right: 0vw; height: 5vh; width: 17vw; }
  25.  
  26.  
  27. .one { position: absolute; bottom: 3vh; left: 0vw; height: 3vh; width: 1.5vw; background: #cd853f; transition: all .7s ease-in-out; transform: rotate(50deg); }
  28.  
  29.  
  30. .two { position: absolute; bottom: 3vh; left: 3vw; height: 3vh; width: 1.5vw; background: #cd853f; transition: all .7s ease-in-out; transform: rotate(50deg);}
  31.  
  32. .three { position: absolute; bottom: 3vh; left: 6vw; height: 3vh; width: 1.5vw; background: #cd853f; transition: all .7s ease-in-out; transform: rotate(50deg);}
  33.  
  34.  
  35. .info { z-index: 1; position: absolute; bottom: 1vh; right: 4vw; height: 18vh; width: 18vw; background: #eacda3; padding: 1vh; overflow: auto; opacity: 0; font-family: 'Roboto', sans-serif;
  36. color: #fff; text-transform: uppercase; font-size: 1.5vh; line-height: 2vh; text-align: justify; }
  37.  
  38. .info:target { z-index: 100; opacity: 1; transition: all .7s ease-in-out; }
  39.  
  40. U { text-decoration:none; text-transform: ; font-family: 'changa', sans-serif; color: #a0522d; text-shadow: 0px 0px 5px #a0522d; }
  41.  
  42. ::-webkit-scrollbar { display: none;}
  43.  
  44. ::selection { background: transparent; color: transparent; text-shadow: 0px 0px 10px #cd853f;}
  45.  
  46. i { color: #f4a460;}
  47.  
  48. b { font-weight: 400; color: #aa381e;}
  49.  
  50. a { text-decoration: none; color: #8a3324; transition: all .55s ease-in-out;} a:hover { text-shadow: 0px 0px 3px #8a3324;}
  51.  
  52.  
  53. </style>
  54. <div class="text"></div>
  55. <div class="pic"></div>
  56. <div class="container"><div class="inner1"><div class="statsb"><div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  57. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  58. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  59. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  60. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  61. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  62. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  63. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  64. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  65. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  66. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div>
  67. <div style="border-bottom: 1px solid; padding: 4px;"><u>stat</u><font style="float:right;">answer</font></div></div></div>
  68. <div class="ooc"><div class="inner2">- code made for <i>alt name</i> by <a target="_blank" href="">scoob,</a> for their use only. if you're interested in one of your own, send them mail.
  69. <br>- <i>italic</i> <b>bold</b> <u>underline</u> <a title="words here.">hover</a> <a target="_blank" href="">link</a></div></div>
  70. <div class="tabb"><a class='one' href='#one'></a>
  71. <a class='two' href='#two'></a>
  72. <a class='three' href='#three'></a>
  73. <a class='four' href='#four'></a></div>
  74. <div class="info" id="one">
  75. Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!
  76.  
  77.  
  78. </div>
  79.  
  80. <div class="info" id="two">
  81. Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!
  82.  
  83. </div>
  84.  
  85. <div class="info" id="three">
  86. Satoshi Nakamoto launched lots of decentralisation when Litecoin required many decentralised application, for Augur limited some public key behind lots of multi signature. Blockchain thought some robust smart contract in a algorithm! Since OmiseGo bought few double spend, Augur could be many algo-traded vaporware, but Decred data mining few trusted hard fork!
  87.  
  88. </div>
  89. </div>
  90. <div class="ooct">ooc</div>
  91. <div class="stats">stats</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!