write a reply

+ santa monica dream

options
quote
+ santa monica dream written Jul 4, 2018 17:13:40 GMT
aliaslumi
pronounsshe/her
105written posts
lumiearned bits
offlinecurrently
lumi
Full Member
lumi Avatar
:aiya:
[attr="class","nbct"]
[attr="class","nbct1"]

the rules

please read

[attr="class","nbct10"]
[attr="class","nbct30"]
[attr="class","nbct40"]
[attr="class","nbct5"]
[attr="class","nbct6"]do not remove my credit.

The accent color is #ED8598.

CTRL+F for .png to find the images to replace.

#something

anotherthing

#anotherone

#lastone



[googlefont="Raleway:800|Inconsolata:700|Muli:400"] [newclass=.nbct6 h3 a]font: 700 10px/100% inconsolata!important;[/newclass]
[newclass=.nbct6 h3]color: #FAFAFA;font: 700 11px/100% inconsolata;text-shadow: 0px 0px, 1px 1px rgba(0, 0, 0, 0.45);text-decoration: none;padding: 5px;border: 1px solid #FFF;text-transform: uppercase;text-align: center;float: left;margin: 0px 10px 10px 0px;[/newclass][newclass=.nbct6 a] color: #FAFAFA; font: 700 15px/100% inconsolata; text-shadow: 0px 0px, 1px 1px rgba(0, 0, 0, 0.35); text-decoration: none;[/newclass][newclass=.nbct6 i] font: 400 13px/100% muli; color: #FAFAFA; font-style: italic; text-shadow: 0px 0px, 1px 1px rgba(0, 0, 0, 0.35);[/newclass][newclass=.nbct6 b] font: 700 15px/100% inconsolata; color: #FAFAFA; text-shadow: 0px 0px, 1px 1px rgba(0, 0, 0, 0.35); letter-spacing: 3px; text-transform: uppercase;[/newclass][newclass=.nbct6::-webkit-scrollbar]background: #E3E3E3;border: 2px solid #fafafa;width: 5px; border-radius: 6px;[/newclass][newclass=.nbct6::-webkit-scrollbar-thumb] border: 1px solid #fafafa; background: #CFCFCF; border-radius: 6px; [/newclass][newclass=.nbct6] color: #FAFAFA; text-shadow: 0px 0px, 1px 1px rgba(0, 0, 0, 0.35); font: 400 10px/100% muli; position: relative; width: 175px; float: right; padding: 12px; height: 102px; overflow: auto; text-align: justify;[/newclass][newclass=.nbct5]background: #505050;width: 180px;padding: 15px;top: -15px;right: 0px;position: absolute;height: 160px;-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 54%);clip-path: polygon(100% 0%, 100% 100%, 0% 54%);display: inline-block;[/newclass][newclass=.nbct10] width: 75px; height: 75px; border: 40px double rgba(0, 0, 0, 0.04); box-shadow: 1px 1px rgba(0, 0, 0, 0.01), 1px -1px rgba(0, 0, 0, 0.04), 1px -1px rgba(0, 0, 0, 0.01); padding: 10px; transform: rotate(45deg) translateX(10px); -moz-transform: rotate(45deg) translateX(10px); -webkit-transform: rotate(45deg) translateX(10px); -ms-transform: rotate(45deg) translateX(10px); -o-transform: rotate(45deg) translateX(10px); margin-left: -95px; margin-top: -74px; [/newclass] [newclass=.nbct30] width: 75px; height: 75px; overflow: hidden; [/newclass][newclass=.nbct40 ] width: 120px; height: 110px; background-size: 100px;background-position: center;transform: rotate(-45deg) translate(-3px, -30px);-moz-transform: rotate(-45deg) translate(-3px, -30px);-webkit-transform: rotate(-45deg) translate(-3px, -30px);-ms-transform: rotate(-45deg) translate(-3px, -30px);-o-transform: rotate(-45deg) translate(-3px, -30px); background-image: url('https://image.ibb.co/b6kd6T/7.png'); [/newclass] [newclass=.nbct1 h2]font: 700 10px/80% inconsolata; color: #FAFAFA;text-shadow: 0px 0px, 1px 1px rgba(0, 0, 0, 0.35);background: rgba(0, 0, 0, 0.13);border-radius: 20px;text-transform: uppercase;position: absolute;z-index: 1;width: 99px;margin: 34px 0px 0px -6px;padding: 8px;text-align: center;letter-spacing: 4px;[/newclass][newclass=.nbct1 h1]font: 800 37px/80% raleway;color: #FAFAFA;text-shadow: 2px 3px rgba(0, 0, 0, 0.17);text-transform: uppercase;position: relative;top: 38px;z-index: 2;[/newclass][newclass=.nbct1]background-image: linear-gradient(315deg, #abe9cd 0%, #3eadcf 74%);width: 180px;padding: 15px;top: -15px;left: 0px;position: absolute;height: 175px;-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);clip-path: polygon(0% 0%, 100% 50%, 0% 100%);display: inline-block;[/newclass][newclass=.nbct] background: #444; padding: 20px; margin: 0px auto; width: 400px; height: 138px; overflow: hidden; position: relative; border-radius: 10px;[/newclass]
last edit on Jul 4, 2018 19:51:11 GMT by lumi
options
quote
+ santa monica dream written Jul 4, 2018 19:16:33 GMT
aliaslumi
pronounsshe/her
105written posts
lumiearned bits
offlinecurrently
lumi
Full Member
lumi Avatar
:aiya:
[nospaces]
[attr="class","newbg"]
[attr="class","newbg1"]

notes notes go here! keep it as short as possible. lorem ipsum dolor sit..


[attr="class","newbg2"]

[attr="class","newbg3"]

[attr="class","newbg4"]


You have my heart
in the palm of your hands


username overhere



[attr="class","newbg5"]
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[break][break]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.




[attr="class","newbg6"]

[attr="class","sf sf-cheers"] 000 words

[attr="class","sf sf-creative-commons"]






[googlefont=Inconsolata:400,700|VT323|Roboto Condensed:700]

[newclass=.newbg5 i]font: 400 15px/90% inconsolata;color: #ED8598;text-shadow: 2px 2px rgba(0, 0, 0, 0.14);font-style: italic;[/newclass]
[newclass=.newbg5 b]font: 700 15px/90% inconsolata;color: #ED8598;text-shadow: 2px 2px rgba(0, 0, 0, 0.14);[/newclass]
[newclass=.newbg6 h5]color: #F4F4F4;text-shadow: 2px 2px rgba(0, 0, 0, 0.18);float: right;font-size: 30px;margin: 0px;[/newclass]
[newclass=.newbg6 i]float: left;margin-right: 10px;[/newclass]
[newclass=.newbg6 h4]font: 400 21px/100% vt323;float: left;border: 1px solid rgba(0, 0, 0, 0.10);padding: 7px 8px 7px 8px;margin: -6px 14px 0px 0px;background: rgba(0, 0, 0, 0.05);color: #FCFCFC;text-transform: uppercase;[/newclass]
[newclass=.newbg6]background: #ED8598;padding: 20px;margin: 25px -20px -20px -20px;position: relative;height: 30px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.30);[/newclass]
[newclass=.newbg5::first-letter]font: 400 55px/100% vt323;float: left;background: rgba(0, 0, 0, 0.20);text-shadow: 2px 2px rgba(0, 0, 0, 0.18);border: 1px solid rgba(0, 0, 0, 0.10);padding: 14px;margin: 14px;color: #ED8598;width: 20px;height: 20px;[/newclass]
[newclass=.newbg5]background: #505050;padding: 25px;margin: 200px -20px 0px -20px;border: 1px solid #444;color: #FAFAFA;text-align: justify;font: 400 10px/100% verdana;box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.15);[/newclass]
[newclass=.newbg1 h3 b]font: 400 22px/100% vt323;float: left; border: 1px solid rgba(0, 0, 0, 0.10);padding: 6px 8px 6px 8px;margin: 0px 14px;background: rgba(0, 0, 0, 0.04);[/newclass]
[newclass=.newbg1 h3]border-left: 1px solid #FCFCFC;padding: 7px;float: right;margin-top: -10px;width: 240px;height: 34px;font: 700 10px/100% inconsolata;color: #FCFCFC;overflow: hidden;letter-spacing: 1px;text-align: justify; text-transform: uppercase;text-shadow: 2px 2px rgba(0, 0, 0, 0.09);[/newclass]
[newclass=.newbg h2::before]content: "";width: 0px;height: 0px;position: absolute;border-left: 13px solid transparent;border-right: 13px solid #444;border-bottom: 13px solid transparent;border-top: 13px solid transparent;display: inline-block;right: 0px;top: 0px;display: block;[/newclass]
[newclass=.newbg h2]background: #ED8598;text-transform: uppercase;font: 400 12px/100% roboto condensed;padding: 7px 20px 7px 10px;color: #FBFBFB;text-align: center;position: relative;letter-spacing: 3px;border-radius: 5px 0px 0px 5px;text-shadow: 2px 2px rgba(0, 0, 0, 0.13);float: left;margin: 10px 0px 0px 95px;[/newclass]
[newclass=.newbg4]position:absolute;height:85px;width:85px;padding:7px;background-color:#FDFDFD;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);margin:95px 0px 0px 350px;top: -75px;left: -325px;[/newclass]
[newclass=.newbg4 img]height:85px;width:85px;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);[/newclass]
[newclass=.newbg3]top: 20px;left: -425px;[/newclass]
[newclass=.newbg3 img, .newbg2 img]height:100px;width:100px;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);filter: grayscale(100%);-webkit-filter: grayscale(100%);[/newclass]
[newclass=.newbg2, .newbg3]position:absolute;height:100px;width:100px;padding:20px;background-color:#FDFDFD;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);margin:95px 0px 0px 350px;top: 20px;[/newclass]
[newclass=.newbg1]background: #ED8598;padding: 20px;margin: -20px -20px 40px -20px;position: relative;height: 30px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.30);[/newclass]
[newclass=.newbg h1 b]color: #ED8598;font-weight: 500;[/newclass]
[newclass=.newbg h1]font: 500 31px/90% vt323;text-transform: uppercase;color: #FDFDFD;text-shadow: 2px 2px rgba(0, 0, 0, 0.30), 15px 15px rgba(0, 0, 0, 0.10);margin: -15px 40px 0px 0px;width: 260px;float: right;[/newclass]
[newclass=.newbg]width: 400px;padding: 20px;background: #444;margin: 0px auto;overflow: hidden;border: 4px solid #FDFDFD;box-shadow: 2px 2px 10px #F3F3F3;[/newclass]
last edit on Jul 4, 2018 19:27:00 GMT by lumi
Reply