[nospaces]
[googlefont=Roboto:400,700]
[googlefont=Poppins:400,800]
[newclass=.murderby]border:solid 1px #e3e3e3;padding:24px;background-color:#e9e9e9;width:600px;color:#222222;[/newclass]
[newclass=.murderby-img]width:600px;height:150px;[/newclass]
[newclass=.murderby-img img]height:150px;width:600px;[/newclass]
[newclass=.murderby-bar]background-color:#c43f3f;position:relative;overflow:hidden;[/newclass]
[newclass=.murderby-bar h1]position:absolute;height:106px;width:750px;background-repeat:no-repeat;background-image:url(https://i.ibb.co/qmQk1h7/Flower-Power-Tower.png);background-position:center center;mix-blend-mode:multiply;opacity:.1;margin:0px;[/newclass]
[newclass=.murderby-bar h2]position:relative;margin:0px;border-top:solid 3px rgba(33,33,33,.1);border-bottom:solid 3px rgba(33,33,33,.1);font:bold 10px Roboto;text-transform:uppercase;line-height:10px;text-align:left;padding:30px;[/newclass]
[newclass=.murderby-bar h2 div]font:800 30px Poppins;line-height:25px;padding-bottom:5px;color:#eeeeee;text-shadow:.75px .75px 0px rgba(33,33,33,.15), -.75px .75px 0px rgba(33,33,33,.15), .75px -.75px 0px rgba(33,33,33,.15), -.75px -.75px 0px rgba(33,33,33,.15);[/newclass]
[newclass=.murderby-left]background-color:#222222;float:left;padding:30px;width:150px;color:#eeeeee;font:10px Roboto;text-transform:uppwercase;text-align:justify;[/newclass]
[newclass=.murderby-left-1]background-color:#292929;padding:5px;margin-bottom:5px;[/newclass]
[newclass=.murderby-left-1 h1]position:absolute;width:137px;text-align:right;margin:0px;font:bold 10px Roboto;line-height:10px;padding:3px 0px;z-index:1;text-shadow:.75px .75px #292929,-.75px .75px 0px #292929,-.75px -.75px 0px #292929,.75px -.75px 0px #292929;[/newclass]
[newclass=.murderby-left-1 h2]position:relative;margin:0px;height:16px;background-color:#c43f3f;[/newclass]
[newclass=.murderby-left-2]margin-top:25px;font-size:11px;line-height:15px;letter-spacing:.2px;height:179px;[/newclass]
[newclass=.murderby-right]margin-left:210px;padding:25px;background-color:#eeeeee;border-bottom:solid 5px #c43f3f;[/newclass]
[newclass=.murderby-right-1]height:390px;overflow:auto;padding-right:15px;[/newclass]
[newclass=.murderby-right-1::-webkit-scrollbar-thumb:vertical]border:solid 1px #e3e3e3;background-color:#e9e9e9;border-radius:0px;[/newclass]
[newclass=.murderby-right-1::-webkit-scrollbar]border:none!important;background-color:transparent!important;border-radius:0px;width:5px;[/newclass]
[newclass=.murderby a]text-decoration:none!important;[/newclass]
[newclass=.murderby-right-1 div]border:solid 1px #e3e3e3;overflow:hidden;background-color:#e9e9e9;padding:19px;text-align:left;color:#bbbbbb;margin-bottom:10px;font:bold 10px Roboto;line-height:10px; }.murderby-right-1 .c { color:#222222!important;border-right:solid 2px #c43f3f!important; }.murderby-right-1 div i { float:left;color:#bbbbbb;margin-right:15px; }.murderby-right-1 .c i { color:#c43f3f!important;[/newclass]
[newclass=.murderby-right-1 div i::before]display:block;font-size:30px;line-height:30px;[/newclass]
[newclass=.murderby-right-1 div h1]margin:0px;font:bold 20px Roboto;line-height:15px;padding-bottom:5px;white-space:nowrap;letter-spacing:-.35px;[/newclass]
[attr="class","murderby"]
[attr="class","murderby-img"]
[attr="class","murderby-bar"]
MURDER BY NUMBERS
a-b-c's of code challenge
[attr="class","murderby-bulk"]
[attr="class","murderby-left"]
[attr="class","murderby-left-1"]
POSTING: 0 / 5
[attr="class","murderby-left-1"]
PLOTTING: 0 / 5
[attr="class","murderby-left-1"]
TRACKING: 0 / 5
[attr="class","murderby-left-1"]
NECESSITIES: 0 / 2
[attr="class","murderby-left-1"]
TECHNOLOGY: 0 / 2
[attr="class","murderby-left-1"]
TOTAL: 1 / 26
[attr="class","murderby-left-2"]At the time of writing this, I've already finished about 85% of these templates... about a year ago. To celebrate Leap Day, though, I figured it was time to finally get around to officially starting this. Maybe the time constraint will give me the necessary motivation to, uh, actually finish these templates, huh? We'll see!
[attr="class","murderby-right"]
[attr="class","murderby-right-1"]
[attr="class","c"][attr="class","th th-music-o"]
CSS ART + ANIMATION
all guns blazing
CSS ART + ANIMATION
[attr="class","th th-music-o"]
POSTING TEMPLATE
big talk
POSTING TEMPLATE
[attr="class","th th-music-o"]
PLOTTER TEMPLATE
change
PLOTTER TEMPLATE
[attr="class","th th-music-o"]
RELATIONSHIP TRACKER
do you believe in love?
RELATIONSHIP TRACKER
[attr="class","th th-music-o"]
THREAD TRACKER
eat me up alive
THREAD TRACKER
[attr="class","th th-music-o"]
TIMELINE TEMPLATE
1492
TIMELINE TEMPLATE
[attr="class","th th-music-o"]
POSTING TEMPLATE
get the funk out
POSTING TEMPLATE
[attr="class","th th-music-o"]
MULTI-PLOTTER TEMPLATE
hang on, lucy
MULTI-PLOTTER TEMPLATE
[attr="class","th th-music-o"]
PLOTTER TEMPLATE
i knew it
PLOTTER TEMPLATE
[attr="class","th th-music-o"]
DEVELOPMENT TEMPLATE
jump
DEVELOPMENT TEMPLATE
[attr="class","th th-music-o"]
POSTING TEMPLATE
kickstart my heart
POSTING TEMPLATE
[attr="class","th th-music-o"]
TECHNOLOGY TEMPLATE
living dead girl
TECHNOLOGY TEMPLATE
[attr="class","th th-music-o"]
POSTING TEMPLATE
modern day cowboy
POSTING TEMPLATE
[attr="class","th th-music-o"]
THREAD TRACKER
no more angels
THREAD TRACKER
[attr="class","th th-music-o"]
NECESSITIES TEMPLATE
on top of the world
NECESSITIES TEMPLATE
[attr="class","th th-music-o"]
DEVELOPMENT TEMPLATE
paranoid
DEVELOPMENT TEMPLATE
[attr="class","th th-music-o"]
POSTING TEMPLATE
queen of the reich
POSTING TEMPLATE
[attr="class","th th-music-o"]
MULTI-PLOTTER TEMPLATE
rebel yell
MULTI-PLOTTER TEMPLATE
[attr="class","th th-music-o"]
TECHNOLOGY TEMPLATE
shadowgraph
TECHNOLOGY TEMPLATE
[attr="class","th th-music-o"]
APPLICATION TEMPLATE
the hourglass
APPLICATION TEMPLATE
[attr="class","th th-music-o"]
MEMBER DIRECTORY TEMPLATE
unlucky mr. lucky
MEMBER DIRECTORY TEMPLATE
[attr="class","th th-music-o"]
MULTI-PLOTTER TEMPLATE
victory
MULTI-PLOTTER TEMPLATE
[attr="class","th th-music-o"]
APPLICATION TEMPLATE
with a head full of steam
APPLICATION TEMPLATE
[attr="class","th th-music-o"]
CHARACTER TRACKER
x-t-c
CHARACTER TRACKER
[attr="class","th th-music-o"]
THREAD TRACKER
you're the boss
THREAD TRACKER
[attr="class","th th-music-o"]
PLAYLIST TEMPLATE
zetsubou billy
PLAYLIST TEMPLATE
[googlefont=Roboto:400,700]
[googlefont=Poppins:400,800]
[newclass=.murderby]border:solid 1px #e3e3e3;padding:24px;background-color:#e9e9e9;width:600px;color:#222222;[/newclass]
[newclass=.murderby-img]width:600px;height:150px;[/newclass]
[newclass=.murderby-img img]height:150px;width:600px;[/newclass]
[newclass=.murderby-bar]background-color:#c43f3f;position:relative;overflow:hidden;[/newclass]
[newclass=.murderby-bar h1]position:absolute;height:106px;width:750px;background-repeat:no-repeat;background-image:url(https://i.ibb.co/qmQk1h7/Flower-Power-Tower.png);background-position:center center;mix-blend-mode:multiply;opacity:.1;margin:0px;[/newclass]
[newclass=.murderby-bar h2]position:relative;margin:0px;border-top:solid 3px rgba(33,33,33,.1);border-bottom:solid 3px rgba(33,33,33,.1);font:bold 10px Roboto;text-transform:uppercase;line-height:10px;text-align:left;padding:30px;[/newclass]
[newclass=.murderby-bar h2 div]font:800 30px Poppins;line-height:25px;padding-bottom:5px;color:#eeeeee;text-shadow:.75px .75px 0px rgba(33,33,33,.15), -.75px .75px 0px rgba(33,33,33,.15), .75px -.75px 0px rgba(33,33,33,.15), -.75px -.75px 0px rgba(33,33,33,.15);[/newclass]
[newclass=.murderby-left]background-color:#222222;float:left;padding:30px;width:150px;color:#eeeeee;font:10px Roboto;text-transform:uppwercase;text-align:justify;[/newclass]
[newclass=.murderby-left-1]background-color:#292929;padding:5px;margin-bottom:5px;[/newclass]
[newclass=.murderby-left-1 h1]position:absolute;width:137px;text-align:right;margin:0px;font:bold 10px Roboto;line-height:10px;padding:3px 0px;z-index:1;text-shadow:.75px .75px #292929,-.75px .75px 0px #292929,-.75px -.75px 0px #292929,.75px -.75px 0px #292929;[/newclass]
[newclass=.murderby-left-1 h2]position:relative;margin:0px;height:16px;background-color:#c43f3f;[/newclass]
[newclass=.murderby-left-2]margin-top:25px;font-size:11px;line-height:15px;letter-spacing:.2px;height:179px;[/newclass]
[newclass=.murderby-right]margin-left:210px;padding:25px;background-color:#eeeeee;border-bottom:solid 5px #c43f3f;[/newclass]
[newclass=.murderby-right-1]height:390px;overflow:auto;padding-right:15px;[/newclass]
[newclass=.murderby-right-1::-webkit-scrollbar-thumb:vertical]border:solid 1px #e3e3e3;background-color:#e9e9e9;border-radius:0px;[/newclass]
[newclass=.murderby-right-1::-webkit-scrollbar]border:none!important;background-color:transparent!important;border-radius:0px;width:5px;[/newclass]
[newclass=.murderby a]text-decoration:none!important;[/newclass]
[newclass=.murderby-right-1 div]border:solid 1px #e3e3e3;overflow:hidden;background-color:#e9e9e9;padding:19px;text-align:left;color:#bbbbbb;margin-bottom:10px;font:bold 10px Roboto;line-height:10px; }.murderby-right-1 .c { color:#222222!important;border-right:solid 2px #c43f3f!important; }.murderby-right-1 div i { float:left;color:#bbbbbb;margin-right:15px; }.murderby-right-1 .c i { color:#c43f3f!important;[/newclass]
[newclass=.murderby-right-1 div i::before]display:block;font-size:30px;line-height:30px;[/newclass]
[newclass=.murderby-right-1 div h1]margin:0px;font:bold 20px Roboto;line-height:15px;padding-bottom:5px;white-space:nowrap;letter-spacing:-.35px;[/newclass]