MY RP Resources
Home
PAGE TITLE
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 1fr;grid-template-areas:'one one' 'two two'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px;"></div> <div style="grid-area:two;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 1fr;grid-template-areas:'one two' 'three three'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 0px 0px 10px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 10px 10px 0px;"></div> <div style="grid-area:three;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 1fr;grid-template-areas:'one one' 'two two' 'three three'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 10px 0px 0px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 0px 10px 10px;"></div> <div style="grid-area:three;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 150px 1fr;grid-template-areas:'one one' 'two three' 'four four'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 10px 0px 0px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 0px 0px 10px;"></div> <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;border-radius:0px 0px 10px 0px;"></div> <div style="grid-area:four;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:200px 1fr;grid-template-areas:'one two three' 'four four four'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 0px 0px 10px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 0px 0px 0px;"></div> <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;border-radius:0px 10px 10px 0px;"></div> <div style="grid-area:four;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:250px 150px 1fr;grid-template-areas:'one one one' 'two three four' 'five five five'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 10px 0px 0px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 0px 0px 10px;"></div> <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;border-radius:0px 0px 0px 0px;"></div> <div style="background:#eee url(IMG4)center;background-size:cover;grid-area:four;border-radius:0px 0px 10px 0px;"></div> <div style="grid-area:five;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 1fr;grid-template-areas:'one two' 'three four' 'five five'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 0px 0px 0px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 10px 0px 0px;"></div> <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;border-radius:0px 0px 0px 10px;"></div> <div style="background:#eee url(IMG4)center;background-size:cover;grid-area:four;border-radius:0px 0px 10px 0px;"></div> <div style="grid-area:five;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:200px 200px 1fr;grid-template-areas:'one one one two two two' 'three three four four five five' 'six six six six six six'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 0px 0px 0px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 10px 0px 0px;"></div> <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;border-radius:0px 0px 0px 10px;"></div> <div style="background:#eee url(IMG4)center;background-size:cover;grid-area:four;border-radius:0px 0px 0px 0px;"></div> <div style="background:#eee url(IMG5)center;background-size:cover;grid-area:five;border-radius:0px 0px 10px 0px;"></div> <div style="grid-area:six;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
<lj-raw> <div style="max-width:600px;margin:0 auto;"> <div style="padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:200px 200px 1fr;grid-template-areas:'one two three' 'four five six' 'seven seven seven'; grid-gap:10px;"> <div style="background:#eee url(IMG1)center;background-size:cover;grid-area:one;border-radius:10px 0px 0px 0px;"></div> <div style="background:#eee url(IMG2)center;background-size:cover;grid-area:two;border-radius:0px 0px 0px 0px;"></div> <div style="background:#eee url(IMG3)center;background-size:cover;grid-area:three;border-radius:0px 10px 0px 0px;"></div> <div style="background:#eee url(IMG4)center;background-size:cover;grid-area:four;border-radius:0px 0px 0px 10px;"></div> <div style="background:#eee url(IMG5)center;background-size:cover;grid-area:five;border-radius:0px 0px 0px 0px;"></div> <div style="background:#eee url(IMG6)center;background-size:cover;grid-area:six;border-radius:0px 0px 10px 0px;"></div> <div style="grid-area:seven;"><details><summary style="padding:10px 10px 10px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:18px;text-transform:uppercase;">There's a note!</summary><div style="padding:10px;border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top:10px;">This is where the card content goes!</div></details></div></div></div> </lj-raw>
HTML GOES HERE
Menu
Home
Layouts
Neocities Codes
Articles
Bios
Holidays
Mod and Comm
Moodboards
Narratives
Notecards
Other
Photos
Playlists
Social Media
texts
Watch Lists
In-Entry Codes
Comments
Cut Tags
Update Templates
Userinfos
OOC posts
Lyrics
Bios
Itineraries
Playlists
Plotting
Moodboards
Scene Threads
Social Media
Toggle
Toggle