List Separator

Hello, Is it possible to use this code "list separator" in to any theme example (M) Social theme?


dl.separator {
padding: 0;
overflow: hidden;
}

dl.separator dt {
width: 160px;
padding-right: 10px;
float: left;
clear: both;
}

dl.separator dd {
margin-left: 170px;
padding-left: 20px;
}
dl.separator dt {
position: relative;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
padding-top: 5px;
padding-bottom: 5px;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #DDD;
}

dl.separator dt:before {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 30px;
border-top: 1px solid #DDD;
}

dl.separator dt:after {
content: "";
position:absolute;
top: -3px;
right: -3px;
width: 5px;
height: 5px;
background: #FFF;
border: 1px solid #DDD;
border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }

Hi,

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) with this separator used? Then I'll be able to check it and eventually adjust the css a little.