Roman

Как я понимаю эта функция зависит о разрешения экрана, что видно просто меняя размер контейнера Result в jsfiddle. Научным методом тыка получился такой, наиболее стабильный вариант

.footer{
    width: 100%;
    height: 300px;
    color: #adadad;
    background-color:  rgba(0, 0, 0, .85);
    background-image: repeating-linear-gradient( -45deg, 
        transparent, transparent 0.27em, 
        rgba(51, 51, 51, .5) 0.001em, rgba(51, 51, 51, .5) 1em
    );
}

Хороший пример pikabu.

Хороших шаблонов для ЖЖ я не встречал, посмотри какими темами пользуется ТОП, может что-то найдётся.
Попробуй использовать медиа-запросы дополни CSS для старой темы, например так:

@media only screen and (min-width: 768px) and (max-width: 959px) {
/* правила */
}
@media only screen and (max-width: 767px) {
/* правила */
}