write a reply

hazardous material

options
quote
hazardous material written Jul 8, 2018 13:19:56 GMT
pronounsSHE/HER
76written posts
murkearned bits
offlinecurrently
murk
Junior Member
murk Avatar
[nospaces]

[attr="class","introwrap"]
[attr="class","intropic"]

[attr="class","introtextw"]
[attr="class","introtitle"]title of template
[attr="class","introtextscroll"]
[attr="class","introtext"]beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. beep boop. [break]

[attr="class","introtag"]#thing

[attr="class","introtag"]#longthing

[attr="class","introtag"]#extralongthing

[attr="class","introtag"]#smol

[attr="class","introtag"]#pepe

[attr="class","introtag"]#memes

[attr="class","introtag"]#sucksomuch

[attr="class","introtag"]#vary

[attr="class","introtag"]#thewidthsofthese

[attr="class","introtag"]#sowecansee

[attr="class","introtag"]#how

[attr="class","introtag"]#itfits







[googlefont="Roboto:400,700"][googlefont="Montserrat:400,700,800"]
[newclass=.intropic]width: 100px; height: 100px; clip-path: polygon(0% 0%, 88% 0, 88% 44%, 88% 91%, 100% 100%, 50% 100%, 0 100%); -webkit-clip-path: polygon(0% 0%, 88% 0, 88% 44%, 88% 91%, 100% 100%, 50% 100%, 0 100%); z-index: 99999; float: left; margin-left: -60px; margin-top: -35px;[/newclass]
[newclass=.intropic img]width: 100px; height: 100px;[/newclass]
[newclass=.introwrap]width: 400px; height: 150px; background: #b991ce; z-index: 0; margin-top: 40px; padding: 20px; box-sizing: border-box;[/newclass]
[newclass=.introtextw]width: 360px; height: 110px; float: right; background: #eee; margin-top: -65px; z-index: 3; display: flex; flex-wrap: wrap;[/newclass]
[newclass=.introtextscroll]width: 313px; height: 90px; padding: 10px; float: right; box-sizing: border-box; overflow: auto; margin-left: 50px;[/newclass]
[newclass=.introtextscroll::-webkit-scrollbar]width: 7px;[/newclass]
[newclass=.introtextscroll::-webkit-scrollbar-track]background: #ccc; border-left: 3px solid #eee; border-right: 3px solid #eee;[/newclass]
[newclass=.introtextscroll::-webkit-scrollbar-thumb]width: 1px; background: #888; border-left: 3px solid #eee; border-right: 3px solid #eee;[/newclass]
[newclass=.introtitle]width: 290px; font: 800 30px montserrat; color: #eee; text-align: justify; float: right; margin-top: -37px; margin-left: 60px; text-shadow: 1px 1px #b991ce, 1px -1px #b991ce, -1px -1px #b991ce, -1px 1px #b991ce;[/newclass]
[newclass=.introtext]width: 293px; font: 11px roboto; text-align: justify; color: #141414; float: right; box-sizing: border-box;[/newclass]
[newclass=.introtag]height: 10px; padding: 5px; background: #888; font: 11px roboto; text-align: justify; color: #eee; margin-top:5px; display: inline-block;[/newclass]
[newclass=.introtag:hover]background: #b991ce;[/newclass]



[break][break][break][break][break]
to do:
--- spotify template; put in those other-browser codes l-lmao
last edit on Jul 8, 2018 23:51:33 GMT by murk
( hover )
options
quote
hazardous material written Jul 8, 2018 18:52:02 GMT
pronounsSHE/HER
76written posts
murkearned bits
offlinecurrently
murk
Junior Member
murk Avatar
[nospaces]



[attr="class","spotifywrap"]

[attr="class","spotifysbar"]

[attr="class","spotifysbartext"]



flavor text

[break] don't make it

[break] too long

[break] or else

[break] it stops

[break] looking like

[break] the sidebar on

[break] spotify

[break] use bold

[break] to make it look

[break] like something is

[break] highlighted







[attr="class","spotifymain"]

[attr="class","spotifyalbum"]


[attr="class","spotifyatextwrap"] PLAYLIST
[attr="class","spotifytitle"]playlist title.


desc [break]

Created by user • # songs, # hr # min

[attr="class","spotifybutton1"]PLAY


[attr="class","spotifybutton2"]FOLLOWING




[attr="class","spotifymusicwrap"]

[attr="class","spotifymusictitle"]SONG TITLE
[attr="class","spotifyspace"]
ARTIST


[attr="class","spotifymusic"]song number 01
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 02
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 03
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 04
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 05
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 06
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 07
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 08
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 09
[attr="class","spotifyspace"]
artist


[attr="class","spotifymusic"]song number 10
[attr="class","spotifyspace"]
artist






[attr="class","spotifycred"]murk on pixel perfect











[googlefont=Roboto:400,700][googlefont=Montserrat:400,700,800]
[newclass=.spotifywrap]width:500px; height: 440px; margin:20px auto; background: #343434; border: 1px solid #141414; box-shadow: 1px 1px 10px;[/newclass]
[newclass=.spotifysbar]width:150px; height:400px; float:left; background:#141414; padding: 20px; box-sizing:border-box;[/newclass]
[newclass=.spotifysbartext]width: 110px; height: 400px; font: 700 14px roboto; color:#888; line-height: 30px; text-align: justify;[/newclass]
[newclass=.spotifysbartext:hover]color: #ccc;[/newclass]
[newclass=.spotifysbartext b]font: 700 14px roboto; color:#ccc; border-left: 4px solid #3ECF54; padding-left: 17px; margin-left: -20px;[/newclass]
[newclass=.spotifymain]width:350px; height:400px; background: linear-gradient(to bottom, rgb(54, 54, 54), rgb(24, 24, 24)); background: -webkit-linear-gradient(to bottom, rgb(54, 54, 54), rgb(24, 24, 24)); float:right; padding: 30px; box-sizing:border-box;[/newclass]
[newclass=.spotifyalbum]widith:100px; height:100px; float:left; padding: 3px; border: 1px solid #3ECF54;[/newclass]
[newclass=.spotifyalbum img]width:100px; height:100px;[/newclass]
[newclass=.spotifyatextwrap]width:200px; height: 100px; margin-right:-20px; float: right; padding-left: 20px; box-sizing:border-box; font: 9px roboto; color: #aaa; line-height: 20px; text-align: justify;[/newclass]
[newclass=.spotifyatextwrap b]font-weight: 400; color: #e0e0e0;[/newclass]
[newclass=.spotifytitle]font: 700 20px montserrat; color:#e0e0e0;[/newclass]
[newclass=.spotifybutton1]width: 50px; padding: 5px; background: #3ECF54; font: 400 11px roboto; color: #fff; float:left; text-align: center; border-radius: 500px 500px 500px 500px;[/newclass]
[newclass=.spotifybutton1:hover]background: #4DE864;[/newclass]
[newclass=.spotifybutton2]width: 80px; padding: 5px; background: #242424; font: 400 11px roboto; color: #3ECF54; border: 1px solid #ccc; float:left; margin-left: 10px; text-align: center; border-radius: 500px 500px 500px 500px;[/newclass]
[newclass=.spotifymusicwrap]width: 300px; height: 230px; background: #242424; padding: 20px; box-sizing:border-box; overflow: auto; margin-top:130px; display: flex; flex-wrap: wrap;[/newclass]
[newclass=.spotifymusicwrap::-webkit-scrollbar]width: 7px;[/newclass]
[newclass=.spotifymusicwrap::-webkit-scrollbar-track]width: 5px; background: #242424;[/newclass]
[newclass=.spotifymusicwrap::-webkit-scrollbar-thumb]width: 1px; background-color: #3ECF54; border-left: 3px solid #242424; border-right: 3px solid #242424; border-top: 3px solid #242424; border-bottom: 3px solid #242424;[/newclass]
[newclass=.spotifymusictitle]width: 260px; height: 30px; padding: 10px; background: #242424; border-bottom: 1px solid #343434; font: 11px roboto; color: #777; text-align: justify; box-sizing: border-box;[/newclass]
[newclass=.spotifyspace]width: 70px; display: inline-block;[/newclass]
[newclass=.spotifymusic]width: 260px; height: 30px; padding: 10px; background: #242424; border-bottom: 1px solid #343434; box-sizing: border-box; font: 11px arial; color: #ccc; text-align: justify;[/newclass]
[newclass=.spotifymusic:hover]background: #343434;[/newclass]
[newclass=.spotifycred]width: 500px; height: 40px; font: 11px roboto; color: #777; text-align: center; padding-top: 413px; box-sizing:border-box;[/newclass]
[newclass=.spotifycred a]font: 11px roboto; color: #777;[/newclass]
last edit on Jul 8, 2018 23:52:28 GMT by murk
( hover )
Reply