pharaoh leap, selkie, and 8 more like this
idindin
Senior Member
[nospaces] [newclass=.poke-container]height: 510px; padding: 20px 0px;[/newclass] [newclass=.top-round-border]margin: auto; height: 200px; width: 400px; border-radius: 200px 200px 0 0; background: #FFC0CB; border: 1px solid silver; border-bottom: 0px;[/newclass] [newclass=.poke-divider]width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #525252;[/newclass] [newclass=.center-round]width: 100px; height: 100px; background-color: #525252; border-radius: 100%; display: flex; justify-content: center; align-items: center;[/newclass] [newclass=.center-round .center-round]margin: auto; width: 75px; height: 75px; border: 1px solid silver; background-color: white;[/newclass] [newclass=.center-round .center-round .center-round]margin: auto; width: 50px; height: 50px; border: 1px solid silver; background-color: white;[/newclass] [newclass=.poke-post b]color: #FFC0CB;[/newclass] [newclass=.poke-poke:hover]cursor: pointer[/newclass] [newclass=.bottom-round-border]margin: auto; height: 200px; width: 400px; border-radius: 0 0 200px 200px ; background-color: white; border: 1px solid silver; border-top: 0px;[/newclass] [newclass=.poke-post-section]margin: auto; margin-top: 20px; width: 350px; text-align: justify; height: 250px; border-radius: 10px; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: 3px solid #FFC0CB;[/newclass] [newclass=.poke-post]margin: 20px 10px; padding: 0px 10px; font-family: Verdana, sans-serif; color: gray; font-size: 12px; overflow: auto; max-height: 300px; height: calc(100% - 40px);[/newclass] [newclass=.amethy]text-align: center; z-index: -1; position: relative;[/newclass] [newclass=.amethy a]text-decoration: none; color: silver; font-size: 10px; letter-spacing: 1px;[/newclass] [newclass=.poke-post::-webkit-scrollbar]width: 5px;[/newclass] [newclass=.poke-post::-webkit-scrollbar-track]background: #f1f1f1; [/newclass] [newclass=.poke-post::-webkit-scrollbar-thumb]background: #FFC0CB; [/newclass] [attr="class","poke-container"]
[attr="class","top-round-border"] [attr="class","bottom-round-border"] [attr="class","poke-divider"] [attr="class","center-round"] [attr="class","center-round"] [attr="class","center-round poke-poke"] [attr="class","poke-post-section"] [attr="class","poke-post"] my first legit postie?? i didn't know what i wanted to code except for the fact that i wanted something slidey so here it is! but, ah, while it works for jcink, my proboards coding didn't go very well so... oops, here's the real deal via links: this is the standard one which is the one you're seeing right now(except with an actual toggle...), and this is the one I stylized a bit since it looked nice when I replaced the background with a rando pic.[break][break] i'm probably not even going to use this because i don't rp pokemon but here we are ;; it's good practice material ig?[break][break] sample texts to get the scrollbar flowing! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a congue ante. Vivamus dolor odio, tempus sed arcu non, sollicitudin ullamcorper tortor. Duis porttitor massa a leo consequat tristique. Aliquam libero diam, mattis id vulputate a, tincidunt quis sem. Nunc urna quam, sagittis vel posuere eget, maximus vel erat. [break][break] Etiam non semper nisi. Pellentesque non ornare lectus. Nulla erat erat, ullamcorper sit amet molestie ut, congue ut nulla. Praesent vitae ligula nisi. Morbi sollicitudin ex eget cursus imperdiet. Aenean vehicula ullamcorper porttitor. Blah blah! |
