tarasv> Ну и чтобы не быть голословным в моих утверждениях. Вы постулировали что ваши цели при генерации HTML это минимальный трафик
Я сразу перетащил твое сообщение в профильную тему чтобы тему БД не забивали.
Но я могу сказать - я вот сейчас вожусь с Blogger так для себя - чтобы аккуратно подобрать стиль - надо повозиться - 90% кода это типа такого
.loading-spinner-large>div{
-webkit-animation:mspin-revrot 5332ms infinite steps(4);
animation:mspin-revrot 5332ms infinite steps(4)
}
.loading-spinner-large>div>div{
-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
background-size:100%;
height:48px;
width:3888px
}
.mspin-black-large>div>div,.mspin-grey_54-large>div>div{
background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)
}
.mspin-white-large>div>div{
background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)
}
.mspin-grey_54-large{
opacity:.54
}
@-webkit-keyframes mspin-singlecolor-large-film{
from{
-webkit-transform:translateX(0);
transform:translateX(0)
}
to{
-webkit-transform:translateX(-3888px);
transform:translateX(-3888px)
}
или
<div class="main_content_container clearfix">
<div class="page">
<div class="page_body">
<div class="centered">
<main class="centered-bottom" id="main" role="main" tabindex="-1">
<h2 class="main-heading">Posts</h2>
<div class="main section" id="page_body" name="Page Body"><div class="widget FeaturedPost" data-version="2" id="FeaturedPost1">
<div class="widget-content">
<div class="heroPost noimage">
<div class="big-post-title">
<div class="big-post-title-inner">
Т.е. контейнер в контейнере сидит и контейнером погоняет и для него просто прорва CSS вверху