56 posts
bits
If this is not love, what should we call it?
|
Post by cin on Oct 11, 2018 19:00:10 GMT
gonna try & convert some codes :^)[newclass=.ay]<svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 100%; width: 100%;"><path d="M0.00,49.99 C150.00,150.00 349.20,-49.99 500.00,49.99 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #CA8381;"></path></svg>[/newclass] [attr="class","ay"]
|
|
56 posts
bits
If this is not love, what should we call it?
|
Post by cin on Oct 11, 2018 19:35:16 GMT
honourary post spot to test things to see if they break [nospaces] [attr="class","gg-bg"] [attr="class","gg-img"]  [attr="class","gg-ltbg"] [attr="class","gg-ly"] we'll never be royals [attr="class","gg-tag"] #gabriel lowell #lysander 120 words [attr="class","gg-post"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quam libero, eleifend id massa non, accumsan porttitor lorem. Etiam volutpat, arcu ac dapibus luctus, nunc massa interdum erat, sed molestie nunc arcu a mi. Praesent elementum placerat odio, non pharetra enim sagittis id. Sed nec ante eros. Mauris faucibus blandit sapien non viverra. [break][break] Duis nec tellus eu urna hendrerit mattis sit amet vitae nulla. Duis rhoncus vel libero vel volutpat. Phasellus vel sodales nisl, a pulvinar nisi. Nunc non pharetra arcu. Mauris ac gravida ante. In semper enim sit amet velit mattis, et commodo nulla vestibulum. [break][break]Morbi rhoncus tincidunt tortor quis commodo. Nam sed fringilla nulla. Nam tincidunt vel dui nec posuere. Fusce ullamcorper purus vitae augue luctus hendrerit. Etiam et risus laoreet, semper nulla a, efficitur arcu. Phasellus gravida ipsum eget luctus rutrum.
[newclass=.gg-bg]background-color: #2a2a2a; width: 280px; overflow: hidden; padding: 50px; position: relative; border-bottom: 30px solid #6AA9CC; margin-top: 15px;[/newclass] [newclass=.gg-img]background-color: #6AA9CC; width: 350px; height: 350px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: -160px; left: -160px;[/newclass] [newclass=.gg-img img]width: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 185px; left: 185px; border: 1px solid #fff; padding: 15px;[/newclass] [newclass=.gg-ltbg]width: 200px; position: absolute; right: 20px;[/newclass] [newclass=.gg-ly]font-family: playfair display; font-size: 33px; color: #eee; font-weight: bold; font-style: italic; text-align: right; line-height: 30px; text-transform: lowercase;[/newclass] [newclass=.gg-ly span]border-bottom: 1px solid #6AA9CC;[/newclass] [newclass=.gg-tag]font-family: cousine; text-transform: uppercase; font-size: 9px; color: #fff; margin-top: 20px; line-height: 30px; text-align: center;[/newclass] [newclass=.gg-tag span]background-color: #6AA9CC; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 9px; margin: 5px;[/newclass] [newclass=.gg-post]padding: 20px; position: relative; font-family: Pt Sans; font-size: 10px; text-align: justify; line-height: 150%; margin-top: 170px; color: #eaeaea;[/newclass] [newclass=.gg-post:after]border: 1px solid #dbdbdb; bottom: 0; content: ''; position: absolute; top: 0; width: 10%; border-left: none; right: 0;[/newclass] [newclass=.gg-post:before]border: 1px solid #dbdbdb; bottom: 0; content: ''; position: absolute; top: 0; width: 10%; border-right: none; left: 0;[/newclass] [newclass=.gg-post b]font-family: playfair display; font-size: 12px; color: #6AA9CC;[/newclass] [newclass=.gg-post i]color: #6AA9CC; font-family: cousine;[/newclass] [googlefont=Playfair+Display:700,700i][googlefont=Cousine:400,400i][googlefont=PT+Sans:400,400i]
|
|
56 posts
bits
If this is not love, what should we call it?
|
Post by cin on May 12, 2020 8:48:32 GMT
me: im gonna try to code for pb[break] me, attempting to convert my simplest code: /pikaface [break][break] i...wanted to throw this up as a premade but i dont trust how i converted it (´;ω;`) [nospaces] [attr="class","babybaby"] [attr="class","babybabyimg"][attr="style","background-image: url(https://i.postimg.cc/fySGr9Gk/avatar-7.png);"] [attr="class","babybabytag"]tag name here [attr="class","babybabynotes"]notes smt here, why do i code hovers. why do i hate myself like this. keep this short btw | [attr="class","babybabyr"] [attr="class","babybabyly1"]+ BABY, BABY, [attr="class","babybabyly2"]i hate this night [attr="class","babybabyp"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla augue ante, sodales venenatis enim ut, pellentesque posuere augue. Pellentesque ut eleifend tortor, vitae rutrum orci. Morbi tincidunt maximus sapien, at porta nisl. Maecenas sit amet suscipit urna. Phasellus iaculis eleifend lectus vel commodo. Phasellus eget dapibus nulla. Proin imperdiet eleifend tempor. Cras enim quam, consequat eget arcu eu, tristique pulvinar libero. [break][break] Mauris finibus odio a tellus dignissim elementum. Vestibulum lorem dui, fringilla eget lacus nec, cursus euismod odio. Nam porttitor tellus velit. Aliquam ac justo quam. Integer imperdiet urna vitae nibh suscipit fermentum. In dapibus sagittis ultricies. Cras rutrum laoreet placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc nulla turpis, tempus id tincidunt ac, accumsan id nulla. Nulla consequat pellentesque mollis. Cras ac quam id ex mattis pellentesque. Donec vel turpis id ante vehicula feugiat. Praesent pulvinar nisl vitae odio pellentesque, a pharetra purus sodales. Quisque a ante ipsum. [break][break] Integer sit amet volutpat leo. Sed dui mauris, commodo sit amet ipsum eu, viverra luctus urna. Etiam consectetur a nisl eu egestas. Praesent egestas nunc ac pulvinar euismod. Etiam volutpat, ligula sit amet vehicula porttitor, sem dolor semper sem, efficitur tempor diam ipsum sed justo. Quisque et nibh in tellus condimentum sagittis nec a orci. Morbi eu velit nisl. Pellentesque quis sem eget mauris cursus varius finibus sed dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vel convallis nunc, non placerat enim.
|
[newclass=.babybaby]width: 555px; height: 400px; overflow: hidden; margin-top: 30px;[/newclass] [newclass=.babybabyimg]width: 170px; height: 370px; background-size: cover;; position: relative; padding: 15px; background-position: center;[/newclass] [newclass=.babybabyr]width: 250px; height: 300px; padding: 50px; background-color: #fff; margin-left: -75px;[/newclass] [newclass=.babybabyly1]font-family: roboto; font-weight: 300; font-size: 20px; text-align: right; line-height: 15px; color: #521919;[/newclass] [newclass=.babybabyly2]font-family: playfair display; font-style: italic; font-weight: 700; font-size: 30px; text-align: right;[/newclass] [newclass=.babybabyp]width: 250px; height: 230px; overflow: auto; padding-right: 10px; text-align: justify; font-family: open sans; font-size: 10px; line-height: 130%; margin-top: 25px;[/newclass] [newclass=.babybabyp b]color: #521919; font-family: roboto; font-size: 12px;[/newclass] [newclass=.babybabyp i]color: #521919; font-family: playfair display;[/newclass] [newclass=.babybabyp::-webkit-scrollbar]width: 5px; background:#fff;[/newclass] [newclass=.babybabyp::-webkit-scrollbar-thumb]background:#521919; [/newclass] [newclass=.babybabyp::-webkit-scrollbar-corner]background:#fff;[/newclass] [newclass=.babybaby .babybabytag]background-color: #fff; padding: 10px; height: 10px; line-height: 10px; width: 150px; font-family: open sans; font-size: 10px; position: absolute; top: 500px; transition: .75s ease-in-out .5s; -webkit-transition: .75s ease-in-out .5s;[/newclass] [newclass=.babybaby:hover .babybabytag]top: 240px; transition: .75s ease-in-out .2s; -webkit-transition: .75s ease-in-out .2s;[/newclass] [newclass=.babybaby .babybabynotes]align-self: flex-end; background-color: #fff; padding: 10px; width: 150px; font-family: open sans; font-size: 10px; position: absolute; top: 590px; text-align: justify; transition: .95s ease-in-out .2s; -webkit-transition: .95s ease-in-out .2s;[/newclass] [newclass=.babybaby:hover .babybabynotes]top: 290px; transition: .95s ease-in-out .5s; -webkit-transition: .95s ease-in-out .5s;[/newclass] [newclass=.babybabytag span,.babybabynotes span]font-family: roboto; color: #521919; margin-right: 3px; font-weight: 900; text-transform: uppercase;[/newclass] [googlefont=Roboto:300,700,700i][googlefont=Playfair+Display:700,400i][googlefont=Open+Sans:400,400i]
|
|