aliasthat bitch.
pronouns"that bitch" still works tbh (any OK!)
551written posts
offlinecurrently
a verb in perfect view.
ok sssssssssso i started coding something else and got bored with it, but i still wanted to code, so i made this instead. you can tell how late it was when i coded each element by how messy it is. [break][break] [nospaces][googlefont=Roboto:300,900] [attr="class","selkPost"] [attr="class","selkBorder"] [attr="class","selkHeader"] [attr="class","selkIcon"] [attr="class","selkTriangle2"] [attr="class","selkTriangle3"] [attr="class","selkBody"] lorem ipsum dolor sit amet, consectetur adipiscing elit. nam a est pretium, aliquet sem et, elementum metus. curabitur ac efficitur mi. sed sit amet odio dignissim, pellentesque turpis a, volutpat mauris. nullam id feugiat quam. curabitur scelerisque elit eget diam tempor scelerisque. nullam a sapien lorem. morbi et semper metus. vestibulum mi ligula, vehicula at tincidunt sed, laoreet ac odio. donec lobortis, dui sit amet viverra fringilla, augue libero congue sem, in placerat dolor arcu sit amet purus. sed ligula urna, hendrerit quis ultricies et, imperdiet in orci. fusce luctus, metus ut maximus faucibus, dui ligula aliquet diam, sed ultrices eros turpis non ante. [break][break]
suspendisse et euismod lectus. orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. aliquam sodales quis dui quis ultricies. duis varius, ex at consequat pretium, elit arcu hendrerit risus, a volutpat est leo vel erat. sed nec dolor eu velit vehicula suscipit a et enim. maecenas fringilla odio felis, vel vulputate mauris commodo id. donec fringilla, ante sed aliquet bibendum, ante nulla congue sem, eu volutpat ex lectus a erat. pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. vestibulum accumsan commodo dui, et posuere nisi consectetur quis. maecenas aliquet suscipit lacus. fusce mattis rutrum nisi vitae finibus. pellentesque hendrerit malesuada orci, at ullamcorper velit tincidunt sed. quisque tristique nisi eget lobortis accumsan. vivamus in molestie ligula, eu placerat ipsum. in id urna in augue venenatis pellentesque. [break][break]
curabitur tincidunt pharetra orci eu semper. morbi ut imperdiet lorem. etiam et ullamcorper elit. aliquam at leo risus. mauris tempor massa quis sem mollis iaculis. morbi venenatis nunc ac leo iaculis, eu pellentesque neque rutrum. suspendisse placerat molestie justo vitae iaculis. cras egestas accumsan ante, ut scelerisque metus auctor ut. vivamus ut volutpat risus.
[attr="class","selkFooter"] selkie [newclass=.selkPost] width:400px; background-color:#fafafa; border:1px solid #eee; padding:10px; [/newclass] [newclass=.selkHeader] width:100%; height:100px; background: rgb(247,202,201); background: linear-gradient(90deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); display:flex; [/newclass] [newclass=.selkHeader::before] content:''; position:absolute; margin-left:auto; height:100px; width:400px; background-image:url(https://image.ibb.co/g9M9pT/13b.png); opacity:.25; [/newclass] [newclass=.selkIcon] width:155px; height:120px; background-color:#fafafa; margin-top:-110px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); [/newclass] [newclass=.selkIcon::before] content:''; width:125px; height:100px; background-image:url(http://placehold.it/125x125/91A8D0/fff); position:absolute; margin-top:10px; margin-left:-62.5px; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); [/newclass] [newclass=.selkTriangle2] width:95px; height:95px; background-color:#fafafa; position:absolute; margin-top:-92px; margin-left:89px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass] [newclass=.selkTriangle2::before] content:''; width:75px; height:75px; background-image:url(https://image.ibb.co/g9M9pT/13b.png); background-color:#f1f1f1; position:absolute; margin-top:7px; margin-left:-34px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass] [newclass=.selkTriangle3] width:95px; height:95px; background-color:#fafafa; position:absolute; margin-top:-73px; margin-left:227px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass] [newclass=.selkTriangle3::before] content:''; width:75px; height:75px; background: linear-gradient(270deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); background-color:#f1f1f1; position:absolute; margin-top:7px; margin-left:-40px; -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0); clip-path: polygon(50% 75%, 0 0, 100% 0); [/newclass] [newclass=.selkBody] font:300 11px/15px roboto; color:#7a7a7a; text-align:justify; border-left:1px solid #eee; border-right:1px solid #eee; padding:0px 25px; margin:20px 25px 25px 25px; [/newclass] [newclass=.selkBody b] font:900 13px/15px roboto; color:#000; background: linear-gradient(90deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#fff; [/newclass] [newclass=.selkFooter] height:25px; background: linear-gradient(90deg, rgba(247,202,201,1) 0%, rgba(145,168,208,1) 100%); display:flex; align-items:center; justify-content:center; font:300 8px roboto; letter-spacing:.5px; color:#fff; text-transform:uppercase; [/newclass] [newclass=.selkFooter a] font:300 8px roboto!important; letter-spacing:.5px; color:#fff!important; [/newclass]
|
last edit on Jul 26, 2018 6:39:53 GMT by selkie
all my proboards templates require the style tags plugin!
|