Dec 17, 2018 3:20:28 GMT
percival grayreme, Charani Petrov, and 3 more like this
Post by maddox rothscus ✨ on Dec 17, 2018 3:20:28 GMT
[nospaces]
[googlefont=Material+Icons][googlefont=Spectral]
[newclass=".musicblock"]background-color:#fff; border:1px solid #ddd; width:440px; height:300px; margin:0 auto; } .musictop { background-color:#8789C0; color:#fff; height:30px; padding:15px; line-height:30px; letter-spacing:1px; font:20px playfair display; text-align:center; border-bottom:1px solid #ddd; } .musictop b { text-transform:lowercase; border-bottom:1px solid #fff; padding-bottom:1px; } .musicscroll { background-color:#f9f9f9; height:230px; width:420px; overflow:auto; margin:0 auto; border:1px solid #ddd; border-top:none; } .musicsong { display:flex; padding:10px; border-bottom:1px solid #ddd; } .musiclink { background-color:#eee; color:#8789C0; font-size: 36px; border:1px solid #ddd; margin-right:15px; } .musicname { font:15px spectral; letter-spacing:0.6px; white-space:nowrap; } .musicname span { display:block; font:10px spectral; margin-top:-5px; font-style:italic; } .musicname a { font:15px spectral !important; letter-spacing:0.6px !important; text-transform:lowercase !important; text-decoration:none; cursor:crosshair; transition: ease 0.3s; } .musicname a:hover { color:#bbb !important; } .musicscroll::-webkit-scrollbar { width:5px; background:#fff; border-left:1px solid #ddd; } .musicscroll::-webkit-scrollbar-thumb { background:#8789C0;[/newclass]
[break]
[googlefont=Material+Icons|Spectral]
[newclass=".moodblock"]background-color:#fff; border:1px solid #ddd; width:410px; height:410px; padding:15px; overflow:hidden; margin:0 auto; } .moodblock img { width:100px; height:100px; padding:17px;[/newclass]
[break]
[googlefont=Material+Icons|Spectral]
[newclass=".quoteblock"]background-color:#fff; border:1px solid #ddd; width:360px; padding:40px; overflow:hidden; margin:0 auto; font:15px spectral; letter-spacing:0.5px; } .quoteblock span { color:#bbb; font:10px calibri; letter-spacing:1px; display:block; text-align:center; margin-bottom:20px; } .quoteblock a { color:#bbb; font:10px calibri; text-decoration:none; font-style:italic;[/newclass]
[break]
[googlefont=Material+Icons|Spectral]
[newclass=".timeblock"]width:440px; background-color:#fff; border:1px solid #ddd; margin:0 auto; min-height:10px; } .timetop { background-color:#8789C0; padding:20px; border-bottom:1px solid #ddd; color:#fff; text-align:center; letter-spacing:1px; font:20px playfair display; } .timeevent { display:flex; background-color:#f3f3f3; max-height:50px; margin:15px; border:1px solid #ddd; } .timeicon { color:#8789C0; font-size:30px !important; border:1px solid #ddd; margin:5px; margin-right:0; padding:5px; height:30px; background-color:#fff; } .timeblurb { font:10px calibri; letter-spacing:0.6px; width:100%; background-color:#fff; border:1px solid #ddd; margin:5px; padding:5px; height:30px; overflow:auto; text-align:justify; } .timeblurb span { font:10px spectral; font-weight:bold; letter-spacing:0px; color: #8789C0; } .timeblurb::-webkit-scrollbar { width:1px; background:#fff; border-left:1px solid #ddd; } .timeblurb::-webkit-scrollbar-thumb { background:#8789C0;[/newclass]
happy holidays, starfall! it's a little early, but here's a present for yall[break][break]
[break][break] i had a plan of giving everyone art, but i ended up dying in work-related things, so here i am with a gift of development-board templates instead! there's a playlist, moodboard, quote, and timeline template — if you need any help with these, or you find a part of it that Just Doesn't Work, let me know and i'll try my best to fix it <3
[break][break]*remember to add the [nospaces] tag!
[googlefont=Material+Icons][googlefont=Spectral]
[newclass=".musicblock"]background-color:#fff; border:1px solid #ddd; width:440px; height:300px; margin:0 auto; } .musictop { background-color:#8789C0; color:#fff; height:30px; padding:15px; line-height:30px; letter-spacing:1px; font:20px playfair display; text-align:center; border-bottom:1px solid #ddd; } .musictop b { text-transform:lowercase; border-bottom:1px solid #fff; padding-bottom:1px; } .musicscroll { background-color:#f9f9f9; height:230px; width:420px; overflow:auto; margin:0 auto; border:1px solid #ddd; border-top:none; } .musicsong { display:flex; padding:10px; border-bottom:1px solid #ddd; } .musiclink { background-color:#eee; color:#8789C0; font-size: 36px; border:1px solid #ddd; margin-right:15px; } .musicname { font:15px spectral; letter-spacing:0.6px; white-space:nowrap; } .musicname span { display:block; font:10px spectral; margin-top:-5px; font-style:italic; } .musicname a { font:15px spectral !important; letter-spacing:0.6px !important; text-transform:lowercase !important; text-decoration:none; cursor:crosshair; transition: ease 0.3s; } .musicname a:hover { color:#bbb !important; } .musicscroll::-webkit-scrollbar { width:5px; background:#fff; border-left:1px solid #ddd; } .musicscroll::-webkit-scrollbar-thumb { background:#8789C0;[/newclass]
[attr="class","musicblock"]
[attr="class","musictop"]a name mcname playlist
[attr="class","musicscroll"]
[attr="class","musicsong"]
[attr="class","material-icons musiclink"]play_arrow
[attr="class","musicname"]song name goes here band name here
[attr="class","musicsong"]
[attr="class","material-icons musiclink"]play_arrow
[attr="class","musicname"]song name goes here band name here
[attr="class","musicsong"]
[attr="class","material-icons musiclink"]play_arrow
[attr="class","musicname"]song name goes here band name here
[attr="class","musicsong"]
[attr="class","material-icons musiclink"]play_arrow
[attr="class","musicname"]song name goes here band name here
[attr="class","musicsong"]
[attr="class","material-icons musiclink"]play_arrow
[attr="class","musicname"]song name goes here band name here
[attr="class","musicsong"]
[attr="class","material-icons musiclink"]play_arrow
[attr="class","musicname"]song name goes here band name here
[break]
[googlefont=Material+Icons|Spectral]
[newclass=".moodblock"]background-color:#fff; border:1px solid #ddd; width:410px; height:410px; padding:15px; overflow:hidden; margin:0 auto; } .moodblock img { width:100px; height:100px; padding:17px;[/newclass]
[attr="class","moodblock"]
[break]
[googlefont=Material+Icons|Spectral]
[newclass=".quoteblock"]background-color:#fff; border:1px solid #ddd; width:360px; padding:40px; overflow:hidden; margin:0 auto; font:15px spectral; letter-spacing:0.5px; } .quoteblock span { color:#bbb; font:10px calibri; letter-spacing:1px; display:block; text-align:center; margin-bottom:20px; } .quoteblock a { color:#bbb; font:10px calibri; text-decoration:none; font-style:italic;[/newclass]
[attr="class","quoteblock"]
WHAT DOES FORGIVENESS TASTE LIKE? (R.N.)
do i still taste of war?[break]
can you still feel the battles on my skin[break]
stitched across my back[break]
am i still rebuilding[break]
bone by fragile bone?
WHAT DOES FORGIVENESS TASTE LIKE? (R.N.)
do i still taste of war?[break]
can you still feel the battles on my skin[break]
stitched across my back[break]
am i still rebuilding[break]
bone by fragile bone?
[break]
[googlefont=Material+Icons|Spectral]
[newclass=".timeblock"]width:440px; background-color:#fff; border:1px solid #ddd; margin:0 auto; min-height:10px; } .timetop { background-color:#8789C0; padding:20px; border-bottom:1px solid #ddd; color:#fff; text-align:center; letter-spacing:1px; font:20px playfair display; } .timeevent { display:flex; background-color:#f3f3f3; max-height:50px; margin:15px; border:1px solid #ddd; } .timeicon { color:#8789C0; font-size:30px !important; border:1px solid #ddd; margin:5px; margin-right:0; padding:5px; height:30px; background-color:#fff; } .timeblurb { font:10px calibri; letter-spacing:0.6px; width:100%; background-color:#fff; border:1px solid #ddd; margin:5px; padding:5px; height:30px; overflow:auto; text-align:justify; } .timeblurb span { font:10px spectral; font-weight:bold; letter-spacing:0px; color: #8789C0; } .timeblurb::-webkit-scrollbar { width:1px; background:#fff; border-left:1px solid #ddd; } .timeblurb::-webkit-scrollbar-thumb { background:#8789C0;[/newclass]
[attr="class","timeblock"]
[attr="class","timetop"]name's timeline
[attr="class","timeevent"]
[attr="class","material-icons timeicon"]label_important
[attr="class","timeblurb"]something happened. a short description can go here, though this scrolls anyway, so go wild.
[attr="class","timeevent"]
[attr="class","material-icons timeicon"]healing
[attr="class","timeblurb"]something happened. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat