[newclass=".counter li"]list-style:none;padding:0;margin:5px 2.5px;color:[var="text"];display:block;} .counter {counter-reset:list;font-family:'roboto','verdana';font-size:11px;} .counter li::before {float:left;counter-increment:list;content:counter(list,decimal-leading-zero);color:#fff;background:[var="back"];font-family:'sanchez';font-size:20px;padding:2.5px 5px;margin:2.5px 5px 2.5px 2.5px;} .counter h1 {display:block;font-family:'sanchez';text-align:right;font-size:35px;color:[var="title"];border-bottom:2px [var="title"] solid;margin:5px 0 10px 0;padding-right:30px;} .counter h2 {display:inline-block;font-family:'sanchez';font-size:12px;text-transform:uppercase;margin-top:2.5px;transition:all .2s ease-in-out;} .counter p {text-align:justify;margin:7.5px 35px;} .counter a {font-family:inherit;font-size:inherit;color:[var="accent"];border-bottom:2px transparent solid;transition:all .4s linear;} .counter a:hover {border-bottom:2px [var="accent"] solid;} .counter li:hover h2 {margin-left:5px;letter-spacing:0.5px;} .counter h2 a {color:[var="back"] !important;border-bottom:0 !important;[/newclass][googlefont="Roboto"][googlefont="Sanchez"][var name="accent" value="#ff6f6f"][var name="back" value="#000"][var name="text" value="#000"][var name="title" value="#000"][attr="class","counter"]

in-progress

1. thread title

   
   a short stroll with @luminescence

2. thread title

   
   event thread with @tag

[attr="class","counter"]

archived

1. how big, how blue, how beautiful

   
   completed with @wild

2. thread title

   
   completed with @tag

[attr="class","counter"]

abandoned

1. thread title

   
   this thread died

2. thread title

   
   it fell down and can't get up