Information


Reference has a minion!

CTRL+F the HLPR Bot




Reference
Legacy Name: Reference


The Galactic Illumis
Owner: Kalkatak

Age: 5 years, 1 month, 1 week

Born: February 7th, 2019

Adopted: 2 years, 7 months, 2 weeks ago

Adopted: August 2nd, 2021

Statistics


  • Level: 11
     
  • Strength: 26
     
  • Defense: 25
     
  • Speed: 11
     
  • Health: 25
     
  • HP: 25/25
     
  • Intelligence: 61
     
  • Books Read: 61
  • Food Eaten: 70
  • Job: Professional Shusher


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.


Profile, coding, etc. by Kalkatak
Thank you to mallory for letting me adopt her <3

CSS Basics

A small reference guide on the basics of CSS will go here, how exciting!

NOTES

CSS ordering (specific > general, last > first, !important > everything [bad practice, we try not to use it]), IDs and Classes (how to select), backgrounds (image and colour), fonts (face, size, colour), display (block and inline-block are the usual ones), positioning (absolute, relative, fixed), sizing and overflow, headers (by default H1 is used for petname, H2 for section headers), links and text styling (bold, italic, etc)

Also add a section on the Inspector (and equiv. for other browsers)


(Obligitory 'make this scroll' Lorem ipsum follows :P)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

User Profiles

A reference to all of the IDs and Classes of elements contained on the default User Profile will go here. Spiffy!
(Did you know there are TABLES on that thing?? Urrg....)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Pet Profiles

A reference to all of the IDs and Classes of elements contained on the default Pet Profile will go here. Amazing!
(Except the dozens in the base Subeta layout of course - nobody displays the base layout xD)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper, mi id pharetra varius, velit diam condimentum magna, eu pellentesque turpis orci at lacus. Vestibulum rutrum porttitor sapien at suscipit. Nam ac maximus dolor. Quisque egestas leo eu neque scelerisque, sit amet lacinia sapien feugiat. Duis suscipit libero eros, in sollicitudin velit volutpat ac. Pellentesque sollicitudin quam libero, vel sagittis nisi faucibus vel. In hac habitasse platea dictumst. Donec vel elementum ante, vitae molestie ante. In ullamcorper, est volutpat molestie faucibus, lacus purus laoreet risus, in fringilla odio massa vel augue. Vivamus vitae finibus velit, vel consequat metus.

Aenean cursus tortor quis elit congue hendrerit. Vivamus bibendum finibus molestie. Proin tincidunt tortor nulla. Maecenas ornare eros ullamcorper varius accumsan. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec pellentesque non nibh eget tempus. Etiam quis odio massa. Etiam scelerisque, nunc vitae vehicula suscipit, dui augue egestas quam, eu imperdiet sem ligula non eros. Aenean nec magna semper nisl imperdiet malesuada. Nullam sodales ultricies ipsum a imperdiet. Etiam in molestie turpis.

Pet Treasure


Pet Friends


Architect
So many sections on those User Profiles that you love so much, no wonder you need my help!

Exemplar
You've spent so much time with the Pet Profile code I'm surprised you haven't memorised it yet!

Flexible
You just have to use the fancy transitions and animations don't you...