[nospaces]
[newclass=".smpl"] background:#F2CCC3; width:230px; margin:0 auto; padding:40px; border:rgba(55,55,55,0.1) solid 8px;[/newclass]
[newclass=".smpl-txt"] text-align:center; color:#fff; font:bold 7px/100% verdana; letter-spacing:5px; text-transform:uppercase;[/newclass]
[newclass=".smpl-txt h1"] font:italic bold 55px times new romn; color:#333; margin:0; letter-spacing:0;[/newclass]
[newclass=".smpl-post"] margin:40px 20px 20px; text-align:justify; color:#333; font:10px/150% verdana;[/newclass]
[newclass=".smpl-post b"] font:italic bold 14px times new roman;[/newclass]
[newclass=".smpl-post i"] color:#fff;[/newclass]
[newclass=".smpl img"] display:block; width:100px; height:100px; margin:0 auto 30px; border-radius:100%; border:rgba(255,255,255,0.4) dotted; border-width: 0 8px 0 8px;[/newclass]
[newclass=".voncreds"] color:rgba(5,5,5,0.5); width:130px; margin:20px auto 0; text-align:center; background:#fff; padding:5px;[/newclass]
[newclass=".voncreds h1"]margin:0; font:900 7px Roboto; border:#efefef solid 1px; padding:5px; letter-spacing:1px;[/newclass]
[newclass=".voncreds a"]color:rgba(5,5,5,0.5); text-decoration:none;[/newclass]

omg no 

cant relate im actually loyal to ionicons & fontawesome.jk, but i love saturnicons too

omg damn i was hopign there's a way for me to revert back to old spotify aesthetics but also ty for this now i discovered something new lmao (also something to look at : o )

omg where and what version of spotify is this?? it's rly pretty. The one i got rn is a dark theme that's like, not-so-spotify.

i miss their savvy gradient themes.

[nospaces]

[newclass=".fl, .wyngMenu span i"]display:flex; display:inline-flex; display;-ms-flexbox; display:-ms-flex; display:-moz-flex; display:-webkit-flex; display:-o-flex;[/newclass]
[newclass=".acet, .wyngMenu span i"]align-items:center; -moz-align-items:center; -o-align-items:center; -ms-align-items:center;[/newclass]
[newclass=".jcet, .wyngMenu span i"]justify-content:center; -moz-justify-content:center; -o-justify-content:center; -ms-justify-content:center;[/newclass]
[newclass=".wyn"]border-radius:10px; overflow:hidden; width:250px; height:400px; margin:0 auto; position:relative;[/newclass]
[newclass=".wynDrk"]background:rgba(20,20,20,0.6); width:250px; height:400px; position:absolute; top:0; left:0;[/newclass]
[newclass=".wyng"]transition:900ms; position:absolute; height:400px; bottom:-290px; background:linear-gradient(to top, #a7d2e2, #a4eeb2, transparent); width:210px; padding:20px;[/newclass]
[newclass=".wyngTitle"]font:900 25px Muli; color:#fff; text-align:center; transition:500ms;[/newclass]
[newclass=".wyngTitle span"]display:block; font:800 13px muli; color:#b8d7e2;[/newclass]
[newclass=".wyngMenu"]margin:0 auto; width:100px; text-align:center; font-size:10px; color:#333; transition:500ms;[/newclass]
[newclass=".wyngPlay"]width:170px; background:rgba(255,255,255,0.3); padding:1px; border-radius:15px; margin:10px auto; transition:500ms;[/newclass]
[newclass=".wyngMenu span"]background:rgba(255,255,255,0.5); display:inline-block; border-radius:100%; margin:0 10px;[/newclass]
[newclass=".wyngMenu span i"]width:27px; height:30px; padding:0 0 0 3px; border-radius:100%; color:#62a6bf;[/newclass]
[newclass=".wyngPtitle"]opacity:0; transition:500ms; font:900 55px/110% muli; color:#fff; text-align:center; margin:-20px 0 0; letter-spacing:-2px;[/newclass]
[newclass=".wyngPtitle span"]display:block; font:700 15px muli; letter-spacing:0;[/newclass]
[newclass=".wyngList"]opacity:0; transition:500ms; margin:50px 0 0; height:167px; overflow:auto;[/newclass]
[newclass=".wyngList::-webkit-scrollbar"]border:none;background:none; width:0;[/newclass]
[newclass=".wyngList div"]margin:0 0 10px; background:rgba(255,255,255,0.5); padding:10px; border-radius:5px; font:900 8px muli; color:#62a6bf;[/newclass]
[newclass=".wyngList div a"]margin:0; font:700 15px muli; color:#333; display:block; text-decoration:none;[/newclass]
[newclass=".wyngList div i"]float:right;[/newclass]
[newclass=".wyn:hover .wyng"]bottom:-20px;[/newclass]
[newclass=".wyn:hover .wyng .wyngPtitle"]opacity:1; transition-delay:300ms;[/newclass]
[newclass=".wyn:hover .wyng .wyngList"]opacity:1; transition-delay:300ms;[/newclass]
[newclass=".wyn:hover .wyng .wyngTitle"]opacity:0;[/newclass]
[newclass=".wyn:hover .wyng .wyngMenu"]opacity:0;[/newclass]
[newclass=".wyn:hover .wyng .wyngPlay"]opacity:0;[/newclass]





[googlefont=Muli:300,400,500,600,700,800,900]


[newclass=".voncreds"] color:rgba(5,5,5,0.5); width:130px; margin:20px auto 0; text-align:center; background:#fff; padding:5px;[/newclass]
[newclass=".voncreds h1"]margin:0; font:900 7px Roboto; border:#efefef solid 1px; padding:5px; letter-spacing:1px;[/newclass]

[newclass=".voncreds a"] font:900 7px Roboto; text-decoration:none;[/newclass]

[div][attr="class","voncreds"][h1]VON OF [a href="http://pixel-perfect.boards.net/user/12"]PP[/a]

& [a href="http://voncodes.tumblr.com/"]TUMBLR[/a][/h1][/div]


[newclass=.vonan]position:relative; overflow:hidden; background:linear-gradient(to bottom,#8ee4dc,#bcecda); width:400px; margin:0 auto; border-radius:3px; [/newclass]
[newclass=.vonan-tit]margin:20px 0; padding:20px 50px; background:#f5f5f5; font:200 25px/90% poppins; position:relative; z-index:1; [/newclass]
[newclass=.vonan-tit b]color:#39ca8e; [/newclass]
[newclass=.von-sb]position:absolute; height:100%; top:0; left:10px; width:120px; padding:112px 20px 0; [/newclass]
[newclass=.von-inf]background:rgba(255,255,255,0.3); border-radius:5px; padding:10px; margin:0 0 10px; [/newclass]
[newclass=.von-inf h6]overflow:auto; text-align:justify; width:100px; height:40px; font:9px roboto; color:#555; margin:0; [/newclass]
[newclass=.von-sb a]transition:500ms; text-decoration:none; color:#333; display:inline-block; font:bold 8px poppins; text-transform;uppercase; background:rgba(5,5,5,0.1); color:#fff; border-radius:5px; padding:3px 9px; margin:0 2px 5px 0; [/newclass]
[newclass=.von-sb a:hover]background:rgba(255,255,255,0.5); color:#333; [/newclass]
[newclass=.von-cont]margin: 30px 30px 30px 180px; border-radius:5px; background:#fefefe; padding:20px; font:9px/150% poppins; text-align:justify; [/newclass]
[newclass=.von-cont2]height:130px; overflow:auto; padding:0 5px 0 0; [/newclass]
[newclass=.von-cont2 b]color:#39ca8e; [/newclass]

[div][attr="class","vonan"]
 [div][attr="class","vonan-tit"]getting [b]over[/b] you[/div]
 [div][attr="class","von-cont"]
   [div][attr="class","von-cont2"]
      [b]LINK THE THREAD ON WHERE YOU'RE USING IT.[/b] im an absolute nct trash so forgive me if im naming all my templates based on them LMAO. anyways,this has been one of my first templates after months of coding hiatus. I suddenly had an inspo on this after I jsut had an exhausting calculus class (pray for me). Please link wherever you are using it,if ever.
   [/div]
 [/div]
 [div][attr="class","von-sb"]
   [div][attr="class","von-tg"]
     [div][attr="class","von-inf"]
     [h6]
       find background-image and replace the links there.
     [/h6]
     [/div]
     [a href='#"]plotter[/a]
     [a href='#"]hashtags[/a]
     [a href='#"]hashtag[/a]
     [a href='#"]hashtags[/a]
     [a href='#"]hashtags[/a]
   [/div]
 [/div]
[/div]

[googlefont=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i]
[googlefont=Roboto]
[break][break]
[nospaces]

[newclass=".fl, .wyngMenu span i"]display:flex; display:inline-flex; display;-ms-flexbox; display:-ms-flex; display:-moz-flex; display:-webkit-flex; display:-o-flex;[/newclass]
[newclass=".acet, .wyngMenu span i"]align-items:center; -moz-align-items:center; -o-align-items:center; -ms-align-items:center;[/newclass]
[newclass=".jcet, .wyngMenu span i"]justify-content:center; -moz-justify-content:center; -o-justify-content:center; -ms-justify-content:center;[/newclass]
[newclass=".wyn"]border-radius:10px; overflow:hidden; width:250px; height:400px; margin:0 auto; position:relative;[/newclass]
[newclass=".wynDrk"]background:rgba(20,20,20,0.6); width:250px; height:400px; position:absolute; top:0; left:0;[/newclass]
[newclass=".wyng"]transition:900ms; position:absolute; height:400px; bottom:-290px; background:linear-gradient(to top, #a7d2e2, #a4eeb2, transparent); width:210px; padding:20px;[/newclass]
[newclass=".wyngTitle"]font:900 25px Muli; color:#fff; text-align:center; transition:500ms;[/newclass]
[newclass=".wyngTitle span"]display:block; font:800 13px muli; color:#b8d7e2;[/newclass]
[newclass=".wyngMenu"]margin:0 auto; width:100px; text-align:center; font-size:10px; color:#333; transition:500ms;[/newclass]
[newclass=".wyngPlay"]width:170px; background:rgba(255,255,255,0.3); padding:1px; border-radius:15px; margin:10px auto; transition:500ms;[/newclass]
[newclass=".wyngMenu span"]background:rgba(255,255,255,0.5); display:inline-block; border-radius:100%; margin:0 10px;[/newclass]
[newclass=".wyngMenu span i"]width:27px; height:30px; padding:0 0 0 3px; border-radius:100%; color:#62a6bf;[/newclass]
[newclass=".wyngPtitle"]opacity:0; transition:500ms; font:900 55px/110% muli; color:#fff; text-align:center; margin:-20px 0 0; letter-spacing:-2px;[/newclass]
[newclass=".wyngPtitle span"]display:block; font:700 15px muli; letter-spacing:0;[/newclass]
[newclass=".wyngList"]opacity:0; transition:500ms; margin:50px 0 0; height:167px; overflow:auto;[/newclass]
[newclass=".wyngList::-webkit-scrollbar"]border:none;background:none; width:0;[/newclass]
[newclass=".wyngList div"]margin:0 0 10px; background:rgba(255,255,255,0.5); padding:10px; border-radius:5px; font:900 8px muli; color:#62a6bf;[/newclass]
[newclass=".wyngList div a"]margin:0; font:700 15px muli; color:#333; display:block; text-decoration:none;[/newclass]
[newclass=".wyngList div i"]float:right;[/newclass]
[newclass=".wyn:hover .wyng"]bottom:-20px;[/newclass]
[newclass=".wyn:hover .wyng .wyngPtitle"]opacity:1; transition-delay:300ms;[/newclass]
[newclass=".wyn:hover .wyng .wyngList"]opacity:1; transition-delay:300ms;[/newclass]
[newclass=".wyn:hover .wyng .wyngTitle"]opacity:0;[/newclass]
[newclass=".wyn:hover .wyng .wyngMenu"]opacity:0;[/newclass]
[newclass=".wyn:hover .wyng .wyngPlay"]opacity:0;[/newclass]





[googlefont=Muli:300,400,500,600,700,800,900]

omg im so p roud yes please give the recognition that flexbox deserves. literally only valka, harja, and I are the only skinners ive seen that uses flexbox on skins (and ive been on rl community, too). Ive been using flexbox for over a year now and it's the absolute blessing of my life.

i decided 2 make minnie experiment flexbox but she hated change so much i ended up making her not code at all OTZ

but srsly flexbox is UwU but most coders by now have their coding styles already setup so it's far easier for newer coders to learn it instead.

pearl i missed u but also *gives u more laziness by being around here*

omg where? i didnt know >:c mad @ myself

but also more on the topic, designs for me came right from the top of my head and feels like some angel went down from heavens above to give me idea during the dead of the night where i was supposed to be sleeping and not coding. Whenever i ve got no time, i would use photoshop or editing programs to imprint it so i can look at code them later on. Sometimes, commissions help me think of a design bc i think of them more as a 'prompt'. Although, admittedly, these are for times when i want to creative.

i basically have two seasons, it's lazy season (codes i usually let ppl see/share) and creative season ( codes like this w/c are highly personalized). for skins i have a lot of secret skins i dont think i can or anyone can use due to high personality (only applicable for certain sites) and like complex layouts (pain in the ass 2 transfer).

but also dribbble.com/ is also the moST popular site for site inspo that I underutilize heavily but it's a rly great site with a community of great designers!! (ive yet to make my account yet so i can only view few figures, but if u like it, u'd need an account to view them fully)