API tools faq
paste
Advertisement
wilderanima

ɪ ᴄᴀɴ & ɪ ᴡɪʟʟ. ᴡᴀᴛᴄʜ ᴍᴇ!

wilderanima
Nov 25th, 2024
27
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.46 KB | Writing | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3.  @import url('https://fonts.googleapis.com/css2?family=Economica:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  4.  
  5.  @font-face {
  6.  font-family: "grotesk";
  7.  src: url(https://dl.dropboxusercontent.com/scl/fi/umuoppqhxp2bilghvhxp0/GROTESK.ttf?rlkey=9zen17msws8uyfgak1erfo8hd&st=4a0v7wch&dl=0);}
  8.  
  9.  @font-face {
  10.  font-family: "heroeau";
  11.  src: url("https://cdn.statically.io/gh/finchscodes/fonts/main/HEROEAU%20ELEGANT%20DEMO.ttf");}
  12.  
  13. ::-webkit-scrollbar {
  14. display: none;}
  15.  
  16. body {
  17. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
  18. background-color: #000;}
  19.  
  20. .wilder {
  21. position: fixed;
  22. bottom: 0px;
  23. right: 5px;}
  24.  
  25. .container {
  26.  position: absolute;
  27.  margin: auto;
  28.  top: 0px;
  29.  bottom: 0px;
  30.  left: 0px;
  31.  right: 0px;
  32.  height: 710px;
  33.  width: 750px;
  34.  background-color: #000;}
  35.  
  36. .title {
  37.  position: absolute;
  38.  margin: auto;
  39.  top: 290px;
  40.  bottom: 0px;
  41.  left: 15px;
  42.  right: 0px;
  43.  width: 5000px;
  44.  font-family: heroeau;
  45.  font-size: 50px;
  46.  letter-spacing: 0px;
  47.  color: #EFE8E7;
  48.  filter:drop-shadow(3px 3px 3px #641C18);
  49.  opacity: 1;
  50.  z-index: 999;}
  51.  
  52. .image1 {
  53.  position: absolute;
  54.  margin: auto;
  55.  top: 5px;
  56.  left: 5px;
  57.  background: url('https://placehold.co/240x345.png'); /* left */
  58.  background-size: cover;
  59.  height: 345px;
  60.  width: 240px;
  61.  outline: 1px solid #000;
  62.  outline-offset: 2px;}
  63.  
  64. .image2 {
  65.  position: absolute;
  66.  margin: auto;
  67.  bottom: 5px;
  68.  left: 5px;
  69.  right: 0px;
  70.  background: url('https://placehold.co/240x345.png'); /* middle */
  71.  background-size: cover;
  72.  height: 345px;
  73.  width: 240px;
  74.  outline: 1px solid #000;
  75.  outline-offset: 2px;}
  76.  
  77. .image3 {
  78.  position: absolute;
  79.  margin: auto;
  80.  top: 5px;
  81.  right: 5px;
  82.  background: url('https://placehold.co/240x345.png'); /* right */
  83.  background-size: cover;
  84.  height: 345px;
  85.  width: 240px;
  86.  outline: 1px solid #000;
  87.  outline-offset: 2px;}
  88.  
  89. .words1 {
  90.  position: absolute;
  91.  z-index: 999;
  92.  top: 5px;
  93.  bottom: 0px;
  94.  left: 255px;
  95.  height: 340px;
  96.  width: 235px;
  97.  overflow: hidden;
  98.  padding: 5px;
  99.  color: #000;
  100.  line-height: 10px;
  101.  background-color: #000;
  102.  font-family: economica;
  103.  font-size: 12px;}
  104.  
  105. .words2 {
  106.  position: absolute;
  107.  margin: auto;
  108.  z-index: 999;
  109.  bottom: 5px;
  110.  left: 5px;
  111.  height: 340px;
  112.  width: 235px;
  113.  overflow: auto;
  114.  padding: 5px;
  115.  color: #e5e5e5;
  116.  line-height: 14px;
  117.  background-color: #000;
  118.  font-family: economica;
  119.  font-size: 12px;
  120.  text-align: left; }
  121.  
  122. .words3 {
  123.  position: absolute;
  124.  margin: auto;
  125.  z-index: 999;
  126.  bottom: 5px;
  127.  right: 5px;
  128.  height: 340px;
  129.  width: 230px;
  130.  overflow: auto;
  131.  padding: 5px;
  132.  color: #e5e5e5;
  133.  line-height: 12px;
  134.  background-color: #000;
  135.  font-family: economica;
  136.  font-size: 12px;
  137.  text-align: left; }
  138.  
  139.  b { letter-spacing: 0px; font-family: economica; color: #641C18; font-weight: bold; font-size: 14px; text-transform: uppercase; filter:drop-shadow(0px 0px 1px #641C18);}
  140.  
  141.  i { letter-spacing: 0px; font-family: grotesk; color: #EFE8E7; font-weight: bold; font-size: 12px; text-transform:; filter:drop-shadow(0px 0px 1px #EFE8E7);}
  142.  
  143.  u { letter-spacing: 0px; font-family: economica; color: #575a58; font-weight: bold; font-size: 12px; text-transform:; filter:drop-shadow(0px 0px 1px #575a58);}
  144.  
  145.  s { letter-spacing: 0px; font-family: economica; color: #92605D; font-weight: bold; font-size: 12px; text-transform:; filter:drop-shadow(0px 0px 1px #92605D);}
  146.  
  147.  a { font-family: grotesk; letter-spacing: 0px; color: #A27674; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: 0.7s;
  148.  cursor: url(https://i.imgur.com/WIeMSiR.png), auto; filter:drop-shadow(0px 0px 1px #A27674);}
  149.  
  150.  a:hover { font-family: grotesk; letter-spacing: 0px; color: #C6C6CA; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: 0.7s; }
  151.  
  152. .put { position: absolute; margin: auto; top: -35px; left: 5px; opacity:1; height: 375px; width: 235px; padding: 0px; text-align: center; font-size: 1px; overflow: auto; text-indent: 0px; color: #e5e5e5; font-family: Barlow Condensed; z-index: 999; overflow:auto transition: all 0.9s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
  153.  
  154. p.td {text-align: right; font-family:economica; margin-left: 0px; font-size: 12px; line-height: 13px; color: #e6ded0; }
  155.  
  156. td {text-align: left; line-height: 20px; }
  157.  
  158. .put:target{ opacity:1; z-index: 999;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; z-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;overflow:auto;}
  159.  
  160. .fr1{ width: 50px; height: 50px; margin-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 0px; border: px solid #000; border-radius: 0px; z-index: 999; }
  161.  
  162. </style>
  163.  
  164. <div class="wilder"><a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER" title="code by wilder. don't steal it."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>
  165.  
  166. <div class="container">
  167.  
  168. <div class="title"> TITLE</div>
  169.  
  170. <div class="image1"></div>
  171. <div class="image2"></div>
  172. <div class="image3"></div>
  173.  
  174. <div class="words1">
  175. <div id="01" class="put">
  176. <table border="0" cellspacing="0">
  177.  
  178. <tr>
  179. <td><b>Full Name</b></td>
  180. <td>
  181. <p class="td">FULL NAME</p>
  182. </td>
  183. </tr><br>
  184.  
  185. <tr>
  186. <td><b>Alias</b></td>
  187. <td>
  188. <p class="td">ALIASES/NICKNAMES</p>
  189. </td>
  190. </tr><br>
  191.  
  192. <tr>
  193. <td><b>Socials</b></td>
  194. <td>
  195. <p class="td"><a title="info here">@SOCIALS</a> </p>
  196. </td>
  197. </tr><br>
  198.  
  199. <tr>
  200. <td><b>Birth Date</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>Occupation</b></td>
  222. <td>
  223. <p class="td">OCCUPATION</p>
  224. </td>
  225. </tr>
  226.  
  227. <tr>
  228. <td><b>Orientation</b></td>
  229. <td>
  230. <p class="td">ORIENTATION</a></p>
  231. </td>
  232. </tr>
  233.  
  234. <tr>
  235. <td><b>M. Status</b></td>
  236. <td>
  237. <p class="td"><a target="_blank" href="https://roleplay.chat/profile.php?user=">MARITAL STATUS</a></p>
  238. </td>
  239. </tr>
  240.  
  241. <tr>
  242. <td><b>House</b></td>
  243. <td>
  244. <p class="td">HOUSE <b>/</b> YEAR</p>
  245. </td>
  246. </tr>
  247.  
  248. <tr>
  249. <td><b>Wand</b></td>
  250. <td>
  251. <p class="td"> — — LENGTH, WOOD, CORE, FLEXIBILITY — —</p>
  252. </td>
  253. </tr>
  254.  
  255. <tr>
  256. <td><b>Patronus</b></td>
  257. <td>
  258. <p class="td"><a target="_blank" title="Details.">PATRONUS</a></p>
  259. </td>
  260. </tr>
  261.  
  262. <tr>
  263. <td><b>Boggart</b></td>
  264. <td>
  265. <p class="td">BOGGART</p>
  266. </td>
  267. </tr>
  268.  
  269. <tr>
  270. <td><b>Amortentia</b></td>
  271. <td>
  272. <p class="td">AMORTENTIA</p>
  273. </td>
  274. </tr>
  275.  
  276. <tr>
  277. <td><b>B. Status</b></td>
  278. <td>
  279. <p class="td">BLOOD STATUS</p>
  280. </td>
  281. </tr>
  282.  
  283. <tr>
  284. <td><b>Nationality</b></td>
  285. <td>
  286. <p class="td">NATIONALITY (remove this if you want)</p>
  287. </td>
  288. </tr>
  289.  
  290. <tr>
  291. <td><b>Ethnicity</b></td>
  292. <td>
  293. <p class="td">ETHNICITY</p>
  294. </td>
  295. </tr>
  296.  
  297. <tr>
  298. <td><b>Hair</b></td>
  299. <td>
  300. <p class="td">HAIR COLOR</p>
  301. </td>
  302. </tr>
  303.  
  304. <tr>
  305. <td><b>Eyes</b></td>
  306. <td>
  307. <p class="td">EYE COLOR</p>
  308. </td>
  309. </tr>
  310.  
  311. <tr>
  312. <td><b>Height</b></td>
  313. <td>
  314. <p class="td">FT'IN" <b>/</b> CM</p>
  315. </td>
  316. </tr>
  317.  
  318. <tr>
  319. <td><b>Weight</b></td>
  320. <td>
  321. <p class="td">LBS <b>/</b> KG</p>
  322. </td>
  323. </tr>
  324.  
  325. <tr>
  326. <td><b>Build</b></td>
  327. <td>
  328. <p class="td">PHYSIQUE/BUILD</p>
  329. </td>
  330. </tr>
  331.  
  332. <tr>
  333. <td><b>Notable</b></td>
  334. <td>
  335. <p class="td"><a target="_blank" title="Details.">NOTABLE</a></p>
  336. </td>
  337. </tr>
  338.  
  339. <tr>
  340. <td><b>Scent</b></td>
  341. <td>
  342. <p class="td"><a target="_blank" title="Details.">SCENT</a></p>
  343. </td>
  344. </tr>
  345.  
  346. </table> </div></div>
  347.  
  348. <div class="words2">
  349. <br>
  350. <center><i>HEADCANONS</i></center> <br>
  351.  
  352. <b>✔</b> Headcanons can go here! The box scrolls. <br><br>
  353.  
  354. <b>✔</b> Headcanons can go here! The box scrolls. <br><br>
  355.  
  356. <b>✔</b> Headcanons can go here! The box scrolls. <br><br>
  357.  
  358. <b>✔</b> Headcanons can go here! The box scrolls. <br><br>
  359.  
  360. <b>✔</b> Headcanons can go here! The box scrolls. <br><br>
  361.  
  362.  
  363. </div>
  364.  
  365. <div class="words3">
  366. <br>
  367. <center><i>CONNECTIONS</i> <br><br>
  368.  
  369. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  370.  
  371. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  372.  
  373. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  374.  
  375. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  376.  
  377. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  378.  
  379. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  380.  
  381. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  382.  
  383. <a target="_blank" href="https://roleplay.chat/profile.php?user="><img src="https://placehold.co/100x100.png" style="filter:grayscale(100%) brightness(75%); opacity:1" class="fr1" title="Details."></a>
  384.  
  385. </center><br>
  386. <center><i>OUT OF CHARACTER</i></center> <br>
  387.  
  388. Edit this section to personalize it. These are Wilder's rules. You may have rules of your own, be sure to make them known. <br><br>
  389.  
  390. <b>✔</b> Code made by <a target="_blank" href="https://roleplay.chat/profile.php?user=WILDER">Wilder</a> — <i>don't steal it!</i> <br><br>
  391.  
  392. <b>✔</b> OC NAME is an alternate profile for the <a>ROOM NAME</a> room only. Not interested in other settings, so don't ask! <br><br>
  393.  
  394. <b>✔</b> <b>IC ≠ OOC.</b> Don't confuse the two. <i>RL > RP.</i> Might poof sometimes, don't take it personally. <br><br>
  395.  
  396. <b>✔</b> <b>DM Friendly!</b> Don't start with a post & don't be weird. Don't spam & don't catch feelings either. <i>Thanks!</i> <br><br>
  397.  
  398. <b>✔</b> Face Claim is <a>FACE CLAIM.</a> Don't use her! <br><br>
  399.  
  400. <b>bold</b> <i>italic</i> <u>underline</u> <s>strikethrough</s> <a>LINK</a> <br><br>
  401.  
  402. </div>
  403. </div>
  404.  
  405. <!--
  406. MUSIC PLAYER #02 by glenthemes
  407. ♬ glenthpvs.tumblr.com/player02
  408. --->
  409. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  410. <link href="//fonts.googleapis.com/css?family=Readex+Pro" rel="stylesheet">
  411. <link href="//glenthemes.github.io/-music-/glenplayer02.css" rel="stylesheet">
  412. <script src="//glenthemes.github.io/-music-/glenplayer02.js"></script>
  413. <style element="glenplayer02">
  414. :root {
  415. --MusicPlayer-Position:bottom left;
  416. --MusicPlayer-Edge-Offset:10px;
  417.  
  418. --MusicPlayer-Buttons-Size:15px;
  419. --MusicPlayer-Buttons-Color:#641C18;
  420. --MusicPlayer-Buttons-Fill:yes;
  421. }
  422.  
  423. </style>
  424.  
  425. <div glenplayer02>
  426. <div controls></div>
  427.  
  428. <i class="aa-line-icons" icon-name="music-2"></i>
  429.  
  430. <!-- HOW TO CHANGE THE MUSIC -->
  431. <!-- linktr.ee/direct_file_links -->
  432. <audio src="MUSIC_LINK" volume="100%"></audio>
  433.  
  434. </div><!--don't delete this line-->
  435. <!--end music player-->
Tags: RPC HARRY POTTER RP
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!