API tools faq
paste
Advertisement
wilderanima

ᴛʜᴇ ɢᴏᴅs ᴇɴᴠʏ ᴜs.

wilderanima
May 19th, 2025 (edited)
575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.70 KB | Writing | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3.  @import url('https://fonts.googleapis.com/css2?family=Economica&display=swap');
  4.  
  5.  @font-face { font-family: "barber";
  6.  src: url('https://dl.dropboxusercontent.com/scl/fi/6x4jkvju9d8rmz6f3n4mo/BARBER.otf?rlkey=4hgp78bearrsgmzy8dl7jvj23&st=ev4o5s0l&dl=0');}
  7.  
  8. body {cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
  9.  background-color: #000;}
  10.  
  11. ::-webkit-scrollbar {display: none;}
  12.  
  13. .wilder {
  14.  position: fixed;
  15.  bottom: 0px;
  16.  right: 0px;}
  17.  
  18. .container {
  19.  position: absolute;
  20.  margin: auto;
  21.  top: 0px;
  22.  bottom: 0px;
  23.  left: 0px;
  24.  right: 0px;
  25.  height: 680px;
  26.  width: 550px;
  27.  background-color: #000;}
  28.  
  29. .image1 {
  30.  position: absolute;
  31.  margin: auto;
  32.  top: 0px;
  33.  right: 0px;
  34.  background: url(https://placehold.co/400x400.png); /*right*/
  35.  background-size:;
  36.  background-position: center;
  37.  height: 400px;
  38.  width: 400px;
  39.  border: 5px solid #000;}
  40.  
  41. .image2 {
  42.  position: absolute;
  43.  margin: auto;
  44.  top: 250px;
  45.  left: 0px;
  46.  background: url(https://placehold.co/265x150.png); /*left*/
  47.  background-size:;
  48.  background-position: center;
  49.  height: 150px;
  50.  width: 265px;
  51.  border: 5px solid #000;
  52.  z-index: 9999;}
  53.  
  54. .title1 {
  55.  position: absolute;
  56.  margin: auto;
  57.  top: 200px;
  58.  left: 35px;
  59.  right: 0px;
  60.  font-family: barber;
  61.  font-size: 50px;
  62.  letter-spacing: 0px;
  63.  text-transform: uppercase;
  64.  color: #999999;
  65.  filter:drop-shadow(0px 0px 1px #999999);
  66.  opacity: 1;
  67.  z-index: 9999999;}
  68.  
  69. .title2 {
  70.  position: absolute;
  71.  margin: auto;
  72.  top: 355px;
  73.  left: 290px;
  74.  right: 0px;
  75.  font-family: barber;
  76.  font-size: 50px;
  77.  letter-spacing: 0px;
  78.  text-transform: uppercase;
  79.  color: #E4E4E4;
  80.  filter:drop-shadow(0px 0px 2px #999999);
  81.  opacity: 1;
  82.  z-index: 9999999;}
  83.  
  84. .words1 {
  85.  position: absolute;
  86.  top: 415px;
  87.  left: 5px;
  88.  height: 253px;
  89.  width: 200px;
  90.  padding: 5px;
  91.  text-align: left;
  92.  font-family: economica;
  93.  font-size: 13px;
  94.  overflow: auto;
  95.  color: #000;
  96.  background-color: #999999;
  97.  border-outline: 1px solid #000;
  98.  z-index: 999;}
  99.  
  100. .put {
  101.  position: absolute;
  102.  top: 0px;
  103.  left: auto;
  104.  margin: auto;
  105.  overflow: auto;
  106.  overflow-x: hidden;
  107.  opacity: 1;
  108.  height: auto;
  109.  width: 200px;
  110.  padding: 0px;
  111.  font-size: 1px;
  112.  z-index: 999;}
  113.  
  114.  p.td {text-align: right; font-family: economica; margin-left: 0px; font-size: 13px; font-weight: bold; line-height: 15px; color: #E4E4E4;}
  115.  
  116. .words2 {
  117.  position: absolute;
  118.  top: 415px;
  119.  left: 220px;
  120.  height: 253px;
  121.  width: 315px;
  122.  padding: 5px;
  123.  text-align: left;
  124.  font-family: economica;
  125.  font-size: 13px;
  126.  font-weight: bold;
  127.  overflow: auto;
  128.  color: #E4E4E4;
  129.  background-color: #999999;
  130.  border-outline: 1px solid #000;
  131.  z-index: 999;}
  132.  
  133.  b { letter-spacing: 0px; font-family: economica; color: #000; font-weight: bold; font-size:14px; text-transform: uppercase; filter:drop-shadow(0px 0px 1px #000);}
  134.  
  135.  strong { letter-spacing: 1px; font-family: economica; color: #777; font-weight: bold; font-size:14px; text-transform:; filter:drop-shadow(0px 0px 1px #777);}
  136.  
  137.  u { letter-spacing: 1px; font-family: economica; color: #555; font-weight: bold; font-size:13px; text-transform:; filter:drop-shadow(0px 0px 1px #555);}
  138.  
  139.  s { letter-spacing: 1px; font-family: economica; color: #333; font-weight: bold; font-size:13px; text-transform:; filter:drop-shadow(0px 0px 1px #333);}
  140.  
  141.  a { font-family: economica; letter-spacing: 0px; color: #FEFEFE; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: 0.7s;
  142.  cursor: url(https://i.imgur.com/WIeMSiR.png), auto; filter:drop-shadow(0px 0px 1px #FEFEFE);}
  143.  
  144.  a:hover { font-family: economica; letter-spacing: 0px; color: #999999; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition:0.7s;
  145.  cursor: url(https://i.imgur.com/WIeMSiR.png), auto; filter:drop-shadow(0px 0px 1px #999999);}
  146.  
  147. .contacts {
  148.  position: absolute;
  149.  top: 415px;
  150.  left: 550px;
  151.  height: 264px;
  152.  width: 75px;
  153.  padding: 0px;
  154.  text-align: center;
  155.  font-family: economica;
  156.  font-size: 13px;
  157.  overflow: auto;
  158.  color: #FEFEFE;
  159.  background-color: #000;
  160.  border-outline: 1px solid #000;
  161.  z-index: 999;}
  162.  
  163. .fr1 {width: 60px; height: 60px; margin-bottom: 0px; margin-top: 5px; margin-right: 0px; margin-left: 0px; border: 0px solid #000; border-radius: 0px; z-index: 999;}
  164.  
  165. </style>
  166.  
  167. <div class="wilder">
  168. <a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER" title="code by wilder.">
  169. <img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a>
  170. </div>
  171.  
  172. <div class="container">
  173.  
  174. <div class="image1"></div>
  175. <div class="image2"></div>
  176.  
  177. <div class="title1">title</div>
  178. <div class="title2">title too</div>
  179.  
  180. <div class="words1">
  181. <div id="01" class="put">
  182.  
  183. <table border="0" cellspacing="-10">
  184.  <br>
  185. <tr>
  186. <td><b>Name</b></td>
  187. <td>
  188. <p class="td">Name</p>
  189. </td>
  190. </tr>
  191.  
  192. <tr>
  193. <td><b>Socials</b></td>
  194. <td>
  195. <p class="td"><a title="Details.">@socials</a></p>
  196. </td>
  197. </tr>
  198.  
  199. <tr>
  200. <td><b>Birthdate</b></td>
  201. <td>
  202. <p class="td">Birthday <b>/</b> Age</p>
  203. </td>
  204. </tr>
  205.  
  206. <tr>
  207. <td><b>Birth Place</b></td>
  208. <td>
  209. <p class="td">Birth Place</p>
  210. </td>
  211. </tr><br>
  212.  
  213. <tr>
  214. <td><b>Residence</b></td>
  215. <td>
  216. <p class="td">Residence</p>
  217. </td>
  218. </tr>
  219.  
  220. <tr>
  221. <td><b>Orientation</b></td>
  222. <td>
  223. <p class="td">Sexuality</p>
  224. </td>
  225. </tr>
  226.  
  227. <tr>
  228. <td><b>Marital</b></td>
  229. <td>
  230. <p class="td"><a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Details.">Marital</a></p>
  231. </td>
  232. </tr>
  233.  
  234. <tr>
  235. <td><b>Alumni</b></td>
  236. <td>
  237. <p class="td">House <b>/</b> Year</p>
  238. </td>
  239. </tr>
  240.  
  241. <tr>
  242. <td><b>Wand</b></td>
  243. <td>
  244. <p class="td">Length, Wood, Core, & Flexibility</p>
  245. </td>
  246. </tr>
  247.  
  248. <tr>
  249. <td><b>Patronus</b></td>
  250. <td>
  251. <p class="td"><a target="_blank" title="Details.">Patronus</a></p>
  252. </td>
  253. </tr>
  254.  
  255. <tr>
  256. <td><b>Boggart</b></td>
  257. <td>
  258. <p class="td">Boggart</p>
  259. </td>
  260. </tr>
  261.  
  262. <tr>
  263. <td><b>Amortentia</b></td>
  264. <td>
  265. <p class="td">Amortentia</p>
  266. </td>
  267. </tr>
  268.  
  269. <tr>
  270. <td><b>Blood</b></td>
  271. <td>
  272. <p class="td">Blood Status</p>
  273. </td>
  274. </tr>
  275.  
  276. <tr>
  277. <td><b>Ethnicity</b></td>
  278. <td>
  279. <p class="td">Ethnicity</p>
  280. </td>
  281. </tr>
  282.  
  283. <tr>
  284. <td><b>Hair</b></td>
  285. <td>
  286. <p class="td">Hair</p>
  287. </td>
  288. </tr>
  289.  
  290. <tr>
  291. <td><b>Eyes</b></td>
  292. <td>
  293. <p class="td">Eyes</p>
  294. </td>
  295. </tr>
  296.  
  297. <tr>
  298. <td><b>Height</b></td>
  299. <td>
  300. <p class="td">0'0" <b>/</b> 000cm</p>
  301. </td>
  302. </tr>
  303.  
  304. <tr>
  305. <td><b>Weight</b></td>
  306. <td>
  307. <p class="td">000lbs <b>/</b> 00kg</p>
  308. </td>
  309. </tr>
  310.  
  311. <tr>
  312. <td><b>Physique</b></td>
  313. <td>
  314. <p class="td">Physique</p>
  315. </td>
  316. </tr>
  317.  
  318. <tr>
  319. <td><b>Notable</b></td>
  320. <td>
  321. <p class="td"><a target="_blank" title="Details.">Scars</a> <b>/</b> <a target="_blank" title="Details.">Tattoos</a></p>
  322. </td>
  323. </tr>
  324.  
  325. <tr>
  326. <td><b>Scent</b></td>
  327. <td>
  328. <p class="td"><a target="_blank" title="Details.">Scent</a></p>
  329. </td>
  330. </tr>
  331.  
  332. </table>
  333. </div>
  334. </div>
  335.  
  336. <div class="words2">
  337.  
  338. <b>❝</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>
  339.  
  340. <b>❝</b> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br>
  341.  
  342. <b>❝</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>
  343.  
  344. <b>❝</b> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br>
  345.  
  346. <b>❝</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>
  347.  
  348. <b>❝</b> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
  349.  
  350. </div>
  351.  
  352. <div class="contacts">
  353.  
  354. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(50%); opacity:1" class="fr1" title="Details."></a>
  355. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(50%); opacity:1" class="fr1" title="Details."></a>
  356. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(50%); opacity:1" class="fr1" title="Details."></a>
  357. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(50%); opacity:1" class="fr1" title="Details."></a>
  358. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(50%); opacity:1" class="fr1" title="Details."></a>
  359.  
  360. </div>
  361.  
  362. </div>
  363.  
  364. <!----- 【 MUSIC PLAYER #02 by @glenthemes 】 ----->
  365. <link href="//glen-players.gitlab.io/02/setup.css" rel="stylesheet">
  366. <script src="//glen-players.gitlab.io/02/init.js"></script>
  367.  
  368. <div glenplayer02>
  369.  
  370.     <!--- player buttons --->
  371.     <button play-button aria-label="Play"></button>
  372.     <button pause-button aria-label="Pause"></button>
  373.    
  374.     <!--- song file URL --->
  375.     <!--- PLEASE READ: linktr.ee/direct_file_links --->
  376.     <audio src="MUSIC_LINK" volume="100%"></audio>
  377.    
  378. </div><!--don't delete this line-->
  379.  
  380. <style element="glenplayer02">
  381. [glenplayer02]{
  382.     /*--- options here ---*/
  383.     --MusicPlayer-Position:"bottom left";
  384.     --MusicPlayer-Corner-Offset:1rem;
  385.     z-index:999; /* increase this number if you can't see or click your music player */
  386.    
  387.     --MusicPlayer-Buttons-Style:"fill";
  388.     --MusicPlayer-Buttons-Size:1rem;
  389.     --MusicPlayer-Buttons-Color:#999;
  390.     --MusicPlayer-Buttons-Padding:6px;
  391.    
  392.     --MusicPlayer-Gap-1:10px;
  393.     --MusicPlayer-Gap-2:10px;
  394. }/* do not delete this bracket */
  395. </style><!--don't delete this line-->
  396. <!---- END MUSIC PLAYER ---->
Tags: RPC wilderanima wilder
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!